/*

-------------------------------------------------------------------------------------

* Template Name    : Mediyot - Healthcare, Medical & Hospital Html5 Landing Page    *

* Author           : Vrishank Softtech                                  	  		*

* Version          : 1.0.0                                              	  		*

* File Description : Main Css file of the template                      	  		*

*------------------------------------------------------------------------------------

*/



/***********************

    1.BASIC           *

    2.HELPER          *

    3.NAVBAR          *

    4.HOME            *

    5.FEATURES        *

    6.ABOUT US        *

    7.OUR DEPARTMENTS *

    8.REVIEWS     	  *

    9.OUR TEAM        *

    10.PREMISES       *

	11.APPOINTMENT	  *

    12.FAQ's          *

    13.FOOTER         *

    14.RESPONSIVE     *

************************/



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

        1.BASIC

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



body {
	font-family: "montserrat", sans-serif;
	overflow-x: hidden;
	font-weight: 400;
	background-color: #fff;
	animation: pageAnimation ease 2s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
 @keyframes pageAnimation {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
h1,  h2,  h3,  h4,  h5,  h6 {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 700;
}
.sub-title {
	font-size: 20px;
}
.number {
    background-color: #00b5ef;
    border-radius: 100px;
    font-size: 18PX;
    padding: 0px 9px 3px 9px;
    line-height: 2px;
    color: #fff;
}
h4 {
	font-size: 24px;
	font-weight: 600;
	color: #161e39;
	line-height: 1.3em;
	position: relative;
}
p {
	font-size: 15px;
	line-height: 1.6;
}
a,  a:hover,  a:focus,  button,  button:focus {
	text-decoration: none !important;
	outline: none !important;
	box-shadow: none !important;
}
::selection {
	background: rgba(166, 175, 189, 0.3);
}



::-moz-selection {
 background: rgba(166, 175, 189, 0.3);
}
.back_top {
	border: 2px solid #009bad;
	text-align: center;
	position: fixed;
	background: #fff;
	bottom: 20px;
	right: 20px;
	height: 35px;
	width: 35px;
	display: none;
	transition: all 0.5s;
	border-radius: 10px !important;
	animation: BounceAnimation 4s infinite;
	-webkit-animation: BounceAnimation 4s infinite;
	-moz-animation: BounceAnimation 4s infinite;
	-o-animation: BounceAnimation 4s infinite;
	z-index: 99;
}
.back_top i {
	font-size: 30px;
	color: #009bad;
	line-height: 30px;
	display: block;
}
.mb-30 {
	margin-bottom: 30px;
}
 @-webkit-keyframes BounceAnimation {
 0%, 20%, 50%, 80%, 100% {
 -webkit-transform: translateY(0);
}
 40% {
 -webkit-transform: translateY(-20px);
}
 60% {
 -webkit-transform: translateY(-10px);
}
}
 @-moz-keyframes BounceAnimation {
 0%, 20%, 50%, 80%, 100% {
 -moz-transform: translateY(0);
}
 40% {
 -moz-transform: translateY(-20px);
}
 60% {
 -moz-transform: translateY(-10px);
}
}
 @keyframes BounceAnimation {
 0%, 20%, 50%, 80%, 100% {
 transform: translateY(0);
}
 40% {
 transform: translateY(-20px);
}
 60% {
 transform: translateY(-10px);
}
}
/*==========================

        2.HELPER

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



.font-white {
	color: #fff;
}
.section {
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #fff;
	position: relative;
}
.section-title h2 {
	position: relative;
}
.section-subtitle {
	font-size: 16px;
	max-width: 550px;
	line-height: 25px;
	padding-top: 0;
}
.z-index-9 {
	position: relative;
	z-index: 9;
}
.z-index {
	z-index: 2;
}
.inverse-bg {
	background-color: #f7f9fb;
}
.btn {
	padding: 12px 28px;
}
.btn-sm {
	padding: 8px 15px;
}
.btn-rounded {
	-webkit-border-radius: 30px !important;
	-moz-border-radius: 30px !important;
	border-radius: 30px !important;
}
.btn-white {
	background-color: #fff;
	color: #000 !important;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	min-width: 140px;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	transition: all 0.5s;
	text-transform: capitalize;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(72, 73, 121, 0.15);
	-moz-box-shadow: 0px 0px 15px 0px rgba(72, 73, 121, 0.15);
	box-shadow: 0px 0px 15px 0px rgba(72, 73, 121, 0.15);
}
.btn {
    font-size: 17px;
    text-align: center;
    padding: 10px 61px;
    text-transform: uppercase;
    font-weight: 600;
    height: 46px;
    /* line-height: 46px; */
}
.btn-white:hover,  .btn-white:focus,  .btn-white:active,  .btn-white.active,  .btn-white.focus,  .btn-white:active,  .btn-white:focus,  .btn-white:hover,  .open > .dropdown-toggle.btn-white {
	color: #00b5ef	 !important;
}
/*==========================

        3.NAVBAR

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



.custom-nav {
	background-color: transparent;
	width: 100%;
	padding: 18px 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-bottom: 0px;
	z-index: 999;
	border-bottom: 1px solid #ffffff1a;
}
.custom-nav .container-fluid {
	width: 90%;
}
.custom-nav.sticky-header {
	background-color: #fff;
	box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
}
.custom-nav .navbar-nav li a {
	position: relative;
	color: rgba(255, 255, 255, 0.69);
	font-size: 14px;
	font-weight: 400;
	padding: 6px 16px !important;
	margin: 0 3px;
}
	.img10{position: absolute;
    z-index: 1;
    margin-top: -128px;
    right: 58px;
}
.tit-vantagens{text-align: center}
.img-dash {
    max-width: 120%;
    margin-top: -80px;
    margin-left: -75px;
}
.pad10{padding-top:55px}
 .titulo16 {
    font-weight: 700;
    font-size: 40px;
    line-height: 42px;
    padding-top: 1px !important;
}
.aboutus .aboutus-icon-box .icon5 {
    border: 2px solid #00b5ef;
    border-radius: 50px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 62px !important;
    min-height: 62px !important;
    transition: 0.5s;
    background: #fff;
}
.img-whats{width: 40px}
.sub-text{font-size: 16px}
.aboutus .aboutus-icon-box .icon5 i {
    font-size: 30px !important;
    color: #00b5ef;
}
.title2 {
    font-size: 14px !important;
    color: #000f;
    line-height: 22px;
    margin-bottom: 30px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}
.img-dash {
    max-width: 100%;
    position: absolute;
    margin-top: -129px;
    margin-left: 0px;
    z-index: 2;
}
.box202 {
    padding-right: 57px;
    padding-top: 220px;
}
.bbg5 {
    background-color: #f7f9fb;
    /* background-image: url(../images/hero-bg.png); */
    padding-bottom: 0px;
}
.custom-nav .navbar-nav li a::before, .custom-nav .navbar-nav li a::after {
	position: absolute;
	content: '';
	width: 12px;
	height: 2px;
	background-color: #fff;
	left: 50%;
	bottom: 0px;
	opacity: 0;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.box20 {
    padding-right: 57px;
    padding-top: 98px;
}
.custom-nav .navbar-nav li a::after {
	left: auto;
	right: 50%;
}
.laptop{text-align: center}
.laptop img{width: auto}

.custom-nav .navbar-nav li.active a::before, .custom-nav .navbar-nav li.active a::after,  .custom-nav .navbar-nav li:hover a::before, .custom-nav .navbar-nav li:hover a::after {
	opacity: 1;
}
.navbar-toggler {
	color: #009bad;
	font-size: 28px;
	margin-top: 2px;
	margin-bottom: 0px;
}
.custom-nav.sticky-header .navbar-nav li a {
	color: rgba(0, 0, 0, 0.6) !important;
}
.custom-nav.sticky-header .navbar-nav li a::before, .custom-nav.sticky-header .navbar-nav li a::after {
	background-color: #009bad;
}
.navbar-toggle {
	color: #ffffff;
	font-size: 24px;
	margin-top: 5px;
	margin-bottom: 0px;
}
.custom-nav .navbar-nav li.active a,  .custom-nav .navbar-nav li:hover a,  .custom-nav .navbar-nav li:active a {
	color: #fff;
}
.custom-nav.sticky-header .navbar-nav li.active a,  .custom-nav.sticky-header .navbar-nav li:hover a,  .custom-nav.sticky-header .navbar-nav li:active a {
	color: #009bad !important;
}
.nav .open > a,  .nav .open > a:focus,  .nav .open > a:hover {
	background-color: transparent;
	border-color: #0ebdca;
}
.brand-logo .logo-light {
	display: inline-block;
}
.sticky-header .brand-logo .logo-dark {
	display: inline-block;
}
.sticky-header .brand-logo .logo-light {
	display: none;
}
.brand-logo .logo-dark {
	display: none;
}
.custom-nav .navbar-brand.brand-logo img {
	height: 40px;
}
.contact_btn .btn-sm {
	background-color: #fff;
	border: 2px solid #fff;
	color: #009bad;
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 600;
	min-width: 120px;
	height: 40px;
	border-radius: 40px;
	display: flex;
	justify-content: center;
	transition: none;
	align-items: center;
	letter-spacing: 1px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(72, 73, 121, 0.15) !important;
	-moz-box-shadow: 0px 0px 15px 0px rgba(72, 73, 121, 0.15) !important;
	box-shadow: 0px 0px 15px 0px rgba(72, 73, 121, 0.15) !important;
}
.sticky-header .contact_btn .btn-sm {
	background: #00b5ef;
    border: 2px solid #00b5ef;
    color: #fff;
}
.contact_btn .btn-sm:hover {
	color: #fff;
	background-color: #000;
	border: 2px solid #000;
}
/*==========================

        4.HOME

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



.home-bg, .home-section {
	position: relative;
}
.home-slider {
	position: relative;
	z-index: 9;
}
.img-depo{width: auto !important;
   
    border-radius: 100px; display: inline-block !important}
.sub-desc{padding: 40px 21px 21px 21px; text-align: center}
.titulo-desc{font-weight: bold}
.lado-pad{padding-top: 35px}
.bbg{background-color: #f7f9fb;
    background-image: url(../images/hero-bg.png);
}
.home-bg::before {
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	opacity: 0.75;
	z-index: 1;
}
.home-bg .heading {
	color: #fff;
	font-size: 53px;
	line-height: 58px;
	margin-bottom: 15px;
}
.home-bg .para-sec {
	font-size: 20px;
	color: rgba(255, 255, 255, 0.85);
	margin-bottom: 20px;
}
.home-bg.waves-bg {
	margin: 0 0 0;
	padding: 8rem 0 0 0;
}
.hero-bg {
	background-image: url(../images/hero-bg.png);
	opacity: 1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.bg-gradient {
	background-color: #00b5ef;
	background-image: url(../images/hero-bg.png);
}
 @keyframes owl-content-fadeInUp {
 from {
 transform: translate3d(0, 40px, 0);
}
 to {
 transform: translate3d(0, 0, 0);
 opacity: 1;
}
}
 @-webkit-keyframes owl-content-fadeInUp {
 from {
 transform: translate3d(0, 40px, 0);
}
 to {
 transform: translate3d(0, 0, 0);
 opacity: 1;
}
}
 @keyframes owl-img-fadeInRight {
 from {
 transform: translateX(40px);
}
 to {
 transform: translateX(0);
 opacity: 1;
}
}
 @-webkit-keyframes owl-img-fadeInRight {
 from {
 transform: translateX(40px);
}
 to {
 transform: translateX(0);
 opacity: 1;
}
}
.owl-item.active .content-fadeInUp {
	animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	opacity: 0;
	animation-name: owl-content-fadeInUp;
	-webkit-animation-name: owl-content-fadeInUp;
}
.owl-item.active .img-fadeInRight {
	animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	opacity: 0;
	animation-name: owl-img-fadeInRight;
	-webkit-animation-name: owl-img-fadeInRight;
}
.home-slider .owl-dots,  .review-slider .owl-dots {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
.home-slider .owl-dot,  .review-slider .owl-dot {
    background: rgb(181 192 199 / 40%) !important;
	height: 10px;
	width: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 0 5px;
}
.home-slider .owl-dot.active,  .review-slider .owl-dot.active {
	    background: #00b5ef !important;
}
.hero-waves {
	height: 120px;
	position: relative;
}
.hero-waves .wave {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1;
}
.hero-waves .wave + .wave {
	z-index: 2;
}
/*==========================

        5.FEATURES

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

.features .ftr-icon-box {
	padding: 50px 20px;
	margin-top: 32px;
	margin-bottom: 30px;
	text-align: center;
	height: 330px;
	position: relative;
	background: #fff;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
.features .icon {
	position: absolute;
	top: -36px;
	left: calc(50% - 36px);
	transition: 0.2s;
	border-radius: 50%;
	border: 5px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	width: 70px;
	height: 70px;
	background: #009bad;
}
.features .icon i {
	color: #fff;
	font-size: 32px;
}
.features .title {
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 18px;
}
.features .ftr-icon-box:hover .icon {
	background: #fff;
	border: 2px solid #009bad;
}
.features .ftr-icon-box:hover .icon i {
	color: #009bad;
}
.features .ftr-icon-box:hover .title a {
	color: #009bad;
}
.features .description {
	line-height: 24px;
	font-size: 14px;
}
/*======================

        6.ABOUT US

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

.aboutus .icon-boxes h4 {
	font-size: 18px;
	margin-bottom: 15px;
}
.titulo6{font-weight: 700;
    font-size: 52px;
    line-height: 54px;}
.w-col {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
.box-all-modalidade{padding: 80px 0px}
.titulo5 {
    font-weight: 700;
    font-size: 40px;
    line-height: 42px;
    padding-top: 22px;
}
.bt-topo3 {
    border: 2px solid #00b5ef;
    background-color: #00b5ef;
    border-radius: 40px;
    padding: 11px 43px;
    color: #f7f9fb;
    font-size: 19px;
    margin-top: 9px;
    font-weight: 600;
}
.whats3 {
   position: fixed;
    left: auto;
    top: auto;
    right: 0.2%;
    bottom: 16%;
    width: 72px;
    z-index: 999;

}
.clientes{padding: 100px 0px}
.bbg2{margin-bottom: 0 !important; padding-bottom: 0px !important}
.bt-topo{    border: 2px solid #f7f9fb;
    border-radius: 40px;
    padding: 11px 43px;
    color: #f7f9fb;
    font-size: 19px;
    margin-top: 9px;
    font-weight: 600;}
.bbg2 {
    margin-bottom: 156px !important;
    padding-bottom: 0px !important;
    margin-top: 204px;
    background-color: #f7f9fb;
}
.img-medico {
    position: relative;
    margin-top: -143px;
    margin-bottom: 0;
    right: 0;
    width: auto !important;
}
.box-modalidad{border: 2px solid #00b5ef;
    border-radius: 7px;
    height: 175px;
    padding: 27px 24px; cursor: pointer;     transition: all 200ms ease;}
.box-modalidad:hover{background-color: #00b5ef; color: #fff}
.aboutus .aboutus-icon-box {
	margin-top: 30px;
}
.aboutus .aboutus-icon-box .icon {
    border: 2px solid #00b5ef;
    border-radius: 50px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    min-height: 78px;
    transition: 0.5s;
    background: #fff;
}
.aboutus .aboutus-icon-box .icon i {
	font-size: 50px;
	color: #00b5ef;
}
.aboutus .aboutus-icon-box:hover .icon {
	background: #00b5ef;
	border-color: #00b5ef;
}
.aboutus .aboutus-icon-box:hover .icon i {
	color: #fff;
}
.aboutus .aboutus-icon-box .title {
	font-weight: 700;
	margin-bottom: 10px;
}
.aboutus .aboutus-icon-box .description {
	line-height: 24px;
	font-size: 14px;
	text-align: left;
	margin-bottom: 0;
}
 @-webkit-keyframes pulsate-btn {
 0% {
 transform: scale(0.6, 0.6);
 opacity: 1;
}
 100% {
 transform: scale(1, 1);
 opacity: 0;
}
}
 @keyframes pulsate-btn {
 0% {
 transform: scale(0.6, 0.6);
 opacity: 1;
}
 100% {
 transform: scale(1, 1);
 opacity: 0;
}
}
/*==========================

        7.OUR DEPARTMENTS

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

.dept-box {
	border-bottom: 3px solid #00b5ef;
	border-radius: 0 0 2px 2px;
	margin-bottom: 30px;
	min-height: 380px;
	overflow: hidden;
	position: relative;
}
.dept-box .dept-details {
	background-color: #fbf7f8;
	bottom: -65px;
	padding: 0 15px 20px;
	position: absolute;
	text-align: center;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	width: 100%;
}
.dept-box .dept-details h4 {
	font-size: 18px;
	font-weight: 700;
}
.dept-details .round-style {
	background: #fbf7f8 none repeat scroll 0 0;
	border-radius: 50%;
	height: 70px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: -35px;
	width: 70px;
}
.dept-box:hover .dept-details {
	bottom: 0;
}
.dept-box .dept-details .icon {
	color: #00b5ef;
	display: inline-block;
	font-size: 32px;
	position: relative;
	top: -15px;
}
.mb-32{width: auto !important;
    padding: 29px 0px 0px 43px;}
.dept-box .dept-details .details {
	font-size: 14px;
}
.dept-box .dept-details a.thm-btn {
	margin-top: 15px;
	background: #00b5ef;
	border-radius: 30px;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	padding: 6px 15px;
	border: 2px solid transparent;
	transition: all .3s ease;
}
.dept-box .dept-details a.thm-btn:hover {
	background-color: #fff;
	border-color: #009bad;
	color: #009bad;
}
.dept-box .dept-details a.thm-btn.inverse {
	background-color: #fff;
	border-color: #009bad;
	color: #009bad;
}
.dept-box .dept-details a.thm-btn.inverse:hover {
	background-color: #009bad;
	border-color: #009bad;
	color: #fff;
}
/*==========================

        8.REVIEWS

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



.review-slider .item .user-txt {
	display: flex;
	align-items: center;
	padding: 1rem 0 2rem 0;
	padding-left: 0.25rem;
}
.review-slider .item .user-txt::after {
	display: block;
	clear: both;
	content: "";
}
.review-slider .item .user-txt .user-pics {
    width: auto;
    height: auto;
    float: left;
    border-radius: 100%;
    margin-right: 1rem;
    overflow: hidden;
}
.review-slider .item .user-txt .user-pics img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.review-slider .item .user-txt .user-info {
	float: left;
}
.review-slider .item .user-txt .user-info .heading {
	line-height: 1;
	margin-bottom: 0.25rem;
	margin-top: 0.25rem;
}
.img-medico2 {
    position: absolute;
    margin-top: -107px;
    margin-bottom: 0;
    right: 59px;
    width: auto !important;
}
.img-medico {
    position: relative;
    margin-top: -169px;
    margin-bottom: 0;
    right: 0;
    width: auto !important;
}
.review-slider .item .review-card {
	position: relative;
	background: #fff;
	padding: 1.5rem;
	border-radius: 0.5rem;
	overflow: visible;
	text-align: center;
}
.review-slider .item .review-card p {
	color: #414c5a;
	font-weight: 600;
	margin-bottom: 0;
}
.review-slider .item .review-card::before {
	content: "";
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzgwODlGRjt9Cjwvc3R5bGU+CjxnIGlkPSJRdW90ZW1hcmtzLWxlZnQiPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQwNSwyMDkuOGMtMS0xMS4xLTAuMi00MS41LDI4LjgtODMuNmMyLjItMy4yLDEuOC03LjUtMC45LTEwLjJjLTExLjgtMTEuOC0xOS4yLTE5LjMtMjQuMy0yNC41CgkJYy02LjgtNi45LTkuOC0xMC0xNC40LTE0LjFjLTMtMi43LTcuNi0yLjgtMTAuNi0wLjFjLTUwLjYsNDQtMTA2LjgsMTM1LTk4LjcsMjQ2LjVjNC44LDY1LjUsNTIuNSwxMTMsMTEzLjUsMTEzCgkJYzYyLjYsMCwxMTMuNS01MC45LDExMy41LTExMy41QzUxMiwyNjIuOCw0NjQuNiwyMTMuMiw0MDUsMjA5Ljh6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIwLjksMjA5LjhjLTEtMTEuMS0wLjMtNDEuNCwyOC44LTgzLjZjMi4yLTMuMiwxLjgtNy41LTAuOS0xMC4yYy0xMS44LTExLjgtMTkuMS0xOS4zLTI0LjMtMjQuNQoJCWMtNi44LTYuOS05LjktMTAuMS0xNC40LTE0LjJjLTMtMi43LTcuNi0yLjctMTAuNi0wLjFjLTUwLjYsNDQtMTA2LjgsMTM1LTk4LjcsMjQ2LjV2MGM0LjgsNjUuNCw1Mi41LDExMywxMTMuNSwxMTMKCQljNjIuNiwwLDExMy41LTUwLjksMTEzLjUtMTEzLjVDMjI3LjksMjYyLjgsMTgwLjUsMjEzLjIsMTIwLjksMjA5Ljh6Ii8+CjwvZz4KPC9zdmc+Cg==");
	background-size: cover;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0.75rem;
	left: 1rem;
	opacity: 0.2;
}
/*==========================

        9.OUR TEAM

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



.our-team {
	position: relative;
}
.our-team .team-box {
	position: relative;
	margin-bottom: 30px;
}
.our-team .team-box img {
	display: block;
	width: 100%;
}
.our-team .team-box .title-box {
	padding-top: 20px;
}
.our-team .team-box .title-box h4 {
	font-size: 18px;
	font-weight: 700;
}
.our-team .team-box .title-box p {
	font-style: italic;
	color: #888888;
}
.our-team .team-box .get-apt {
	font-weight: 600;
	color: #009bad;
	text-transform: uppercase;
	font-size: 14px;
}
.our-team .team-box .get-apt:hover {
	color: #007b8a;
}
/*==========================

        10.PREMISES

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

.premises-slider .owl-stage-outer {
	padding: 0 0 2rem 0;
}
.premises-slider .owl-item .premises-box {
	opacity: 0.75;
	filter: blur(0.5px);
	-webkit-transform: scale(0.85);
	transform: scale(0.85);
	transition: transform 0.35s ease-out, filter 0.35s ease-out, box-shadow 0.35s ease-out, opacity 0.35s ease-out;
}
.premises-slider .owl-item.center .premises-box {
	opacity: 1;
	filter: blur(0);
	box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.premises-slider .owl-dots {
	text-align: center;
}
.premises-slider .owl-dot {
	background: rgba(38, 91, 251, 0.4) !important;
	height: 10px;
	width: 10px;
	margin: 0 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.premises-slider .owl-dot.active {
	background: #009bad !important;
}
/*==========================

        11.APPOINTMENT

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

.appointment {
	background-color:#00b5ef;
}
.appointment .contant-number {
	background: url("../images/img-form.jpg") center center;
	background-size: cover;
	background-position: center center;
	height: 100%;
	position: relative;
}
.appointment .contant-number h3 {
	font-size: 35px;
	font-weight: bold;
	margin: 0;
	position: absolute;
	bottom: 100px;
	right: 0;
	background: rgba(0, 0, 0, 0.69);
	color: #ffffff;
	padding: 25px 20px;
	line-height: 0;
}
.appointment .appointment-form {
    max-width: 81%;
    padding: 92px 17px 93px 1px;
    margin: auto;
}
.appointment .appointment-form .title {
	font-size: 32px;
	color: #ffffff;
	margin-bottom: 30px;
	font-family: "Poppins", sans-serif;
}
.book-now-btn {
    background-color: #0004c7;
    color: #f7f9fb;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 41px;
    padding: 9px 42px;
    height: 49px;
    line-height: 34px;
}
.book-now-btn:hover {
	background-color: #000;
	color: #fff;
}
.form-control {
	font-size: 14px;
}
/*==========================

        12.FAQ's

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

.faq-panel {
	margin-bottom: 2rem;
}
.question-box {
	margin-bottom: 1rem;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 4px;
}
.faq-header {
	border: none;
}
.question-box .btn-link {
	position: relative;
	background: #f8f8f8;
	text-align: left;
	margin-bottom: 0;
	margin-top: 0;
	padding: 1rem 1.5rem;
	font-size: 18px;
	font-weight: 700;
	cursor: pointer;
	transition: color 0.25s ease-out;
	width: 100%;
	border: none;
}
.question-box .faq-body {
	padding: 0.5rem 1rem;
}
.question-box .faq-body p {
	margin-bottom: 5px;
}
.question-box .btn-link.collapsed {
	color: #161e39;
}
.question-box .btn-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #009bad;
}
.question-box.active h4::after {
	color: #009bad;
	top: 14px;
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.caret-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	line-height: 20px;
	width: 25px;
}
.question-box.active .btn-link .caret-icon {
	transform: rotateZ(-180deg);
}
/*==========================

        13.FOOTER

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

.footer {
	position: relative;
	padding-top: 250px;
	overflow: hidden;
}
.footer::after {
	content: "";
	background: url(../images/waves2.svg) top no-repeat;
	background-size: auto;
	background-size: contain;
	display: block;
	height: 100%;
	position: absolute;
	top: -5px;
	left: -1px;
	right: -4px;
	z-index: 1;
}
.footer-bottom,  .footer-top {
	position: relative;
	z-index: 2;
}
.footer .foot-logo img {
	height: 32px;
}
.footer .footer-menu li {
	margin-bottom: 10px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.footer .footer-menu li:hover {
	margin-left: 10px;
}
.footer h5 {
	color: #fff;
}
.footer p {
	color: #fff;
}
.footer .footer-menu li a,  .footer .footer-menu li i {
	display: inline-block;
	font-size: 16px;
	color: #ddd !important;
	transition: all 0.5s;
}
.footer .footer-menu li a:hover,  .footer .footer-menu li:hover i {
	color: #fff !important;
}
.footer .footer-social .social-icon {
	display: block;
	background: #fff;
	color: #009bad;
	font-size: 18px;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	transition: all 0.5s;
}
.footer .footer-social .social-icon:hover {
	color: #fff !important;
	background-color: #000;
}
.footer-desc {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.contact-menu-list li {
	display: flex;
	align-items: flex-start;
	line-height: normal;
}
.contact-menu-list i {
	font-size: 20px;
	margin-right: 10px;
	margin-top: 5px;
}
.footer .footer-newsletter {
	font-size: 15px;
}
.footer .footer-newsletter form {
	background: #fff;
	padding: 6px 10px;
	position: relative;
	border-radius: 50px;
	text-align: left;
	border: 1px solid #ddfbff;
}
.footer .footer-newsletter form input[type="email"] {
	border: 0;
	padding: 4px 8px;
	width: calc(100% - 100px);
}
.footer .footer-newsletter form input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border: 0;
	background: none;
	font-size: 16px;
	padding: 0 20px;
	background: #0004c7;
	color: #fff;
	transition: 0.3s;
	border-radius: 50px;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
.footer .footer-newsletter form input[type="submit"]:hover {
	background: #000;
}

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

        14.RESPONSIVE

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



@media (max-width: 1480px) {
.footer {
	padding-top: 200px;
}
}

@media (max-width: 1366px) {
.home-bg.waves-bg {
	margin: 0 0 0;
	padding: 7rem 0 0 0;
}
.home-slider .owl-dots {
	position: absolute;
	left: 50%;
	bottom: 50px;
	transform: translateX(-50%);
}
}

@media (max-width: 1199px) {
.container {
	max-width: 99%;
}
}

@media (max-width: 1100px) {
.footer {
	padding-top: 150px;
}
}

@media (max-width: 991px) {
	
	.laptop img {
    width: 100%;
}
	.pad10 {
    padding-top: 10px;
}
	.align{ text-align: end;}
	.img10 {
    position: static;
    /* z-index: 1; */
    margin-top: 0;
    right: 0 !important;
    width: 53%;
}
	.box202 {
    padding-right: 37px;
    padding-top: 30px;
    text-align: left;
}
	.sub-text {text-align: left
}
	.img-dash {
    max-width: 100%;
    position: relative;
    margin-top: -26px;
    margin-left: 0px;
    z-index: 2;
}
	.sub-ideal{text-align: left;  text-align: left;
    font-size: 13px;
}
	.box20 {
    padding-right: 22px;
    padding-top: 14px;
    text-align: left;
}
	.navbar-toggler {
    color: #00b5ef;
    font-size: 28px;
    margin-top: 2px;
    margin-bottom: 0px;
}
	.sub-text-medico{text-align: left;
    font-size: 13px;
    line-height: 18px;}
	.img-medico {
    position: relative;
    margin-top: -33px;
    margin-bottom: 0;
    right: 0;
    width: 100% !important;
}
	.question-box .faq-body p {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 20px;
}
	.question-box .btn-link {
    position: relative;
    background: #f8f8f8;
    text-align: left;
    margin-bottom: 0;
    margin-top: 0;
    padding: 1rem 1.5rem;
    font-size: 15px;
    line-height: 21px;
    font-weight: 700;
    cursor: pointer;
    transition: color 0.25s ease-out;
    width: 100%;
    border: none;
}
	.appointment .contant-number h3 {
    font-size: 23px;
    font-weight: bold;
    margin: 0;
    position: absolute;
    bottom: 100px;
    right: 0;
    background: rgba(0, 0, 0, 0.69);
    color: #ffffff;
    padding: 25px 20px;
    line-height: 0;
}
	.appointment .appointment-form .title {
    font-size: 26px;
    color: #ffffff;
    margin-bottom: 30px;
    font-family: "Poppins", sans-serif;
}
	.appointment .appointment-form {
    max-width: 81%;
    padding: 39px 0px 6px 1px;
    margin: auto;
}
	.aboutus .aboutus-icon-box .title {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 17px;
}
	.mb-32 {
    width: 100% !important;
    padding: 0;
    /* left: 0 !important; */
    margin: 0 auto;
}
	.features .ftr-icon-box {
    padding: 12px 10px;
    margin-top: 12px;
    width: auto !important;
    margin-bottom: 30px;
    text-align: center;
    height: 330px;
    position: relative;
    background: #fff;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
	.dept-box .dept-details .details {
    font-size: 13px;
}
	.titulo5 {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-align: left;
    padding-top: 45px;
}
	.text-op{    font-size: 13px;
    text-align: left;
    line-height: 18px;}
	.titulo-op{    font-size: 22px;}
	.sub-text{}
	.aboutus .aboutus-icon-box .description {
    line-height: 20px;
    font-size: 12px;
    text-align: left;
    margin-bottom: 0;
}
	.features .description {
    line-height: 17px;
    font-size: 11px;
    margin-top: -5px;
}
.home-slider .owl-dots {
	bottom: 10px;
}
	.home-bg .heading {
    color: #fff;
    font-size: 44px;
    line-height: 43px;
    margin-bottom: 15px;
}
	.features .title {
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 12px;
    font-size: 16px;
}
	.home-bg .para-sec {
    font-size: 17px;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 20px;
    text-align: left;
    line-height: 20px;
}
.contact_btn .btn-sm {
    background: #00b5ef;
    border: 2px solid #00b5ef;
    line-height: 19px;
    color: #fff;
    height: auto !important;
}


.home-slider .owl-item img {
	display: table;
    margin: auto;
    margin-left: -32px;
    max-width: 100%;
}
.home-slider .owl-item .actions {
	display: table;
	margin: 0 auto 20px;
}
.custom-nav .brand-logo .logo-dark {
	display: inline-block;
}
.custom-nav .brand-logo .logo-light {
	display: none;
}
.contact_btn {
	display: flex;
}
.custom-nav {
	background-color: #fff !important;
	margin-top: 0px;
	padding: 10px 0px !important;
}
.custom-nav .navbar-nav li a {
	color: #000;
	text-align: center;
	margin: 0 0px;
	padding: 6px 0;
}
.custom-nav .navbar-nav li.active a,  .custom-nav .navbar-nav li:hover a {
	background-color: #fff;
	color: #009bad !important;
	border-radius: 0;
}
.custom-nav > .container {
	width: 90%;
}
.custom-nav .brand-logo {
	padding: 0px;
}
.custom-nav .navbar-brand.brand-logo img {
	height: 36px;
}
.navbar-collapse {
	background: #f8f8f8;
	border-top: 2px solid #eee;
	position: fixed;
	top: 61px;
	left: 0;
	width: 100%;
	padding: 0;
}
.navbar-nav {
	margin-top: 0px;
}
.section {
	padding-top: 30px;
	padding-bottom: 30px;
}
.section-title h2, .section-subtitle {
    text-align: center;
    font-size: 27px;
}
.custom-nav {
	padding: 12px 0;
}
.container {
	max-width: 98%;
}
.m-text-center {
	text-align: center;
}
p {
	text-align: center;
}
.faq-body p {
	text-align: left;
}
.section-subtitle {
    max-width: none;
    font-size: 16px;
    padding-top: 0;
    display: block;
    margin: auto;
}
	.footer .footer-menu li a, .footer .footer-menu li i {
    display: inline-block;
    font-size: 13px;
    color: #ddd !important;
    transition: all 0.5s;
}
.foot-logo {
	display: table;
	margin: auto;
}
.ftr-about {
	text-align:left !important;
	font-size: 13px
}
.footer-social {
	text-align: center;
}
.m-box-0 {
	margin-bottom: 0;
}
.our-team .team-box .title-box h4 {
	text-align: center;
}
.btn {
    height: 60px !important;
    line-height: 35px;
}
.img-call{width: auto !important;
    max-width: 90%;
}
}

