/*
Theme Name: DentalExpressions.co.in
Author: Rajiv (Prosems)
Author URI: http://prosems.com
Description: A custom theme built with Bootstrap 4.0
Version: 1.0
*/


:root {
	--light-purple: #f9e5f9;
	--dark-purple: #a849a7;
	--menu-link-color: #380d38;
	--menu-link-hover: #ec344e;
	--text-link-color: #8220d4;
	--text-link-hover: #1445aa;
	--btn1-link-color: #7f40c5;
	--btn1-link-hover: #e42696;
	--btn2-link-color: #f6758d;
	--btn2-link-hover: #ec344e;
	--light-blue: #e7f1f4;
	--text-color: #2f444f;
	--border-color: #efefef;

}

body, html {
	height:100%;
}
body {
	font-family: 'Nunito', sans-serif;
	font-size:16px;
	font-weight:400;
	line-height:26px;
	color: var(--text-color);
	transition: all 0.3s ease-out 0s;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
	margin-top: 0;
	margin-bottom: 0.5rem;
	word-wrap: break-word;
	position:relative;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.05em;
}
h1 {
	font-size: 3em;
}

h2 {
	font-size: 2.1em;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1em;
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
}
a,
a:hover,
a:focus,
input,
textarea {
    text-decoration: none;
    outline: none;
}
a {
	color:var(--text-link-color);
	text-decoration: none;
	transition: ease .3s;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-o-transition: ease .3s;
	-ms-transition: ease .3s;
}
a:hover {
	color: var(--text-hover-color);
}
a:hover,
a:focus {
	text-decoration: none;
}

ol,
ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
img {
	-webkit-filter: blur(0);
	filter: blur(0);
}

button {
    cursor: pointer;

}
.scodeimg {padding-top:1.8em;}
/*----------------------------------------*/
/*  Buttons
/*----------------------------------------*/
.btn {
	-webkit-transition:all 400ms linear 0s;
	-o-transition:all 400ms linear 0s;
	transition:all 400ms linear 0s;

	text-transform:uppercase;
	font-size:12px;
	font-weight:600;
	padding:15px 20px;
	letter-spacing: 0.05em;
}
.btn-top {
	background-color:var(--btn2-link-color);
	border:none;
	padding:8px 20px;
	color:#fff;
}
.btn-top:hover {
	color:#fff;
}

.btn-primary {
	background-color:var(--btn1-link-color);
	border:none;
	color:#fff;
}
.btn-primary:hover {
	background-color:var(--btn1-link-hover);
	color:#fff;
}
.btn-secondary {
	background-color:var(--btn2-link-color);
	border:none;
	color:#fff;
}
.btn-secondary:hover {
	background-color:var(--btn2-link-hover);
	color:#fff;
}



/*----------------------------------------*/
/*  Top logo and top right
/*----------------------------------------*/
.top-section {
	background: var(--light-purple);
	padding: 5px 0;
}
.top-section p {
	padding: 0;
	margin: 0;
}
.tagline {
	text-transform: uppercase;
	font-weight:300;
	letter-spacing:0.1em;
	font-size: 12px;
}
.top-section li {
	display: inline-block;
	float: left;
}
.top-section .phone {
	color: #000;
	font-size: 13px;
	letter-spacing: .09em;
	font-weight: 900;
}

/*----------------------------------------*/
/*  Menu
/*----------------------------------------*/
.menu {
	padding:0 10px;
}
.menu .navbar {
	padding: 5px 0;
	background-color: transparent !important;
}

.menu .navbar .navbar-nav li a {
	padding: 0px 1.05rem;
	color: var(--menu-link-color);
	font-size: 14px;
	letter-spacing:1px;
	text-transform:uppercase;
	-webkit-transition: all 400ms linear 0s;
	-o-transition: all 400ms linear 0s;
	transition: all 400ms linear 0s;
}

