/*
Theme Name: ORAL CARE
Theme URI: https://oralcare.pe/
Author: TiFactor
Author URI: http://tifactor.com/
Description: Tema de uso corporativo para la empresa ORAL CARE
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: oralcare.pe
*/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;500;700;800;900&display=swap');
body{
  --cp: #303192;
  --cph: #3435aa;

  --cs: #00adee; 
  --gris: #e4eaee;
  --gris2:#929599;
  --tw: #ffffff; 
  --tb: #232323;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 24px;
  font-family: 'Poppins', sans-serif;
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill,textarea:-webkit-autofill,textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 0px rgba(0,0,0,0.8) inset;transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color: var(--cs);}
h1{font-size: 3.5rem;color: var(--tw);-webkit-text-shadow: 5px 5px 5px 5px rgba(0,0,0,0.8);text-shadow: 5px 5px 5px 5px rgba(0,0,0,0.8);font-weight: 700;}
h2{font-size: 2.1rem;font-weight: 700;color: var(--tb)}
h3{font-size: 1.2rem;line-height: 1.5rem;font-weight: 500;}
hr{ height: 0.35rem; width: 20%; background-color: var(--cp);}
h4{color: var(--tw);}
h5,h6{color: var(--cs);}
a{font-weight: 500;}
.bgcp{background-color: var(--cp);color: var(--tw);}
h2+p.center{width: 80%;margin: 1rem auto 2rem auto;}
.description h2+p{margin-top: 3rem;}
.fixed-menu .bgcp{background-color: var(--cp); animation-name: color-change; animation-duration: 6s;animation-iteration-count:infinite}
.bgcs{background-color: var(--cs);color: var(--tw);}
.bgcp:hover,.bgcp:active,.bgcp:focus{background-color: var(--cph);color: var(--tw);}

*[class^="tb"]{color:var(--tb)}
*[class^="tw"]{color:var(--tw)}
*[class^="tcp"]{color: var(--cp)}
*[class^="tcs"]{color: var(--cs);/* background-color: #fff; */}
.tcp3{font-weight:300;}
.tcp5,.tcs5{font-weight: 500;}
.tcp7,.tcs7{font-weight: 700;}
.tw4{font-weight: 400;}
.tw5{font-weight: 500;}
.tw7{font-weight: 700;}
.upper{text-transform:uppercase}
section{padding: 4rem 0;font-weight:300;}
section.bgcs h2,footer.bgcs h2{color: var(--tw);}
i{vertical-align: middle;margin-right: 0.5rem;}
p, ul li, ol li{font-size: 1.1rem;line-height: 1.4rem;}
ol{padding-left: 1.6rem;}
p.subt{font-size: .8rem!important;color: var(--gris2);font-weight: 500;}
figure{padding: 0;margin: 0;}
.galeria{margin: 4rem 0;}
.btn-large {height: 40px;line-height: 2.8rem;font-size: 15px!important;padding: 0 24px;}
a.btn, a.btn-large{font-size: 1rem;color: var(--tw);border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
a.btn i{font-size: 1rem;}
input.bgcp:focus{background-color: var(--cp);}
ul.checked li,ul.pointing-right li{display: flex;align-items: center;margin: 1rem 0;}
ul.checked li:before{font-family: 'icomoon';margin-right: 1rem;vertical-align: middle;color: var(--cs);content: "\e925";font-size: 1.2rem!important;color: var(--cp);vertical-align: t;}
ul.pointing-right li:before{font-family: 'icomoon';margin-right: 1rem;vertical-align: middle;color: var(--cs);content: "\e91d";font-size: 1.2rem!important;color: var(--tw);vertical-align: t;}
#formulario{color: var(--tb);}
#formulario h2{color: var(--tb);margin-bottom: 3rem;}
#frmSolicita .saludo{margin-bottom: 1.5rem;font-size: 1.4rem!important;}
#frmSolicita .saludo strong{color: var(--tb);}
.input-field>label{color: var(--gris2)!important;font-weight: 500;}
#frmSolicita input, #frmSolicita textarea {color: var(--tb);font-size: 1rem!important;font-weight: 500;border-bottom: 1px solid var(--cp)}
#frmSolicita .l-captcha .l8 .l4{padding: 0;}
#frmSolicita .lv-cp{font-weight: 700;color: var(--gris2);font-size: 1.2rem!important;margin-bottom: .5rem;}
.l-captcha i{padding: 0;}
#formulario #formsend{border: 1px solid var(--cp);cursor: pointer;color: var(--tw);padding: 1rem 2rem;font-size: 1.4rem!important;transition: .25s;}
#formulario #formsend:hover{background-color: var(--tw);color: var(--cp);}

.owl-carousel{z-index: 0;}
.owl-theme .owl-nav {margin-top: 10px;text-align: center; -webkit-tap-highlight-color: transparent;}
.owl-theme .owl-nav [class*="owl-"] {color: #fff;font-size: 14px!important;margin: 5px;padding: 4px 7px;background: var(--sky);display: inline-block;cursor: pointer;border-radius: 3px;}
.owl-theme .owl-nav [class*="owl-"]:hover {color: var(--cp);text-decoration: none;}
.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default;}
.owl-theme .owl-nav.disabled + .owl-dots {margin-top: 10px;}
.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent;}
.owl-theme .owl-dots .owl-dot {display: inline-block;zoom: 1;display: inline;margin: 0 .6rem;}
.owl-theme .owl-dots .owl-dot span {width: 50px;height: 8px;margin: 5px 7px;background:var(--sky);display: block;-webkit-backface-visibility: visible;transition: opacity 200ms ease;border-radius: 30px;background-color: var(--tb);}
#clientes .owl-theme .owl-dots .owl-dot span{width: 14px; height: 14px;}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { background-color: var(--cp);}
.preloader-background{display:flex;align-items:center;justify-content:center;background-color: transparent;position:fixed;z-index:9999999;top:0;left:0;right:0;bottom:0;height: 5px;}
.preloader-box{position: absolute;top: 0;width: 100%}
.preloader-box .progress{width: 100%;margin: 0;z-index: 2;overflow: visible;}

