body {
	padding: 0px;
	margin: 0px;
	font: 1rem/1.5 "lato", "sans-serif" !important;
	color: #7a7a7a;
	background-color: #fff;
	text-rendering: optimizeLegibility;
	-ms-overflow-style: scrollbar;
	-webkit-font-smoothing: antialiased;
	position: relative;
}

/* ----- Typography ----- */
a {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	text-decoration: none;
}

a:hover {
	text-decoration: none !important;
}

a:active {
	outline: 0 none;
	text-decoration: none;
}

a:focus {
	outline: 0px solid;
	text-decoration: none;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

input,
textarea {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	outline: none;
}

input:focus,
textarea:focus {
	outline: none;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

input:active,
textarea:active {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.custom-control-input:focus~.custom-control-label::before {
	box-shadow: none !important;
}

button {
	outline: none;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

button:focus {
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none;
}

button:active {
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none;
}

audio,
canvas,
video {
	display: inline-block;
}


/* -------- Font-Weight --------- */
.fw-400 {
	font-weight: 400 !important;
}

.fw-500 {
	font-weight: 500 !important;
}

.fw-600 {
	font-weight: 600 !important;
}

.fw-700 {
	font-weight: 700 !important;
}

.fw-800 {
	font-weight: 800 !important;
}

.fw-900 {
	font-weight: 900 !important;
}


/* -------- Font-size --------- */
.f-12 {
	font-size: 0.75rem !important;
}

.f-14 {
	font-size: 0.875rem !important;
}

.f-16 {
	font-size: 1rem !important;
}

.f-18 {
	font-size: 1.125rem !important;
}

.f-20 {
	font-size: 1.25rem !important;
}

.f-22 {
	font-size: 1.375rem !important;
}

.f-24 {
	font-size: 1.5rem !important;
}

.f-26 {
	font-size: 1.625rem !important;
}

.f-28 {
	font-size: 1.75rem !important;
}

.f-30 {
	font-size: 1.875rem !important;
}

.f-32 {
	font-size: 2rem !important;
}

.f-34 {
	font-size: 2.125rem !important;
}

.f-36 {
	font-size: 2.25rem !important;
}

.f-38 {
	font-size: 2.375rem !important;
}

.f-40 {
	font-size: 2.5rem !important;
}

.f-42 {
	font-size: 2.625rem !important;
}

.f-44 {
	font-size: 2.75rem !important;
}

.f-46 {
	font-size: 2.875rem !important;
}

.f-48 {
	font-size: 3rem !important;
}

.f-50 {
	font-size: 3.125rem !important;
}

.f-55 {
	font-size: 3.4375rem !important;
}

.f-60 {
	font-size: 3.75rem !important;
}

.f-65 {
	font-size: 4.0625rem !important;
}

.f-70 {
	font-size: 4.375rem !important;
}


/*-----------Line Height-----------*/
.lh-24 {
	line-height: 24px !important;
}

.lh-26 {
	line-height: 26px !important;
}

.lh-28 {
	line-height: 28px !important;
}

.lh-30 {
	line-height: 30px !important;
}

.lh-32 {
	line-height: 32px !important;
}

.lh-34 {
	line-height: 34px !important;
}

.lh-36 {
	line-height: 36px !important;
}

.lh-38 {
	line-height: 38px !important;
}

.lh-40 {
	line-height: 40px !important;
}

/* ------- Color ------ */
.mv25-primary{
	color: #1a2452 !important;
}

.mv25-success{
	color: #41b249 !important;
}

.mv25-bgprimary{
	background: #1a2452 !important;
}

.mv25-bgsuccess{
	background: #41b249 !important;
}

.mv25-bggrey{
	background: #ebebeb !important;
}

.mv25-bgsecondary{
	background: #d4e3fc !important;
}

/* ------ custom class ------- */
.btn.mv25-button{
	font-size: 18px;
	font-weight: 600;
	color: #1a2452 !important;
	background-color: transparent !important;
	background: linear-gradient(to right, #1a2452 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
	transition: all .5s ease-out;
	border: 2px solid #1a2452;
	text-align: center;
	border-radius: 10px;
	padding: 7px 20px !important;
}
.btn.mv25-button:hover, .btn.mv25-button.active{
	background-position: left bottom !important;
	color: #fff !important;
}

.cover-image{
	width: 100%;
	height: 100% !important;
	object-fit: cover;
}

p{text-align: justify;}
/* ------------------ */


/* ------------ Header ----------- */

.header{
	background: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.12);
	box-shadow: 0 0 10px rgba(0,0,0,.12);
	height: 80px;
}
.header .navbar-brand{width: 335px;}
.mv25-navbar .navbar-nav li{position: relative;}
.mv25-navbar .navbar-nav li.afterarrow:after{
	position: absolute;
	content: "";
	top: 50%;
	right: 0px;
	width: 2px;
	height: 15px;
	background: #41b249;
	transform: translateY(-50%);
}
.mv25-navbar .navbar-nav li a.mv25-menu{
	font-size: 16px !important;
	padding: 10px 28px !important;
	color: #1a2452 !important;
	font-weight: 600;
}
.mv25-navbar .navbar-nav li a.mv25-button{font-size: 16px !important;}
.mv25-navbar .navbar-nav li a.active, .mv25-navbar .navbar-nav li a:hover{color: #41b249 !important;}
.mv25-navbar .navbar-nav li a.mv25-button.active, .mv25-navbar .navbar-nav li a.mv25-button:hover, .mv25-navbar .navbar-nav li a.mv25-button:active{color: #fff !important;}
/* --------------------------------- */

/* ------------ main ----------- */
main{
	padding-top: 80px;
	width: 100%;
	min-height: calc(100% - 80px);
}

section{
	position: relative;
	overflow: hidden;
}
/* ----------------------------- */

/* ------- banner -------- */
.banner{
	background: url("../images/banner.png") center no-repeat;
	background-size: cover;
	overflow: hidden;
}
.banner .banner-info{
	padding-top: 50px;
	padding-bottom: 50px;
	background: rgba(255, 255, 255, 0.71);
}
/* --------------------------------- */

/* ------- aboutus ------ */
.aboutus p{font-size: 18px;}
/* --------------------- */

/* --------- mv25-ite -------- */

.mv25-ite .carousel .carousel-inner, .mv25-aboutus .carousel .carousel-inner{padding-bottom: 30px;}
.mv25-ite .carousel .carousel-indicators, .mv25-aboutus .carousel .carousel-indicators{bottom: -15px;}
.mv25-ite .carousel .slide-arrow, .mv25-aboutus .carousel .slide-arrow{
	width: 5%;
	height: 10%;
	top: 50%;
	transform: translateY(-50%);
	color: #1a2452;
}
.mv25-ite .carousel .carousel-indicators li, .mv25-aboutus .carousel .carousel-indicators li{
	width: 20px !important;
	height: 20px !important;
	background: #fff;
	border: 1px solid #a8c6fa;
	border-radius: 50%;
}
.mv25-ite .carousel .carousel-indicators li.active,.mv25-aboutus .carousel .carousel-indicators li.active{background: #a8c6fa !important;}
/* -------------------------- */

/* --------- services --------- */
.services .main-services li{
	margin-bottom: 7px;
	font-size: 18px;
}
/* ---------------------------- */

/* --------- infant-care --------- */
.infant-care p, .clinic-service p{
	font-size: 18px;
}
/* ---------------------------- */

/* --------- Hearing aids --------- */
.mv25-ite .mv25ite-left .object-cover{
	height: 100%;
}
.mv25-ite .mv25ite-left .object-cover img{width: 100%; height: 100%; object-fit: cover;}
/* ---------------------------- */

/* --------- testimonial --------- */
.testimonial{
	background: url("../images/bg-testimonial.png") no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.testimonial:before{
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
}
.testimonial .testimonial-box{
	min-height: 350px;
}
/* ------------------------------ */

/* --------- mv25-get-touch ---------- */
.btn.mv25-button.submit-btn{padding: 8px 40px !important;}
.visit-us .slide p svg{width: 15px; height: 15px;}
.visit-us .slide .carousel-indicators{bottom: auto !important;}
.slide .carousel-indicators li{
	width: 15px;
	height: 15px;
	background: transparent;
	border: 2px solid #fff;
	border-radius: 50%;
}
.slide .carousel-indicators li.active{background: #fff !important;}
.mv25-map .mapouter{
	position:relative;
	text-align:right;
	width:100%;
	height:500px;
	border: 3px solid #1a2452;
}
.mv25-map .gmap_canvas{
	overflow:hidden;
	background:none!important;
	width:100%;
	height:100%;
}
/* ---------------------------------- */

/* ---------- footer --------- */
.footer-link .footer-nav{list-style: none;}
.footer-link .footer-nav li{
	margin-bottom: 7px;
	transition: all 0.3s ease-in-out;
	position: relative;
}
.footer-link .footer-nav li a:hover{
	padding-left: 7px;
}
.footer-contact p svg{width: 16px !important;}
.footer-contact .social-touch li a{transition: all 0.3s ease-in-out;}
.footer-contact .social-touch li.facebook a:hover {
	color: #3b5999 !important;
}
.footer-contact .social-touch li.instagram a:hover {
	color: #e4405f !important;
}
.footer-contact .social-touch li.twitter a:hover {
	color: #55acee !important;
}
.clinic-gallery ul li{
	display: inline-flex;
	width: 80px;
	height: 80px;
	border: 1px solid #fff;
	overflow: hidden;
}
.clinic-gallery ul li:not(:last-child){margin-right: 2px;}
.clinic-gallery ul li img{	transition: all 0.3s ease-in-out;}
.clinic-gallery ul li:hover img{transform: scale(1.1);}
/* -------------------------- */

/* -------- Return to Top -------- */
#return-to-top{
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: #1a2452;
	color: #fff;
	border: 1px solid #fff;
	width: 40px;
	height: 40px;
	display: block;
	text-align: center;
	line-height: 46px;
	text-decoration: none;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/* ------------------------------- */

/* ---------- Media Query ---------- */

@media only screen and (min-width: 768px) and (max-width: 1024px){
	.clinic-gallery ul li{width: 60px; height: 60px;}
	.mv25-ite .slide .mv25ite-right .content-center {
    padding: 10px 20px;
    min-height: 285px;
	}
	.visit-us .slide .carousel-inner{min-height: 225px;}
}

@media only screen and (min-width: 992px) and (max-width: 1024px){
	.header{height: 65px;}
	main {
    padding-top: 65px;
    width: 100%;
    min-height: calc(100% - 65px);
}
	.header .navbar-brand {
    width: 240px;
	}
	.mv25-navbar .navbar-nav li a.mv25-menu{padding: 10px 12px !important;}
	.mv25-navbar .navbar-nav li a.mv25-menu a{font-size: 15px !important;}
	.btn.mv25-button{font-size: 16px !important;}
}

@media only screen and (min-width: 768px) and (max-width: 992px){
	.mv25-ite .slide .mv25ite-right .content-center {
    padding: 10px 20px;
    min-height: 355px;
}
	.testimonial .testimonial-box{min-height: 320px;}
	.mv25-map .mapouter{height: 300px;}
	.visit-us .slide .carousel-inner{min-height: 200px;}
}

@media only screen and (max-width: 992px){
	.header{height: 85px;}
	.header .navbar-toggler{z-index: 999;}
	.header .navbar-toggler[aria-expanded="true"] svg.fa-times{display:  block !important;}
	.header .navbar-toggler[aria-expanded="true"] svg.fa-bars{display: none;}
	.header #collapsibleNavbar{
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100% !important;
		background: #fff;
		z-index: 99;
		padding-top: 30px;
	}
	.mv25-navbar .navbar-nav li.afterarrow:after{
		top: auto;
    border: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
	}
	.mv25-navbar .navbar-nav li a.mv25-menu{padding: 10px 20px !important;}
	.mv25-navbar .navbar-nav li .nav-link.mv25-button{
		margin: 20px;
		width: auto !important;
		display: inline-block;
	}
	main{padding-top: 85px; min-height: calc(100% - 85px);}
}


@media only screen and (max-width: 767px){
	.container, .container-sm{max-width: 100% !important;}
	.header{height: 70px;}
	.header .navbar-brand{padding: 0px;}
	main {
    padding-top: 70px;
		min-height: calc(100% - 70px);
	}
	.banner-info h2.f-48{
		font-size: 24px !important;
		text-align: center;
	}
	.banner-info h2.f-70{
		font-size: 40px !important;
	}
	.mv25-hearingaids h1.f-40{font-size: 28px !important;}
	.aboutus p, .services .main-services li{
    font-size: 16px;
}
	.mv25-ite .slide .mv25ite-right .content-center {
    padding: 10px 20px;
    min-height: 400px;
}
	.services .card-header .card-link{font-size: 16px !important;}
	h2.f-40{font-size: 28px !important;}
	.mv25-map .mapouter{height: 250px;}
}

@media only screen and (min-width: 481px) and (max-width: 767px){
	.mv25ite-left img{width: 40%;}
	.banner .banner-info h2{width: 75%; margin: 0 auto;}
}


@media only screen and (max-width: 480px){
	.header{height: 53px;}
	.header .navbar-brand {
    width: 230px;
	}	
	main {
    padding-top: 53px;
		min-height: calc(100% - 53px);
	}
	.mv25ite-right h3.f-24{font-size: 18px !important;}
	.mv25-ite .slide .mv25ite-right .content-center{
		min-height: 530px;
	}
	.testimonial .testimonial-box p.f-20{font-size: 16px !important;}
	.testimonial .testimonial-box .text{min-height: 300px;}
	.testimonial .testimonial-box {min-height: 380px;}
	.visit-us .slide p span{display: inline-block;}
	.visit-us .slide .carousel-inner{min-height: 270px;}
	.footer h3{font-size: 22px !important;}
}