/* CSS Document */
/*
10px	0.625rem
13px	0.8125rem
14px	0.875rem
15px	0.9375rem
16px	1rem
*/
/*
h1   2em     32px
h2   1.5em   24px
h3   1.17em  18.72px
h4   1em     16px
h5  .83em    13.28px
h6  .75em    12px;
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap');
/*
font-family: 'Montserrat', sans-serif;
*/
html
{
	max-width: 100%;
}
body
{
	font-family: 'Montserrat', sans-serif;
	color:#2E3535;
	font-size:14px;
	background:#fff;
}
ul
{
	list-style:none;
	margin:0px;
	padding:0px;
}
h1,h2,h3,h4,h5,h6
{
	color: #0f474e;
}
a
{
	text-decoration:none;
	color: inherit;
}
a:hover
{
	text-decoration:none;
}
.no-padding
{
	padding: 0px;
}
/*** Menu ***/
#navigation-top
{
	height: 70px;
	top: 0;
    background: #fff;
    position: fixed;
    width: 100%;
	z-index: 100;
	display: none;
}
.logo-shape
{
    display: none;
}
/***/
/*** Slider ***/
.slider
{
	position: relative;
	clear: both;
}
.slider::after
{
	content: '';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	background:rgba(38,43,71,0.1);
}
.carousel-caption
{
	bottom: 40%;
	width: 50%;
    left: 7%;
	text-align: left;
	color: #fff;
}
.carousel-caption h2
{
	text-transform: uppercase;
	font-size: 40px;
	font-weight: bold;
	color: #fff;
}
.carousel-caption p
{
	color: #fff;
}
.carousel-caption a
{
	background: #48bccb;
	padding: 10px 20px;
	color: #fff;
	display: inline-block;
}
.carousel-caption a:hover
{
	color: #fff;
	background: #0f474e;
}
.carousel-indicators
{
	bottom:20px;
}
.carousel-indicators li
{
	background-color: #fff;
	opacity: 1;
}
.carousel-indicators .active {
    background-color: #48bccb;
}
/****/

