/*============================================================================
  Table of Contents

  #Components
    // Wrappers
    // Titles
    // Colors
    // Breadcrumbs
    // Buttons
    // Forms
    // Pills
    // Sliders
    // Sidebar
  #Header and nav
    // Nav desktop
    // Nav mobile
    // Brand
    // Search
    // Contact
  #Footer and nav    
    // Footer top
    // Footer bottom 
  #Home page
    // Template sections main
    // Level attention
    // Emergency
    // Last news
    // Social widget
    // Staff
    // Location
  #Blog 
    // Blog Grid
    // In news  
  #Sections
    // Section Grid
    // Tables
  #Utilities classes
  #Responsive
  #Modals
    //Cancel appointment

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

/*============================================================================
  #Components
==============================================================================*/


/* // Wrappers */ 

html,body {
  height:100%;
}

body{
  font-family: 'Lato', sans-serif;
  font-family: 'Poppins', sans-serif;
  color: #8c9597;
  font-size: 16px;
}

/* // Titles */

h2{
  font-size:60px;
  font-weight: 700;
}
h3{
  font-size:23px;
  font-weight: 700;
  margin-bottom: 30px;
  margin-top: 0;
}
h4{
  font-size:18px;
  font-weight: 700;
}
h5{
  font-size:16px;
  font-weight: 700; 
}
p, .section-body ul li, .blog-post-entry ul li{
  font-family: 'Lato', sans-serif;
  word-break: break-word;
}


/* // Colors */ 

/*  

Base 1 (gris): color: #8c9597;  
Base 2 (gris): color: #5e5e5e; 
Principal 1 (azul): color: #7cbae1; 
Principal 2 (azul): color: #83bee6; 
Principal 3 (azul): color: #75b6e0; 
Secundario (verde): color: #acca46; 


*/

/* // Buttons */

.btn-primary, .btn-primary:visited{
  color: #fff;
  background-color: #75b6e0;
  border-color: transparent;
  padding: 15px 30px;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{
  background-color: #3b94e0; 
  border-color: transparent; 
  -webkit-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.15);
}
.btn-secondary{
  color: #75b6e0;
  border:1px solid #75b6e0;
  background-color: white;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus{
  background-color: #3b94e0;
  color: white; 
  -webkit-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.15);
}
.btn-level{
  position: absolute;
  bottom:0;
  width: 100%;
  padding: 15px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
} 
.btn-level:hover{
  background-color: rgba(255, 255, 255, 0.08);
}
.btn-level a {
  color: white;
}
#main-news .post-view .btn-primary{
  width: 100%;
}
#main-news .btn-secondary, .cards-section-layout .btn-secondary{
  float: right;
}
.slide-main .btn-primary{
  z-index: 1;
  bottom: 60px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.btn-info{
  width: 100%;
}
.btn-twitter{
  background-color:#4EAEF8;
}
.btn-facebook{
  background-color:#3B5998;  
}
.btn-whatsapp{
  background-color:#25d366;
}
.btn-contact {
  width: 100%;
  margin-top: 30px;
  background-color: #acca46;
  color: white;
  border: none;
}

/* // Sliders */ 
.carousel-inner, .carousel-inner>.item, .box-back-slide{
  height: inherit;
}
.slide-main{
  height: 511px;
}
.speech-slide{
  width: 100%;
  text-align: center;
  color: white;
  z-index: 1;
}
.speech-slide h2 {
  margin-bottom: 0;
  padding: 10px 0;
  background-color: rgba(172, 202, 70, 0.84);
  -webkit-box-shadow: 0px -1px 14px 3px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px -1px 14px 3px rgba(0,0,0,0.15);
  box-shadow: 0px -1px 14px 3px rgba(0,0,0,0.15);
}
.speech-slide p {
  background-color: #83bee6;
  padding: 2px 10px 6px 10px;
  font-size:20px;
}
.box-back-slide{
  position: relative;
}
.back-slide{
  z-index: 0;
  width:100%;
}
.speech-slide, .back-slide{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

/* // Sidebar */

.sidebar{
  padding-left: 10%;
  border-left: 1px solid #ebebeb;
}
.sidebar-items{
  margin-bottom: 60px;
}
.sidebar-items h5 {
  margin-top:0;
}
.sidebar-items ul{
  padding-left:0;
}
.sidebar-items ul li{
  list-style: none;
  margin: 5px 0;
}

/*============================================================================
  #Header and nav
==============================================================================*/

/* // Nav desktop */ 

.navbar-static-top { 
  padding:40px 0;
  margin-bottom:0;
}

.affix {
  width:100%;
  padding:15px 0;
}

.navbar-default {
  background-color: #ffffff;
}

.navbar-right {
  padding: 10px 0;
}

.navbar-default .navbar-nav>li>a{
  color:#75b6e0;
}


.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
  margin-left: 0;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
  color:#75b6e0;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  color:#75b6e0;
  background-color:#d9edf7;
}
.dropdown-menu>li>a {
  color: #8c9597;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  background-color:transparent;
}

/*Gestion Abierta item*/

#ga_item>a{
  color:#acca46 !important;
}