.main-header{height: 85px;position: relative;z-index: 2;}
nav{box-shadow:none;background: transparent!important;height: auto;}
nav .nav-wrapper{height: 90px;}
nav .row .col{padding: 0;}
.welcome{background-color: var(--tw);padding: .2rem 1rem;text-align: center;height: 55px;line-height: 4.5rem;/* height: 100%; */position: relative;}
.welcome:after{content: "";width: 0;height: 0;border-right: 100px solid transparent;position: absolute;right: -100px;top: 0;}
.page-id-9 .welcome{padding-top: .5rem;} 
.page-id-9 .welcome img{width: 80%;}
.welcome a{display: block;text-align: left;padding: 0 0 0 5rem;width: 70%;margin-top: 0;}
nav .menu-top{background-color: var(--cp);display: flex;justify-content: space-between;height: 30px;align-items: center;padding: 0 6.8rem 0 5%  !important;}

.fixed-menu{
  background-color: var(--tw);
  position: fixed;
  z-index: 999;
  top: 0;
  width: 100%;
  padding: 0;
  padding: 0;
  height: 85px;
  border-bottom: 1px solid  rgba(0,0,0,.1);
  -webkit-box-shadow: 0 0px 0px 0 rgb(0 0 0 / 14%), 0 0px 0px -1px rgb(0 0 0 / 12%), 0 0px 5px 0 rgb(0 0 0 / 20%);
  box-shadow: 0 0px 0px 0 rgb(0 0 0 / 14%), 0 0px 0px -1px rgb(0 0 0 / 12%), 0 0px 5px 0 rgb(0 0 0 / 20%);
  }
.fixed-menu .row{margin-bottom: 0;}
 nav {background-color: var(--tw)}
 nav ul a{color: var(--tb);font-size: 1rem}
 nav ul a:hover{background-color: transparent;}
nav.fixed-menu ul a{color: var(--tb);}
nav.fixed-menu ul.dropdown-content a{color: var(--tw);}

nav .menu-top, nav .box-menu-header{padding: 0 7.5rem 0 0;}
nav ul.social-menu li{line-height: 20px;}
nav ul.social-menu li:first-of-type{font-size: 1rem;font-weight: 300;margin-right: 2rem;}
nav ul.social-menu li a{color: var(--tw);width: 20px;height: 20px;padding: 0;margin: 0 .6rem;text-align: center;/* border-radius: 0; */}
nav ul.social-menu li a i{font-size: 1.4rem;line-height: 1.1rem;margin: 0;}
nav ul.social-menu li:hover i{transform: scale(1.2); transition: 1s ease;opacity: 0.5;}
nav .info-contacto li{font-size: 1rem!important;margin: 0 1rem;font-weight: 300;display: flex;align-items: center;}
nav .info-contacto li a{color: var(--tw);display: inline-block;padding: 0 .4rem;}

nav .box-menu-header {background-color: var(--tw);display: flex;justify-content: flex-end;align-items: center;}
nav .menu-main li {position: relative;}
ul.menu-main li a {padding: .5rem 1rem;font-size: 1rem!important;height: 55px;line-height: 2.8rem;font-weight: 500;color: var(--cp);}
#menu_otros li a{color: var(--tw);}
/*ul.menu-main li:nth-of-type(7) a{padding: 0.5rem .8rem;line-height: 2.8rem;}*/
ul.menu-main li a:hover,ul.menu-main>li a.active{border-bottom: 5px solid var(--cp);color: var(--cp);font-weight: 500;transition: all ease-in .2s;color:#303192}
nav .menu-main+a{height: 35px;line-height: 2.4rem;margin-left: 0;}

ul.menu-main li a.citas{border: 1px solid var(--cp);background-color: transparent;border-radius: 5px;height: 30px;margin-top: 1rem;line-height: .5rem;}ul.menu-main li a.citas:hover{background-color: var(--cp); color: var(--tw);}

#menu-servicios li a{line-height: 2rem;height: 68px;}
#menu-servicios li a:hover{background-color: var(--cs);}
ul li a.dropdown-trigger {padding: .5rem 1rem;font-size: 1rem;line-height: 2.8rem;}
ul li a.dropdown-trigger:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  /* font-size: 1rem; */
  top: 45%;
  right: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid var(--cp);
  }
ul li:nth-of-type(7) a.dropdown-trigger:after{display: none;}
ul li:last-child a.dropdown-trigger:after { content: "";  border: 0;}
ul li a.dropdown-trigger i{font-size: 2rem;}
ul li:last-of-type a i{font-size: 1.1rem;margin-right: .5rem;margin-left: 0;}
ul.dropdown-content {width: 350px !important;top: 55px !important;background-color: rgba(48,49,146,0.7);}
.menu-main li:last-child ul.dropdown-content{width: 320px !important;}
.fixed-menu ul.dropdown-content{top: 75px !important;}
.dropdown-content li>a, .dropdown-content li>span{color: var(--cp);}

