@charset "utf-8";
/*-----------------------------------------------------------------------------

KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT

Screen Stylesheet

version:   	1.0
date:      	07/27/11
author:		themepunch
email:     	support@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/
#headTop .col-sm-2.visible-lg {
    padding-left: 0;
    padding-right: 0;
}
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.boxedcontainer		{	max-width: 1170px; margin:auto; padding:0px 30px;}

/*********************************************
	-	SETTINGS FOR BANNER CONTAINERS	-
**********************************************/

.tp-banner-container{
	width:100%;
	position:relative;
	padding:0;

}

.tp-banner{
	width:100%;
	position:relative;
}

.tp-banner-fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
}

/* CSS LAYOUT */

#headTop {
   padding-top: 35px;
   padding-bottom: 30px;
   color: #FFFFFF;
   font-weight: 300;
   font-family: 'Open Sans', "sans-serif;";
}

.infoTop {
   font-size: 16px;
   display: block;
}
.infoTop i {
   color: #7ab1d6;
   width: 20px;
   text-align: center;
}
#siteContent { background-color: #FFFFFF; }
.padding { padding: 10px 25px 25px; }

#smallFrase {
   padding-top: 1em;
   margin-top: 1.5em;
   padding-bottom: 1em;
   background-color: rgba(20,61,91,.4);
}
#slide { background-color: #F4F4F4; }
.panel-footer a {
   color: #1a5d8a;
   text-transform: uppercase;
   text-shadow: 1px 1px #FFFFFF;
   text-align: center;
   font-size: 13px;
   font-weight: 600;
   display: block;
}.panel-footer i {
   -webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
   }
.panel-footer a:hover i {
   padding-left: 0px;
   padding-right: 10px;
}
.panel-footer a:hover { text-decoration: none; }
.imgPanel , .imgProyecto{
   display: block;
   overflow-x: hidden;
   overflow-y: hidden;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
}
.imgPanel > img, .imgProyecto > img{
   display: block;
   position: relative;
}
#tratamientosSlide  .owl-prev{
   width: 40px;
   height: 40px;
   position: absolute;
   z-index: 99;
   border-radius: 50%;
   font-size: 25px;
   text-align: center;
   display: block;
   left: -48px;
   top: 50%;
   margin-top: -57px;
   background-color: #FFFFFF;
   color: #195D8A;
   line-height: 28px;
   -webkit-box-shadow: 2px 0px 2px rgba(0,0,0,.1);
   box-shadow: 2px 0px 2px rgba(0,0,0,.1);
   -webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
#tratamientosSlide .owl-prev:hover, #tratamientosSlide .owl-next:hover {
   background-color: #195D8A;
   color: #FFFFFF;
}
#tratamientosSlide  .owl-next{
    width: 40px;
   height: 40px;
   position: absolute;
   z-index: 99;
   border-radius: 50%;
   font-size: 25px;
   text-align: center;
   display: block;
   right: -48px;
   top: 50%;
   margin-top: -57px;
   background-color: #FFFFFF;
   color: #195D8A;
   line-height: 28px;
   -webkit-box-shadow: 2px 0px 2px rgba(0,0,0,.1);
   box-shadow: 2px 0px 2px rgba(0,0,0,.1);
   -webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
#tratamientosSlide { position: relative; }
.tituloWrap {
   background-image: url(../layout/graficos/fondoHead.png);
   background-repeat: repeat-x;
   background-position: 0% bottom;
   padding: 12px 10px;
   text-align: center;
   border-radius: 3px;
   -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.16);
   box-shadow: 0px 2px 2px rgba(0,0,0,.16);
   position: relative;
   top: -35px;
   z-index: 991;
}

#face {
   font-size: 31px;
   padding: 0px;
   line-height: 50px;
   margin: 0px;
   background-color: transparent;
}
#face:hover {
   color: #7AB1D6;
   background-color: transparent;
}