#ga_item:hover{
  color:#acca46;
}

#ga_item a:after{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #acca46;
  height: 1px;
}
#ga_item a:hover:after {
  width: 100%;
}




/* Dropdown > submenu */

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
  background-color: transparent;
}

#hamburger.is-active{
  background-color:#75b6e0;
}
#hamburger.is-active .icon-bar {
  background: white !important;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    right: 100%;
    margin-top: -6px;
    margin-right: -1px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.caret-left{
  margin-right: 10px;
  transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
}

/* Underline Stroke */
.stroke ul li a,
.stroke ul li a:after,
.stroke ul li a:before {
  transition: all .5s;
}
.stroke ul li a:hover {
  color: #3b94e0 !important;
}
.stroke ul li a{
  position: relative;
}
.stroke ul li a:after{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #3b94e0;
  height: 1px;
}
.stroke ul li a:hover:after {
  width: 100%;
}

/* Navbar scrolltop */

#navbar-scrollTop {
  z-index: 999999999999999;
  background-color: white;
  position: fixed;
  top: -50px;
  width: 100%;
  display:block;
  transition: top 0.3s;
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
}

#navbar-scrollTop .navbar-brand{
  height: 40px;
  margin-top: 15px;
}

/* // Brand */ 

.navbar-brand{
  height: 70px;
  padding: 0; 
}
.brand-vector {
    height: 100%;
}

/* // Secondary Nav */

.secondary-nav-item{
  color:#75b6e0;
  border-left: 2px solid #75b6e0;
  padding-left: 10px;
  margin-bottom: 20px;
}
.secondary-nav li a{
  font-family: 'Lato', sans-serif;
  color:#8c9597;
}
.secondary-nav li a:hover{
  margin-left: 5px;
  color:#75b6e0;
}

/*============================================================================
  #Footer and nav
==============================================================================*/

/* // Footer top */

footer{
  background-color: #f6f6f6;
  border-top: 1px solid #e7e7e7;
}
.footer-top{
  padding: 60px 0;
}
footer ul{
  padding-left:0;
}
footer li{
  list-style: none;
}

/* Contact form */ 
.form-contact{
  border: 1px solid #e7e7e7;
  background-color: white;
}
.form-contact:hover{
  -webkit-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.15);
}
.form-contact-body {
  padding: 15px;
}
.form-contact-header .bg-info > *{
  display: inline-block;
  margin: 0;
  padding: 0;
}
.form-contact-header h5{
  border-left: none;
  color: #75b6e0;
}
.form-contact-header p{
  float: right;
}
.bg-info {
  padding: 15px;
}
.input-group {
  width:100%;
}
.icon-form-contact{
  width:24px;
}
.icon-user{
  fill:#75b6e0; 
}
.form-contact .form-control{
  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;  
}
.icon-form-contact, .form-contact .input-group{
  display: inline-block;
}
.form-control:focus {
  border-color: #3b94e0;
  outline: 0;
}