/****/
.bg-cover{background-size: cover;height: 88.5vh;}
#home-cover{background-image: url('images/cover-home-l.jpg');background-position: center;}
#kids-cover{background-image: url('images/cover-kids-l.jpg');background-position: center;}
#ortodoncia-cover{background-image: url('images/cover-ortodoncia-l.jpg');background-position: center;}
#estetica-dental-cover{background-image: url('images/cover-estet-l.jpg');background-position: center;}
#cirugia-cover{background-image: url('images/cover-cir-l.jpg');background-position: center;}
#nosotros-cover{background-image: url('images/cover-nosotros-l.jpg');height: auto;background-position: center;}
#contacto-cover{background-image: url('images/cover-contacto-l.jpg');height: 45vh;}
#gracias{background-color: var(--cs);height: 40vh;}
#contacto-header{background-image: url('images/cover-contacto-l.jpg');}
#gracias{background-image: url('images/bg-gracias.jpg');}
#blog-home{background-image: url('images/cover-contacto-l.jpg');}
.whatsappchat {position: fixed;bottom: 20px;right: 20px;display: block;z-index: 999!important;}
.whatsappchat a {width: 55px;height: 55px;background: #51c14f;display: block;border-radius: 50%;text-align: center;}
.whatsappchat a i {font-size: 2.5rem!important;color: var(--tw);line-height: 3.87rem;margin: 0;border-radius: 50%;padding: 0;text-align: center;}

article .card .card-header{font-size: 1.2rem;}
article .card .card-header, .card-content h3+a, .card-content p+a{display: flex;justify-content: space-between;align-items: center;}
article .card .card-content .card-fecha{font-size: 1rem}
article .card .card-content h3{font-size: 1.2rem;height: 60px;font-weight: bold;margin-top: 1rem;}
article .card .card-content p {font-size: 1rem;height: 90px;}
article .card .card-content a{margin: 1.5rem 0 0 0;font-size: 1rem;color: var(--cp);}
article .card .card-category a, .card-fecha{ color: var(--cp);font-weight: 500;}

article .card .card-content i{font-size: 1.2rem;color: var(--cp);}
article .card .card-content a i{font-size: 1.8rem;}

.single-title{margin-top: -110px;position: relative;background-color: var(--cs);padding: 0;height: 500px;}
.single-title:before{content: "";background: rgb(48,49,146);background: linear-gradient(180deg, rgba(48,49,146,0.5) 17%, rgba(0,0,0,0) 100%);position: absolute;z-index: 1;width: 100%;height: 100%;}
.single-title img{position: absolute;top: 0;width: 100%;height: 100%;}
.single-title .container{position: relative;z-index: 1;color: var(--tw);padding-top: 4rem;}
.single-title .container a{color: var(--tw);}
.single h1{font-size: 2.5rem!important;margin-top: 0;color: var(--tw);}
.single .data-box{width: 100%;display: table;background-color: rgba(48,49,146,.9);padding: 2rem;margin: 0;border-radius: 4px;-webkit-border-radius: 4px;}
.single .data-box .col{margin: 1.5rem 0;font-size: 1.5rem;}
.single .data-box i{font-size: 1.5rem!important;color: var(--cp);}
.widget-item{border: 1px solid #dedede;padding: 2rem;margin: 1.5rem 0;}
.widget-item h2{font-size: 1.8rem;}
.widget-item:first-of-type{margin-top: 0.5rem;padding: .5rem 1.5rem;}
.widget-item .title-widget-item{font-weight: 500;font-size: 1.8rem; font-weight: 700;}
.widget-item ul li{border-bottom: 1px solid #b8b8b8; padding: 1rem 0;}
.widget-item .rpwwt-widget ul li{padding: 0.5rem 0;}
.widget-item ul li a{color: #0e171e;font-size: 1.3rem;}
.widget-item ul li a img{border-radius: 50%;width: 50px !important;height: 50px !important;vertical-align: middle;}
.widget-item ul li a span{margin-top: 1rem;display: block;}
.search .wrap h1 {color: var(--tb);}
.wp-block-search__button{background-color: var(--cp);color: var(--tw);}
#blog-home,#category-head{background-image: url('images/cover-blog-l.jpg'); height: 45vh;}
#category-head h1 span{display: block;font-size: 1.4rem!important; font-weight: 300;}
.blog-section article{margin: 0;}
.blog-section .card-image{position: relative;z-index: 0;}
.blog-section .card-image:before{content: "";background: rgb(4,0,0);background: linear-gradient(180deg, rgba(4,0,0,0.7455357142857143) 0%, rgba(0,0,0,0) 62%); position: absolute;
  width: 100%; height: 100%; left: 0; border-radius: 4px; z-index: 1; }
.blog-section .category-post{position: absolute;top: 25px;left: 15px;z-index: 2;}
.blog-section .category-post a{color: var(--tw); border-left: 2px solid var(--cp);padding-left: .5rem;}
.entry-content .kk-star-ratings{display: none !important}
.kk-star-ratings{margin-left: 1rem;font-weight: 300;}
.kksr-icon{width: 20px!important;height: 20px !important;}

.post-comments-number{position: absolute;bottom: 30px;right: 25px;color: var(--tw);font-size: 1.4rem!important;}
.card-content{text-align: left;}
.card-title a{color: var(--cs);font-size: 1.3rem!important;font-weight: 500;}
.data-post{display: flex;justify-content: space-between;margin-top: 2rem;}
.data-post a,.blog-section .data-post i{color: var(--cp);margin-right: 0.5rem;}
.entry-content img { width: 100%; height: 100%;}
.page-template .a2a_kit,.page-template-default .a2a_kit,.blog .a2a_kit,.archive .a2a_kit{display: none;}
.a2a_kit{border-radius: 0 !important;padding: 0.8rem!important}
.a2a_default_style .a2a_count, .a2a_default_style .a2a_svg, .a2a_floating_style .a2a_svg, .a2a_menu .a2a_svg, .a2a_vertical_style .a2a_count, .a2a_vertical_style .a2a_svg{padding: 0.2rem}
.a2a_button_email span{background-color: #f35c04!important;}
.single .a2a_kit{display: block;}
.separador-h{width: 100%;height: 5rem;}
.separador-tb{padding: 5rem 0;}

/****************HOME****************/
/****HOME-COVER***/
.bg-cover{
    position: relative;
}
.cover-content{
    position: relative;
    max-width: 500px;
    /* z-index: 9; */
}
.cover-content h1{
    text-shadow: 5px 3px 7px rgba(0,0,0,0.5);
}
.cover-content p{
    color: #fff!important;
}
.cover-content a{
    background-color: var(--tw);
    border: 1px solid #fff;
    color: var(--cp);
    text-transform: uppercase;
}
.cover-content a:hover{
    background-color: inherit;
    border: 1px solid #fff;
    color: #fff;
}
#home-cover a:last-child {
    background-color: inherit;
    border: 1px solid #fff;
    color: #fff;
    margin-left: 15px;
}
#home-cover a:last-child:hover {
    background-color: var(--tw);
    color: var(--cp);
}
.bg-cover .img-tarj{
    position: absolute;
    left: 45%;
    bottom: 0;
    text-align: right;
    width: 50%;
    margin-bottom: -10px;
}
.bg-cover .img-tarj> img{width: 90%;}
.page-id-11 .bg-cover .img-tarj> img{width: 80%;}
.page-id-15 .bg-cover .img-tarj> img{width: 60%;}
.page-id-19 .bg-cover .img-tarj> img{width: 50%;}


.bg-cover .img-tarj p{
    position: absolute;
    color: var(--tw);
    bottom: 1rem;
    text-align: center;
    left: 0;
    right: 0;
}
.bg-cover .img-tarj p img{
    margin-left: 1rem;
    margin-bottom: -0.7rem;
}
/****ESPECIALIDADES***/
.especialidades{ text-align: center; }
.especialidades .container{
    position: relative;
}
.especialidades .container img.sombra-azul{
    position: absolute;
    bottom: -70px;
    left: -5%;
    opacity: 0.5;
    width: 110%;
    z-index: -1;
    display: none;
}
.especialidades p{
    max-width: 730px;
    margin: 0 auto;
}
.especialidades #cards{
    margin-top: 5rem;
    position: relative;
    display: flex;
}
.especialidades #cards .col{
    padding: 0 0.5rem;
    /* display: flex; */
}
.especialidades #cards .card-esp{
    border-radius: 5px;
    padding: 5rem .5rem;
    transition: .5s;
    overflow: hidden;
    -webkit-box-shadow: 0 10px 55px 5px rgb(137 173 255 / 20%);
    box-shadow: 0 10px 55px 5px rgb(137 173 255 / 20%);
    margin: 1rem 0;
}
#home-especialidades #cards .card-esp{height: 330px;}
#ortodoncia-especialidades #cards .card-esp{height: 460px;}
#estetica-dental-especialidades #cards{justify-content: center;}
#estetica-dental-especialidades #cards .card-esp{justify-content: center;width: 30%;margin: 1rem 2rem;}
#cirugia-especialidades #cards .card-esp{height: 410px;}
#nosotros-especialidades #cards .card-esp{height: 450px;}
.especialidades #cards .card-esp::after {
    color: var(--tw);
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    left: -50px;
    bottom: -50px;
    border: 10px solid var(--tw);
    border-radius: 50%;
    opacity: 0.25;
    z-index: -1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.especialidades #cards .card-esp:hover{background-color: var(--cs); -webkit-transform: translateY(-8px); transform: translateY(-8px);}