@media (max-width: 768px) {
	.bbg2 {
    margin-bottom: 0 !important;
    padding-bottom: 40px !important;
}
.footer {
	padding-top: 100px;
}
.m-d-flex {
	display: flex;
}
.section {
	padding-top: 40px;
	padding-bottom: 40px;
}
.section-subtitle {
	line-height: 1.6;
}
.m-al-c {
	display: flex;
	justify-content: center;
}
.appointment .contant-number {
	height: 500px;
}
}
 @media only screen and (max-width: 767px) {
	 .section-title h2, .section-subtitle {
		 text-align: left;}
	 .sub-laptop{text-align: left !important}
	.sub10{text-align: left !important}
	.heading{text-align: left !important}
	 .features .ftr-icon-box{height: auto}
	 .contact_btn .btn-sm {
    background: #009bad;
    border: 2px solid #009bad;
    color: #fff;
    padding: 0px;
    height: 30px !important;
    margin-top: 4px;
}
	 .book-now-btn {
    background-color: #0004c7;
    color: #f7f9fb;
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 41px;
    padding: 9px 42px;
    height: 49px;
    line-height: 34px;
}
	 .img-medico {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    right: 0;
    width: 84% !important;
}
	 .mb-32 {
    width: 100% !important;
    padding: 0;
    padding-top: 45px;
    /* left: 0 !important; */
    margin: 0 auto;
}
	 .sub-text {
    text-align: left;
}
	.img-medico2 {
    position: relative;
    margin: 0 auto;
    display: block;
    right: 0;
    width: 64% !important;
}
	.box-modalidad {
    border: 2px solid #00b5ef;
    border-radius: 7px;
    height: 128px;
    margin-bottom: 12px;
    padding: 18px 24px;
    cursor: pointer;
    transition: all 200ms ease;
}
	 .box-all-modalidade {
    padding: 32px 0px;
}
	 .img-call {
    width: auto !important;
    max-width: 100%;
    text-align: center;
}
	 .btn-white {
    height: 54px !important;
    line-height: 29px;
    margin-bottom: 25px;
    padding: 12px 0px;
		 width: 100%;
		 font-size:20px
	 }
.home-slider .owl-item img {
	max-width: 70%;
	display: table;
	margin: auto;
}
.home-slider .owl-dots {
	bottom: 0;
}
.home-bg .heading {
	font-size: 40px;
	line-height: 40px;
	text-align: center;
}
.container {
	max-width: 98%;
}
.section-title h2 {
	font-size: 26px;
}
.footer .footer-menu li:hover {
	margin-left: 0;
}
.our-team .team-box .title-box h4 {
	text-align: center;
}
.learn-more {
    margin: auto;
    display: table;
    width: 100%;
}
.sub-title {
	text-align: center;
}
.custom-nav .navbar-brand.brand-logo img {
	height: 24px;
}
.appointment .appointment-form {
	padding: 50px 0 50px 0px;
}
.appointment .appointment-form .title {
	text-align: left;
}
 @media (max-width: 599px) {
 .review-slider .user-txt {
 justify-content: center;
 padding: 1rem 0 2rem !important;
}
 .review-slider .item .review-card::after {
 display: none;
}
}
 @media (max-width: 575px) {
 .margin-top-sb-30 {
 margin-top: 30px;
}
 .home-bg .heading {
 font-size: 40px;
 line-height: 40px;
}
 .home-slider .owl-item img {
 max-width: 80%;
 display: table;
 margin: auto;
}
 .home-slider .owl-dots {
 bottom: -10px;
}
 .footer-menu {
 display: none;
 margin-top: 10px !important;
}
 .footer-title {
 position: relative;
 cursor: pointer;
}
 .footer-title i {
 position: absolute;
 right: 0;
 margin-top: 1px;
 font-size: 18px;
}
 .footer-title.active i {
 transform: rotateZ(-180deg);
}
}
 @media only screen and (max-width: 479px) {
 .footer {
 padding-top: 50px;
}
 .brand-logo.navbar-brand {
 margin-right: 5px !important;
}
 .custom-nav .navbar-brand.brand-logo img {
    height: 31px;
}
}
	  @media only screen and (max-width: 350px) {
	 .contact_btn .btn-sm {
    background: #009bad;
    border: 2px solid #009bad;
    color: #fff;
    padding: 0px 17px !important;
    min-width: 47px !important;
    font-size: 11px;
    height: 29px !important;
    margin-top: 3px;
}
	 }