#proyectosSlide { padding-top: 1.5em; }
#clientes {
   background-color: #f6f6f6;
   background-image: url(../layout/fondos/linelogos.png);
   background-repeat: repeat-x;
   background-position: 0% top;
   padding-bottom: 20px;
   padding-top: 20px;
}
#proyectosHome {
   background-image: url(../layout/fondos/gradient.png);
   background-repeat: repeat-x;
   background-position: 0% bottom;
   border-top: 1px solid #F4F4F4;
}
#proyectosHomeInt {
   background-image: url(../layout/fondos/gradient.png);
   background-repeat: repeat-x;
   background-position: 0% bottom;
   border-top: 1px solid #F4F4F4;
   background-color: #F5F5F5;
}

/*logo showcase gray theme*/
#logosSlide .item img {
	max-width: 100%;
	border: none;
	vertical-align: middle;
	-webkit-transition:opacity 0.3s;
   -moz-transition:opacity 0.3s;
     -o-transition:opacity 0.3s;
        transition:opacity 0.3s;
}

.item { margin-bottom: 1em; }

#slideMobil {
    position: relative;
    
}
#slideMobil img {
	display: block;
    
}
#footLogoRow {
   background-color: #121c23;
   padding: 15px;
   background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(32,49,63,1.00)),color-stop( 100% , rgba(18,28,35,1.00)));
   background-image: -webkit-linear-gradient(270deg,rgba(32,49,63,1.00) 0%,rgba(18,28,35,1.00) 100%);
   background-image: -moz-linear-gradient(270deg,rgba(32,49,63,1.00) 0%,rgba(18,28,35,1.00) 100%);
   background-image: linear-gradient(180deg,rgba(32,49,63,1.00) 0%,rgba(18,28,35,1.00) 100%);
   -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,.7);
   box-shadow: 0px 2px 3px rgba(0,0,0,.7);
}
#logoFoot {
   width: 121px;
   margin-right: auto;
   margin-left: auto;
   display: block;
}
.footBottom {
   background-color: #192732;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
   margin-bottom: 20px;
}
#siteFoot {
   font-size: 14px;
   color: #FFFFFF;
   font-weight: 300;
}
#siteFoot h5 {
   color: #7ab1d6;
   font-size: 12px;
   text-transform: uppercase;
   font-weight: 400;
   letter-spacing: 1px;
}
#faceFoot {
   color: #FFFFFF;
   font-size: 27px;
}
.copy {
   font-size: 13px;
   opacity: 0.8;
   font-weight: 400;
}
#logosSlide { margin-top: 1em; }
.fondoGris { background-color: #F7F7F7; }

#up {
   color: #fff;
   font-size: 34px;
   position: absolute;
   right: 20px;
   bottom: -9px;
}
.margin-bottom { margin-bottom: 1.4em; }
.margin-bottom-sm { margin-bottom: .7em; }
.margin-top { margin-top: 1.4em; }
.margin-top-sm { margin-top: .7em; }
.tratamientoItem {
   padding: 20px;
   margin-bottom: 5px;
   margin-top: 5px;
   position: relative;
   background-color: rgba(255,255,255,1);
   border-radius: 3px;
   -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.08);
   box-shadow: 1px 1px 3px rgba(0,0,0,0.08);
}
.big { font-size: 1.15em; }

.row.no-gutters {
  margin-right: -5px;
  margin-left: -5px;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.row.gutter-10 {
  margin-right: -10px;
  margin-left: -10px;
}
.row.gutter-10 > [class^="col-"],
.row.gutter-10 > [class*=" col-"] {
  padding-right: 10px;
  padding-left: 10px;
}
#sw {
   display: block;
   max-width: 130px;
   margin: 10px auto 20px;
}
#coti .panel { margin-bottom: 10px; }
#loading {
   float: right;
   margin-top: 10px;
   display: none;
}
.gallery-item { overflow: hidden;}

#homeBtn {
    color: #fff;
    font-size: 23px;
    margin-top: 7px;
    display: inline-block;
    opacity: 0.9;
    float: left
}