.especialidades #cards .card-esp:active{ margin-top: 15px;}

.especialidades #cards .card-esp a{ width: 100%; display: block;}
/***Cards-Iconos-Normales***/
.especialidades #cards .card-esp i{ color: var(--cp);}
.especialidades #cards .card-esp i.icon-rel1{
    position: relative;
    font-size: 4rem;
}
.especialidades #cards .card-esp i.icon-rel1 .icon-abs1{
    color: var(--tb);
    font-size: 2rem;
    position: absolute;
    top: 1rem;
    left: 0.75rem;
}
.especialidades #cards .card-esp:hover i.icon-rel1 .icon-abs1{
    color: var(--cp);
}
.especialidades #cards .card-esp:hover i.icon-rel1{
    color: var(--tw)
}
.especialidades #cards .card-esp:hover i.icon-abs1{
    color: var(--cp)
}
.especialidades #cards .card-esp:hover i.icon-oc-scd:before {
  content: "\e91a";
    display: initial;
}
.especialidades #cards .card-esp:hover hr{
    background-color: var(--tw);
    border-color: var(--tw);
}
.especialidades #cards .card-esp:hover h3, .especialidades #cards .card-esp:hover p{
    color: var(--tw)
}
.especialidades #cards .card-esp h3{
    font-size: 1.15rem;
    color: var(--tb);
    margin-top: 0.9rem;
    margin-bottom: 0rem;
    font-weight: 600;
}
.especialidades #cards .card-esp hr{
    border-color: none;
    height: 0.08rem;
    width: 25%;
    background-color: var(--cp);
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.especialidades #cards .card-esp p{
    font-size: 0.9rem;
    color: var(--tb);
    font-weight: 300;
}
/***Cards-Iconos-Grandes***/
.especialidades #cards .card-esp i.icon-abs1.icon-abs-l{
    font-size: 4rem;
}
.especialidades #cards .card-esp i.icon-rel1.icon-l{
    font-size: 8rem;
}
.especialidades #cards .card-esp i.icon-rel1.icon-l i.icon-abs1.icon-abs-l{
    top: 2rem;
    left: 1.5rem;
}
/***Lista-Cards***/
.especialidades #cards .card-esp ul.list-esp{
    display: inline-block;
    text-align: left;
    width: 90%;
    margin-bottom: 0;
}
.especialidades #cards .card-esp ul.list-esp li{
    display: flex;
    margin: 1rem 0;
}
.especialidades #cards .card-esp ul.list-esp p{
    text-align: left;
    margin: 0;
}
.especialidades #cards .card-esp i.icon-rel2 {
    font-size: 2rem;
    color: #b8d0ea;
    position: relative;
    font-weight: 500;
}
.especialidades #cards .card-esp:hover i.icon-rel2{
    color: var(--tw);
}
.especialidades #cards .card-esp i.icon-rel2 .p-abs,.especialidades #cards .card-esp i.icon-rel2 .p-abs1{
    font-family: 'Poppins', sans-serif;
    color: var(--cp);
    position: absolute;
    top: 0.3rem;
    left: 0.6rem;
    transition: .25s;
    font-weight: 500
}
.especialidades #cards .card-esp i.icon-rel2 .p-abs1{
    left: 0.7rem;
}
.especialidades #cards .card-esp:hover i.icon-rel2 .p-abs,.especialidades  #cards .card-esp:hover i.icon-rel2 .p-abs1{
    color: var(--cp);
}
/*********CONOCENOS-HOME*********/
section.description{
}
.description .container{
    width: 100%;
    max-width: inherit;
}
.description .container .row{
    margin-bottom: 0!important;
}
.description .container .row .foto{
    margin-bottom: -10px!important;
}
.description .container .row .col{
    padding: 0;
}
.description h3{font-size: 2rem;font-weight: 500;line-height: 2.3rem;}
.description .container.foto-info .info{
    margin: 1rem 0 0 3rem;
    width: 35%;
}
.description img{
   width: 100%;
}
.description .info span{
    color: var(--cp)
}
.description .info h2{
    margin:1rem 0;
}
.description ul.check-list{
    /* font-weight: 400; */
}
.description ul li.check-item{
    display: flex;
}
.description i.icon-chk{
    font-size: 2rem;
    color: var(--cp);
}
.description p{
    margin-top: 0px;
    text-align: justify;
}
.description a.btn-large{
    background-color: var(--cp);
    border: 1px solid var(--cp);
    text-transform: uppercase;
}
.description a.btn-large:hover{
    background-color: var(--tw);
    text-transform: uppercase;
    color: var(--cp);
}
.description a.btn-large:hover i{
    color: var(--cp)!important;
}
.description .info a i{
    background-color: var(--tw);
    border-radius: 5px;
    color: #82aede!important;
    font-size: 1.8rem;
    margin-left: 0.8rem;
}
/************HOME-GALERIA*********/
.galeria-section h2{
    margin-bottom: 2rem;
}
.galeria-section img{
    width: 100%;
}
.galeria-section .container .row{
    margin-bottom: 0.75rem!important;
}
/****************FOOTER*****************/
#footer{
    background-image: url(images/footer-bg-dientes.png);
    background-position: top center;
    background-size: cover;
    padding: 3rem 0 0 0;
}
#footer h3{
    padding-bottom: 0.8rem;
}
#footer-contacto adress div{
    max-width: 300px;
    text-align: justify;
}
#footer-contacto div, #footer-especialidades div{
    display: flex;
    font-size: 1.1rem;
    padding-bottom: 1rem;
    align-items: baseline;
}
#footer a {
    color: var(--tw);
}
#footer .container{
    padding-bottom: 2rem;
}

