/* General */
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);*/
/* Dev Out Conexion */
@font-face {
    font-family: 'Raleway';
    src: url(../fonts/raleway/Raleway-Regular.ttf);
}
@font-face {
    font-family: 'Raleway-ExtraLight';
    src: url(../fonts/raleway/Raleway-ExtraLight.ttf);
}
@font-face {
    font-family: 'Raleway-Light';
    src: url(../fonts/raleway/Raleway-Light.ttf);
}
html{margin:0px !important;padding:0px !important;}
body{
border-top: 2px solid #fff;
font-family: 'Raleway', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.2em;
color:#494747;
position: relative;
}
p{margin:0; line-height: 1.1;}
h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:14px;}
h4{font-size:12px;}
.clear{clear:both;}
.margL0 { margin-left:0 !important; padding-left:0 !important; }
.margR0 { margin-right:0 !important; padding-right:0 !important; }
.nav-responsive-menu{z-index: 3000; text-transform: uppercase;}
.nav-responsive-menu .navbar-nav .caret{float: right;}
.title{ font-size: 30px; font-weight: lighter;}
.social-vertical{position: fixed; right: 0; top: 10%; z-index: 10000;
background: #fff; padding: 20px 25px 10px;
}
.social-vertical li{list-style: none; margin-bottom: 20px;}
.social-vertical li a{  padding: 5px; font-size: 25px; color: #a3a8ac; border-bottom: 1px solid #a3a8ac;}
.social-vertical{margin-bottom: 0px;}
.social-vertical li a.twitter { padding: 5px 0px;}
.social-vertical li a.youtube { padding: 5px 0px;}
.social-vertical li:last-child a{border-bottom: none;}
.social-vertical li a:hover{ color: #2ea8b5;}

/* ==== Header ==== */

header{ width: 100%; }
.top-header{  width: 100%; }
.menu-over{position: absolute; z-index: 2300;top: 50px;
}
.arrow-down-menu{display: none; position: absolute;left: 40%; opacity: .8; z-index: 600; bottom: -13px;}
.content-menu{box-shadow: 0px 9px 25px -9px #000101;}
.logo{background: rgba(255,255,255,0.8); padding: 20px 0px;}
.logo img{margin: 0 auto;*width: 50%; }
.jqueryslidemenu{background: rgba(0,153,168,0.8);}
.ic-search{ width: 60px; position: relative; }
.ic-search a{height: 100%!important; padding-left: 0px!important; width: auto!important;}
.ic-search a:hover:before{ right: 27%!important;}
.ic-search a i{color: #fff; font-size: 30px; border-left:1px solid #fff; padding-left: 15px; }

.box-search-inline{z-index: 5;  display: none; position:absolute;  width: 250px; right: 0px; bottom: -42px; background: #fff;}
.box-search-inline form input{height: 40px!important; border: none; border-radius: 0;}
/*.ic-search:hover{background: none;}
.ic-search:hover a{background: none;}*/
.show{display: block;}
.hide{display: none;}
/*.ic-search:hover .box-search-inline{display: block;}
.ic-search a:hover .box-search-inline{display: block;}*/

/**************** slider ***********************/
.anim-dots{left:45%!important; width: 10%!important; }
.anim-dots span{border-radius: 40px; background: #47508c; border: 1px solid #3b458e; }
.anim-dots span.anim-dots-this{border: 1px solid #2ba5b2;}
.anim-dots span.anim-dots-this::after{ top: 0px!important; left: 0px!important; border-radius: 40px; background: #2ba5b2!important; }
.owl-theme .owl-controls{
    margin: 0;
    position: absolute;
    top: 50%;
    width: 100%
}
.owl-theme .owl-controls .owl-buttons div{
    position: absolute;
    padding: 20px;
    border-radius: 0;
    font-size: 2em;
    background-color: #58c1d9;
    padding: 0px 10px;
    font-family: monospace;
    font-size: 2em;
}
.owl-prev{
    left: 2%
}
.owl-next{
    right: 2%
}

.services ul{
    padding: 0 5%;
}
.slider-caption{
    position: absolute;
    opacity: .6;
    left: 0%;
    top: 50%;
    bottom: 10%;
    width: 50%;
    background: url(../img/bg-caption-slider.png);
}

.caption-large{width: 80%!important;}
.item{
    max-height: 520px!important
}
#slider img{position: absolute;left: 0;top: 0;}
#slider .anim-slider{height: 700px; *height: 520px;}
#slider .anim-slider h1{width: auto;left: 10%;display: inline-block;}
#slider .s1i1,#slider .s2i1,#slider .s3i1{ height: 100%;}
.anim-slide{overflow: hidden;}        
#slider .s4i1{width: 100%;height: 100%}
.read-more-slide{font-size: 18px; color: #fff; border: 2px solid #fff; padding: 10px 25px;}
.read-more-slide:hover{color: #fff; text-decoration: underline;}
/*.read-more-slide:after{content: url(../img/arrow-next-white.png); padding-left: 5px; vertical-align: middle;}*/
#slider h1.s4t1{height: 44px; text-shadow: 0px 1px 0px rgba(150, 150, 150, 255); width: 30%; text-align: left; z-index: 9;top: 65%;left: 10%;font-weight: normal;font-size: 1.5em;}
#slider .content-slide{
  line-height: 1.3;
  text-align: left; 
    z-index: 9;top: 55%;left: 10%;color: #fff; width: 90%; font-size: 18px;} 
#slider h1.s4t2{
  text-shadow: 0px 1px 0px rgba(150, 150, 150, 0.2);
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
  text-align: left; 
  display: inline-block;
    z-index: 9;top: 5%;left: 10%;font-weight: normal;font-size: 3em; *width: 60%;} 

.white{color: #fff!important; }
.azul1{color: #0b9bbd!important;}
.azul2{
          color: #005f8b!important;
        }
        #slider h1 span{
          position: relative;
          display: inline;
          line-height: 1em
        }
        #slider .background-white h1{
          background-color: rgba(255,255,255,.7);
          line-height: 1em;
          margin-top: 10px;
          padding: 0 5px;
        }
        #slider .background-white h1:first-child{
          margin: 0;
        }
/* ==================== */

/*Slider*/
#slider{  width:100%; position:relative;
    -webkit-background-size: cover;
   background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */
 }

/* ======= Index ======= */

/* ========Section soluciones ===== */
/*Tabs css overwrite bootstrap*/
.content-tab-header{position: relative; padding: 20px;}
.tab-header{ *padding: 50px 10px 0px; bottom: -2px; position: absolute;}
.two-line{ padding-top: 0px; }
.one-line{ padding-top: 10px;}
.tab-header li{ 
display: inline-block;
vertical-align: text-bottom;
float: none!important;
height: 58px;
margin: 0px!important;  position: relative; border: 2px solid #2ba5b2;
width: 270px;
*transition: all 0.5s ease 0s;
}
.tab-header li.active:after{
  content: '';
  position: absolute;
  bottom: -29px;
  right: 47%;
  height: 0;
  width: 0;
  border: 15px solid transparent;
  border-bottom: 15px solid #34348F;
  -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    z-index: 994;}
.tab-header li:hover{color: #fff; *background: #34348f; border-color: #34348f; *height: 70px;}
.tab-header li:hover:after{
  content: '';
  position: absolute;
  bottom: -29px;
  right: 47%;
  height: 0;
  width: 0;
  border: 15px solid transparent;
  border-bottom: 15px solid #34348F;
  -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    z-index: 994;
}
/*.tab-header li:hover .down-arrow{ display: block; }*/
.tab-header li.active{background: #34348F;  border:none; height: 70px;}
.tab-header li:hover{background: #34348F; color: #fff;}
.tab-header li:hover a{color: #fff;}
.tab-header li.active.one-line{padding-top: 22px;}
.tab-header li.active.two-line{padding-top: 10px;}

.tab-header li a {height: 100%; display: block; *padding: 20px 50px 15px; font-size: 18px; color: #000;text-align: center;text-transform: uppercase;}
.tab-info{line-height: 1.2; font-size: 24px; padding: 40px 0; text-align: center; font-weight: lighter; margin-bottom: 0px;}
ul.tab-header  > li > a { color:#2ba5b2;}
ul.tab-header  > li > a:hover, 
ul.tab-header  li > a:focus  {
    background: #34348f;
    color: #fff;
    border-radius: 0px!important;
    *border-top: 10px solid red;
}
ul.tab-header > li.active > a{
  color: red; 
  /*margin-top: 10px;*/
}
li.active:after{
/*bottom:-40px!important;*/
}
ul.tab-header > li.active > a, 
ul.tab-header > li.active > a:hover, 
ul.tab-header > li.active > a:focus {
    background: #34348f;
    /*padding-bottom: 40px ;*/
    /*padding-left: 0px; padding-right: 0px;*/
    color: #fff;
    border-radius: 0px!important;
}
.tab-droguerias{
  background: url(../img/bg-droduist.jpg); height: 458px;
background-position: center center;
background-size: cover; 

}
.tab-medico{
  background: url(../img/bg-medico.jpg); height: 458px;
background-position: center center;
background-size: cover; 

}
.tab-sucursal{
  background: url(../img/bg-sucursal.jpg); height: 458px;
background-position: center center;
background-size: cover; 

}
.row-solution{background: #f0efee; border-top: 2px solid #bab9b9;}
.title-solution{margin: 30px 0px;}
.box-info-solution{color: #6f6f6f; margin-top: 70px; }
.box-info-solution .title{font-size: 50px; }
.box-info-solution .content{line-height: 1.4;}

.ctrl-btn-green{color:#85ccd3!important; padding: 0px!important; margin-top: 40px;}
.ctrl-btn-green a{color:#2ba5b2!important; }
.ctrl-btn-green-down{border-color:#85ccd3!important;}
/*.ctrl-btn-green-down a{color:#85ccd3!important;}*/

.more-hover{margin-top: 20px!important; font-size: 18px!important;   }

.more-hover:hover{ border-color: #393939!important; border: 2px solid #2ba5b2!important;}
.more-hover a{padding-top: 20px!important; padding-bottom: 15px!important;}
.more-hover a:hover{text-decoration: none; color: #85ccd3; background: #fff;}
.more-hover a:active{text-decoration: none;}
.more-hover a:focus{text-decoration: none;}
/* ========Section Product ===== */
.row-product{background: url(../img/bg-producto.jpg)no-repeat; 
/*  -webkit-background-size: 100%;
background-size: 100%; */
background-position: center center;
background-size: cover; 
height: 400px; color: #fff;

}
/*.row-product .section-title{margin: 50px 0px 30px;}*/
.row-product .content{text-align: center; line-height: 1.5;}
.row-btn-product{margin-top: 40px;}
.ctrl-btn{border: 2px solid #2ba5b2; transition: all 0.5s ease 0s; }
.ctrl-btn a{transition: all 0.5s ease 0s; font-family: 'Raleway-Light', sans-serif; font-weight: normal; 
font-size: 18px; text-align: center; color: #fff; display: block; padding: 14px 15px 9px 30px;
}
.ctrl-btn a i{padding-left: 20px; font-size: 30px; vertical-align: middle;}
.ctrl-btn:hover{ border-color: #fff; border: none;}
.ctrl-btn a:hover{ text-decoration: none; color: #85ccd3; background: #fff;}
/* ========Section ===== */
.section-title{text-align: center; font-size: 30px; font-weight: lighter;
font-family: 'Raleway-ExtraLight', sans-serif; margin: 60px 0px;
}
.o-black{background-color: #000;}
.o-blue{background-color: #353591;}
.box-content-overlay{position: relative;}
.overlay-middle{z-index: 5; overflow: hidden; padding: 20px 30px; opacity: .75;color: #fff; position: absolute; width: 50%; left: 0; bottom: 0; height: 100%;}
.o-right{ right: 0; left: auto;}
.overlay-middle .title{font-size: 30px;}
.overlay-middle .content{ line-height: 1.4; font-size: 15px;}

/*animation Image*/
.box-content-overlay img , .overlay-related img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
        max-width: 100%;
}
.box-content-overlay:hover img, .overlay-related:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.box-content-overlay:hover .overlay-middle{ background-color: #353591;}
/* just apply some height and width to the wrapper.*/
.box-content-overlay {overflow: hidden;}


.lnk-plus { display: none; padding: 10px 50px 50px 50px; position: absolute; left: 10%; top: 40%;}
.p-right{right: 25%; top: 40%; left: auto!important;}
/* Plus */
div.icon div.plus {
    width: 100px;
    height: 3px;
    background: #fff;position: absolute;left: 40%;top: 50%;z-index: 5;
}

div.icon div.plus:after {
content: '';position: absolute;width: 3px;
height: 100px;background: #fff;left: 50%;top: -50px;
}
.icon-plus{color: #2ba5b2; font-size: 60px; font-weight: lighter; vertical-align: middle;margin-left: 10px;}

.row-inspiration{margin-bottom: 40px;}
.content-row-inspiration{border-top: 5px solid #40aeba;}
._link-inspiracion{position: absolute; width: 100%; height: 100%; z-index: 4;}
/* ========= Page Organizacion ==================== */
.menu-full-width{z-index: 999; margin-top: -3px; height: 40px; position: fixed; width: 100%;}
.featured-banner .title{ text-shadow: 0px 1px 0px rgba(150, 150, 150, 255); font-size: 45px; color: #fff; margin-top: 27%;}
.featured-banner .message{ text-shadow: 0px 1px 0px rgba(150, 150, 150, 255); font-size: 22px; color: #fff;}
.bg-organization{background: url(../img/bg-organizacion.jpg) no-repeat; height: 470px;

 -webkit-background-size: cover;
   background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */
position: relative;
}
.box-breadcums{*height: 50px; text-transform: uppercase; 
  /*background-image: url(../img/bg-breadcums.png); */
  background: rgba(143,143,143,.33);
  position: absolute;bottom: 0px; width: 100%;}
.box-breadcums:after{
  content: '';
  position: absolute;
  bottom: -40px;
  right: 48.5%;
  height: 0;
  width: 0;
  border: 20px solid transparent;
  border-bottom: 20px solid rgba(143,143,143,.50);
  -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    z-index: 994;


}
.breadcrumb{margin-bottom: 0px; background: none; padding: 15px;}
.breadcrumb li a{*text-transform: uppercase; color: #fff; text-shadow: 0px 1px 0px rgba(150, 150, 150, 255);}
.breadcrumb > li + li::before {color: #fff;}
.breadcrumb > .active {
    color: #fff;
    font-weight: bold;
}
/*.row-bottom-bread{background: rgba(255,255,255,0.7); width: 100%;position: relative; height: 20px; }*/
.icon-down-bread{position: absolute; bottom: -19px;font-size: 60px!important; left: 48%;}
.row-page-title{margin-bottom: 50px; margin-top: 60px;}
.page-title{font-size: 48px; color: #2ba5b2; margin: 0px;}
.box-social{vertical-align: middle; margin-top: 30px;}
.box-social span, .social-horizontal{color: #bab9b9; font-size: 18px; text-transform: uppercase; display: inline!important; }
.social-horizontal li{display: inline-block;color: #bab9b9; margin-right: 30px;}
.social-horizontal li a{color: #bab9b9;}
.social-horizontal li a:hover{color: #2ba5b2;}
.item-we-us{margin-bottom: 60px; clear: both;}
.img-overlay{position: relative; overflow: hidden;}
.o-title, .o-message{position: absolute; color: #fff; left: 3%; right: 3%; padding-right: 25px;}
.o-title{*top: .2%; font-size: 29px; }
.o-message{top: 50%; font-size: 15px;}
.extract{margin-top: 40px;}

/* ========= Filosofia y Valores ==================== */
.list-logo li{list-style: none;}
.list-logo li img{margin: 0 auto;}
.publish .title{color: #6f6f6f; margin: 0px; margin-bottom: 15px;}
.publish .content{margin-top: 10px; color: #6f6f6f; line-height: 1.3;}
.valores{margin-top: 80px;}
.main-page{padding-bottom: 60px;}

/* ========= tecnologia ==================== */
.bg-tecnologia{background: url(../img/bg-tecnologia.jpg) no-repeat; 
height: 470px;

 -webkit-background-size: cover;
   background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */
position: relative;
}
.subtitle{font-size: 30px; line-height: 1.3;}
.row-featured-tec{margin-top: 45px; border-top:4px solid #40aeba; padding-top:6px;}
.overlay-related{position: relative; overflow: hidden;}
.overlay-related .hover{background: url(../img/bg-overlay.png);
position: absolute; top: 0px; left: 0px; width: 80%; height: 100%;
z-index: 5;
}
.hover-text{line-height: .9; position: absolute; z-index: 5; color: #fff;font-size: 30px; font-weight: bold; top:40%; left: 5%; }
.hover-text a{color: #fff; display: block;}
.overlay-related:hover .hover{background: url(../img/bg-overlay-hover.png);}
.r-padding{padding-left: 5px!important; padding-right: 5px!important;}
.r-padding:first-child{padding-left: 0px!important;}
.r-padding:last-child{padding-right: 0px!important;}

/*========= Page Contact =============== */
.info-contact{text-align: right; margin-top: 100px; font-size: 2rem;}
.btn-black{border: none; padding: 10px 30px; margin-top: 10px; font-size: 19px; background: #1c1c1c; border-radius: 10px; color:#e75204;}
.btn-md{width: 130px; margin-bottom: 10px;}
.btn-md a{color: #e75204; }

.form{margin-top: 40px;}
.form .form-control{color: #6f6f6f; height: 55px;  border: 2px solid #eaeaea; border-radius: 0px;  margin-bottom: 10px;}
.form .form-control:focus{box-shadow: none; *box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); }
.form textarea.form-control{min-height: 122px;}
.form .form-control::-moz-placeholder {color: #6f6f6f; text-transform: uppercase;}
.form label{text-transform: uppercase; font-size: 11px; font-weight: lighter;}

.set-padding-l{padding-left: 15px!important;}
.label-form{width: 100%;}

select{
  width: 100%;
    adding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#6f6f6f;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    padding-right: 20px!important;
    text-transform: uppercase;
}

label.label-form {position:relative}
label.label-form:after {
content:"\f0d7";font:22px 'FontAwesome', monospace;color:#3cadb3;right:10px; 
top:22%;padding:0 0 2px;position:absolute;pointer-events:none;
}
label.label-form:before {
content:'';right:6px; top:0px;width:20px; height:20px;
background:none;position:absolute;pointer-events:none;display:block;
}
.section-upload-file{ border-left:  1px solid silver; margin-left: 30px; padding-left: 25px;}
.add-file{font-size: 30px!important; margin-top: 5px; margin-bottom: 10px;}
.add-file-btn{border-color: #2babb4!important; position: relative;
display: inline-block;
background: url(../img/btn-explorar.jpg) no-repeat center right;
position: relative;
}
.add-file-btn span{display: inline-block; vertical-align: middle; position: absolute;
top:34%;
}
.btn-job-me{margin-top: 10px!important; width: 265px!important;}
.btn-contact {
  margin-top: 20px;
  float: right;
  border: none;
  -moz-box-shadow:inset 0px 1px 0px 0px #333791;
  -webkit-box-shadow:inset 0px 1px 0px 0px #333791;
  box-shadow:inset 0px 1px 0px 0px #333791;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #333791), color-stop(1, #292a6c) );
  background:-moz-linear-gradient( center top, #333791 5%, #292a6c 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333791', endColorstr='#292a6c');
  background-color:#333791;
  -webkit-border-top-left-radius:0px;
  -moz-border-radius-topleft:0px;
  border-top-left-radius:0px;
  -webkit-border-top-right-radius:0px;
  -moz-border-radius-topright:0px;
  border-top-right-radius:0px;
  -webkit-border-bottom-right-radius:0px;
  -moz-border-radius-bottomright:0px;
  border-bottom-right-radius:0px;
  -webkit-border-bottom-left-radius:0px;
  -moz-border-radius-bottomleft:0px;
  border-bottom-left-radius:0px;
  text-indent:0;
  display:inline-block;
  color:#ffffff;
  font-size:18px;
  font-weight:bold;
  font-style:normal;
  height:80px;
  line-height:30px;
  width:270px;
  text-decoration:none;
  text-align:center;
  /*text-shadow:1px 1px 0px #cc9f52;*/
  text-transform: uppercase;
}
.btn-contact:hover {
  color: #fff;
  text-decoration: none;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #292a6c), color-stop(1, #333791) );
  background:-moz-linear-gradient( center top, #292a6c 5%, #333791 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#292a6c', endColorstr='#333791');
  background-color:#292a6c;
}.btn-contact:active {
  position:relative;
  top:1px;
}


/* Sweep To Right */
.hvr-sweep-to-right {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-sweep-to-right:before {
  background: #2CA3B0!important;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/*=============*/
.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    /*max-width: 80%;*/
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    /*width: 1em;
    height: 1em;*/
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}
/* style 2 */

.inputfile-2 + label {
    color: #2babb4;
    border: 2px solid currentColor;
}

.inputfile-2:focus + label,
.inputfile-2.has-focus + label,
.inputfile-2 + label:hover {
    color: #2babb4;
}



/*=============*/

/*========= Page Productos  ===========*/
.row-action-product{margin-top: 20px;}
.ctrl-btn-white{border-color: #fff !important;}
#search{border: 1px solid #fff;
    font-size: 18px;
    position: relative;
}
#search label {
    right: 17px;
    position: absolute;
    top: 35%;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    max-width: 100%;
}
.form-search .form-control:-moz-placeholder {
    color: #2ea8b5!important;
    opacity: 1;
}
.form-search .form-control{ border-radius: 0px; padding: 15px 10px; height: auto;
display: block;
border: none;
}
.bg-producto-section{background: url(../img/bg-producto-section.jpg) no-repeat; 
  height: 470px;
 -webkit-background-size: cover;
   background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */
  position: relative;
}
.bg-producto-section-green{background: url(../img/bg-producto-section-green.jpg) no-repeat; 
  height: 470px;
 -webkit-background-size: cover;
   background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */
  position: relative;
}
.panel{

 /*background-color: #fff;*/
    border: none;
    border-radius: 0px!important;
    box-shadow: none;
    /*margin-bottom: 20px;*/

}
.panel-body {
    padding-top: 0px;
    border: none!important;
    border-top: 3px solid #dddcdb;
    /*background: red;*/
}
.panel-white{background: #fff;}
.panel-heading{ border-bottom: 3px solid #9a9a9a!important;  }
.border-c-gray{ border-bottom-color:#dddcdb!important;  }
.border-c-gray-tall{ border-bottom-color:#9a9a9a!important;  }
.panel-title a{display: block; font-size: 30px;}
.panel-title a i{color: #51acb6; float: right; margin-right: 10px;}
.tabs-info { font-weight: normal; }
.nav-stacked > li + li {
    /*margin-left: 0;*/
    margin-top: 0px;
}
.tabs-product .nav > li > a { 
  color:#888888;
  border-bottom: 1px solid #9a9a9a;
}
.tabs-product .nav > li > a:hover, .nav li > a:focus  {
    background: #f0efee;
    *color: #595758;
    border-bottom: 3px solid #323281;
}
.tabs-product .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background: #f0efee;
    color: #6f6f6f;
    border-bottom: 3px solid #323281;
}
.tabs-product .nav-pills > li > a{
  padding: 10px 5px 10px 15px;
  background: #fff;
  margin-bottom: 0px;
  text-align: left;
  color: #6f6f6f;
  border-radius: 0px;
}

.bg-tabs-content{background: #f0efee;}
.no-padding{padding-left: 0px; padding-right: 0px;}
.no-p-right{padding-right: 0px;}
.no-p-left{padding-left: 0px;}
.conten-info-menu{padding-top: 30px;}
.letter{font-weight: bold; padding: 40px; text-transform: uppercase; font-size: 40px;color: #2d93ab; background: #333388; display: block;text-align: center;}
.hvr-sweep-to-top:before{background: #2d93ab!important;}
.row-item-product{margin-bottom: 30px;}
.letter:hover{text-decoration: none;}
.list-link-product{padding-left: 0px;}
.list-link-product li{list-style: none; *margin-bottom: 10px; color: #4d4d4d;}
.list-link-product li a{font-size: 14px; color: #4d4d4d; display: block; padding: 10px 10px;}
.list-link-product li a:hover{text-decoration: none;  color: #333388;}
.list-link-product li a:visited{ color: #333388;}
.hvr-shutter-out-horizontal{background: none!important;}
.hvr-shutter-out-horizontal:before{background: #fff!important;}

/* ============= Detalle Producto ====== */
.sub-panel-body{background: #f0efee;}
.sub-panel-body .panel{background: none;}
.sub-panel-body .panel-title a{font-size: 18px;}
.sub-panel-body .sub-list-product li a{padding-left: 0px;}
.cheatshet-product .title:first-child{margin-bottom: 40px;}
.cheatshet-product .title{margin-bottom: 30px;}
.cheatshet-product .description{color: #6f6f6f; line-height: 1.3;}
.cheatshet-product .bold{font-weight: bold;}
.btn-especial:hover{border-color:#2ba5b2!important; }
.btn-especial a:hover{background: none; color:#fff; }
.row-product-related{margin-top: 60px;}
.item-product{min-height: 230px; border: 3px solid #f0efee; position: relative;}
.item-product .label-product{text-align: center; color: #fff; font-weight: bold; font-size: 14px; padding: 20px 5px; *background: rgba(43,165,178,.9); position: absolute; width: 100%; left: 0; bottom: 0;}
.item-product .label-product a{color: #fff; font-weight: bold; font-size: 14px; padding: 20px 5px; background: rgba(43,165,178,.9); position: absolute; width: 100%; left: 0; bottom: 0;}

/* ========= Blog ==================== */
.head-blog{
  widows: 100%;
  background: #dee0de;
}
.head-blog .content-menu{box-shadow: none;}
.head-blog .shadow{position: relative; border: 1px solid transparent; }
.head-blog .shadow:before, .head-blog .shadow:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.head-blog .shadow:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.header-msg{color: #fff; text-align: right; padding-top: 40px; padding-right: 20px;}
.head-blog-title{height: 110px;}
.page-blog{padding-top: 50px;}
.box-post{background: #fff; margin-top: 35px; }
.box-post .post{ position: relative; padding-bottom: 55px;}
.box-post .post-2-row{ padding-bottom: 5px;}
.box-post .post .img{position: relative;}
.box-post .post .img .label-title{padding-left: 25px; position: absolute; bottom: 30%; background: #fff; width: 90%; left: 0;}
.box-post .post .img .label-title .title{margin-bottom:25px; margin-top: 25px; }
.box-post .post .img .box-publish{position: relative;}
.box-post .post .img .box-publish li a{font-size: 12px;}
.box-post .post .img img{width: 100%; border-bottom: 5px solid #45a2ad;}
.box-post .post .title{ color: #6f6f6f; margin-bottom: 35px;}
.box-post .post .title a{ color: #6f6f6f; transition: all 0.5s ease 0s;}
.box-post .post .title a:hover{ text-decoration: none; color: #2CA6B2; }
.box-post .post .content{ padding: 30px; }
.box-post .post p{ line-height: 1.3; margin-bottom: 20px;}

.box-publish {padding: 20px 30px; background: #3d3d84; position: absolute; bottom: 0; left: 0; margin-bottom: 0px;}
.box-publish li{display: inline-block;}
.box-publish li a{color: #45a2ad;}
.box-publish li a:after{content: " | ";}
.box-publish li:last-child a:after{content: "";}
.box-publish li a:hover{color: #fff;}

.row-pagination-blog { padding: 20px 0px; }
.row-pagination-blog .pagination-square { display: table; padding-left: 0; margin: 0 auto; }
@media only all and (max-width: 480px) { .row-pagination-blog .pagination-square { display: block; width: 100%; } }
.row-pagination-blog .pagination-square li { display: inline;}
.row-pagination-blog .pagination-square li a { color:#393939;}
.row-pagination-blog .pagination-square li.active { background: #529fa9; color: #fff !important; cursor: default; z-index: 2; }

.row-pagination-blog .pagination-square li {   float: left; line-height: 1.42857; margin-left: -1px; padding: 6px 12px; position: relative; text-decoration: none; color: #3b3b3b; font-family: "OpenSansLight", sans-serif; font-size: 20px; transition: all 0.5s ease 0s; }
/*.row-pagination-blog .pagination-square li a:after { content: "\f111"; font-family: 'FontAwesome'; font-size: 5px; vertical-align: middle; margin-left: 50%; }*/
.row-pagination-blog .pagination-square li span {padding-top: 10px; padding-left: 10px; display: inline-block; vertical-align: bottom; font-weight: bold;}
.row-pagination-blog .pagination-square li a:hover {color:#fff;}
.row-pagination-blog .pagination-square li: { background: #529fa9; color: #fff; }
.row-pagination-blog .pagination-square li.active { color: #087dae; }
.row-pagination-blog .pagination-square li:last-child:after { content: ""; }


.btn-pagination {color: #fff !important; background: #529fa9; display: block; text-align: center; text-transform: uppercase; padding: 10px 0px; transition: all 0.5s ease 0s; font-family: "OpenSansLight", sans-serif; font-size: 12px; }
.btn-pagination a {color:#fff !important;}
@media only all and (max-width: 767px) { .btn-pagination span { text-indent: -9999px; display: none; } }
@media only all and (max-width: 480px) { .btn-pagination span { text-indent: -9999px; display: none; } }
.btn-pagination i { vertical-align: sub; font-size: 30px; font-weight: lighter; }
@media only all and (max-width: 480px) { .btn-pagination i { vertical-align: middle; margin-right: 0px !important; margin-left: 0px !important; } }
.btn-pagination:hover { background: #3D3D84; color: #fff; }
.btn-pagination.prev i { margin-right: 10px; }
.btn-pagination.next i { margin-left: 10px; }


.sidebar-blog{
  /*margin-top: 35px;*/
}
.widget{margin-top: 35px;}
.widget p{margin-top: 25px; line-height: 1.3;}
.widget .title{margin-bottom: 0px; padding-left: 8px; color: #3d3d84; padding-bottom: 13px; font-size: 35px; border-bottom: 2px solid #3d3d84;}
.input-search{width: 100%; height: 40px; border-radius: 0px; border: none; display: block; position: relative; padding-right: 35px;}
.form-group_{position: relative;}
.form-group_:after{
  content:"\f002";
  font:22px 'FontAwesome', monospace;color:#d8d8d4;right:10px; 
top:22%;padding:0 0 2px;position:absolute;pointer-events:none;z-index: 3; }
.lb-year{cursor: pointer;display: block;}
.list-item-post{margin-top: 0; padding-left: 0px;}
.list-item-post li{list-style: none; border-bottom:2px solid #e1e1e0; padding: 15px 10px 15px 25px;}
.list-item-post li a{display: block; color: #6f6f6f; font-size: 18px; font-family: 'Raleway-Light', sans-serif; font-weight: normal; }
.sublist{ margin-left: -25px;}
.sublist li:last-child{border-bottom: none; padding-bottom: 0px;}
.list-social-gray{
  display: table;
  margin:0 auto;
}
.list-social-gray li{position: relative;}
.list-social-gray li:after{  content: ""; left: 45px; top: -5px; height: 35px;  background: #a8a9a8; width: 1px;  position: absolute;}
.list-social-gray li:last-child:after{  content: "";  height: 0px;  width: 0px; }
.list-social-gray li a i{color: #a8a9a8;}

.box-comments{ margin-top: 50px;}
.box-comments .head{background: #43438c; padding: 15px 20px;}
.box-comments .head p{font-size: 18px; color: #45a2ad;}
.box-comments .comment{padding: 30px;border-bottom: 5px solid #2ea8b5;}
.box-comments .comment .by{ font-weight: bold;font-size: 15px; }
.box-comments .comment .date{ color: #7b7b7b; font-size: 12px;}
.box-comments .comment .write{ font-weight: bold; color: #7b7b7b; margin-top: 20px;}

/* ========= Footer ==================== */
.modal-laproff .label-close{font-size: 13px; opacity: 1!important; background: none;}
.modal-laproff .modal-header{border-bottom-style: dotted; }
.modal-laproff .modal-title{font-size: 20px; font-weight: bold; color: #2CA3B0;}
.modal-laproff .modal-body p{margin-top: 15px; line-height: 1.2;}
.modal-laproff .modal-body .warning{background: #2CA3B0; color: #fff; display: block;
padding: 10px 30px 10px 10px; font-size: 25px; font-weight: bolder; position: relative; left: -21px;
margin: 0px 0px 20px!important;
width: 40%;text-transform: uppercase;
text-align: right;
}
.modal-laproff .modal-body .warning:after{content: ""; background: #2CA3B0;
position: absolute;transform:skew(-20deg);right: -25px;padding: 22px 30px 25px 10px;top: 0;bottom: 0;
 }
 .row-btn-modal-footer{margin-top: 20px;}
.btn-modal-acept{transition: all 0.5s ease 0s; cursor: pointer; background: #2F3281; padding: 10px 20px; text-align: center; color: #fff;}
.btn-modal-acept:hover{background:#3c40a9; }
.btn-modal-cancel{border-radius: 0px; transition: all 0.5s ease 0s;border: 2px solid #2CA3B0;  color:#2CA3B0; padding: 8px 20px; text-align: center; font-weight: bold;}
.btn-modal-cancel:hover{border: 2px solid #2CA3B0;  color:#fff;  background: #2CA3B0;}

#sticky.stick{position: relative;right: 0px;}
#sticky {position: fixed;bottom: 0;right: 100px;z-index: 10000;}
.btn-chat{display: block; background: #2ca3b0; color: #fff; padding: 10px 30px; }
.btn-chat:hover{ color: #fff; text-decoration: underline;}
.btn-chat img{ margin-left: 10px;}
footer{border-bottom: 8px solid #40aeba;color: #fefefe; *margin-top: 40px;}
.row-info-footer{background: #393939;  padding: 35px 0 20px 0;}
.logo-footer{margin: 0 auto;}
.b-left{border-left: 1px solid #4c4c4c;}
.b-right{border-right: 1px solid #4c4c4c;}
.list-link{ padding-left: 0px;}
.list-link li{list-style: none; margin-bottom: 20px; }
.list-link li a{color: #fff; font-family: 'Raleway-Light', sans-serif; }
.list-link li a:hover{color: #2ba5b2; text-decoration: none; }
.list-social{ vertical-align: middle; margin-top: 20px; }
.list-social li{ display: inline-block; margin-bottom: 5px; padding-right: 50px;}
.list-social li a{ color: #fff;}
.list-social li a.facebook :hover{ color: #3A5795;}
.list-social li a.twitter :hover{ color: #55ACEE;}
.list-social li a.youtube :hover{ color: #E6262D;}
.list-social li i{ font-size: 25px;}
.bottom-footer{font-size: 13px; background: #4c4c4c; padding: 20px 0;}
.bottom-footer p{line-height: 1.5;}
.a-right{text-align: right;}
span.tel{color: #2ca2af;}

/* ============================================================ */
/* ********************* Querys **************************/
/*  (devices and browsers) LG */
@media only screen and (min-device-width: 1900px) and (max-device-width: 2500px) {
  #slider .anim-slider{height: 690px;}
  .menu-full-width .logo{width: 30%; float: right; margin-right: 10%;}
  .bg-logo{background: #fff;}
/*.menu-full-width{border: 1px solid red;}*/
.menu-full-width .col-lg-3{width: 34%;}
.menu-full-width .col-lg-9{width: 66%;}

#slider .anim-slider {
    height: 750px;
}
.slider-caption{
/*    position: absolute;
    opacity: .6;
    left: 0%;
    top: 50%;
    bottom: 10%;*/
    width: 55%;

}

.caption-large{width: 75%!important;}
#slider .anim-slider h1{width: auto;left: 20%;display: inline-block;}

.read-more-slide{color: #fff; border-left: 1px solid #fff!important;}
.read-more-slide:hover{color: #fff; text-decoration: underline;}
#slider h1.s4t1{width: 50%; top: 65%;left: 37%!important;font-size: .9em;}
#slider .content-slide{
  line-height: 1.3;
    z-index: 9;top: 50%;left: 37%;width: 90%;
  } 
.white{color: #fff!important; }
#slider h1.s4t2{
  padding-bottom: 5px;
    z-index: 9;top: 20%;left: 37%;font-weight: normal;font-size: 1.9em; 

  } 

  .caption-large .s4t2, .caption-large .content-slide{
    left: 26%!important;
  }

}

@media screen and (min-device-width: 1500px) and (max-device-width: 1800px) { 
    .read-more-slide{color: #fff; border-left: 3px solid #fff!important;}
    .menu-full-width .logo{*width: 30%; float: right; margin-right: 10%;}
    .bg-logo{background: #fff; height: 100%!important;}
    .menu-full-width .col-lg-3{width: 29%;}
    .menu-full-width .col-lg-9{width: 71%;}


.slider-caption{
/*    position: absolute;
    opacity: .6;
    left: 0%;
    top: 50%;
    bottom: 10%;*/
    width: 60%;

}

.caption-large{width: 80%!important;}
#slider .anim-slider h1{width: auto;left: 20%;display: inline-block;}

.read-more-slide{color: #fff; border-left: 1px solid #fff!important;}
.read-more-slide:hover{color: #fff; text-decoration: underline;}
#slider h1.s4t1{width: 50%; top: 65%;left: 22%;font-size: .9em;}
#slider .content-slide{
  line-height: 1.3;
    z-index: 9;top: 50%;left: 22%;width: 90%;
  } 
.white{color: #fff!important; }
#slider h1.s4t2{
  padding-bottom: 5px;
    z-index: 9;top: 20%;left: 22%;font-weight: normal;font-size: 1.9em; 

  } 

  .caption-large .s4t2, .caption-large .content-slide{
    left: 20%!important;
  }

}

@media only screen and (min-width: 12001px) and (max-width: 1500px) {
.read-more-slide{z-index: 30; color: #fff; border-left: 3px solid #fff!important;}
#slider .anim-slider{height: 600px;}
#slider .anim-slider h1{width: auto;left: 10%;display: inline-block;}
#slider .s1i1,#slider .s2i1,#slider .s3i1{ height: 100%;}
.anim-slide{overflow: hidden;}        
#slider .s4i1{width: 100%;height: 100%}
.read-more-slide{color: #fff; border-left: 3px solid #fff!important;}
.read-more-slide:hover{color: #fff; text-decoration: underline;}
#slider h1.s4t1{width: 50%; text-align: left; z-index: 9;top: 65%;left: 7%;font-weight: normal;font-size: .9em;}
#slider .content-slide{
  line-height: 1.3;
  text-align: left; 
    z-index: 9;top: 50%;left: 7%;color: #fff; width: 90%;
  display: block;
  /*border: 1px solid red;*/
  } 
#slider h1.s4t2{
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
  text-align: left; 
  display: inline-block;
    z-index: 9;top: 20%;left: 7%;font-weight: normal;font-size: 1.9em; *width: 60%;} 

.white{color: #fff!important; }
.azul1{color: #0b9bbd!important;}
.azul2{
          color: #005f8b!important;
        }
        #slider h1 span{
          position: relative;
          display: inline;
          line-height: 1em
        }
        #slider .background-white h1{
          background-color: rgba(255,255,255,.7);
          line-height: 1em;
          margin-top: 10px;
          padding: 0 5px;
        }
        #slider .background-white h1:first-child{
          margin: 0;
        }
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
.title{ font-size: 30px; font-weight: lighter;}

/* ==== Header ==== */
.menu-over{*border:3px solid red; position: absolute; z-index: 2300;top: 50px;}
.menu-full-width .jqueryslidemenu ul li a{font-size: 15px; width: 124px;}
.ic-search a{padding-left: 0px!important; width: 30px!important;}
.ic-search a i{font-size: 25px; border-left:1px solid #fff; padding-left: 10px; }
/**************** slider ***********************/
.anim-dots{left:6%!important; width: 40%!important; bottom: 10px!important; }
.anim-dots span{border-radius: 40px; background: none; border: 1px solid #fff; }
.anim-dots span.anim-dots-this{border: 1px solid #2ba5b2;}
.anim-dots span.anim-dots-this::after{ top: 0px!important; left: 0px!important; border-radius: 40px; background: #2ba5b2!important; }
.owl-theme .owl-controls{
    margin: 0;
    position: absolute;
    top: 50%;
    width: 100%
}
.owl-theme .owl-controls .owl-buttons div{
    position: absolute;
    padding: 20px;
    border-radius: 0;
    font-size: 2em;
    background-color: #58c1d9;
    padding: 0px 10px;
    font-family: monospace;
    font-size: 2em;
}

.slider-caption{
    position: absolute;
    bottom: 40px;
    width: 60%;
    text-align: right;
}

.slider-caption h2{margin: 0 auto;min-width: 30%;max-width: 80%;text-align: right;
    display: inline-block;padding: 0 3%;font-size: 2.5em;font-weight: lighter;color: #58c1d9;
    background-color: rgba(255,255,255,.8);margin-right: 5%;
}
.slider-caption p{max-width: 80%;font-size: 2em; margin: 0 auto;
    display: inline-block;margin-right: 5%;width: auto;padding: 0 3%;color: #272727;
}

.item{
    max-height: 520px!important
}
#slider img{position: absolute;left: 0;top: 0;}
#slider .anim-slider{height: 600px;}
#slider .anim-slider h1{width: auto;left: 10%;display: inline-block;}
#slider .s1i1,#slider .s2i1,#slider .s3i1{ height: 100%;}
.anim-slide{overflow: hidden;}        
#slider .s4i1{width: 100%;height: 100%}
.read-more-slide{color: #fff; border: 1px solid #fff; padding: 10px 30px;}
.read-more-slide:hover{color: #fff; text-decoration: underline;}
#slider h1.s4t1{width: 50%; text-align: left; z-index: 9;top: 65%;left: 7%;font-size: .9em; height: 44px}
#slider .content-slide{
  line-height: 1.3;
  text-align: left; 
    z-index: 9;top: 50%;left: 7%;color: #fff; width: 90%;
  display: block;
  /*border: 1px solid red;*/
  } 
#slider h1.s4t2{
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
  text-align: left; 
  display: inline-block;
    z-index: 9;top: 20%;left: 7%;font-weight: normal;font-size: 1.9em; *width: 60%;} 

.white{color: #fff!important; }
.azul1{color: #0b9bbd!important;}
.azul2{
          color: #005f8b!important;
        }
        #slider h1 span{
          position: relative;
          display: inline;
          line-height: 1em
        }
        #slider .background-white h1{
          background-color: rgba(255,255,255,.7);
          line-height: 1em;
          margin-top: 10px;
          padding: 0 5px;
        }
        #slider .background-white h1:first-child{
          margin: 0;
        }
/* ==================== */

/*Slider*/
#slider{  width:100%; position:relative;
    -webkit-background-size: cover;
   background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */
  margin-top: 0px;
 }
 .navbar-toggle{z-index: 20;}

/* ======= Index ======= */

/* ========Section soluciones ===== */
/*Tabs css overwrite bootstrap*/
.content-tab-header{ padding: 30px 40px;}
.tab-header li:hover{ border-color: #34348f;}
.tab-header li a {padding: 20px 10px 15px; font-size: 18px; color: #000;display: block;text-align: center;text-transform: uppercase;}
.tab-info{line-height: 1.2; font-size: 24px; padding: 40px 0; text-align: center; font-weight: lighter; margin-bottom: 0px;}
.tab-header li.active.one-line{padding-top: 1px;}
.tab-header li.active.two-line{padding-top: 1px;}
.two-line{ padding-top: -20px!important; position: relative; }
.one-line{ padding-top: 0px;}

.row-solution{ padding-bottom: 0px;}
.title-solution{font-size: 25px; margin: 10px 0px!important; clear: both; position: relative;}
.box-info-solution{color: #6f6f6f; margin-top: 30px; }
.box-info-solution .title{font-size: 30px; }

/* ========Section Product ===== */
.row-product{background: url(../img/bg-producto.jpg)no-repeat; 
background-position: center center;
background-size: cover; 
height: 350px; color: #fff;

}
.row-product .section-title{margin: 20px 0px 20px;}
.row-product .content{text-align: center; line-height: 1.5;}
.row-btn-product{margin-top: 40px;}
.ctrl-btn{border: 2px solid #85ccd3;}
.ctrl-btn a{font-family: 'Raleway-Light', sans-serif; *font-weight: lighter; font-size: 18px; text-align: center; color: #fff; display: block; padding: 10px 5px 10px 20px;
}
.ctrl-btn a i{padding-left: 20px; font-size: 30px; vertical-align: middle;}
.ctrl-btn a:hover{text-decoration: none; color: #85ccd3; background: #fff;}
/* ========Section ===== */
.r-margR0{padding-right: 0px!important; }
.r-margL0{padding-left: 0px!important; }
.section-title{
  clear: both;
display: block;
font-family: 'Raleway-ExtraLight', sans-serif; margin: 30px 0px;

padding-top: 20px;
padding-bottom: 30px;
}

.overlay-middle{overflow: hidden; padding: 20px 25px; opacity: .6;color: #fff; position: absolute; width: 50%; left: 0; bottom: 0; height: 100%;}
.o-right{ right: 0; left: auto;}
.overlay-middle .title{font-size: 22px;}
.overlay-middle .content{ font-size: 16px; }

/* ========= Page Organizacion 1024 ==================== */
.featured-banner .title{ font-size: 30px; margin-top: 36%;}
.featured-banner .message{ font-size: 19px;}
.icon-down-bread{ left: 43%;}
.social-horizontal{padding-left: 5px;}
.social-horizontal li{ margin-right: 10px;}
.item-we-us{margin-bottom: 60px; }
.img-overlay{position: relative; overflow: hidden;}
.o-title{font-size: 20px; top: 2px!important; margin-top: 5px; }
.o-message{ top: 40%; }
.extract{margin-top: 20px;}

/* ========= Historia 1024 ==================== */
.historia p{margin-top: 20px;}
.square-year:before {
  right: 13%!important;
  bottom: -35!important;
}

.row-mision-vision .publish{margin-top: 20px;}
/* ========= Filosofia y Valores 320 x 480 ==================== */
.valores{margin-top: 40px;}

/* ========= tecnologia 1024 ==================== */
.hover-text{font-size: 23px; }

/*========= Page Contact 1024 =============== */
.info-contact{margin-top: 30px;}
.form{margin-top: 40px;}
.form .r-padding{padding-left: 15px!important; padding-right: 15px!important;}
.section-upload-file{ border-left:none; margin-left: 0px; padding-left: 15px;}
.add-file{font-size: 20px!important;}


/*========= Page Productos 1024 ===========*/
.bg-producto-section .title{margin-top: 25%;}
.bg-producto-section-green .title{margin-top: 25%;}

.panel-title a{display: block; font-size: 25px;}
.panel-title a i{color: #51acb6; float: right; margin-right: 10px;}
.letter{padding: 20px;  font-size: 30px;}
.row-item-product{margin-bottom: 30px;}

/* ========= Footer ==================== */
.logo-footer{margin: 0 auto; padding-bottom: 50px;}
.list-link{ padding-left: 0px; margin-bottom: 30px;}
.list-social{ padding-left: 50px; margin-top: 20px; }
.list-social li{ display: inline-block; margin-bottom: 5px; padding-right: 20px;}
.a-right{text-align: center; margin-top: 0px;}

}
/* Tablet Portrait size to standard 960 (devices and browsers)  MD*/
@media only screen and (min-width: 768px) and (max-width: 1023px) { 


.title{ font-size: 30px; font-weight: lighter; *color: red!important;}

/* ==== Header ==== */
.top-header{  width: 100%; }
.menu-over{position: absolute; z-index: 2300;top: 50px;}
.menu-full-width .jqueryslidemenu ul li a{font-size: 11px; width: 90px;}
.ic-search a{padding-left: 0px!important; width: 30px!important;}
.ic-search a i{font-size: 25px; border-left:1px solid #fff; padding-left: 10px; }
/**************** slider ***********************/
.anim-dots{left:6%!important; width: 40%!important; }
.anim-dots span{border-radius: 40px; background: none; border: 1px solid #fff; }
.anim-dots span.anim-dots-this{border: 1px solid #2ba5b2;}
.anim-dots span.anim-dots-this::after{ top: 0px!important; left: 0px!important; border-radius: 40px; background: #2ba5b2!important; }
.owl-theme .owl-controls{
    margin: 0;
    position: absolute;
    top: 50%;
    width: 100%
}
.owl-theme .owl-controls .owl-buttons div{
    position: absolute;
    padding: 20px;
    border-radius: 0;
    font-size: 2em;
    background-color: #58c1d9;
    padding: 0px 10px;
    font-family: monospace;
    font-size: 2em;
}

.slider-caption{
    position: absolute;
    bottom: 60px;
    width: 100%;
    text-align: right;
}

.slider-caption h2{margin: 0 auto;min-width: 30%;max-width: 80%;text-align: right;
    display: inline-block;padding: 0 3%;font-size: 2.5em;font-weight: lighter;color: #58c1d9;
    background-color: rgba(255,255,255,.8);margin-right: 5%;
}
.slider-caption p{max-width: 80%;font-size: 2em; margin: 0 auto;
    display: inline-block;margin-right: 5%;width: auto;padding: 0 3%;color: #272727;
}

.item{
    max-height: 520px!important
}
#slider img{position: absolute;left: 0;top: 0;}
#slider .anim-slider{height: 400px;}
#slider .anim-slider h1{width: auto;left: 10%;display: inline-block;}
#slider .s1i1,#slider .s2i1,#slider .s3i1{ height: 100%;}
.anim-slide{overflow: hidden;}        
#slider .s4i1{width: 100%;height: 100%}
.read-more-slide{color: #fff; border: 1px solid #fff; padding: 10px 30px;}
.read-more-slide:hover{color: #fff; text-decoration: underline;}
/*.read-more-slide:after{content: url(../img/arrow-next-white.png); padding-left: 5px; vertical-align: middle;}*/
#slider h1.s4t2{
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
    top: 1%;
    left: 7%;
    font-size: 1.3em; 
  } 
#slider .content-slide{
  line-height: 1.3;
  text-align: left; 
    z-index: 9;top: 45%;left: 5%;color: #fff; width: 90%;
  display: block;
  } 
#slider h1.s4t1{
  
  width: 50%; text-align: left; z-index: 159;top: 60%;
  left: 7%;font-weight: normal;
  font-size: .9em;}

.white{color: #fff!important; }
.azul1{color: #0b9bbd!important;}
.azul2{
          color: #005f8b!important;
        }
        #slider h1 span{
          position: relative;
          display: inline;
          line-height: 1em
        }
        #slider .background-white h1{
          background-color: rgba(255,255,255,.7);
          line-height: 1em;
          margin-top: 10px;
          padding: 0 5px;
        }
        #slider .background-white h1:first-child{
          margin: 0;
        }
/* ==================== */

/*Slider*/
#slider{  width:100%; position:relative;
    -webkit-background-size: cover;
   background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */
  margin-top: 0px;
 }
 .navbar-toggle{z-index: 20;}

/* ======= Index ======= */

/* ========Section soluciones ===== */
/*Tabs css overwrite bootstrap*/
.content-tab-header{ padding: 20px 20px; }
.tab-header{width: 98%;}
.tab-header li{width: 30%;}
.tab-header li:hover{ border-color: #34348f;}
.tab-header li a {*padding: 0 5px!important; padding: 20px 20px 15px!important; font-size: 18px;}
.tab-info{line-height: 1.2; font-size: 24px; padding: 40px 0; text-align: center; font-weight: lighter; margin-bottom: 0px;}

.tab-droguerias{
  /*background: url(../img/bg-droduist.jpg) no-repeat 20% center;*/
  background-position:   20% center;
  height: 458px; 

}
.tab-medico{
  height: 458px;
background-position: 20% center;


}
.tab-sucursal{
height: 458px;
background-position: 0% center;

}

.row-solution{ padding-bottom: 0px;}
.title-solution{font-size: 25px; margin: 10px 0px!important; clear: both; position: relative;}
.box-info-solution{color: #6f6f6f; margin-top: 30px; }
.box-info-solution .title{font-size: 30px; }

/* ========Section Product ===== */
.row-product{background: url(../img/bg-producto.jpg)no-repeat; 
background-position: center center;
background-size: cover; 
height: 350px; color: #fff;

}
.row-product .section-title{margin: 20px 0px 20px;}
.row-product .content{text-align: center; line-height: 1.5;}
.row-btn-product{margin-top: 40px;}
.ctrl-btn{border: 2px solid #85ccd3;}
.ctrl-btn a{font-family: 'Raleway-Light', sans-serif; *font-weight: lighter; font-size: 18px; text-align: center; color: #fff; display: block; padding: 10px 5px 10px 20px;
}
.ctrl-btn a i{padding-left: 20px; font-size: 30px; vertical-align: middle;}
.ctrl-btn a:hover{text-decoration: none; color: #85ccd3; background: #fff;}
/* ========Section ===== */
.r-margR0{padding-right: 0px!important; }
.r-margL0{padding-left: 0px!important; }
.section-title{
  clear: both;
display: block;
font-family: 'Raleway-ExtraLight', sans-serif; margin: 30px 0px;

padding-top: 20px;
padding-bottom: 30px;
}
.overlay-middle{overflow: hidden; padding: 5px 15px; opacity: .6;color: #fff; position: absolute; width: 50%; left: 0; bottom: 0; height: 100%;}
.o-right{ right: 0; left: auto;}
.overlay-middle .title{font-size: 20px;}
.overlay-middle .content{ font-size: 14px; }

/* ========= Page Organizacion 767 x 1024 ==================== */
.icon-down-bread{ left: 43%;}
.social-horizontal{padding-left: 5px;}
.social-horizontal li{ margin-right: 10px;}
.item-we-us{margin-bottom: 60px; }
.img-overlay{position: relative; overflow: hidden;}
.o-title{font-size: 20px; top: 2px!important; margin-top: 5px; }
.o-message{ top: 40%; }
.extract{margin-top: 20px;}

/* ========= Historia 767 x 1024 ==================== */
.historia p{margin-top: 20px;}
.square-year:before {
  right: 13%!important;
  bottom: -35!important;
}

.row-mision-vision .publish{margin-top: 20px;}
/* ========= Filosofia y Valores 767 x 1024 ==================== */
.valores{margin-top: 40px;}

/* ========= tecnologia 767 x 1024 ==================== */
.hover-text{font-size: 23px; }

/*========= Page Contact 767 x 1024 =============== */
.info-contact{margin-top: 30px;}
.form{margin-top: 40px;}
.form .r-padding{padding-left: 15px!important; padding-right: 15px!important;}
.section-upload-file{ border-left:none; margin-left: 0px; padding-left: 15px;}
.add-file{font-size: 20px!important;}


/*========= Page Productos 767 x 1024 ===========*/
.bg-producto-section .title{margin-top: 25%;}
.bg-producto-section-green .title{margin-top: 25%;}

.panel-title a{display: block; font-size: 25px;}
.panel-title a i{color: #51acb6; float: right; margin-right: 10px;}
.letter{padding: 20px;  font-size: 30px;}
.row-item-product{margin-bottom: 30px;}

/*blog*/
/*.page-blog{padding-top: 120px;}
.box-post .post .img .label-title{ width: 100%; position: relative;}
*/

/* ========= Footer ==================== */
.logo-footer{margin: 0 auto; padding-bottom: 50px;}
.list-link{ padding-left: 0px; margin-bottom: 30px;}
.list-social{ padding-left: 25px; margin-top: 20px; }
.list-social li{ display: inline-block; margin-bottom: 5px; padding-right: 20px;}
.a-right{text-align: center; margin-top: 0px;}
.b-left{border-left: none;}
.b-right{border-right: none;}


}

/* Smaller than standard 960 (devices and browsers) */
/*
Is col-sm-*
Small tablet landscape (800x600)
Tablet portrait (768x1024)
*/
@media only screen and (max-width: 680px) {
/*.title{color: blue!important;}*/

}

/* All Mobile Sizes (devices and browser)  */
/*@media only screen and (max-width: 767px) {


}*/

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)*/
/*
col-XS-*
Mobile landscape (480x320)
Small tablet portrait (600x800)
*/
@media only screen and (min-width: 480px) and (max-width: 766px) {

.title{ font-size: 30px; font-weight: lighter;}

/**************** slider ***********************/
.anim-dots{left:6%!important; width: 40%!important; bottom: 6px!important; }
.anim-dots span{border-radius: 40px; background: none; border: 1px solid #fff; }
.anim-dots span.anim-dots-this{border: 1px solid #2ba5b2;}
.anim-dots span.anim-dots-this::after{ top: 0px!important; left: 0px!important; border-radius: 40px; background: #2ba5b2!important; }
.owl-theme .owl-controls{
    margin: 0;
    position: absolute;
    top: 50%;
    width: 100%
}
.owl-theme .owl-controls .owl-buttons div{
    position: absolute;
    padding: 20px;
    border-radius: 0;
    font-size: 2em;
    background-color: #58c1d9;
    padding: 0px 10px;
    font-family: monospace;
    font-size: 2em;
}
.owl-prev{
    left: 2%
}
.owl-next{
    right: 2%
}

.services ul{
    padding: 0 5%;
}
.slider-caption{
    position: absolute;
    bottom: 16%;
    width: 100%;
    text-align: right;
}

.slider-caption h2{margin: 0 auto;min-width: 30%;max-width: 80%;text-align: right;
    display: inline-block;padding: 0 3%;font-size: 2.5em;font-weight: lighter;color: #58c1d9;
    background-color: rgba(255,255,255,.8);margin-right: 5%;
}
.slider-caption p{max-width: 80%;font-size: 2em; margin: 0 auto;background-color: rgba(255,255,255,0.6);
    display: inline-block;margin-right: 5%;width: auto;padding: 0 3%;color: #272727;
}

.item{
    max-height: 520px!important
}
#slider img{position: absolute;left: 0;top: 0;}
#slider .anim-slider{height: 220px;}
#slider .anim-slider h1{width: auto;left: 10%;display: inline-block;}
#slider .s1i1,#slider .s2i1,#slider .s3i1{ height: 100%;}
.anim-slide{overflow: hidden;}        
#slider .s4i1{width: 100%;height: 100%}
.read-more-slide{font-size: 12px; padding-right: 10px; color: #fff; border: 1px solid #fff; padding: 10px 30px;}
.read-more-slide:hover{color: #fff; text-decoration: underline;}
#slider h1.s4t1{width: 50%; text-align: left; z-index: 9;right: 0%; top: 49%;left: auto!important;font-weight: normal;font-size: .9em;}
#slider .content-slide{
  line-height: 1.3;
  text-align: left; 
    z-index: 9;top: 17%;left: 7%;color: #fff; width: 90%;
  display: none;
  } 
#slider h1.s4t2{
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
  text-align: left; 
  display: inline-block;
    z-index: 9;top: 6%;left: 7%;font-weight: normal;font-size: 1.1em; *width: 60%;} 

        #slider h1 span{
          position: relative;
          display: inline;
          line-height: 1em
        }
        #slider .background-white h1{
          background-color: rgba(255,255,255,.7);
          line-height: 1em;
          margin-top: 10px;
          padding: 0 5px;
        }
        #slider .background-white h1:first-child{
          margin: 0;
        }
/* ==================== */

/*Slider*/
#slider{  width:100%; position:relative;
    -webkit-background-size: cover;
   background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */
  margin-top: 105px;
 }
 .navbar-toggle{z-index: 20;}

/* ======= Index ======= */

/* ========Section soluciones ===== */
/*Tabs css overwrite bootstrap*/
.content-tab-header{position: relative; padding: 20px;}
.tab-header{ *padding: 50px 10px 0px; bottom: -2px; position: relative!important;}
.tab-header li{margin: 0px!important;  position: relative; border: 2px solid #2ba5b2;display: block;
width: 100%;
height: auto!important;
}
.tab-header li:hover{ border-color: #34348f;}

.tab-header li a {padding: 20px 50px 15px; font-size: 18px; color: #000;display: block;text-align: center;text-transform: uppercase;}
.tab-info{line-height: 1.2; font-size: 24px; padding: 40px 0; text-align: center; font-weight: lighter; margin-bottom: 0px;}
ul.tab-header > li.active > a{margin-top: 0px;}
.tab-droguerias{
  /*background: url(../img/bg-droduist.jpg) no-repeat 20% center;*/
  background-position:   20% center;
  height: 458px; 
  background-repeat: no-repeat;

}
.tab-medico{
  height: 458px;
  background-repeat: no-repeat;
background-position: 20% center;
background-size: cover;


}
.tab-sucursal{
height: 458px;
background-position: 20% center;

}
.row-solution{ padding-bottom: 0px;}
.title-solution{font-size: 25px; margin: 10px 0px!important; clear: both; position: relative;}
.box-info-solution{color: #6f6f6f; margin-top: 30px; }
.box-info-solution .title{font-size: 30px; }

/* ========Section Product ===== */
.row-product{background: url(../img/bg-producto.jpg)no-repeat; 
background-position: center center;
background-size: cover; 
height: 350px; color: #fff;

}
.row-product .section-title{margin: 20px 0px 20px;}
.row-product .content{text-align: center; line-height: 1.5;}
.row-btn-product{margin-top: 40px;}
.ctrl-btn{border: 2px solid #85ccd3;}
.ctrl-btn a{font-family: 'Raleway-Light', sans-serif; *font-weight: lighter; font-size: 18px; text-align: center; color: #fff; display: block; padding: 10px 5px 10px 20px;
}
.ctrl-btn a i{padding-left: 20px; font-size: 30px; vertical-align: middle;}
.ctrl-btn a:hover{text-decoration: none; color: #85ccd3; background: #fff;}
/* ========Section ===== */
.r-margR0{padding-right: 15px!important; }
.r-margL0{padding-left: 15px!important; }
.section-title{
  clear: both;
display: block;
font-family: 'Raleway-ExtraLight', sans-serif; margin: 30px 0px;

padding-top: 20px;
}
.overlay-middle{overflow: hidden; padding: 5px 15px; opacity: .6;color: #fff; position: absolute; width: 50%; left: 0; bottom: 0; height: 100%;}
.o-right{ right: 0; left: auto;}
.overlay-middle .title{font-size: 20px;}
.overlay-middle .content{ font-size: 16px; }
.align-4-line{width: 22%; display: inline; float: left;}


/* ========= Page Organizacion 480 x 767 ==================== */
.menu-full-width{*z-index: 2; *margin-top: -3px; *height: 40px; *position: fixed; *width: 100%;}
.featured-banner .title{ font-size: 25px; margin-top: 53%;}
.featured-banner .message{ font-size: 18px;}
.bg-organization{
 height: 470px;
 -webkit-background-size: cover;
   background-size: cover;
  -moz-background-size: cover; 
  background-position: center; 
  position: relative;
  
}
.row-bottom-bread{background: rgba(255,255,255,0.7); width: 100%;position: relative; height: 20px; }
.icon-down-bread{ left: 43%;}
.row-page-title{margin-bottom: 30px; margin-top: 40px;}
.page-title{font-size: 30px; }
.social-horizontal li{ margin-right: 20px;}
.item-we-us{margin-bottom: 60px; }
.img-overlay{position: relative; overflow: hidden;}
.o-title{font-size: 15px; }
.o-message{ display: none; }
.extract{margin-top: 20px;}

/* ========= Historia 480 x 767 ==================== */
.historia p{margin-top: 20px;}
.cd-timeline-img span {font-size: 16px!important;margin-top: 16px!important;}
.cd-timeline-content h2{font-size: 20px!important;}
.cd-timeline-content p {font-size: 14px!important;}
.square-year:before {
  right: 13%!important;
  bottom: -35!important;
}
.row-mision-vision .publish{margin-top: 20px;}
/* ========= Filosofia y Valores 320 x 480 ==================== */
.valores{margin-top: 40px;}

/* ========= tecnologia 480 x 767 ==================== */

.subtitle{font-size: 25px;}
.row-featured-tec{margin-top: 30px;}
.hover-text{font-size: 23px; }
.row-featured-tec .r-padding{padding-left: 0px!important; padding-right: 0px!important;}
.row-featured-tec .r-padding:first-child{padding-left: 0px!important;}
.row-featured-tec .r-padding:last-child{padding-right: 0px!important;}

/*========= Page Contact 480 x 767 =============== */
.info-contact{margin-top: 30px;}
.form{margin-top: 40px;}
.form .r-padding{padding-left: 15px!important; padding-right: 15px!important;}
.section-upload-file{ border-left:none; margin-left: 0px; padding-left: 15px;}
.add-file{font-size: 20px!important;}


/*========= Page Productos 480 x 767 ===========*/
.row-action-product{margin-top: 20px;}
.ctrl-btn-white{border-color: #fff !important;}
.bg-producto-section .title{margin-top: 42%;}
.bg-producto-section-green .title{margin-top: 42%;}
.form-search{margin-top: 10px;}
.panel-title a{display: block; font-size: 25px;}
.panel-title a i{color: #51acb6; float: right; margin-right: 10px;}



.letter{padding: 20px;  font-size: 30px;}
.row-item-product{margin-bottom: 30px;}

/* ============= Detalle Producto 480 x 767 ====== */
.sub-panel-body .panel-title a{font-size: 15px;}
.cheatshet-product .title:first-child{margin-bottom: 10px;}
.row-product-related{margin-top: 30px;}
.item-product{margin-bottom: 10px;}

/*blog*/
.page-blog{padding-top: 120px;}
.box-post .post .img .label-title{ width: 100%; position: relative;}


/* ========= Footer ==================== */
.logo-footer{margin: 0 auto; padding-bottom: 50px;}
.list-link{ padding-left: 0px; margin-bottom: 30px;}
.b-left{border-left: none;}
.b-right{border-right: none;}
.list-social{ padding-left: 50px; margin-top: 20px; }
.a-right{text-align: center; margin-top: 20px;}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) XS */
/*
(320 x 480 )
*/
@media only screen and (max-width: 479px) {

.title{ font-size: 20px; font-weight: lighter;}

/* ==== Header ==== */
.menu-over{position: absolute; z-index: 2300;top: 50px;}

/**************** slider ***********************/
.anim-dots{left:6%!important; width: 40%!important; bottom: -3px!important; }
.anim-dots span{border-radius: 40px; background: none; border: 1px solid #fff; }
.anim-dots span.anim-dots-this{border: 1px solid #2ba5b2;}
.anim-dots span.anim-dots-this::after{ top: 0px!important; left: 0px!important; border-radius: 40px; background: #2ba5b2!important; }
.owl-theme .owl-controls{
    margin: 0;
    position: absolute;
    top: 50%;
    width: 100%
}
.owl-theme .owl-controls .owl-buttons div{
    position: absolute;
    padding: 20px;
    border-radius: 0;
    font-size: 2em;
    background-color: #58c1d9;
    padding: 0px 10px;
    font-family: monospace;
    font-size: 2em;
}
.owl-prev{
    left: 2%
}
.owl-next{
    right: 2%
}

.services ul{
    padding: 0 5%;
}
.slider-caption{
    position: absolute;
    bottom: 15%;
    width: 100%;
    text-align: right;
}

.slider-caption h2{margin: 0 auto;min-width: 30%;max-width: 80%;text-align: right;
    display: inline-block;padding: 0 3%;font-size: 2.5em;font-weight: lighter;color: #58c1d9;
    background-color: rgba(255,255,255,.8);margin-right: 5%;
}
.slider-caption p{max-width: 80%;font-size: 2em; margin: 0 auto;background-color: rgba(255,255,255,0.6);
    display: inline-block;margin-right: 5%;width: auto;padding: 0 3%;color: #272727;
}

.item{
    max-height: 520px!important
}
#slider img{position: absolute;left: 0;top: 0;}
#slider .anim-slider{height: 150px;}
#slider .anim-slider h1{width: auto;left: 10%;display: inline-block;}
#slider .s1i1,#slider .s2i1,#slider .s3i1{ height: 100%;}
.anim-slide{overflow: hidden;}        
#slider .s4i1{width: 100%;height: 100%}
.read-more-slide{ padding: 5px 20px; right: 0!important; left: auto!important;}
.read-more-slide:hover{color: #fff; text-decoration: underline;}
/*.read-more-slide:after{content: url(../img/arrow-next-white.png); padding-left: 5px; vertical-align: middle;}*/
#slider h1.s4t1{width: 50%; top: 37%; right:0!important; left: auto!important;font-weight: normal;font-size: .9em;}
#slider .content-slide{
  line-height: 1.3;
  text-align: left; 
    z-index: 9;top: 17%;left: 7%;color: #fff; width: 90%;
  display: none;
  } 
#slider h1.s4t2{
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
  text-align: left; 
  display: inline-block;
    z-index: 9;top: -32%!important;left: 7%;
    font-weight: normal;font-size: 1.1em; *width: 60%;} 


        #slider h1 span{
          position: relative;
          display: inline;
          line-height: 1em
        }
        #slider .background-white h1{
          background-color: rgba(255,255,255,.7);
          line-height: 1em;
          margin-top: 10px;
          padding: 0 5px;
        }
        #slider .background-white h1:first-child{
          margin: 0;
        }
/* ==================== */

/*Slider*/
#slider{  width:100%; position:relative;
    -webkit-background-size: cover;
   background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */
  margin-top: 105px;
 }
 .navbar-toggle{z-index: 20;}

/* ======= Index ======= */

/* ========Section soluciones ===== */
/*Tabs css overwrite bootstrap*/
.content-tab-header{position: relative; padding: 20px;}
.tab-header{ *padding: 50px 10px 0px; bottom: -2px; position: relative!important;}
.tab-header li{margin: 0px!important;  position: relative; border: 2px solid #2ba5b2;display: block;
width: 100%;
height: auto!important;
}
.tab-header li a {padding: 20px 50px 15px; font-size: 18px; color: #000;display: block;text-align: center;text-transform: uppercase;}
.tab-info{line-height: 1.2; font-size: 24px; padding: 40px 0; text-align: center; font-weight: lighter; margin-bottom: 0px;}

.tab-droguerias{
  /*background: url(../img/bg-droduist.jpg) no-repeat 20% center;*/
  background-position:   20% center;
  height: 458px; 

}
.tab-medico{
  height: 458px;
  background-repeat: no-repeat;
background-position: 20% center;
background-size: cover;


}
.tab-sucursal{
height: 458px;
background-position: left center;

}
ul.tab-header > li.active > a{margin-top: 0px;}

.row-solution{ padding-bottom: 0px;}
.title-solution{font-size: 25px; margin: 10px 0px!important; clear: both; position: relative;}
.box-info-solution{color: #6f6f6f; margin-top: 30px; }
.box-info-solution .title{font-size: 30px; }

/* ========Section Product ===== */
.row-product{background: url(../img/bg-producto.jpg)no-repeat; 
background-position: center center;
background-size: cover; 
height: 500px; color: #fff;

}
.row-product .section-title{margin: 20px 0px 20px;}
.row-product .content{text-align: center; line-height: 1.5;}
.row-btn-product{margin-top: 40px;}
.ctrl-btn{border: 2px solid #85ccd3;}
.ctrl-btn a{font-family: 'Raleway-Light', sans-serif; *font-weight: lighter; font-size: 18px; text-align: center; color: #fff; display: block; padding: 10px 15px 10px 30px;
}
.ctrl-btn a i{padding-left: 20px; font-size: 30px; vertical-align: middle;}
.ctrl-btn a:hover{text-decoration: none; color: #85ccd3; background: #fff;}
/* ========Section ===== */
.r-margR0{padding-right: 15px!important; }
.r-margL0{padding-left: 15px!important; }
.section-title{
  clear: both;
display: block;
font-family: 'Raleway-ExtraLight', sans-serif; margin: 30px 0px;

padding-top: 20px;
}
.overlay-middle{overflow: hidden; padding: 2px 3px; opacity: .6;color: #fff; position: absolute; width: 50%; left: 0; bottom: 0; height: 100%;}
.o-right{ right: 0; left: auto;}
.overlay-middle .title{font-size: 11px;}
.overlay-middle .content{ font-size: 10px; }

/* Plus */
div.icon div.plus {
    width: 60px;
    height: 3px;
    background: #fff;position: absolute;left: 10%;top: 50%;z-index: 5;
}

div.icon div.plus:after {
content: '';position: absolute;width: 3px;
height: 60px;background: #fff;left: 50%;top: -30px;
}

.list-logo{padding-left: 0px;}
.align-4-line{width: 24%; display: inline; float: left;}

.square-year:before {
  right: 16%!important;
  bottom: -35!important;
}

/* ========= Page Organizacion 320 x 480 ==================== */
.menu-full-width{*z-index: 2; *margin-top: -3px; *height: 40px; *position: fixed; *width: 100%;}
.featured-banner .title{ font-size: 25px; margin-top: 60%;}
.featured-banner .message{ font-size: 18px;}
.bg-organization{
 height: 470px;
 -webkit-background-size: auto 100%;;
   background-size: auto 100%;;
  -moz-background-size: auto 100%;; 
  background-position: center; 
  position: relative;
}

.row-bottom-bread{background: rgba(255,255,255,0.7); width: 100%;position: relative; height: 20px; }
.icon-down-bread{ left: 43%;}
.row-page-title{margin-bottom: 30px; margin-top: 40px;}
.page-title{font-size: 30px; }
/*.box-social{vertical-align: middle; margin-top: 30px;}*/
/*.box-social span, .social-horizontal{color: #bab9b9; font-size: 18px; text-transform: uppercase; display: inline!important; }*/
.social-horizontal li{ margin-right: 20px;}
.item-we-us{margin-bottom: 60px; }
.img-overlay{position: relative; overflow: hidden;}
/*.o-title, .o-message{position: absolute; color: #fff; left: 3%; right: 3%; padding-right: 25px;}*/
.o-title{font-size: 15px; }
.o-message{ display: none; }
.extract{margin-top: 20px;}

/* ========= Historia 320 x 480 ==================== */
.historia p{margin-top: 20px;}
.cd-timeline-img span {font-size: 16px!important;margin-top: 16px!important;}
.cd-timeline-content h2{font-size: 20px!important;}
.cd-timeline-content p {font-size: 14px!important;}

.row-mision-vision .publish{margin-top: 20px;}
/* ========= Filosofia y Valores 320 x 480 ==================== */
.valores{margin-top: 40px;}

/* ========= tecnologia 320 x 480 ==================== */

.subtitle{font-size: 25px;}
.row-featured-tec{margin-top: 30px;}
.hover-text{font-size: 23px; }
.row-featured-tec .r-padding{padding-left: 0px!important; padding-right: 0px!important;}
.row-featured-tec .r-padding:first-child{padding-left: 0px!important;}
.row-featured-tec .r-padding:last-child{padding-right: 0px!important;}

/*========= Page Contact 320 x 480 =============== */
.info-contact{margin-top: 30px;}
.form{margin-top: 40px;}
.form .r-padding{padding-left: 15px!important; padding-right: 15px!important;}
.section-upload-file{ border-left:none; margin-left: 0px; padding-left: 15px;}
.add-file{font-size: 20px!important;}


/*========= Page Productos 320 x480 ===========*/
.row-action-product{margin-top: 20px;}
.ctrl-btn-white{border-color: #fff !important;}
.bg-producto-section-green .title{margin-top: 42%!important;}
.bg-producto-section .title{margin-top: 42%!important;}
.form-search{margin-top: 10px;}

.panel-title a{display: block; font-size: 25px;}
.panel-title a i{color: #51acb6; float: right; margin-right: 10px;}



.letter{padding: 20px;  font-size: 30px;}
.row-item-product{margin-bottom: 30px;}

/* ============= Detalle Producto 320 x 480 ====== */
.sub-panel-body .panel-title a{font-size: 15px;}
.cheatshet-product .title:first-child{margin-bottom: 10px;}
.row-product-related{margin-top: 30px;}
.item-product{margin-bottom: 10px;}

/*blog*/
.page-blog{padding-top: 120px;}
.box-post .post .img .label-title{ width: 100%; position: relative;}

/* ========= Footer ==================== */
.logo-footer{margin: 0 auto; padding-bottom: 50px;}
.list-link{ padding-left: 0px; margin-bottom: 30px;}
.b-left{border-left: none;}
.b-right{border-right: none;}
.list-social{ padding-left: 50px; margin-top: 20px; }
.a-right{text-align: center; margin-top: 20px;}

}

.date-post,.disqus-comment-count{
  color:#45a2ad;
}
.date-post:after{
    content: " | ";
}

.read-more{
  display: block;
}
.read-more a{
  color: #2CA6B2 !important;
}