/* // Footer bottom */

.footer-bottom{
  padding: 15px 0;
  color: white;
  background-color: #75b6e0; 
}
.footer-bottom .legal{
  margin-top: 5px;
  margin-bottom:0;
  text-align: center;
}
.box-brand-footer > *{
  display: inline-block;
  float: left;
}
.brand-footer-1{
  width: 55px;
  height: 55px;
  padding: 10px;
  background-color: white;
}
.brand-footer-2 {
    width: 190px;
    margin-left: 15px;
    margin-top: 15px;
}
.name-footer{
  fill:white; 
}
.brand-tresarroyos {
  width: 200px;
  float: right;
}

/* Power by */

.power-by{
  background-color: #3b94e0;
} 
.power-by-liquid {
  margin-top: 10px;
  text-align: center;
}
.brand-liquid{
  width: 40px;
  fill:white;
}

/*============================================================================
  #Home page
==============================================================================*/

/* // Template sections main */

.template-section {
  text-align: center;
  background-color: #f6f6f6;
  border-bottom: 1px solid #e7e7e7;
  padding: 60px 0;
}

.divider-title {
  margin-bottom: 30px;
}
.divider-subtitle{
  width: 50%;
  margin: 0 auto;
  margin-bottom: 90px;
}

/* // Level attention */ 
.box-level{
  position: relative;
  height: 340px;
  color:white;
  text-align: center;
}
.level-1:hover, .level-2:hover, .level-3:hover{
  background-color: #3b94e0;
}
.level-1:hover .icon-first, .level-2:hover .icon-second, .level-3:hover .icon-third{
  fill: #3b94e0;
}

.icon-fourth {
  fill:#acca46;
}

.reservarTurno:hover .icon-calendar{
  fill:#6ecc47;
}

.level-info{
  padding: 60px 15px;
}


.level-4 .level-info .circle{
  margin-bottom:20px;
}

.box-level .circle{
  background-color: white;
  margin: 0 auto;
  width:90px;
  height:90px;
  margin-bottom: 15px;
  padding: 25px;
}
.level-icon {
  width: 40px;
  height: 40px;
}
.icon-first, .icon-second, .icon-third{
  fill:#75b6e0;
}
.icon-calendar{
  fill:#acca46;
}
.box-level h3{
  margin-bottom: 0;
}
.level-1{
  background-color: #75b6e0;    
}
.level-2{
  background-color: #83bee6;    
}
.level-3{
  background-color: #7cbae1;    
}
.level-4{
  background-color: #acca46;    
  
}

.level-4 a {
  text-decoration:none;
  color:white;
  padding:4px;

}

.level-4 .reservarTurno:hover{
  background-color: #6ecc47;  
}


.comingsoon a{
  border: 1px solid white;
  padding: 5px 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.comingsoon a:hover{
  background-color: #ff3333;
  border: 1px solid #ff3333;
}

/* // Contact section */
.box-cards-section {
  margin: 30px 0;
  padding: 35px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 1px solid #e7e7e7;
  background-color: white;
}
.cards-section-layout .circle{
  width:90px;
  height:90px; 
  padding: 20px;
  margin: 0 auto;
  background-color:#acca46;
}
.cards-icon{
  fill:white;
}
.pulse {
  margin:100px;
  display: block;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  box-shadow: 0 0 0 rgba(131, 190, 230, 0.91);
  -moz-box-shadow: 0 0 0 rgba(131, 190, 230, 0.91); 
  -webkit-box-shadow: 0 0 0 rgba(131, 190, 230, 0.91);
  animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -webkit-animation: pulse 2s infinite;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(131, 190, 230, 0.91);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(131, 190, 230, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(131, 190, 230, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(131, 190, 230, 0.91);
    box-shadow: 0 0 0 0 rgba(131, 190, 230, 0.91);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(131, 190, 230, 0);
      box-shadow: 0 0 0 10px rgba(131, 190, 230, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(131, 190, 230, 0);
      box-shadow: 0 0 0 0 rgba(131, 190, 230, 0);
  }
}
.cards-title {
  color: #acca46;
  font-size: 23px;
  margin-top: 15px;
}
.cards-subtitle {
  color: #75b6e0;
}

/* // Last news */ 
#main-news .post{
  margin:30px 0; 
}

/* // Social widget */

#main-fanpage{
    color: white;
    height: 500px;
    overflow: hidden;
    background-image: url(../img/main/back-fanpage.png);
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.box-fanpage{
    padding: 90px 15px 0 0;
}
.right-fanpage {
    padding-left: 15px;
}
.concet-fanpage{
  width: 100%;
}
.fanpage-company{
  width:300px;
  margin-top: 25px;
  -webkit-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.4);
  box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.4);
}
.people-fanpage{
  width: 100%;
}