/****************PIE*****************/
#pie{
    background-color: rgba(0,0,0,.20);
    padding: 0.5rem;
    font-weight: 300;
}
#pie .row{
    margin-bottom: 0;
}
/******************************PAGES*****************************/
/**********KIDS PAGE**********/
.bloque-sombra-azul{
    background-color: #f4f6f9;
    -webkit-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.8);box-shadow: 5px 5px 75px 5px rgba(4,93,188,0.25);
}
.description .info-foto .info {
    margin: 50px 0 0 0;
}
.description .info-foto .foto {
    padding: 0;
}
#kids-content h2{
    margin-bottom: 0.5rem
}
.description .info i.icon-rel2 {
    font-size: 2rem;
    color: #b8d0ea;
}
.info .icon-rel2{
    position: relative;
}
.info .icon-rel2 .p-abs,.info .icon-rel2 .p-abs1{
    font-family: 'Poppins', sans-serif;
    color: var(--cp);
    position: absolute;
    top: 0.2rem;
    left: 0.55rem;
    transition: .25s;
}
.info .icon-rel2 .p-abs2{
    left: 0.7rem;
}
.info li:hover .icon-rel2{
    color: var(--cp);
}
.info li:hover .p-abs,.info li:hover .p-abs1{
    color: var(--tw);
}
/****************ORTODONCIA****************/
.cover-content span{
    color: var(--tw);
    font-size: 1.5rem;
    font-weight: 500;
    display: block;
    margin-bottom: 2rem;
}
#ortodoncia-especialidades .info .col{
    margin:3rem 0
}
#ortodoncia-especialidades .info p{
    text-align: justify;
}
#ortodoncia-especialidades .info .cita-texto{
    background-color: var(--cp);
    color: var(--tw);
    text-align: justify;
    padding: 1rem;
    border-radius: 5px;
}
#ortodoncia-especialidades #cards .card-esp h3{
    font-size: 1.3rem!important;
    text-transform: uppercase
}
#ortodoncia-content .container{
    padding: 5rem 0;
}
.cita-texto ul li{
    display: flex;
}
.cita-texto ul li i{
    color: var(--tw);
    font-size: 6rem;
    opacity: 0.25
}
#ortodoncia-especialidades.especialidades #cards .card-esp{
    min-height: 370px;
}
#frase-ortodoncia{
    background-image: url('images/frase-ortodoncia.jpg');
    background-size: cover;
    background-position: center;
}
#frase-ortodoncia .container{
    align-content: center
}
#frase-ortodoncia p{
    color: var(--tw);
    padding: 5rem;
    max-width: 630px;
    margin: 0 auto;
    font-weight: 500;
    font-size: 1.5rem!important;
}
/**************ESTETICA-DENTAL**************/
#estetica-dental-content{
    padding-bottom: 0rem
}
#estetica-dental-content .container{
    width: 100%;
    max-width: inherit;
    overflow: hidden;
}
#estetica-dental-content .container:last-child{
    margin-bottom: 0;
    padding-bottom: 5rem
}
#proceso-blanqueamiento.container{
    width: 100%;
    max-width: inherit;
}
#proceso-blanqueamiento.container .row{
    width: 70%;
    max-width: inherit;
}
#ventajas-blanqueamiento .info{
    background-color: var(--cp);
    z-index: 9;
    margin: 0;
    margin-right: 3rem;
}
#ventajas-blanqueamiento .foto{
    margin-top: 5rem;
}
#ventajas-blanqueamiento .info .info-content{
    padding: 2rem;
    color: var(--tw);
}
#ventajas-blanqueamiento .info .info-content h2{
    color: var(--tw);
}
/*****************CIRUGIA********************/
#cirugia-especialidades.especialidades #cards .card-esp{
    min-height: 310px
}
#cirugia-especialidades #cards p{
    text-align: justify;
    padding: 1rem;
}
/*******************NOSOTROS*******************/
#nosotros-cover.bg-cover p{
    max-width: 460px;
}
#nosotros-cover.bg-cover .img-tarj{
    position: absolute;
    right: 10%;
    bottom: 0;
    text-align: right;
    width: 40%;
    margin-bottom: -10px;
}
#nosotros-content{
    padding: 5rem 0 0;
}
#nosotros-especialidades{
    padding: 0
}
#nosotros-especialidades.especialidades #cards .card-esp h3{
    margin: 1rem 0;
}
#nosotros-content p{
    text-align: justify;
}
#nosotros-especialidades.especialidades #cards .card-esp p{
    font-size: initial!important;
    margin: 1rem;
    text-align: justify;
}
#nosotros-galeria h2{
    margin: 0rem 0 3rem;
}
/******************CONTACTO**********************/
#contacto-cards.especialidades #cards .card-esp p{
    font-size: 1rem!important;
    margin: 1rem;
}
.especialidades #cards .card-esp ul.social-menu-contacto{
    display: inline-block;
    width: auto;
    text-align: center;
    margin: 0.5rem 0 ;
}
.especialidades #cards .card-esp ul.social-menu-contacto li{
    line-height: 20px;
    display: inline-block;
}
.especialidades #cards .card-esp ul.social-menu-contacto li a{
    width: 1.8rem;
    height: 1.8rem;
    margin: 0 .25rem;
    text-align: center;
}
.especialidades #cards .card-esp ul.social-menu-contacto li a i{
    font-size: 1.8rem!important;
    text-align: center;
    margin: 0;
}
.especialidades #cards .card-esp:hover ul.social-menu-contacto li i{
    color: var(--tw);
}
ul.social-menu-contacto li:hover i{
    transform: scale(1.5);
    transition: 1s ease;
}
.modula-item-content{background-color: var(--cp);}
.modula-item.tg-loaded:hover img.pic{opacity: .2 !important;}
/**********************************************SMARTPHONE***************************************************/