/* hover color */
.navbar-nav .nav-link:hover:not(.btn) {
	color: var(--menu-link-hover);
}


/* link color, active color */
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
    color:var(--menu-link-hover);
}

/*----------------------------------------*/
/*  Top header slider
/*----------------------------------------*/
.header-section {
	position: relative;
	overflow: hidden;
}
.slide-item {
	height:580px;
}
.slide-item-inner{
	height:480px;
}
.slidertext-wrap {
	background:rgba(0,0,0,0.4);
	height:100%;
	width:100%;
	text-align:center;
}
.slidertext-content {
	position:absolute;
	bottom:150px;
	width:inherit;
	padding-left:20px;
	padding-right:20px;
}
.slidertext-content h2{
	margin-top: 15px;
	margin-bottom:10px;
	color:#fff;
}
.slidertext-content p {
	color:#fff;
}

.main-slider .owl-nav div {
    color: #fff;
    width: 40px;
    height: 40px;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    left: 0;
    top: calc(50% - 20px);
    opacity: 0.9;
    transition: all 0.5s ease-in-out;
}
.main-slider .owl-nav div.owl-next {
    left: auto;
    right: 0;
}

/* over-ride */
.owl-theme .owl-nav {
	margin-top:0;
}




/* ----------------------------------------- */
/* Call to action - Top */
/* ----------------------------------------- */

.cta-top-section {
	background: var(--dark-purple);
	color: #fff;
}
.cta-top-section h3 {

}
.intro-section {
	margin-top: 40px;
	margin-bottom: 40px;
}
.intro-text {
	background: var(--light-purple);
}
.intro-image {
	
}

/* ====================================================
====================================================== */
.services-section {
	clear: both;
	position: relative;
}
.services-section h4 {

}
.services-section .icon-box p {
	font-size: 13px;
	line-height: 22px;
}
.dental {
	background: var(--dark-purple);
	color: #fff;
}
.medical {
	background: var(--light-blue);
	color: var(--text-color);
}
.services-bg {
	height: auto;
}
.icon-box {
	position: relative;
	margin-top: 20px;
	overflow-x: hidden;
}
.icon-image {
	float:left;
	margin-right:15px;
	width: 100px;

}
.icon-text {
}


.dental-about .about-box {
	background: var(--light-purple);
}
.medical-about .about-box {
	background: var(--light-blue);
}
.about-box {
	position: relative;
	margin-top: 20px;
	overflow-x: hidden;
}
.about-image {
	float:left;
	margin-right:15px;
}
.about-text {

}
.about-text p {
	font-size: 13px;
	line-height: 22px;
}
.about-text p.doc-certi {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.05em;
	color: #36ba81;
}
.map-section {
	background: var(--light-purple);
}
.gmap {
	overflow:hidden;
}
.footer-section {
	color: #fff;
}
.footer-section h4::after {
    display: block;
    content: "";
    margin-top: 10px;
    width: 50px;
    height: 2px;
    background-color: #FFF;
}
.address {
	background: #340f3f;
}
.timings {
	background: #24082d;
}
.contacts {
	background: #340f3f;
}
.contacts a {
	color: #fff !important;
}
.contacts a:hover {
	color: #f4d633 !important;
}
.flinks {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.05em;
}

/* services */
.servicebox {
	padding: 5%;
	margin-bottom: 50px;
	border: 1px solid var(--border-color);
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 12px -2px rgba(236,236,236,1.00);
	-moz-box-shadow: 0px 1px 12px -2px rgba(236,236,236,1.00);
	box-shadow: 0px 1px 12px -2px rgba(236,236,236,1.00);
}
.servicebox img {
	margin-bottom: 20px;
}

.habox {
	background:#f2f8f9;
	border: 2px solid #cbe2e7;
	padding:30px;
	border-radius: 6px;
}
.habox h4 {
	font-size: 1.5em;
}
.habox span {
	color:#ff5757;
}