/* // Staff */

#main-staff{
  background-color: white;
  border-bottom: none;
}
.box-staff{
  position: relative;
  margin-bottom: 30px;
  border: 1px solid #e7e7e7;
  padding:30px;
}
.staff-info{
  width: 100%;
  padding: 15px 0;
  background-color: white;
}
.staff-name{
  color:#757575;
  margin-top:0;
  margin-bottom:0;
}
.staff-job{
  margin-bottom:0;
}
.staff-avatar{
  width:100%;
}
.box-staff:hover .staff-info{
  background-color: rgba(117, 182, 224, 0.9);
  color:white;
}
.box-staff:hover .staff-name{
  color:white;
}
.box-staff:hover{    
  -webkit-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.15);
}
.staff-speech{
  padding-top: 10px;
  text-align: left;
  width: 80%;
}
.famous-speech, .author-speech{
  font-family: 'Lato', sans-serif;
  color:#75b6e0;
}
.famous-speech{
  font-size: 30px;
  font-weight:300;
}
.author-speech{
  font-size:18px;
  font-weight:600;
  margin-top:30px;
}

/* // Location */
#location{
  height:400px;
}
#mapkit-3571 {
  height: 100%;
  width: 100%;
}


/*============================================================================
  #Blog
==============================================================================*/

/* // Blog Grid */
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #75b6e0;
    border-color: #75b6e0;
}
/* Post */
.post {
    width: 100%;
    background-color: #fff;
    text-align: left;
    min-height: 470px;
    border: 1px solid #e7e7e7;
}
.post-image {
    position: relative;
    width: 100%;
    height: 213px;
    overflow: hidden;
}
.post-image img{
  width: 100%;
}
.post-title{
  font-size: 18px;
  margin-bottom: 15px;
}
.post-info{
  position: relative;
  padding: 35px;
  height:280px;
}
.post-view {
  position: absolute;
  bottom: 35px;
  left: 35px;
}
.grid-blog .post{
  margin-bottom:30px;
}
/* // In news */
.cover-blog{
  overflow: hidden;
  position: relative;
  height: 390px;
  margin-bottom: 60px;
}
.title-cover-blog{
  text-align: center;
  color: white;
  z-index: 1;
}
.people-bg-blog{
  z-index:1;
  width:300px;
}
.people-left{
  left:4%;
}
.people-right{
  right:4%;
}
.bg-blog{
  z-index: 0;
}
.blog-post > *{
  margin-bottom:90px;
  clear: both;
}
.blog-post-meta {
  height: 50px;
  margin-bottom: 30px;
}
.blog-post-time{
  float: left;
}
.blog-post-tools{
  float: right;
}
.post-share .dropdown-menu {
  min-width: 140px;
  padding:0;
  right: 0;
  left: auto;
}
.post-share .dropdown-menu>li>a{
  color:white;
  padding:5px;
}
.post-share .dropdown-toggle{
  min-width: 140px;  
}
.post-share .dropdown-menu>li>a:focus, .post-share .dropdown-menu>li>a:hover{
  color:#75b6e0; 
  background-color:white;
}
.post-share .dropdown-menu>li>a:focus .icon-social, .post-share .dropdown-menu>li>a:hover .icon-social{
  fill:#75b6e0;
}
.share-icon{
  display: inline-block;
  float: left;
  width:24px;
  height:24px;
  margin-right: 10px;
}
.icon-facebook, .icon-twitter, .icon-whatsapp{
  fill:white;
}
.blog-post-image {
  margin-bottom: 30px;
}
.blog-post-image img{
  width:100%;
}