@media screen and (min-width:320px) and (max-width:480px){
h1{font-size: 1.8rem!important;}
h2{font-size: 1.6rem!important;line-height: initial;}
h3{font-size: 1.6rem!important;}
p, ul li, ol li { font-size: 1.2rem!important; line-height: 1.5rem;}
h2+p.center{width: 100%;}
#servicios h2{font-size: 1.6rem!important;}
#slide-out{z-index: 9999;}
#slide-out > li:first-child {padding: 1rem 0.3rem 2rem 1rem;background: var(--gris);margin-bottom: 1rem;}
#slide-out > li:first-child a{ padding: 0;}
#slide-out > li:first-child img{/* margin-top: 1rem; */width: 70%;}
.collapsible-body ul{background-color: #f1f1f1;}

ul.collapsible li a.collapsible-header{padding: 0 2.5rem;}
#slide-out ul.collapsible li.active>a { background-color: var(--cp); color: var(--tw);}
#slide-out ul.collapsible li a.collapsible-header:after { content: ""; position: absolute; width: 0; height: 0; top: 40%; right: 25px; border-left: 5px solid transparent; border-right: 5px solid transparent;
  border-top: 6px solid #333;}
#slide-out ul.collapsible li.active a.collapsible-header:after { border-top: 6px solid #fff;}
.sidenav li>a{font-size: 1.3rem!important;}
.show-btn{display: block!important;}
.main-header{height: 64px;}
.fixed-menu{height: 65px;background-color: var(--tw);}
nav .nav-wrapper{height: 65px;background-color: var(--tw);}
nav .menu-top, nav .box-menu-header{display: none;}
.welcome{line-height: 4rem;height: 55px;padding: 0 0 0 1.5rem;}
.welcome a{padding: .5rem 0;/* margin-top: .2rem; */}
.welcome img{width: 100%;}
ul.social-menu{display: none;}


.btn-fixed-menu {position: fixed;top: 9px;right: 20px;z-index: 999;}
.btn-fixed-menu a,.btn-floating:hover{background-color: transparent;box-shadow: none;}
.btn-fixed-menu a i{font-size: 1.8rem;}
.btn-fixed-menu a.btn-floating{border-radius: 0;text-align: center;width: 50px;height: 50px;line-height: 0rem;color: var(--cp);}
.btn-fixed-menu a.btn-floating i{margin: 0;line-height: 3.55rem;color: var(--cp);}
.call{position: fixed;top: 3px;right: 5rem;z-index: 999;width: 50px;height: 50px;padding: .5rem;line-height: 2.5rem;font-size: 5rem!important;}
.call i{color: var(--cp);font-size: 1.6rem!important;}
.bg-cover{height: 90vh;}
#home-cover{background-image: url('images/cover-home-m.jpg');}

#nosotros-cover{background-image: url('images/cover-nosotros-s.jpg');height: 65vh;background-position: center;}
#contacto-cover{background-image: url('images/cover-contacto-l.jpg');height: 40vh;}
#home-cover a:last-child{margin-left: 0;}
.bg-cover .img-tarj{left: 0;width: 80%;text-align: center;left: 8%;/* margin: 0 auto; */}
.bg-cover .img-tarj img{width: 110%;/* left: 450%; */}
.bg-cover .img-tarj p img{width: 60%;}
article .card .card-content p{height: auto;}
.single h1{font-size: 2rem!important;margin-bottom: 0;}
.single-title{height: 300px;}
.single-title .container{width: 95%;padding-top: 12rem;}
.single-title .container .col:last-of-type{padding: 0;/* display: table; */}
.single .data-box{width: 95%;margin-top: 3.4rem;background-color: var(--cp);margin: 6rem auto 0 auto;padding: 1rem 1.5rem;}
.single .data-box .col:last-of-type{font-size: 1.2rem;}
.single .data-box i, .single .data-box a{font-size: 1.1rem;}
.single .kksr-stars{margin-left: 0;}
.single .kk-star-ratings {margin: .5rem 0 0 0;} 
.blog #primary .card-image img{height: auto;}
#search-wrapper #s + i{height: 49.5px;}

.cover-content a {
    margin: 0.5rem 0;
}
.cover-content a:last-child {
    margin-left: 0px;
}
.especialidades #cards{display: block;}
.description .container.foto-info .info{width: 78%;}
#nosotros-especialidades.especialidades #cards .card-esp{ min-height: inherit}
 .info-content{padding: 0 10%;margin-bottom: 4rem;}
#odontologia-bebes .foto{margin-top: 4rem}
#frase-ortodoncia p{padding: 1rem}
#ortodoncia-galeria{padding: 0;}
#estetica-dental-especialidades #cards .card-esp{width: 100%;margin: 4rem 0;}
#proceso-blanqueamiento.container .row{width: 80%;}
#ventajas-blanqueamiento .info{margin-right: 0;}
#ventajas-blanqueamiento .foto{margin-top: 0}

#cirugia-especialidades #cards .card-esp{height: auto;}
#nosotros-cover.bg-cover .img-tarj{width: 75%;}
}

/*******************************TABLET*******************************/
@media screen and (max-width: 768px) and (min-width: 480px){
  h1{font-size: 2.8rem!important;}
  h2{font-size: 2.5rem!important;line-height: initial;}
  h3{font-size: 1.8rem!important;line-height: initial;}
  p, ul li, ol li {font-size: 1.5rem;line-height: initial;}
  a.btn, a.btn-large{font-size: 1.3rem!important;}
  .btn-large{height: 45px;line-height: 3.2rem;}
  .fixed-menu{height: 80px;}
  .sidenav{width: 450px;}
  .sidenav li{margin: 1.5rem 0;}
  .sidenav li>a{font-size: 1.6rem!important;}
  #slide-out > li:first-child {padding: 2.5rem 0 3.5rem 2rem;background: var(--gris);margin-bottom: 3rem;margin-top: 0;}
  #slide-out > li:first-child a{ padding: 0;}
  #slide-out > li:first-child img{width: 80%;}
  .collapsible-body ul{background-color: #f1f1f1;}
  .collapsible-body ul li:last-child a{line-height: 1.5rem;}
  ul.collapsible li a.collapsible-header{padding: 0 2.5rem;}
  #slide-out ul.collapsible li.active>a { background-color: var(--cp); color: var(--tw);}
  #slide-out ul.collapsible li a.collapsible-header:after { content: ""; position: absolute; width: 0; height: 0; top: 40%; right: 25px; border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 6px solid #333;}
  #slide-out ul.collapsible li.active a.collapsible-header:after { border-top: 6px solid #fff;}
  .input-field>label{font-size: 1.2rem!important;}
  .main-header{height: 90px;}
.fixed-menu{height: 90px;}
nav .menu-top, nav .box-menu-header{display: none;}
nav .nav-wrapper{background-color: var(--tw);}
.welcome{line-height: 4rem;/* height: auto; */}
.welcome a {padding: 0 0 0 1rem;}
.welcome img{width: 100%;margin-top: 1rem;}
ul.social-menu{display: none;}
ul.lista-n li{font-size: 1.8rem!important;}
.btn-fixed-menu a.btn-floating{border-radius: 0;text-align: center;width: 50px;height: 50px;line-height: 5rem;color: var(--cp);}
.btn-fixed-menu a.btn-floating i{margin: 0;line-height: 3.55rem;color: var(--cp);}
.call{position: fixed;top: 15px;right: 7.5rem;z-index: 999;width: 50px;height: 50px;padding: .5rem;line-height: 2.5rem;font-size: 5rem!important;}
.call i{color: var(--cp);font-size: 2.2rem!important;}
.bg-cover{height: auto;}
#home-cover{background-image: url('images/cover-home-m.jpg');background-position: center;}
#kids-cover{background-image: url('images/cover-kids-m.jpg');background-position: center;}
#kids-cover{background-image: url('images/cover-kids-m.jpg');background-position: center;}
#nosotros-cover{background-image: url('images/cover-nosotros-m.jpg');height: auto;background-position: center;}
#contacto-cover{background-image: url('images/cover-contacto-l.jpg');height: 40vh;}

.btn-fixed-menu {position: fixed;top: 9px;right: 2.5rem;z-index: 999;}
.btn-fixed-menu a,.btn-floating:hover{background-color: transparent!important;box-shadow: none!important;}
.btn-fixed-menu a i{font-size: 2.5rem!important;}
    
.spc{width: 100%;height: 2rem;}
.especialidades #cards{display: block;}
.especialidades #cards .card-esp{
    margin: 0.5rem;
    padding: 5rem 2.5rem;
    height: 350px;
}
#cirugia-especialidades #cards .card-esp{height: 480px;}
#nosotros-especialidades #cards .card-esp{height: 590px;}
.cover-content {  width: 100%;}
.bg-cover .img-tarj{
    position: relative;
    left: inherit;
    bottom: inherit;
    text-align: center;
    width: 100%;
    margin: 4rem auto 0;
    }
#contacto-cover .img-tarj{bottom: 4.2rem;}
.bg-cover .img-tarj p{
    position: absolute;
    bottom: 0;
}
.description .container.foto-info .info{
    margin: 3rem 0 0 0rem;
    width: 100%;
}
.description .info i.icon-rel2{font-size: 2.5rem;}
#nosotros-cover.bg-cover p{
    max-width: inherit;
}
section.bg-cover{
    padding-bottom: 0
}
#nosotros-cover.bg-cover .img-tarj{
    position: inherit;
    left: inherit;
    bottom: inherit;
    text-align: center;
    width: 100%;
    margin: 4rem auto -10px;
}
.description .info {
    max-width: inherit;
    }