/*** About home ***/
.home-about {
	padding: 100px 50px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	/*background-image: url("/uploads/pages/431288_about-bg-page-bcd-d-l-.jpg");*/
}
.home-about::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
}
.div-z
{
	position:relative;
	z-index:1;
}
.home-about h2 {
	color: #48bccb;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 15px;
}
.home-about h5, .home-about p {
	color: #fff;
	margin-bottom: 15px;
}
.brd-bt
{
	border: 1px solid #48bccb;
	color: #48bccb;
	padding: 8px 20px;
	text-transform: uppercase;
	display: inline-block;
	margin-top: 10px;
}
.brd-bt:hover
{
	background-color: #48bccb;
	border: 1px solid #48bccb;
	color: #fff;
}
/****/
/*** Home specialization ***/
.specialization, .about-blue
{
	padding: 60px 0px;
	text-align: center;
	color: #fff;
	background:#0f474e;
	position: relative;	
	overflow: hidden;
}
.specialization::after,
.about-blue::after
{
	content: "";
	position: absolute;
	width: 200%;
	height: 200%;
	top: 87%;
    left: -77%;
	z-index: 1;
	opacity: 0.3;
	background: url(../imgs/dot-white-shape.png) no-repeat left;
	transform: rotate(-290deg);
	z-index:-1;
}
.specialization h2
{
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 60px;
	position: relative;
	color: #fff;
}
.specialization h2::after
{	
	content: '';
    display: block;
    background: #fff;
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 6%;
    height: 3px;
    transform: translateX(-50%);
}
.special-block
{
	float: left;
	width: 48%;
	text-align: left;
	padding: 0;
	margin: 0 0 0 4%;
	z-index: 2;
	position: relative;
}
.special-block:first-child
{
	text-align: right;
	border-right: 3px solid #fff;
	margin:0;
	padding: 0 4% 0 0;
}
.special-block div
{
	margin: 0 0 30px 0px;
}
.special-block div:last-child
{
	margin:0px;
}
.special-block h4
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1rem;
	color: #fff;
}
.special-block p
{
	margin: 0px;
}
.special-block a:hover
{
	color: #48bccb;
}
/****/
/*** Home Team ***/
.home-team
{
	margin: 45px 50px;
	overflow: hidden;
}
.home-team-tit
{
	border-bottom: 3px solid #eeeeee;
	margin: 0px 12px 30px;
}
.home-team-tit h2
{
	text-transform: uppercase;
	font-weight: bold;
	color: #0f474e;
}
.team-brief
{
	padding: 0px 12px;
}
.team-brief h5
{
	color: #0f474e;
	text-transform: uppercase;
	font-weight: bold;
	margin: 20px 0 10px;
}
.team-brief a
{
	color: #48bccb;
	font-weight: bold;
	position: relative;
	padding-left: 25px;
}
.team-brief a::before
{
	content: "";
	position: absolute;
	display: block;
	height: 2px;
	width: 20px;
	bottom: 6px;
	background-color: #48bccb;

}
.slick-slider
{
	padding-top: 100px;
    margin-top: -100px;
}
.slick-dots {
	top: 33px;
	height: 50px;
	right: 0;
	width: inherit;
	/*left: 445px;*/
}
.slick-dots li button::before
{
	font-size: 0.9rem;
	width:30px;
	height:4px;
	border-radius:0;
	margin-top: 0px;
	margin-left: 0px;
}
.slick-dots li
{
	width:30px;
	height:4px;
	display: inline-block;
    border: none;
    margin: 0px 6px;
}
.slick-dots li button
{
	border-radius:0;
	background: #0f474e;
	width:30px;
	height:4px;
	padding: 0px;
	text-indent: -9999px;
}
.slick-dots li.slick-active button:before
{
	background: #48bccb;
	opacity: 1;
}
button:focus {
    outline: none;
    outline: none;
}
/***/
/***************************
Inners 
*******************/
.content-inner
{
	padding: 50px;
	padding-top: 0px;
}
header
{
	padding: 50px 100px;
}
.page-section
{
	margin-bottom: 0px;
	position: relative;
}
.page-section h2
{
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;
}
.appoint-bt
{
	float: right;
}
.appoint-bt-fixed
{
	display: none;
	position: absolute;
    right: 11px;
    top: 15px;
}
.appoint-bt a
{
	background: #48bccb;
	color: #fff;
	border-radius: 10px;
	padding: 8px 20px;
}
.appoint-bt a:hover
{
	background: #0f474e;
}
.breadcrumb
{
	border-top:4px solid #c2c0c0;
	padding: 15px 0 0 0;
	background: none;
	margin: 0px;
}
.breadcrumb ul li
{
	display: inline-block;
	margin: 0px 16px 0 0;
	color: #0f474e;
	position: relative;
}
.breadcrumb ul li a
{
	color: #0f474e;
 /* font-size: 14px;
	text-transform: uppercase;	*/
}
.breadcrumb ul li::after
{
	content: '/';
	position: absolute;
	margin: 0px 7px;
}
.breadcrumb ul li:last-child::after
{
	content: '';
}
.breadcrumb ul li a:hover
{
	color: #48bccb;
}
.breadcrumb ul li.selected
{
	color: #48bccb;
}
.spec-block
{
	margin-bottom: 50px;
}
/*.spec-block h4
{
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 25px;
}
.spec-block ul
{
	margin: 25px 0 25px 15px;
}
.spec-block ul li
{
	margin: 0px 0 10px 0px;
	list-style: initial;
}*/
.artical-tit
{
	text-align: center;
	margin: 0 0 30px 0px;
}
.artical-txt
{
	margin: 35px;
}
.artical-img
{
	margin-bottom: 25px;
	overflow: hidden;
}
.date
{
	font-weight: bold;
	margin-bottom: 10px;
}
.artical-tit h5
{
	font-weight: bold;
}
.spec-block a:hover .artical-tit h5
{
	color: #48bccb;
}
.spec-block .artical-tit
{
	text-align: left;
}
.latest
{
	text-transform: uppercase;
	margin-bottom: 25px;
	font-weight: bold;
}
.artical-img img
{
	transition: transform 0.2s;
}
.spec-block a:hover .artical-img img
{
	transform: scale(1.1);
	transition: transform 0.2s;
}
.team-center
{
	font-size: 20px;
	color: #0f474e;
	margin-bottom: 50px;
	text-align: center;
}
.gray-bg
{
	background: #f2f2f2;
}
.p-all
{
	padding:30px 15px;
}
.top-about
{
	margin-bottom: 35px;
	padding: 120px 0px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-size: 2rem;
}
.about-txt
{
	text-align: center;
	margin-bottom: 35px;
}
.about-txt h3
{
	text-transform: uppercase;
	font-weight: bold;
}
.collage-img
{
	margin-bottom: 35px;
}
/*.collage-img :last-child
{
	padding-left: 3px;
}
.collage-img :first-child
{
	padding-right: 4px;
}*/
.m-b
{
	margin-bottom: 20px;
}
.about-blue
{
	color: #fff;
	margin-bottom: 35px;
}
.about-blue h4
{
	color: #fff;
	text-transform: uppercase;
}
.about-links
{
	margin-top: 30px;
}
.about-links a
{
	display: inline;
	margin: 0px 4px;
}
.about-links a:hover
{
	color:#fff;
}
.about-blue::after
{
	top:215%;
}
.mission
{
	margin-bottom: 35px;
}
.flex-row {
    display: flex;
    min-height: 500px;
}
.flex-item {
    flex: 1 0 50%;
    box-sizing: border-box;
}
.mission-txt
{
	padding: 15px 50px;
	/*color:#0f474e;*/
}
.bg-image {
    position: relative;
	height: 100%;
	min-height: 300px;
    width: 100%;
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.mission-txt h4
{
	color:#48bccb;
	font-weight: bold;
	text-transform: uppercase;
}
.patient .flex-row {
	margin-left: -15px;
	margin-right: -15px;
}
/*** contact us ***/
.map
{
	margin: 0px -50px;
}
.contact-us
{
	margin-top: 50px;
}
.contact-rich {
    margin-bottom: 32px;
}
.contact-rich h4,
.contact-form h4 {
    text-transform: uppercase;
	margin-bottom: 30px;
	font-size: 1.3em;
	font-weight: bold;
}
.contact-rich h6 {
    text-transform: uppercase;
	margin-bottom: 20px;
	font-size: 1em;
	font-weight: bold;
	color: #0f474e;
}
.all-blocks
{
	border-bottom: 1px solid rgba(0,0,0,.1);
	margin-bottom: 25px;
}
.contact-rich .block {
    height: auto;
	margin: 1em 0px;
    border: 0;    
}

.contact-rich .block a {
    color: #58595b;
}
.contact-rich .block .icon {
    float: left;
    width: 40px;
}
.contact-rich .block .icon i {
	font-size: 22px;
	color: #48bccb;
}
.contact-rich .block .data {
    font-size: 13px;
    width: auto;
    overflow: hidden;
}
.contact-rich .block .data span {
	display:block;
	text-transform: uppercase;
	font-weight: bold;
}
.contact-form
{
	padding:0px 35px 15px;
	border-left: 1px solid rgba(0,0,0,.1);
	margin-top:0px;
}
.submit
{
	color: #48bccb;
    border: 1px solid #48bccb;
    padding: 5px 15px;
    margin-top: 10px;
    display: inline-block;
    transition: all 1s;
    text-transform: uppercase;
}
.submit:hover {
    color: #fff;
    border: 1px solid #48bccb;
    background: #48bccb;
}
/*** Footer ***/
footer
{
	background: #0f474e;
	color: #fff;
	padding: 50px 50px;
}
footer h6
{
	text-transform: uppercase;
	margin-bottom: 25px;
	color: #48bccb;
	font-weight: bold;
}
footer p
{
	margin: 0 0 10px 0px;
}
footer p span
{
	font-weight:bold;
	text-transform: uppercase;
}
footer ul li
{
	margin: 0 0 8px 0px;
}
footer ul li a
{
	color: #fff;
}
footer .social-media
{
	margin-top: 15px;
}
footer .social-media a
{
	margin: 0 15px 0 0;
	font-size: 26px;
}
footer a:hover
{
	color: #48bccb;
}
.block-center
{
	text-align: center;
}
.block-space
{
	padding-left: 100px;
}
.footer-bt
{
	border:1px solid #fff;
	color: #fff;
	text-align: center;
	border-radius: 10px;
	padding: 6px 15px;
	display: block;
	margin: 15px auto 0;
	width: 60%;
}
.footer-bt:hover
{
	color: #fff;
	background-color: #48bccb;
	border:1px solid #48bccb;
}
.copyrights
{
	background-color: #0f474e;
	padding:20px 0px;
	color: #fff;
	/*text-align: center;*/
	border-top: 1px solid #48bccb;
}
.copyrights a
{
	color: #48bccb;
}
.copyrights p
{
	margin: 0px;
}
/*** New Style ***/
.pagination

{
    margin:15px 0px 50px;
}
.page-item .page-link {
    border-radius: 0;
    margin: 0px 1px;
    background-color: #0f474e;
    border-color: #0f474e;
    color: #fff;
    width: 35px;
    height: 35px;
    line-height:35px;
    padding:0px;
    text-align: center;
}

    .page-item .page-link:hover,
    .page-item.active span {
        background-color: #48bccb;
        border-color: #48bccb;
    }

.page-item.active span {
    line-height: 35px;
    text-align:center;
    display: block;
    position: relative;
    width: 35px;
    height: 35px;
    color: #fff;
    margin: 0px 1px;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #48bccb;
    border-color: #48bccb;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.brd-white-bt
{
	border-bottom: 1px solid #fff;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.spec-home
{
	float: left;
	width: 50%;
	text-align: left;
	padding: 0px 25px;
}
.spec-right
{
	text-align: right;
}
.spec-home ul li
{
	margin-bottom: 5px;
}
.spec-home h4
{
	text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem;
    color: #fff;
}
.brd-white-bt:last-child
{
	border: none;
}
.spec-block ul
{
	list-style: inherit;
	margin-left:15px;
}

ul.social {
	text-align: center;
	margin-top: 0px;
}

.SM-link {
	background: #48bccb;
	color: #0f474e;
	padding: 5px 25px;
	margin-top: 15px;
	display: inline-block;
}

ul.social a {
	color: #fff !important;
}
ul.social a:hover {
	color: #0f474e !important;
}