/* Responsive images*/
.blog-post-entry img {
  max-width: 100%;
  height: auto;
}
/*============================================================================
  #Sections
==============================================================================*/

/* // Sections Grid */

.section {
  margin:60px 0;
  display: inline-block;
  width: 100%;
   font-size: 16px;
  margin-top: 40px;
}
.section .head-title{
  margin-top:0;
  margin-bottom: 30px;
  font-size: 36px;
  font-weight: 300;
}
.section-body {
  padding-right: 15px;
}
.section-body ul{
  margin:20px 0;
}

.body-title{
  font-size: 16px;
  margin-top: -70px;
  padding-top: 90px;
}

.section-tags {
  margin-top:2%;
}

.section-tags span {
  padding: 5px 10px;
  color: #75b6e0;
  background-color: #d9edf7;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  display: inline-block;
  margin-bottom: 4px;
}

/* // Tables */
.section-table, .format-table{
  padding-right:0;
}
.format-table {
  overflow-x: auto; 
}
.section-table-header{
  border-bottom: 1px solid #e7e7e7;  
  font-size:14px;
}
.section-table-header th{
  padding-right:35px;
}
.section-table table {
  width: 1140px;
}
tbody {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
}
.table-row-first{
  border-top: 1px solid #e7e7e7;
}
.table-row-first>*{
  padding-top: 15px;
}
.table-row-end>*{
  padding-bottom: 15px;
}
tbody tr td:nth-child(4){
  //text-align: center;
}
.table-icon-arrow{
  float: right;
  margin-bottom: 10px;
  width:30px;
  height:30px;
  animation: table-icon-arrow 2s infinite;
  -webkit-animation: table-icon-arrow 2s infinite;
  -moz-animation: table-icon-arrow 2s infinite;
  -o-animation: table-icon-arrow 2s infinite;
}

@-webkit-keyframes table-icon-arrow {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0);} 
  40% {-webkit-transform: translateX(-30px);}
  60% {-webkit-transform: translateX(-15px);}
}
 
@-moz-keyframes table-icon-arrow {
  0%, 20%, 50%, 80%, 100% {-moz-transform: translateX(0);}
  40% {-moz-transform: translateX(-30px);}
  60% {-moz-transform: translateX(-15px);}
}
 
@-o-keyframes table-icon-arrow {
  0%, 20%, 50%, 80%, 100% {-o-transform: translateX(0);}
  40% {-o-transform: translateX(-30px);}
  60% {-o-transform: translateX(-15px);}
}
@keyframes table-icon-arrow {
  0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
  40% {transform: translateX(-30px);}
  60% {transform: translateX(-15px);}
}
.icon-arrow-1{
  fill:#8c9597;
}

/* // Levels atention */

.levels-atention .sidebar{
  text-align: left;
}
.levels-atention{
  padding:initial;
}
.levels-atention .head-title{
  text-align: left;
}

.levels-atention .box-cards-section{
  margin-top:0;
}
.levels-atention .cards-title {
  font-size: 18px;
  margin-bottom: 25px;
  margin-top: 0;
}
.levels-atention .contact-descrip{
  margin-bottom:0;
}

/* // Thanks */
.section-thanks{
  text-align: center;
}