.description .info-foto .info{margin-top: 0;}
.description .info-foto .foto{margin-top: 4rem;}
.description .container{
    width: 85%!important;
    margin: 0 auto;
}
.description .container .row{padding: 2rem  3rem   2rem   2rem;}
.description .container .row .col{
    padding-left: inherit!important;
}
.description .info{
    margin: 50px 0;
}
#cirugia-especialidades #cards p{font-size: 1.2rem;}
/*******KIDS PAGE**********/
#odontologia-bebes.container{
    width: 100%!important;
}
#odontologia-bebes.container .row{
    width: 85%!important;
}
#odontologia-bebes.container .row a{
    margin-bottom: 5rem;
}
#proceso-blanqueamiento.container .row{width: 100%;}
#estetica-dental-especialidades  #cards{display: flex;}
}
/*************************************LAPTOP FULL HD Y TV*************************************/
@media screen and (min-width:1440px) and (max-width:1920px){
h1{font-size: 4rem;}
h2{font-size: 2.5rem;font-weight: 700;}
h3{font-size: 1.5rem;font-weight: 500;line-height: initial;}
p, ul li,ol li{font-size: 1.1rem;line-height: initial;}
p.subt { font-size: 1.3rem!important; }
#f-minivans p.subt{font-size: 1rem!important;}
ul.menu-main li a{padding: 1.2rem 1.2rem;font-size: 1.1rem!important;height: 75px;line-height: 2.8rem;}
ul li a.dropdown-trigger {padding: 1rem 1.2rem;font-size: 1.1rem!important;height: 75px;line-height: 2.8rem;}
ul li a.dropdown-trigger:after {content: "";right: 0px;}
ul.dropdown-content {width: 350px !important;top: 75px !important;/* background-color: rgba(0,0,0,0.85); */}
.btn-large { height: 50px; line-height: 54px; font-size: 15px!important;  padding: 0 24px;}
a.btn, a.btn-large { font-size: 1.1rem!important;}
h2+p.center{width: 90%}
.fixed-menu{height: 110px}
.main-header{height: 110px;}
nav .nav-wrapper { height: 110px;}
.welcome{height: 75px;padding: .8rem;line-height: 75px;}
.welcome img{width: initial;}
nav .menu-top{height: 35px}
nav .box-menu-header{margin-top: unset;}
nav .menu-main+a {height: 40px; line-height: 2.6rem;  margin-left: 1rem;}
ul.menu-main li a.citas{height: 45px;margin-top: 1rem;}
/*ul.menu-main li:nth-of-type(7) a {padding: 0.5rem 0.8rem;  line-height: 4rem;}*/
.bg-cover .container {width: 90%;max-width: 85%;margin-top: 7rem;}
.cover-content { position: relative;  max-width: 600px;}
.bg-cover .img-tarj{left: 48%;}
.bg-cover .img-tarj> img{width: 100%;}
.bg-cover .img-tarj p{margin-bottom: 3rem;}
#nosotros-especialidades #cards .card-esp { height: 440px}
}

