/*
Header Superior / botones
Azul actual: #04b8e9
Azul nuevo: #00b0eb

Header inferior
celeste actual: #e1f5fd
nuevo: #f9f8f8


*/

/* HEADER */
.tm-header-topside {
    background: #00b0eb;
}

.tm-header-bottomside {
	border-bottom: 1px solid #e0e0e0;
    background: #f9f8f8;
}

.tm-slider-dots-2 .slick-dots li.slick-active {
	border-color: #00b0eb;
}
.tm-slider-dots-2 .slick-dots li.slick-active::before {
    background: #00b0eb;
}
/* BUTTON */

.tm-button, a.tm-button, button.tm-button {
	background: #00b0eb;
	border: 1px solid #00b0eb;
}


/* BACK TOP */
#back-top-top {
	background: #00b0eb;
	border: 1px solid #00b0eb;
}

/* CUADROS */
.bg-grey {
    /*background: #f9f8f8;*/
	border-bottom: 1px solid #e0e0e0;
    background: #f9f8f8;
}

/* TITULOS */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Open Sans", sans-serif;
    color: #3c424f;
}

.tm-whyus-block h5 span {
	background: #00b0eb;
}

/* MENUS */
.tm-header-nav ul li a {
	font-family: "Open Sans", sans-serif;
}
.tm-header-nav ul li a:hover {
	border-bottom: 3px solid #00b0eb;
	color: #00b0eb;
}
.tm-header-nav ul li.current a {
  color: #00b0eb;
}
.tm-header-nav ul li a:hover {
    border-bottom: 3px solid #00b0eb;
	color: #00b0eb;
}
/* BUTTON NUESTROS SERVICIOS */

.tm-service .tm-service-content .tm-button {
  background: #00b0eb;
  border-color: #00b0eb;
  color: #ffffff;
}
.tm-service .tm-service-content .tm-button:hover {
  background: #00b0eb;
  border-color: #00b0eb;
  color: #ffffff;
}

.tm-service:hover .tm-service-content .tm-button {
  background: #00b0eb;
  border-color: #00b0eb;
  color: #ffffff;
}


/* PRELOADER */
.tm-preloader-progress::before {
	background: #00b0eb;
}

.tm-preloader {
	background: #f9f8f8;
}

/* LETRA EXPERIENCIA */
.tm-funfact-heading span {
    color: #00b0eb;
}

/* revealblock */
.tm-revealblock::before {
  background: #00b0eb; 
}

/* MENU MOVIL */
.tm-mobilenav .mean-nav{
	background:#00b0eb;
}

/* LOGOS CLIENTES*/

.tm-brandlogo a {
   -webkit-filter: grayscale(0);
  filter: grayscale(0);
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.tm-brandlogo a:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.isDisabled {
  pointer-events: none;
}

/* IMG BORDES*/

.img-bordes {
   -webkit-filter: grayscale(0);
  filter: grayscale(0);
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.44);
}

/* BOX RESPUESTA CONTACTO*/
#respuesta {
	margin-top: 10px;
}

/* ICONO NOSOTROS 24/7 */
.tm-callbutton {
    position: relative;
    display: inline-block;
	width: 100%;
    height: 100px;
    padding-left: 200px;
    padding-top: 30px;
    vertical-align: middle;
}

.tm-callbutton h4 {
    font-size: 25px;
}

.tm-callbutton {
    margin-left: 1px !important;
}

/* BOX SERVICIOS */

/* .tm-service { */
    /* background: #f9f8f8; */
/* } */
.tm-service {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  background: #ffffff;
}

.tm-service-icon {
    display: inline-block;
    height: 170px;
    width: 250px;
    line-height: 150px;
    text-align: center;
    background: #ffffff;
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
    padding: 10px;
    margin-bottom: 25px;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.tm-service:hover .tm-service-icon {
  background: #ffffff;
}

/* SELECT FORM CONTACTO*/


/* CLIENTES */
.tm-padding-section {
    padding-top: 50px;
    padding-bottom: 50px;
}

/* CONTACTO CUADROS INFORMATIVOS */
.tm-contact-block {
    padding: 50px 30px;
    margin-top: 160px;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: #ffffff;
}
.tm-padding-section-top {
    padding-top: 50px;
}

/* CONTACTO FORM */

.tm-form input, .tm-form textarea, .tm-form select {
    border: 1px solid #00b0eb3b;
    background: #f9f8f8;
    color: #686b77;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
/* SELECT FORM */
.nice-select {
	float: none;
}
.nice-select .list .option:hover{
	background: #00b0eb;
	color: #ffffff;
} 

.nice-select:focus{
border-color: transparent;
} 

.tm-form .nice-select {
    border: 1px solid #00b0eb3b;
    background: #f9f8f8;
    color: #686b77;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/* FOOTER */

.tm-footer {
    border-top: 8px solid #00b0eb;
	color: #666666;
}
.tm-footer-topside {
    background-color: #f0f0f0;
    -webkit-background-size: inherit inherit;
    background-size: inherit;
    background-repeat: no-repeat;
    background-position: left center;
}
.widgets-footer .single-widget .widget-title {
    color: #666666;
}
.widgets-footer .widget-quicklinks ul li a {
    font-size: 14px;
    color: #666666;
}
.tm-footer-bottomside {
    background: #dbdbdb;
	border-top: 1px solid #cecece;
}
.tm-footer-copyright {
    margin-top: 15px;
    margin-bottom: 0;
    color: #666666;
    font-size: 12px;
}
.tm-footer-copyright a {
    color: #666666;
    font-weight: 600;
}
.tm-footer-copyright a:hover {
    color: #00b0eb;
    font-weight: 600;
}
.tm-footer-copyright .img-responsive {
    margin: 0 auto;
}

/* ICONOS FOOTER */
.widgets-footer .widget-info ul li a {
	background: #0f60c5;
    height: 35px;
	width: 35px;
	border: 1px solid #0f60c5;
	text-align: center;
	font-size: 18px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	color: #fff;
}
.widgets-footer .widget-info ul li a:hover {
	background: #fff;
	color: #0f60c5;
	border: 1px solid #fff;
	

}

/* BG-THEME*/
.bg-theme {
    background: #003f6d;
}
/* EMERGENCIA HEADER*/
.tm-header-topside ul li {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    padding-left: 5px;
    padding-right: 5px;
}
.emergencia  {
	pointer-events: auto;
	cursor: default;
	background: #d23232;
	color: #fff;
	border-radius: 5px;
	
}
.emergencia  a{
	color: #fff;
}
.emergencia  a:hover{
	color: #fff;
}

/* EMERGENCIA BANNER */

.tm-emergencia {
	height: 58px;
	font-size: 1.2em;
    font-weight: 400;
    letter-spacing: -0.025;
    line-height: 16px;
    border: 0.1rem solid;
    border-radius: 3px;
    padding: 15px 13px;
    text-decoration: none;
    background-color: #ec1b34eb;
    border-color: #ed0722;
    color: #fff;
    outline: none;
	margin-left: 14px;
}
.tm-emergencia:hover {
	background-color: #fff;
    border-color: #ed0722;
	color: #ec1b34eb;
}
.tm-emergencia a{
	color: #fff;
}
.tm-emergencia a:hover{
	color: #ec1b34eb;
}
.tm-about-buttons {
    margin-top: 35px;
}
.tm-buttongroup {
    /* margin-left: -15px; */
    /* margin-top: -10px; */
}