/* // Not found Pages */
.section-notfound{
  text-align: center;
}
.section-notfound .btn{
  margin-top:30px;
}
/*============================================================================
 #Utilities classes
==============================================================================*/
*::-moz-selection{
   background: #75b6e0;
   color: white;
}
*::selection {
   background: #75b6e0;
   color: white;
}
.transition{
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.circle {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.center-xy{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
}
.center-x{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
}
.center-y{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
}
.no-padding{
  padding: 0 !important;
  margin: 0 !important;  
}
/* Shadows hover */
.post:hover, .box-cards-section:hover{
  -webkit-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.15);
}
/* Important txt class */
.important-txt-1{
  color: #75b6e0;
  border-left: 1px solid #75b6e0;
  padding-left: 15px;
  margin-bottom: 30px;
}

/*============================================================================
 #Responsive
==============================================================================*/

/*===================
  #Responsive Videos
  =====================*/

  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin-bottom: 30px;
  }

  .video-container iframe,
  .video-container object,
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

@media (min-width: 1367px){

  /*===================
  #Components
  =====================*/

  /* // Sliders */

  .slide-main {
      height: 790px;
  }
}

@media (max-width: 1200px){

  /*===================
  #Header and Nav
  =====================*/

  /* Navbar scrolltop */

    #navbar-scrollTop{
      display: none;
    }

    /* Nav Collapse */

    .navbar-header {
      float: none;
    }
    .navbar-left,.navbar-right {
      float: none !important;
    }
    .navbar-toggle {
      display: block;
      margin-top: 15px;
    }
    .navbar-collapse {
      border-top: none;
      box-shadow: none;
    }
    .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
      display: none!important;
    }
    .navbar-nav {
      float: none!important;
      margin-top: 0;
      margin-bottom:10px;
    }
    .navbar-nav>li {
      float: none;
      margin: 0;
    }
    .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .navbar-default .navbar-nav > li > a{
      padding:20px 5px;
    }
    .collapse.in{
      display:block !important;
    }
}

@media (max-width: 768px){

  /*===================
  #Components
  =====================*/

  /* // Buttons */

    #main-news .btn-secondary, .cards-section-layout .btn-secondary {
        float: initial;
    }

  /* // Sliders */

    .box-back-slide{
      overflow: hidden;
    }

    #banner-speech-slide {
        color:white;
    }


    .speech-slide{
      color:#75b6e0;
      width: 100%;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);    
    }

    

    .carousel-indicators .active{
      border: 2px solid #75b6e0;
    }
    .carousel-indicators li{
      border: 1px solid #75b6e0;
    }
    .speech-slide h2{
      font-size:23px;
      margin-bottom:5px;
      margin-top:0;
      padding:0;
      text-shadow: none;
      box-shadow: none;
    }
    .speech-slide h2, .speech-slide p{
      background-color: transparent;
    }
    .speech-slide p{
      font-size:16px;
    }


  /*===================
  #Header and Nav
  =====================*/

  /* Navbar */

    .navbar-nav .dropdown-menu{
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
      padding-left: 15px;
    }
    .navbar-nav .open .dropdown-menu>li{
    }
    .navbar-nav .open .dropdown-menu>li>a {
      padding: 5px 15px;
    }

  /* Contact */
  
    footer{
      text-align: center;
    }
    .form-contact-header p{
      float:initial;
    }
    ::-webkit-input-placeholder {
      text-align: center;
    }
    :-moz-placeholder { 
       text-align: center;  
    }
    ::-moz-placeholder {  
       text-align: center;  
    }
    :-ms-input-placeholder {  
       text-align: center; 
    }
    .secondary-nav {
      margin-bottom: 30px;
    }
    .secondary-nav-item{
      border-left: 0;
      padding-left:0;
    }
    .box-brand-footer > *{
      margin-top:15px;
      float:initial;
    }
    .legal {
      margin: 30px 0 !important;
      padding: 0 35px;
    }
    .brand-tresarroyos{
      float:initial;
      margin-bottom: 30px;
    }

  /*===================
  #Home page
  =====================*/

  /* Social widget */

    .box-fanpage {
        padding: 40px 0 0 0;
    }
    .box-fanpage p{
      margin-bottom:40px;
    }
    #main-fanpage{
      text-align: center;
      height:790px;
    }

  /* Staff */

    .staff-speech{
      text-align: center;
      width:100%;
      margin-bottom: 60px;
    }

  /*===================
  #Blog
  =====================*/

    .cover-blog{
      height: 140px;
      margin-bottom: 15px;
    }
    .title-cover-blog{
      width:100%;
      padding:0 15px;
    }
    .title-cover-blog h2{
      font-size:23px;
    }
    .post-info h3{
      font-size: 20px;
      margin-bottom: 15px;
    }
    .blog-post-related-articles {
      text-align: center;
    }

  /*===================
  #Sections
  =====================*/

  /* // Tables */
    .format-table {
      clear: both;
      border-top: 1px solid #e7e7e7;
      border-left: 1px solid #e7e7e7;
      border-bottom: 1px solid #e7e7e7;
      padding-top: 5px;
      padding-left: 10px;
      -webkit-box-shadow: inset -30px 0px 24px -28px rgba(0,0,0,0.2);
      -moz-box-shadow: inset -30px 0px 24px -28px rgba(0,0,0,0.2);
      box-shadow: inset -30px 0px 24px -28px rgba(0,0,0,0.2);
    }
}    