@media screen and (min-width:1920px){
  h1{font-size: 4rem;}
  h2 {font-size: 3rem; font-weight: 700;}
  ul.menu-main li a {padding: 1.2rem 1.8rem;font-size: 1.3rem!important;height: 75px;line-height: 2.8rem;}
  ul li a.dropdown-trigger { padding: 1rem 2.4rem; font-size: 1.3rem!important;  height: 75px; line-height: 2.8rem;}
  ul li a.dropdown-trigger:after { content: ""; right: 15px;}
  .bg-cover .container {margin-top: 9rem;}
  .bg-cover .img-tarj{left: 40%;}
  .bg-cover .img-tarj> img{width: 120%;}
  #nosotros-especialidades #cards .card-esp { height: 440px}
  
}

/*************************************ICON STYLE*************************************/

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?gx8lnk');
  src:  url('fonts/icomoon.eot?gx8lnk#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?gx8lnk') format('truetype'),
    url('fonts/icomoon.woff?gx8lnk') format('woff'),
    url('fonts/icomoon.svg?gx8lnk#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-right-arrow-db:before {
  content: "\e91d";
}
.icon-right-arrow:before {
  content: "\e91c";
}
.icon-menu:before {
  content: "\e91b";
}
.icon-oc-scd-fnd:before {
  content: "\e91a";
}
.icon-oc-scd:before {
  content: "\e919";
}
.icon-tel:before {
  content: "\e918";
}
.icon-cal:before {
  content: "\e901";
}
.icon-car:before {
  content: "\e904";
}
.icon-chk:before {
  content: "\e905";
}
.icon-cir:before {
  content: "\e906";
}
.icon-cir-diag:before {
  content: "\e907";
}
.icon-cir-pre:before {
  content: "\e908";
}
.icon-der:before {
  content: "\e909";
}
.icon-em:before {
  content: "\e90a";
}
.icon-est:before {
  content: "\e90b";
}
.icon-mas:before {
  content: "\e911";
}
.icon-kids:before {
  content: "\e912";
}
.icon-od-bebe:before {
  content: "\e913";
}
.icon-od-gest:before {
  content: "\e914";
}
.icon-od-nin:before {
  content: "\e915";
}
.icon-ort:before {
  content: "\e916";
}
.icon-ort-diag:before {
  content: "\e90c";
}
.icon-pin:before {
  content: "\e90d";
}
.icon-more:before {
  content: "\e90e";
}
.icon-rrss:before {
  content: "\e90f";
}
.icon-wsp:before {
  content: "\e910";
}
.icon-fb:before {
  content: "\e900";
}
.icon-in:before {
  content: "\e917";
}
.icon-insta:before {
  content: "\e902";
}
.icon-tk:before {
  content: "\e903";
}