/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */
body, html,p{font-size: 16px;}
body,html,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,p{
	font-family: 'Dosis', sans-serif !important;
	font-weight: 400;
	color: #10858e;
}
@font-face {
  font-family: 'gep-icons';
  src: url('./font/gep-icons.eot?94275579');
  src: url('./font/gep-icons.eot?94275579#iefix') format('embedded-opentype'),
       url('./font/gep-icons.woff?94275579') format('woff'),
       url('./font/gep-icons.ttf?94275579') format('truetype'),
       url('./font/gep-icons.svg?94275579#gep-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "gep-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-endocrino:before { content: '\e800'; } /* '' */
.icon-neuro:before { content: '\e801'; } /* '' */
.icon-oncologia:before { content: '\e802'; } /* '' */
.icon-pediatra:before { content: '\e803'; } /* '' */
.icon-baby:before { content: '\e804'; } /* '' */
.icon-cardio:before { content: '\e805'; } /* '' */



@font-face {
  font-family: 'alergologo';
  src: url('./font/alergologo.eot?51527307');
  src: url('./font/alergologo.eot?51527307#iefix') format('embedded-opentype'),
       url('./font/alergologo.woff2?51527307') format('woff2'),
       url('./font/alergologo.woff?51527307') format('woff'),
       url('./font/alergologo.ttf?51527307') format('truetype'),
       url('./font/alergologo.svg?51527307#alergologo') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'alergologo';
    src: url('../font/alergologo.svg?51527307#alergologo') format('svg');
  }
}
*/
 
 [class^="icon-alergologo"]:before, [class*=" icon-alergologo"]:before {
  font-family: "alergologo";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-alergologo:before { content: '\e800'; } /* '' */



#header{
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
}
.header-nav-wrapper.navbar-scrolltofixed.bkgnd-blue2{position: relative !important;}
.main-content{padding-top: 119px;}

.bkgnd-icons1{background-image: url(../images/bg-especialidades.jpg); }
.bkgnd-cita{background-image: url(../images/bg-contacto.jpg); }
.bkgnd-cita-h{background-image: url(../images/bg-contacto-home.jpg); }
.bkgnd-footer{background-image: url(../images/bg-contacto.jpg); }
.bkgnd-blue1{background: #35c2d6 !important; }
.bkgnd-blue1-t{background:rgba(53, 194, 214, .75) !important;}
.bkgnd-blue2{background: #0f868e !important;}
.bkgnd-blue2-t{background: rgba(15, 134, 142, .75) !important;}
.color-blue1{color: #35c2d6 !important;}
.color-blue2{color: #10858e !important;}
.color-red{color: #ed4542 !important;}
.fs-19{font-size: 19px;}
.fs-20{font-size: 20px;}
.fs-30{font-size: 30px;}
.w-100{width: 100%;}
textarea.form-control {
    min-height: 175px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #5cbbc6 !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #5cbbc6 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #5cbbc6 !important;
}
select{color: #5cbbc6 !important;}
.menuzord, .menuzord a{font-family: 'Dosis', sans-serif !important;}
.menuzord.blue .menuzord-menu > li.active > a, .menuzord.blue .menuzord-menu > li:hover > a, .menuzord.blue .menuzord-menu ul.dropdown li:hover > a{background: #ed4542 !important;}
.menuzord-menu > li > a{color: white;}
.menuzord-brand{margin: 10px 0 !important;}
.team-members .team-details{
	bottom: 0;
}
.btn{
	border-radius: 0 !important;
}
.btn-theme-colored{
	background-color: #ed4542 !important;
	border-color: #ed4542 !important;
	color: white !important;
}
.owl-prev{left:-60px !important;}
.owl-next{right: -60px !important;}
.owl-prev i, .owl-next i{
	font-size: 65px !important;
	color: #10858e !important;
	font-weight: bold;
}
.owl-controls .owl-nav > div{background: transparent !important;}
.whatsapp{
	height: 37px;
    background: #4cb050;
  padding: 0 !important; 
}
.whatsapp div{text-align: center;}
.whatsapp div a,.whatsapp div i{
	color: white !important;
	line-height: 37px;
  padding: 0 !important; 
}
.urgencias{
  height: 37px;
    background: #ed4542;
  padding: 0 !important; 
}
.urgencias div{text-align: center;}
.urgencias div a,.urgencias div i{
  color: white !important;
  line-height: 37px;
  padding: 0 !important; 
}
.social-icons-footer i{
	font-size: 30px;
	padding: 0 10px;
	color: white;
}
.project .project-details {
    border-bottom: 3px solid #10858e !important;
}
.tab-slider .nav.nav-pills a:hover, .tab-slider .nav.nav-pills a.active, .custom-nav-tabs > li > a:hover, .widget .tags a:hover, .progress-item .progress-bar, .small-title .title::after, .title-icon::before, .title-icon::after, .testimonial .item::after, .drop-caps.colored-square p:first-child:first-letter, .drop-caps.colored-rounded p:first-child:first-letter, .list-icon.theme-colored.square li i, .list-icon.theme-colored.rounded li i, .working-process.theme-colored a, .widget.dark .tags a:hover, .blog-posts .post .entry-content .post-date.right, .horizontal-tab-centered .nav-pills > li > a:hover, .horizontal-tab-centered .nav-pills > li.active > a, .horizontal-tab-centered .nav-pills > li.active > a:hover, .horizontal-tab-centered .nav-pills > li.active > a:focus, .owl-theme.dot-theme-colored .owl-controls .owl-dot span, .pagination.theme-colored li.active a, .section-title .both-side-line::after, .section-title .both-side-line::before, .section-title .top-side-line::after, .section-title .left-side-line::before, .section-title .right-side-line::before, .service-icon-box:hover a, .service-icon-box:hover li.active a, .pricing-table.style1 .pricing-icon i, .product .tag-sale, .project .hover-link i, .project:hover .project-details, .owl-theme .owl-dots .owl-dot.active span, .icon-box:hover .icon, .title-icon::after, .title-icon::before, .line-bottom-double-line:after, .line-bottom-double-line:before, .line-bottom:after, .line-bottom-no-border:after, .line-bottom-center:after, .line-bottom-center:before, .title-dots span,.icon-theme-colored.icon-dark a{
  background: #10858e !important;
}
.team-members .team-details{position: relative !important;}
.center-div{
  height: 40px;
  height: fit-content;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.time{display: inline-block;}
.plr-40{padding-left: 40px;padding-right: 40px;}
.col-5{width: 20%; float: left;}
.mensajes-form{position: absolute;}
.disabled{
  pointer-events: none;
  background-color: rgb(203, 203, 203) !important;
}
.home .home-btn{background: #ed4542 !important;}
.nosotros .nosotros-btn{background: #ed4542 !important;}
.especialidades .especialidades-btn{background: #ed4542 !important;}
.title-maps{
  font-size: 24px;
  text-align: center;
}

.title-maps span{
  color: #ed4542;
}


/**Responsive**/
.side-push-panel.has-side-panel .menuzord .showhide{float: right;padding: 25px 0 0;}
.menuzord .showhide em{background: white !important;}
#whatsapp-bottom{display: none;}

@media only screen and (max-width: 900px){
  /*section > .container, section > .container-fluid{padding-top: 45px;padding-bottom: 45px;}*/
  .menuzord .showhide em{margin: 3.5px 6px 0;}
  .main-content {padding-top: 114px; }
  .menuzord-menu{background: transparent;}
  .whatsapp{display: none;}
  .owl-next{right: -13px !important;padding: 0;}
  .owl-prev{left: -13px !important;padding: 0;}
  .project-details h2{font-size: 16px !important;}
  #whatsapp-bottom{
    display: block;
    width: 100%;
    height: 40px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #4cb050;
    text-align: center;
    z-index: 9999;
  }
 #whatsapp-bottom a,  #whatsapp-bottom i{
  color: white;
      line-height: 40px;
    font-size: 22px;
 }
 #home{height: 500px !important;}
 .thumbnail{border: none;}
 footer{padding-bottom: 40px !important;}
 .col-5{width: 33.33%;}
}
@media only screen and (max-width: 500px){
  .in-line{display: inline-block !important;}
  .mt-50-r{margin-top: 50px;}
  .list-inline.pull-right.flip.sm-pull-none.sm-text-center.mt-5.mb-5 *{font-size: 12px;}
  .main-content {padding-top: 113px; }
  .menuzord-brand img {max-height: 50px; }
  .menuzord-brand {margin: 5px 0 !important; }
  .side-push-panel.has-side-panel .menuzord .showhide{padding: 18px 0 0;}
  .event-details{display: block !important; text-align: justify;}
  .event-details .col-sm-6{margin-right: 0 !important;position;text-align: center; }
  .event-details .col-sm-6 .center-div{position: relative;}
  .pb-0-r{padding-bottom: 0 !important;}
  .pt-0-r{padding-top: 0 !important;}
  #home{height: 250px !important;}
  .col-5{width: 50%;}
}
@media only screen and (max-width: 330px){
  .info-header{display: none;}
  .col-5{width: 100%;}
}