@media (min-width: 360px) and (max-width: 768px){

  /*===================
  #Components
  =====================*/

  /* // Sliders */

    .slide-main {
      height: 440px;
    }
    .speech-slide{
      top:190px;   
    }

    #banner-speech-slide {
      color:white;
    }

    .box-back-slide{
      height:178px;
    }
    .slide-main .btn-primary {
      bottom:30px;
    }



  /*===================
  #Header and Nav
  =====================*/

  /* // Nav */

    .navbar-static-top{
      padding: 15px 0;
    }
}

@media (max-width: 359px){

  /*===================
  #Components
  =====================*/

  /* // Sliders */

    .slide-main {
      height: 380px;
    }
    .speech-slide{
      top:170px;   
    }
    
    #banner-speech-slide {
      color:white;
    }

    .box-back-slide{
      height:158px;
    }
    .slide-main .btn-primary {
      bottom:30px;
    }


  /*===================
  #Header and Nav
  =====================*/

  /* // Nav */

    .navbar-static-top{
      padding: 10px 0;
    }
    .navbar-brand{
      height: 55px !important;
    }
    .navbar-toggle {
      margin-top: 10px;
    }

  /*===================
  #Blog
  =====================*/

    .post-image{
      height:190px;
    }
    .post-info {
      padding:30px;
    }
    .post-view {
      bottom:30px;
      left:30px;
    }

  

}


 /*===================
  #Print Version
  =====================*/

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

/*===================
  #Modals
  =====================*/
.modal-content{
  margin-top:15%;
}

.modal-title {
  color:#555;
}

.popup-input-group-text {
  color:#555;
  text-align: left;
}


/*===================
  #Atencion Primaria
  =====================*/


#caps_info {
 /*height: 500px;*/
 overflow-y: scroll;
 overflow-x:hidden;
 opacity:0.3;
 background-size: cover;
}

@media (min-width: 992px) {
  #caps_info {
    height: 500px;
  }
}


#caps-ciudad {
    background-color: #acca46;
  }

#caps-localidades {
    background-color: #75b6e0;
  }


#contact_info_title, #services_title{
  text-align: center;
  background: grey;
  color:white;
  font-size:medium;
}

.services_name {
  background-color: #75b6e0;
  text-align: center;
  color:white;
  margin-top: 0px;
  cursor: pointer;
  font-size:medium;
  margin:0px;
  border:1px grey solid;
  height: 40px;
  line-height: 40px;
  
}


.profesionals_info{
  display:none;
}


/* Eventos */

.event-box-icon {
  height: 18px;
  width: 18px;
  float: left;
  margin-right: 10px;
}

.icon-clock, .icon-map{
  fill:#acca46;
}

.event-info {
  padding:10px;
}

.event-image {
  position: relative;
  width: 100%;
  height: 360px;
  overflow: hidden;
}
.event-image img{
  width: 100%;
}

.months a{
    color: #555;
    text-decoration: none;
}


.home-event-info{
  height: 100%;
}

.home-event-image{
  height: 358px;

}