/**

   Author       : Webful Creations Vision (https://themeforest.net/user/webfulcreationsvision/portfolio)

   Template Name: Webful Dental Clinic HTML Template

   Version      : 1.0

   CopyRight    : 2017 @ www.webfulcreations.com

*/



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

    TABLE OF CONTENTS

    =============================

    01 - General CSS

	02 - Useful Elements CSS

	03 - TopBar CSS

	04 - Header CSS

	05 - Navigation CSS

	06 - Main Banner CSS

	07 - About Us CSS

	08 - Information Boxes CSS

	09 - Our Services CSS

	10 - Section Title CSS

	11 - Why Chose Us CSS

	12 - Our Team CSS Starts

	13 - Highlight Banner CSS

	14 - More Questions

	15 - Blog Post CSS

	16 - Our Brands CSS

	17 - Page Preloader CSS

	18 - Page Title Section CSS

	19 - Inner Pages Styles

		 19.1 - Sidebar Styles

		 19.2 - Testimonials CSS

		 19.3 - About Us Page

		 19.4 - Appointment Form

		 19.5 - Appointment Page

		 19.6 - Single Doctor CSS

		 19.7 - FAQ,s Page CSS

		 19.8 - Price List CSS

		 19.9 - Products Section CSS

		 19.10 - Services Page CSS

		 19.11 - Blog Page CSS

	20 - Call To Action Box CSS

	21 - Footer CSS Starts

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



/*-------------------------

 01 - General CSS

-------------------------*/

body {

	font-family: 'Roboto', sans-serif;

	line-height:25px;

	font-size:0.875rem;

	font-weight:normal;

    padding:0;

    margin:0;

    font-style:normal;

	color:#5d5d5d;

}

h1, 

h1 span,

h1 a { 

	font-size:2rem;

    margin-bottom:15px;

}

h2,

h2 span, 

h2 a {

	font-size:1.75rem;

}

h3,

h3 span, 

h3 a { 

	font-size:1.50rem;

}

h4, 

h4 span,

h4 a { 

	font-size:1.25rem;

}

h5, 

h5 span,

h5 a {

	font-size:1rem; 

}

h6, 

h6 span,

h6 a {

	font-size:0.875rem; 

}

label, 

p, 

ul, 

ol, 

a, 

blockquote, 

input, 

textarea, 

select, 

[type=date], 

[type=text], 

[type=email], 

span { 

	font-size:0.875rem;

	line-height:25px;

	color:#5d5d5d;

}

h1,

h2,

h3,

h4,

h5,

h6, 

h2 a, 

h3 a, 

h4 a, 

h5 a, 

h6 a, 

h1 span, 

h2 span, 

h3 span, 

h4 span, 

h5 span, 

h6 span {

	font-family: 'Montserrat', sans-serif;

	font-weight:normal;

	color:#3b3d42;

}

a:hover {

	color:#000000; 

}

iframe {

	width:100%;

	border:0px; 

}

.button {

	text-transform:uppercase;

	font-weight:bold;

	font-family: 'Montserrat', sans-serif;

}

.button.primary {

	background-color:#515151; 

}

.button.primary:hover {

	background-color:#96c11c; 

}

.button.secondary {

	background-color:#96c11c; 

}

.button.secondary:hover {

	background-color:#000000; 

}

.bordered-light {

	background-color:transparent !important;

	border:1px solid #FFF; 

}

.bordered-light:hover {

	background-color:#96c11c !important;

	border-color:#96c11c !important;	 

}

.bordered-dark {

	background-color:transparent !important;

	border:1px solid #3b3d42 !important; 

	color:#3b3d42 !important;

}

.bordered-dark:hover {

	background-color:#3b3d42 !important;

	border-color:#3b3d42 !important;

	color:#FFF !important;	 

}

.module {

	position:relative;

	margin-bottom:80px; 

}

.inner-padding {

	padding-top:80px;

	padding-bottom:80px;

	position:relative;	

}

dl dt {

	font-weight:bold;

	margin-bottom:.3rem;

}

iframe {

	width:100%;

}

.grey-bg {

	padding-top:80px;

	padding-bottom:80px;

	background-color:#f7f7f7;

}

.main-container {

	width:100%;

	height:auto;

	position:relative; 

} 

/*-------------------------

 General CSS Ends

-------------------------*/



/*-------------------------

 02 - Useful Elements CSS

-------------------------*/

.icon-box {

    position: relative;

    clear: both;

}

.icon-box .icon-side {

    width: 55px;

    height: 55px;

    border-radius: 100%;

    font-size: 30px;

    text-align: center;

    line-height: 55px;

    margin-right: 7px;

	color: #FFF !important;

    background-color: #96c11c;

}

.icon-box .info-side {

    margin-left: 7px;

    font-size: 16px;

    padding-top: 0px;

    width: calc(100% - 70px);

}

.info-side p strong {

    font-size: 18px;

	color:#3b3d42; 	

}

.icon-box p {

    margin-bottom: 0px;

}

.home-module {

	margin-top:25px;

	margin-bottom:25px;

}

.pagination {

	text-align:center; 

	margin-bottom:0px;

	margin-top:30px;

}

.pagination .current {

	background:#515151;

	padding:0px;

}

.pagination .current a {

	color:#FFF; 

}

.pagination .current a:hover, .pagination a:hover {

	background-color:#515151; 

	color:#FFF;

} 

/*-------------------------

 Useful Elements CSS Ends

-------------------------*/



/*-------------------------

 03 - TopBar CSS

-------------------------*/

.topBar {

	background-color:#96c11c;

	width:100%; 

	border-top:1px solid #ededed;

	border-bottom:1px solid #ededed;

	color:#FFFFFF;

	

	

}

.topBar p {

	margin-bottom:0px; 

	float:left;

	padding:7px;

	color:#FFFFFF;

}

.topBar ul li {

	padding:7px;

	text-align:right;

	display:inline-block;

}

.topBar .no-list-padding li {

	padding:0.7rem 0rem; 

	color:#FFFFFF;

}

.topBar .no-list-padding li a {

	padding:0px; 

	padding:0rem 1rem;

	border-right:1px solid #ffffff;

}

.topBar .no-list-padding li:last-child a {

	border-right:0px; 

	color:#FFFFFF;

}

.topBar ul .social {

	padding:0px; 

}

.topBar ul .first-social {

	padding-left:25px; 

	color:#FFFFFF;

}

.topBar ul li a {

	padding-left:5px;

	padding-right:5px;

	color:#FFFFFF;

}

/*-------------------------

 TopBar CSS Ends

-------------------------*/



/*-------------------------

 04 - Header CSS

-------------------------*/

.header {

	width:100%;

	padding-top:25px;

	padding-bottom:25px; 

	background-color:#515151;

	position:relative;

}

.header .logo img {

	height:100px;

	width:auto; 

}

.header .icon-box .icon-side {

	border:2px solid #ffffff !important;	

	background-color:transparent;

	color:#96c11c !important;

}

.header .icon-box .info-side {

    font-size: 0.875rem;

}

.header .info-side p strong {

    font-size: 1.25rem;

	color:#ffffff;

	font-family: 'Montserrat', sans-serif;

	font-weight:normal;

}

.header .small-box {

	width:28%; 

}

.header .medium-offset-5 { 

	margin-left:38.5%;

}

.info-side .button {

	margin-bottom:0px;

	padding:5px;

	font-weight:normal;

	font-size:12px;

	border-radius:5px;

}

.header img {

	height: auto;

	width:auto;

} 

.dentist-info {

	font-family: 'Montserrat', sans-serif;     

}

.dentist-info h5 {  

	margin-bottom:0px;

	margin-top:-7px;

}

.dentist-info p {  

	margin-bottom:0px;

	line-height:20px;

}  

/*-------------------------

  Header CSS Ends

-------------------------*/



/*-------------------------

 05 - Navigation CSS

-------------------------*/

.navigation { 

	width:100%;

	background-color:#000000;

}

.navigation-icon-title {

	font-weight: bold;

    font-size: 16px;

    line-height: 16px;

    float: left;

    margin-left: 10px;

    text-transform: uppercase; 

}

.navigation ul {

	margin:0px;

	font-size:14px;

	font-weight:400;

	z-index:9999;

	font-family: 'Montserrat', sans-serif;

}

.navigation ul .first-sub { 

	border-top:3px solid #96c11c;

}

.navigation ul li a {

	text-transform: ;

	color:#fff;

}

.navigation ul li a:hover {

	color: #999999;

}

.navigation ul ul li a {

	text-transform:capitalize;

	color:#000000;

}

.navigation ul ul li a:hover {

	color:#FFF;

}  

.top-bar, 

.top-bar ul {

	padding:0px;

	position:relative; 

	background-color:#000000;

}

.top-bar-title {

	display:none; 

} 

.top-bar ul ul { 

	background-color:#FFF;

}

.navigation .is-dropdown-submenu-parent {

	position:relative; 

}

.navigation .mega-menu {

	position:static; 

}

.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {

	border:0px; 

}

.dropdown.menu.medium-horizontal>li>a {

	padding:16px; 

}

.navigation .dropdown.menu>li.opens-right>.is-dropdown-submenu { 

	position:absolute;

	max-width:100%;

}

.top-bar h4 {

	font-weight:bold;

	font-size:14px; 

	text-transform:uppercase;	

	border-bottom:1px solid;

	padding-bottom:10px;

}

.top-bar .address h4 { 

	border-bottom:0px;

	padding-bottom:0px;

}

.top-bar li {

	list-style:none; 

}

.top-bar .is-active ul a {

	background-color:#FFF;

	color: #999999; 

}

.top-bar .is-active a,

.top-bar ul li a:hover {

	background-color:#96c11c;

	color:#FFF; 

}

.inner-mega { 

	padding:15px;

	max-width:290px;

	min-width:290px;

 }

.inner-mega ul li a {

	padding:10px; 

}

 .inner-mega iframe { 

 	width:280px;

 }

.single-sub ul li a {

	width:100%;

	border-bottom:1px solid #ededed; 

	padding:10px;

}

.inner-mega ul { 

 	margin:0px;

}

.responsive-menu ul li a { 

 	display:block;

	width:100%;

}

.inner-mega ul li a {

	padding-top:10px;

	padding-bottom:10px;

}

.top-search {

	position:relative;

}

.button:focus, .button {

    background-color: #515151;

}

button:focus:hover, .button:hover {

    background-color: #515151;

}

#search-dropdown input[type=text] {

	margin-bottom:0px; 

}

.search-wrap a {

	line-height:46px;

	display:block;

	float:right;

	font-size:1.55rem;

	padding:0px 10px;

	color:#fff;

}

.search-wrap .fa:hover, .cart .fa:hover {

	color:#96c11c;

}

.search-wrap {

	position:relative; 

}

.search-dropdown {

	z-index:9999; 

	background-color:rgba(0,0,0,0.7);

	padding:3rem;

}

.reveal-overlay {

	z-index:9999;	 

}

.search-dropdown input[type=text] {

	background-color:transparent;

	font-size:22px;

	font-style:italic;

	padding:35px 25px;

	font-weight:normal;

}

.search-pane input[type=submit] {

	margin:auto;

}

.search.button.primary {

    background-color: #515151;

	padding-top: 27px;

    padding-bottom: 27px;

    position: absolute;

    top: 48.5px;

    right:49px;

	margin-bottom:0px;

}

.top-bar-title span, 

.top-bar-title a {

	color:#FFF; 

	line-height:16px;

}

.menu-icon.dark:after {

	background: #FFF;

    box-shadow: 0 7px 0 #FFF, 0 14px 0 #FFF; 

}

.search.button.primary:hover {

    background-color: #ED070A;

}

.close-button {

	right:.5rem;

	top:.2rem;

}

.close-button span {

	color:#ED070A;

	font-size: 20px;

	font-weight:bold;

    margin: 0px;

	border: 2px solid rgba(255, 255, 255, 0.3); 	

}

.cart-table h5 {

	color: #96c11c;

    text-align: center;

    font-size: 2.2rem;

    margin-bottom: 1rem;

    text-transform: uppercase;

}

.cart-table table {

	margin-bottom:0px; 

}

.cart-table hr {

	border-bottom: 1px solid #fff;

}

.cart-total {

	font-size:1rem;

	color:#FFF;

	font-weight:bold;

	text-transform:uppercase; 

	border-top:1px solid #ededed;

	border-bottom:1px solid #ededed;

	margin-top:15px;

	margin-bottom:15px;

	padding-top:15px;

	padding-bottom:15px;

}

table tbody tr:nth-child(even) {

	background-color:#f7f7f7;

}

.cart-table .button {

	margin-bottom:0px;

}

.cart-items {

	height: 195px;

    overflow-x: hidden;

    overflow-y: scroll;	

}

.cart-items td {

	text-align:center;

	color: #3b3d42;

    font-size: 1rem;

}

/*-------------------------

  Navigation CSS Ends 

-------------------------*/



/*-------------------------

 06 - Main Banner CSS 

-------------------------*/

.banner-container, 

.main-banner,

.slide {

	position:relative;

}

.slide {

	width:100%;

	height:550px;

}

.slide img {

	height:100%;

	z-index:7;

	object-fit:cover;

}

.positiong-content {

	width:100%;

	position:absolute;

	top:30%;

	right:0px;

	margin-top:-100px;

	z-index:100;

}

.slider-content {

	z-index:5;

}

.slide .banner-text {

	width:calc(100% - 450px);

	padding-top:130px;

	padding-bottom:130px;

}

.slide .banner-text .button {

	margin-bottom:0px;

	font-weight:300; 

}

.slide .banner-text h2 { 	 

    font-size: 3.3rem;

    color: #FFF;

    font-weight: 700;

    text-transform: uppercase;

    font-family: 'Roboto Slab', serif;

    line-height: 4rem;

    text-shadow: 0px 0px 1px #666;	

}

.slide .banner-text h3 { 	

	font-size:1.5rem;	 

	color:#FFF;

	font-weight:400;

	margin-bottom:10px;

	font-family: 'Roboto Slab', serif;

}

.slide::after {

	content:"";

	position:absolute;

	top:0;

	left:0;

	right:0;

	bottom:0;

	z-index:10;

	background-color:rgba(0,0,0,0.25);

	background-size:cover;	

}

.slider-content .button {

	font-size:1rem;

	text-transform:capitalize;

	vertical-align:central;

}

.banner-form { 

	background-color:rgba(0,0,0,0.7); 	

    color : #fff;

    padding:40px 30px 40px 30px;

	width: 350px;

	height:auto;

	position:absolute;

	bottom:0px;

	left:calc(50% + 200px);

	z-index:5;

	margin-bottom:0px;

}

.banner-form h4 {

	font-weight:700;

	color:#fff;

	text-transform:uppercase;

}

.banner-form h6 {

	font-weight:300;

	font-size:20px;

	color:#ededed;

	text-transform:uppercase;

	font-style:italic;

	margin-bottom:0px;

}

.banner-form [type=date]:focus, 

.banner-form [type=text]:focus, 

.banner-form [type=email]:focus { 

	background-color:transparent !important;

	border:0px;

}

.banner-form [type=date],  

.banner-form [type=text], 

.banner-form [type=email],

.banner-form  textarea {

	color: #fff;

    padding: 10px 0px;

    border-radius: 0;

    background-color: transparent;

    border: 0;

    border-bottom: 2px solid #515151;

	box-shadow:none !important;

} 

.banner-form .button {

	padding: 25px 25px;     

    color: #fff;

    font-weight: 700;

    width: 100%;

	margin-bottom:0px;

}

.banner-form .button:hover {

	border:1px solid #fff;

	color:#515151;

}

.owl-controls {

	position:absolute;

	bottom:25px;

	left:50%;

	margin-left:-47.5px; 	

}

.owl-controls .owl-dot {

	width:15px;

	height:15px;

	border-radius:100%;

	background-color:#f7f7f7;

	border:1px solid #ededed; 

	float:left;

	margin-left:5px;

	margin-right:5px;

}

.owl-controls .owl-dot.active {

	background-color:#666; 

}

/*-------------------------

  Main Banner CSS Ends 

-------------------------*/



/*-------------------------

 07 - About Us CSS 

-------------------------*/

.about-us h2 { 	

	font-weight:700;

} 

.about-us h5 {

	color:#96c11c;

	margin-bottom:1.2rem;

} 

.about-us .button {

	margin-bottom:0px;

}

.general-dent img{

	margin-bottom:15px;

} 

.emergency-box {

    width: 100%;

	text-align:center;

    background-color:rgb(24, 160, 207);

	color: #FFF;

    padding: 15px;

    position: relative;

	z-index:99;

}

.emergency-box img {

	width:65px;

	height:auto;

	margin-bottom:24px;

} 

.emergency-box h3 { 	

    color: #fff;

    font-size: 33px;

	font-weight:700;

	line-height:35px;

	text-transform:uppercase;

} 

.emergency-box h5 {  	

    color: #fff;

	font-weight:300;

	font-size:24px;

	margin-bottom:15px;

}

.emergency-box h6 {  	

    color: #fff;

	font-weight:400;

	font-size:28px;

	margin-bottom:0px;

	padding-top:10px;

	padding-bottom:10px;

	background-color:#515151;

}

.emergency-box i { 	

    margin-right:5px;

}

.emergency-box::after {

    content: "";

    background: url("../images/help/about-us_2.jpg");

    background-size: cover;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    position: absolute;

    z-index: -1;

	opacity:0.2; 	

} 

/*-------------------------

  About Us CSS Ends 

-------------------------*/



/*-------------------------

 08 - Information Boxes 

      CSS 

-------------------------*/

.information-boxes {

	background-color:#3b3d42;

	width:100%;

	text-align:center;

}

.information-box {

	padding:15px 15px; 

}

.information-boxes .row .columns {

	border-right:1px solid rgba(237,237,237, 0.3); 	 

}

.information-boxes .row .columns:last-child{

	border-right:none;

}

.information-box i {

	font-size:3.125rem;

	color:#96c11c;

	margin-bottom:2.5rem;

}

.information-box h4 a {

	font-size:1.125rem;

	color:#fff;

	text-transform:uppercase;

	text-align:center;

}

.information-box h4 a:hover {

	color:#96c11c;

}

.information-box i:hover {

	color:#fff;

}

.information-box p {

	color:#fff;

	margin-bottom:0px;

}

/*-------------------------

  Information Boxes CSS 

  Ends 

-------------------------*/



/*-------------------------

 09 - Our Services CSS 

-------------------------*/

.service {

	margin-top:15px;

    margin-bottom: 15px;

}

.service-box {

	position: relative; 	

    background-color: #fff;

    border-bottom: 2px solid #DFDAD4;

} 

.service-img {

	overflow: hidden;

    background-color: #515151;

	position:relative;

} 

.service-img .service-detail {

	display:block;

	width:100%;

	position:absolute;

	top:0px; 

	color:#FFF;

	text-align:center;

	padding:30px;

	background-color:rgba(1, 74, 127,0.8);

	height:100%;

	opacity:0;

}

.service-img .service-detail a {

	color:#FFF; 

}

.service-detail .button {

	margin-top:15px;

	padding-top:5px;

	padding-bottom:5px; 

}

.service-img img {

	display:block;

	width:100%;

	height:auto;

} 

.service-info h5 {

	text-align:center;

    padding: 10px 0 10px 0px;

    border-left: 3px solid #515151;

    margin-top: 0px;

	margin-bottom:20px;     

}

.service-info h5 a {

	font-weight:700;

	padding:10px;

	padding-left:15px;

}

.service:hover .service-box {

	border-bottom: 2px solid #515151;

}

.service:hover h5 a {

	color:#515151;

}

.service:hover .service-img .service-detail {

	opacity:1; 

}

.service-wrap .columns:nth-child(-n+4) {

    margin-top: 0px;

}

.service-wrap .columns:nth-last-child(-n+4)  {

    margin-bottom: 0px;

} 

.service-details .columns:nth-last-child(-n+3) {

    margin-bottom: 0px;

}   

/*-------------------------

  Our Services Ends CSS 

-------------------------*/  



/*-------------------------

 10 - Section Title CSS 

-------------------------*/

.section-title {

    text-align: center;

	position:relative;

	max-width:75rem;

	padding-left:.9375rem;

	padding-right:.9375rem;

	margin:auto;

    margin-bottom: 50px;	

}

.section-title p {

	margin-bottom:0px; 

	font-size:1rem;

	max-width:650px;

	text-align:center;

	margin:auto;

}

.section-title h2 {

	max-width:650px;

	text-align:center;

	margin:auto;	 

}

.section-title h2 {

	text-transform:uppercase; 	 	

	font-weight:400;

    position: relative;

	padding-top:60px;

	font-size:2.25rem;

	margin-bottom:0px;

}

.section-title h2 span {

	color:#96c11c; 

	font-size:2.25rem;

	font-weight:400;

}

.section-title h2:before {

	content: " ";

    position: absolute;

    top: 0px;

    width: 35px;

    height: 50px;

    background-image: url("../images/icons/dental-emergency-icon-dark.png");

    background-size: cover;

    background-repeat: no-repeat;

	left:50%;

	margin-left:-17.5px;

}

.section-title.light-title h2:before {

    background-image: url("../images/icons/dental-emergency-icon.png");

}

.section-title.light-title h2 {

	color:#FFF; 

}

.section-title.light-title p {

	color:#FFF; 

}

.inner-title h2 {

	font-weight:700;

}

.inner-title h2 span {

	color:#515151;

	font-weight:700;

}

.inner-title h5 {

	color:#96c11c;

    margin-bottom:1.2rem;

}

/*-------------------------

  Section Title Ends 

-------------------------*/



/*-------------------------

 11 - Why Chose Us CSS 

-------------------------*/ 

.why-choose-us {

	background-color:#fff; 	

}

.why-us-detail {

	margin-bottom:30px; 

}

.why-choose-us .why-us {

	position:relative;

	margin-bottom:30px;

}

.why-choose-us .why-us .icon {

	width:55px;

	text-align:left;

	float:left;

}

.why-us .icon i {

	font-size:2rem;

	color:#515151;

	padding-right:5px;

}

.why-us .info {

	margin-left:55px;

}

.why-us .info p {

	margin-bottom:0px; 

}

.why-us .info h4 {

	font-size:1rem;

	text-transform:uppercase;

	font-weight:700;

	margin-bottom:15px;

} 

.why-choose-us .single-testi { 

	background-color: #ededed; 	

	padding: 20px;

	padding-bottom:0px;

}

.why-choose-us .single-testi p {

	font-size: 1rem; 

    font-style: italic;

	color:#2a2a2a;

	line-height:28px;

	padding: 30px 10px 0px 10px;

	margin-bottom:10px;

}

.why-choose-us .single-testi cite {

	color:#515151;

	font-weight:700;

	font-size:1rem;

	padding: 0px 10px 10px 10px;

}

.why-choose-us .single-testi span {

	color:#000;

	font-weight:300;

}

.why-choose-us .single-testi img {

	padding-left:150px;

	padding-right:0px;

	height:238px;

	width:auto;

} 

.why-choose-us .why-us:nth-last-child(-n+2) {

	margin-bottom:0px;

}  

.why-choose-us .single-testi cite span:before {

	content: '\2014 \0020';

} 

/*-------------------------

  Why Chose Us CSS  Ends 

-------------------------*/



/*-------------------------

 12 - Our Team CSS Starts

-------------------------*/ 

.our-team img {

	width:100%;

	height:auto;

} 

.doc-head {

	text-align: center;

	color: #fff;

	text-transform:uppercase;

	background-color:#515151;

	padding:10px;

	margin-bottom:0px;

}

.junior-doctors .doc-head {

	background-color:#ededed;

	color:#2a2a2a;	 

}

.junior-doctors .doctor:hover > .doc-head {

	background-color:#515151;

	color:#FFF;	 

}

.junior-doctors .doctor-box {

	border:1px solid #ededed; 

}

.head-info {

	text-align:center;

	color:#515151; 	

	padding-top:5px;

	padding-bottom:5px;

	background-color:#f7f7f7;

}

.our-team .doctor {

	padding:20px;

	padding-top:0px;

	padding-bottom:18px;

}

.our-team .padding-between .doctor {

	padding-top:0px;

	padding-bottom:0px;	 

}

.doctor-img {

	overflow: hidden;

    background-color: #515151;

	position:relative; 	

} 

.doctor-detail {

	display:block;

	width:100%;

	position:absolute;

	top:0px; 

	color:#FFF;

	text-align:center; 	

	padding:30px; 	

	background-color:rgba(1, 74, 127,0.5);

	height:100%;

	border: 12px solid #515151;

	opacity:0;

}

.doctor:hover .doctor-img .doctor-detail {

	opacity:1; 

}

.doctor-detail p {

	padding-top:40px;

	color:#fff;

	text-align:center;

}

.doctor-detail a {

	color:#FFF;

	font-weight:700; 

} 

.doctor-detail h5 a, 

.doctor-img .doctor-detail h2 a { 	

	color:#96c11c;

}

.doctor-detail h5, 

.doctor-img .doctor-detail h2 {

	padding-top:30px;

} 

.doctor-detail .social i {

	padding-left:5px;

	padding-right:5px;

	font-size:1.25rem;

}

.doctor-detail .social .button {

	padding-top:10px;

	padding-bottom:10px;

	margin-top:15px;

	margin-bottom:0px;

}

.doctor-detail a:hover {

	color:#96c11c; 

} 

.doctor-detail .social .button:hover {

	color:#fff;

} 

.doctor-detail h5 a:hover, .doctor-img .doctor-detail h2 a:hover {

	color:#fff;

}

.our-team .doctor:nth-child(-n+2) {

	padding-top:0px;

} 

/*-------------------------

  Our Team CSS Ends

-------------------------*/



/*-------------------------

 13 - Highlight Banner CSS

-------------------------*/

.highlight-banner .highlight-banner-bg {

	background:linear-gradient(90deg, rgba(59, 61, 66, 0.95) 50%, rgba(255, 255, 255, 0) 50%);

}

.highlight-banner:after {

	content: "";

    background: url("../images/help/banner_2.jpg");

    background-size: cover;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    position: absolute;

    z-index: -1; 

}

.highlight-banner .highlight-banner-info h3 {

	color:#fff;

	text-transform:capitalize;

	font-weight:400;

	font-size:40px;

}

.highlight-banner .highlight-banner-info span {

	color:#96c11c;

	font-size:40px;

}

.highlight-banner .highlight-banner-info p {

	color:#fff;

}

.highlight-banner .highlight-banner-info ul {

	width:auto;

	float:left; 	 	 

	display: block;

	color:#fff;

	list-style-image: url("../images/icons/tooth.png");

	padding-right:20px; 

}

.highlight-banner .highlight-banner-info ul:after {

	clear:both;

	display:table;

	content:"";

}

.highlight-banner .highlight-banner-info ul  li {  

	padding-left:0px;

	padding-top:7px;

	padding-bottom:7px;

} 

.highlight-banner .button { 	

	margin-bottom:0px; 

}

/*-------------------------

  Highlight Banner CSS 

  Ends

-------------------------*/



/*-------------------------

 14 - More Questions

-------------------------*/ 

.twentytwenty-container img {

	 width:100%;

	 height:auto;

}

.faq-wrapper {

	position:relative;

}

.faq-wrapper .accordion-title {

	font-size:1rem;

	color:#3b3d42;

	font-family:'Montserrat', sans-serif;

	padding: 1.23rem 1rem;

	font-weight:300;

}

.faq-wrapper .accordion {

	margin-bottom:0px;

}

.faq-wrapper .accordion-item.is-active {

	background-color:#e6e6e6; 

}

.faq-wrapper .accordion-item {

	background-color:#F7F7F7;

}

.webful-awards {  

	padding:15px;

	background-color:#f7f7f7;

	margin-top:15px;

} 

.webful-awards img {

	width:auto;

	height:86px; 

}

.webful-awards .award {

	width:25%;

	float:left;

	text-align:center; 

}

.webful-awards:after {

	clear:both;

	display:table;

	content:""; 

}

.appo-form .form-wrap h2:before {

	display:none; 

}

.appo-form .form-wrap h2 {

	text-align: center;

    color: #e6e6e6;

    font-size: 1.10rem;

    margin-top: 20px;

    margin-bottom: 20px;

}

/*-------------------------

  More Questions Ends

-------------------------*/ 



/*-------------------------

 15 - Blog Post CSS

-------------------------*/ 

.our-blog .blog-post {

	position:relative;

	background-color:#FFF;

}

.blog-post .blog-thumb:after {

	clear:both;

	display:table;

	content:""; 

}

.blog-post .blog-thumb .image-side {

	float:left; 

	width:calc(100% - 80px);

}

.blog-post .blog-thumb .blog-meta { 	

    width:78px;    

    font-size:0.1rem;    

    padding:0px 10px;

    text-align:center;

	background-color: #FFF;

	border:1px solid #EDEDED;

	float:right;

	height:315px;

	position:relative;

	border-bottom:0px;

}

.post-author-image {

	padding-top:10px;

	display:inline-block; 

}

.blog-meta > span img {

	display:inline-block;

	border-radius:100%;

	margin-bottom:15px;

}

.post-date {

	position:absolute;

	bottom:0px; 

	width:100%;

	display:inline-block;

	padding-bottom:10px;

	left:0px;

	text-align:center;

}

.meta-seprator {

    background: #515151;

    content: "";

    width: 2px;

    height: 40px;

    position: absolute;

    right: 30px;

    top:62%;

	left:50%;

	margin-top:-20px;

	margin-left:-1px;

}

.blog-post .post-content {

	padding:15px 15px;

	border:1px solid #ededed;

	background-color:#FFF; 

}

.blog-post h3, 

.blog-post h3 a {

	font-size:1.20rem; 

	line-height:1.70rem;

}

.blog-post .blog-rating {

	border-top:1px dashed #ededed; 

}

.blog-post .blog-rating ul li {

	display:inline-block;

	font-size:1rem;

} 

.blog-post .blog-rating i {

	margin-right:10px;

	font-size:1rem;

	color:#515151;

} 

/*-------------------------

  Blog Post CSS Ends

-------------------------*/



/*-------------------------

 16 - Our Brands CSS

-------------------------*/ 

.bran-logo {

	padding:0px 28px;

	float:left; 

}

.bran-logo:after {

	clear:both;

	display:inline-block;

	content:""; 

}

.bran-logo .thumbnail {

	margin-bottom:0px; 

	border:1px solid #ededed;

	padding:3px;

	opacity:0.85;

	height:auto !important;

	width:180px;

}

.bran-logo .thumbnail:hover {

	opacity:1; 

}

/*-------------------------

  Our Brands CSS Ends

-------------------------*/



/*-------------------------

 17 - Page Preloader CSS  

-------------------------*/

.preloader {

	width:100%;

	height:100%;

	position:fixed;

	top:0px;

	z-index:99999999999;

	background-color:#f7f7f7; 

}

.spinner {

	width: 100px;

	height: 100px;

	position: relative;

	margin:auto; 

	position:absolute;

	top:50%;

	left:50%;

	margin-top:-50px;

	margin-left:-50px;

}

.double-bounce1, .double-bounce2 {

	width: 100%;

	height: 100%;

	border-radius: 50%;

	background-color: #515151;

	opacity: 0.6;

	position: absolute;

	top: 0;

	left: 0;

	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;

	animation: sk-bounce 2.0s infinite ease-in-out;

}

.double-bounce2 {

	-webkit-animation-delay: -1.0s;

	animation-delay: -1.0s;

}

@-webkit-keyframes sk-bounce {

	0%, 100% { -webkit-transform: scale(0.0) }

	50% { -webkit-transform: scale(1.0) }

}

@keyframes sk-bounce {

	0%, 100% { 

		transform: scale(0.0);

		-webkit-transform: scale(0.0);

	} 50% { 

		transform: scale(1.0);

		-webkit-transform: scale(1.0);

	}

}

/*-------------------------

  Page Preloader Ends  

-------------------------*/



/*-------------------------

 18 - Page Title Section

      CSS

-------------------------*/

.title-section {

	padding-top:60px;

	padding-bottom:60px;	 

	margin-bottom:80px;

	position:relative;

	background-color:rgba(35, 10, 16, 0.4);

}

.title-section.margin-none {

	margin-bottom:0px; 

}

.title-section::after {

	content: "";

	background:url('../images/help/title_bg.jpg');

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	position: absolute;

	z-index: -1;   

	background-color:#666;

	background-position:top;

	background-size:cover;

}

.page_title {

	position: relative;

    margin-bottom: 15px; 

}

.page_title:before {

    content: "";

    position: absolute;

    background: ;

    width: ;

    height: ;

    bottom: 0;

}

.title-section h1 {

	text-transform:uppercase;

	margin-top:0px;

	margin-bottom:5px;

	color:#FFF;

	font-size:42px;

}

.title-section ul {

	margin:0px; 

}

.breadcrumbs li, .breadcrumbs li a {

	font-size:0.65rem; 

	color:#FFF;

}

.single-post .breadcrumbs li, .single-post .breadcrumbs li a {

	line-height:25px; 

}

.single-post .breadcrumbs {

	margin-bottom:0px;

	padding-top:10px;

	padding-bottom:10px;

	text-align:right; 

}

/*-------------------------

  Page Title Section 

  CSS Ends

-------------------------*/



/*-------------------------

 19 - Inner Pages Styles  

-------------------------*/

.padding-between .medium-4,

.padding-between .medium-3,

.padding-between .medium-12 {

	margin-top:0.9375rem;

	margin-bottom:0.9375rem; 

}

.padding-between .medium-4:nth-child(-n+3),

.padding-between .medium-3:nth-child(-n+4) {

	margin-top:0px; 

}

.padding-between .medium-4:nth-last-child(-n+3),

.padding-between .medium-3:nth-last-child(-n+4) {

	margin-bottom:0px; 

}

.padding-between .medium-12:first-child {

	margin-top:0px; 

}

.padding-between .medium-12:last-child {

	margin-bottom:0px; 

}

.boxed {

    max-width: 1200px;

    margin: auto;

    box-shadow: 0px 0px 6px 1px #CCC;

	background-color:#FFF;

	z-index:0;

}

body.box {

	background-color:#ccc;

}

.error-page-form p,

.error-page-form h3, 

.error-page-form h2 {

	text-align:center; 

}

.error-page-form .input-group {

	max-width:600px;

	margin:auto;

	margin-top:30px; 

}



/*-------------------------

 19.1 - Sidebar Styles

-------------------------*/

.sidebar .widget {

	margin-top:0.9375rem;

	margin-bottom:0.9375rem; 

	padding: 15px;

    border: 1px solid #ededed;

    background-color: rgba(247, 247, 247, 0.3);

}

.sidebar .widget:first-child {

	margin-top:0px;	 

}

.sidebar .widget:last-child {

	margin-bottom:0px; 

}

.sidebar h2 {

	margin-bottom: 20px;

    font-size: 1.5rem;

    display: block;

    position: relative;

    padding-bottom: 10px;

}

.sidebar h2:before {

    content: "";

    position: absolute;

    background: #3b3d42;

    width: 40px;

    height: 2px;

    bottom: 0;

}

.sidebar ul li a:before {

    content: "\00BB";

    margin-right: 10px;

}

.widget .button {

	margin-bottom:0px; 

}

.tags {

    list-style: none;

    margin-left: 0px;

    margin-bottom: 0px;

}

.tags li:first-child {

    padding-left: 0px;

}

.widget .tags li {

    padding-left: 0px;

    padding-right: 0px;

	display: inline;

}

.widget .tags li a {

    padding: 5px 10px;

    text-wrap: suppress;

    white-space: nowrap;

    margin: 5px;

    display: inline-block;

}

.widget .popular-post a strong {

	margin-bottom:8px;

	display:block; 

}

.widget .popular-post p img {

    margin-right: 5px;

}

.sidebar .tags li a:before {

    content: "";

    margin-right:0px;

}

.tags li a {

    background-color: #ededed;

}



/*-------------------------

 19.2 - Testimonials CSS

-------------------------*/

.testimonial {

	background-color:#f7f7f7;

	border-radius:5px;

	border:1px solid #ededed;

}

.testimonial .testimonial-thumb {

	float:left; 

}

.testimonial h4 {

	font-weight:normal;	 

}

.testimonial .testimonial-detail {

	float:left; 

	width:calc(100% - 212px);

	padding:10px;

}

.testimonial .testimonial-thumb img {

	height:200px;

	width:auto;

	border-radius:5px 0px 0px 5px;

	border-right:1px solid #ededed; 

}

.testimonial cite {

	color:#2f2f2f; 

}



/*-------------------------

 19.3 - About Us Page

-------------------------*/

.our-mission {

	background-color:rgba(47,47,47,.9);

}

.mission-wrap {

	position:relative;

}

.mission {

	margin-bottom:30px; 

}

.mission p {

	color:#FFF;

	margin-bottom:0px; 

}

.mission h3 {

	text-transform:capitalize;

	color:#FFF;

}

.mission .icon {

	float:left;

	font-size:1.3rem;

	background-color:#f7f7f7;

	display:block;

	width:50px;

	height:50px;

	border-radius:100%;

	text-align:center;

	line-height:50px;

	margin-right:25px;

	font-weight:bold;

}

.mission .right-info {

	float:left; 

	width:calc(100% - 75px);

}

.our-mission .mission:last-child {

	margin-bottom:0px;

}



/*-------------------------

 19.4 - Appointment Form

-------------------------*/

.form-wrap {

	padding: 10px 70px 70px;

    border-radius: 5px;

	background-color:#000;

} 

.form-wrap [type=date]:focus, 

.form-wrap [type=text]:focus, 

.form-wrap [type=email]:focus { 

	background-color:transparent !important;

	border:0px;

}

.form-wrap [type=date],  

.form-wrap [type=text], 

.form-wrap [type=email],

.form-wrap  textarea {

	color: #fff;

    padding: 10px 0px;

    border-radius: 0;

    background-color: transparent;

    border: 0;

    border-bottom: 2px solid #515151;

	box-shadow:none !important;

} 

.form-top {

	width: 100%;

    text-align: center;

    z-index: 99999;

	margin-top:-11px;

} 

.form-wrap .button {

	padding: 25px 25px;     

    color: #fff;

    font-weight: 700;

	width:100%;

	margin-bottom:0px;

}

.form-wrap .button:hover {

	border:1px solid #fff;

	color:#515151;

}



/*-------------------------

 19.5 - Appointment Page

-------------------------*/

.appointment-page {

	position:relative;

	padding-top:50px;

    padding-bottom:50px;

}

.appointment-page:after {

	content: "";

    background: url("../images/help/appo-form-bg.jpg");

    background-size: cover;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    position: absolute;

    z-index: -1; 

	background-position:center;

} 

.appo-page-form .form-content {

    padding:50px;

	border:8px solid #515151;

	background:rgba(255, 255, 255, 0.94);

}

.form-content h2, .form-content h3 {

	text-align:center;

}

.form-content .button {

	margin-bottom:0px;

}

.form-content .text {

    width: 80%;

    height: auto;

    margin: 0 auto;

    overflow: hidden;

}

.form-content .form-group {

	margin-bottom: 15px;

}

.form-content .form-group label {

	display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-weight: 700;

}

.form-content .form-group input {

	display: block;

    width: 100%;

    height: 34px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

}



/*-------------------------

 19.6 - Single Doctor CSS

-------------------------*/

.single-doc-img img,

.single-doc-img .thumbnail {

	width:100%;

	height:auto;

}

.single-doc p {

	border-bottom: 1px solid #ededed;

    padding-bottom: 15px;

}

.single-doc .social {

	background-color:#515151;

	padding:10px;

}

.single-doc .social a {

	color:#fff;

	padding-right:10px;

}

.single-doc .social a i {

	color:#fff;

	padding-right:5px;

}

.single-doc .social a i:hover {

	color:#96c11c;

}

.doc-award ul li {

	padding-right:18px;

}

.doc-award ul li:before {

    margin-right:10px;

    display:block;

    float:left;

    width:20px;

    font-size:1rem;

    color:#96c11c;

    content:"\f05d";

	font-family:FontAwesome;

}

.doc-award ul li:after {

	display:block;

	clear:both;

}

.signature img {

	padding:26px 0px 10px 100px;

}

.doc-expertise h2 {

	margin-bottom:20px;

}

.education .edu-row {

	display:table-row;

}

.education .edu-row .year {

    display:inline-block;

    vertical-align:middle;

    font-size:3rem;

    color:#fff;

    background:#515151;

    padding:15px 10px;

}

.education .edu-row .degree {

	display:table-cell;

    vertical-align:top;

    padding-left:20px;

    padding-bottom:10px;

}

.bar-container {

	position:relative;

    font-size:1rem;

}

.bar-container label {

	display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-weight: 700;

} 

.percentage-show {

    font-weight: bold;

    position: absolute;

    top: 0px;

    right: 0;

    z-index: 9999;

}



/*-------------------------

 19.7 - FAQ,s Page CSS

-------------------------*/

.faq-page .is-active a {

    color: #515151 !important;

}

.faq-page .accordion-title {

	font-size:1rem;

	color:#3b3d42;

	font-family:'Montserrat', sans-serif;

	padding: 1.23rem 1rem;

	font-weight:300;

}

.faq-page .accordion {

	margin-bottom:0px;

}

.faq-page .form-wrap {

	padding-bottom:1px;

}

.faq-page .accordion-title:before {

	color:#515151;

} 



/*-------------------------

 19.8 - Price List CSS

-------------------------*/

.price-list-wrap {

	position:relative;

}

.price-list-wrap .price-list-img img {

	width:100%;

	height:auto;

}

.price-list-title {

	position:relative;

	padding:50px 20px 15px 20px;

	background-color:#f7f7f7;

}

.title-heading {

	background: #515151;

    padding: 10px 25px;

    position: absolute;

    text-align: center;

    top: -24px;

	left:15%;

	width:70%;

	border-radius:5.5%;

	color:#FFF;

	font-size:1.25rem;

}

.title-heading span {

	color:#96c11c;

	display:block;

	margin-top:10px;

	font-size:1.25rem;

	text-transform:uppercase;

}

.price-list-title:before {

	border-bottom: 22px solid transparent;

    border-right: 20px solid #515151;

    border-top: 22px solid transparent;

    content: "";

    height: 0;

    left: 36px;

    position: absolute;

    top: -22px;

}

.price-list-title:after {

	border-bottom: 22px solid transparent;

    border-left: 20px solid #515151;

    border-top: 22px solid transparent;

    content: "";

    height: 0;

    right: 36px;

    position: absolute;

    top: -22px;

}

.price-details {

	padding: 15px 30px;

	background-color: #f7f7f7;

	margin-left: 0px;

}

.price-details li {

	text-align: left;

    padding: 15px 0;

    border-bottom: 1px solid #cccccc;

   	list-style:none;	

}

.price-plan li:last-child {

	border-bottom:0px;

}

 .price-details li .fa {

	  position:relative;

	  margin-right:7px;

}

.list-details  {

	text-align:center;

}

.list-details .button {

	margin-bottom:0px;

}

.red {

	color:red;

}

.orange {

	color:#e79800;

}



/*-------------------------

 19.9 - Contact Us Page

-------------------------*/

.content-section h2 {

	font-weight:normal; 

}

.content-section label {

	font-weight:bold;

}

.contact-info {

	margin-bottom:25px; 

}

.content-section h4 {

	font-weight:normal; 

}

.contact-info h4 {

	border-bottom:1px solid #ededed;

	padding-bottom:4px;

	margin-bottom:15px; 

}

.contact-info p {

	margin-bottom:0px; 

}

.contact-info img {

	width:100%;

	height:auto; 

}

.contact-form .button {

	margin-bottom:0px; 

}

.socialicons a {

	margin-right:5px;

	margin-left:5px;

}



/*-------------------------

 19.9 - Products Section 

        CSS

-------------------------*/

.single-product-text {

    background: #f7f7f7 none repeat scroll 0 0;

    border-bottom: 3px solid #515151;

    padding: 23px 24px 22px;

}

.single-product {

	box-shadow: 0 0 8px rgba(34, 30, 31, 0.3);

}

.single-product a img {

    width: 100%;

	max-height:400px;

	text-align:center;

	vertical-align:top;

}

.product-price {

    margin-bottom: 23px;

    overflow: hidden;

}

.single-product-text > h4 a {

    display: block;

    font-size: 18px;

    margin-bottom: 4px;

	font-weight:bold;

}

.single-product-text h5 {

    font-size: 14px;

    margin-bottom: 20px;

}

.product-price > h3 {

    display: inline-block;

    float: left;

	font-size:24px;

	font-weight:bold;

}

.single-item-rating {

    color: #515151;

    float: right;

    font-size: 16px;

	display: inline-block;

}

.product-buttons {

    overflow: hidden;

}

.single-product-text .button-default.cart-btn {

    font-size: 11px;

    line-height: 27px;

    margin-left: 0;

    padding: 0 14px;

    float: left;

}

.button-default {

    background: #515151 none repeat scroll 0 0;

    color: #ffffff;

    display: inline-block;

    margin-left: 16px;

    padding: 6px 14px;

    text-transform: uppercase;

}

.single-product-text .button-default:hover {

    background: #96c11c;

}

.add-to-cart-top .button {

	width:100%;

	position:absolute;

	bottom:0px;

	margin:0px;

}

.pro-buttons, .add-to-cart-top { 

	opacity:0;

	-webkit-transition: opacity 1s ease-in-out;

	-moz-transition: opacity 1s ease-in-out;

  	-o-transition: opacity 1s ease-in-out;

  	transition: opacity 1s ease-in-out;

}

.single-product:hover>.product-img .pro-buttons, 

.single-product:hover>.product-img .add-to-cart-top {

	opacity:1; 

}

.single-product {

	padding-top:0px;

	padding-bottom:0px; 

}

.our-store .single-product {

	padding-bottom:0px; 

}

.page-filter {

	padding-top:15px;

	margin-top:15px;

	border-top:1px solid #ededed; 

}

.page-filter .pagination {

	text-align:center; 

}

.single-shop .our-store {

	margin-bottom:0px; 

}

.product-thumbnail img {

	width:100%;

	height:auto; 

}

.product-meta {

	padding-top: 8px;

    padding-bottom: 8px;

    margin-bottom: 15px;

    border-top: 1px solid #ededed;

    border-bottom: 1px solid #ededed;

    font-size: 0.875rem;

    margin-top: 10px;

}

.product-share {

	padding-top:15px;

	border-top:1px solid #ededed; 

}

.add-cart-option {

	margin-top:25px;

	margin-bottom:25px; 

}

.add-cart-option input[type=number] {

	max-width:75px; 

	float:left;

	margin-right:20px;

}

.product-detail .price {

	font-size:1.25rem; 

	font-weight:bold;

}

.product-detail h2 {

	font-weight:bold;

	text-transform:uppercase; 

}

.single-products-page .price .normal {

	font-size:1.5rem;	 

	font-weight:bold;

}

.price .normal {

	color:#515151; 

	font-size:1.25rem;

}

.qty {

	max-width:75px; 

}

.cart-item .product-thumbnail img {

	height:100px !important;

	width:auto; 

}

.apply-coupon {

	margin-top:15px; 

}

.single-product h6 a {

	font-weight:normal;

	margin-bottom:0px; 

}

.accordion-title:focus, .accordion-title:hover {

	background-color:#ededed;

	color:#515151;	

}

.accordion-title {

	font-size:1rem;

}



/*-------------------------

 19.10 - Services Page 

         CSS

-------------------------*/ 

.single-service .block-image {

	padding-top:0px;

}

.single-service .block-image,

.single-service .block-image img {

	width:100%;

	height:auto; 

}



/*-------------------------

 19.11 - Blog Page CSS

-------------------------*/ 

.our-blog .content-side .row .columns:first-child {

    margin-top: 0px;

}

.our-blog .content-side .row .columns {

    margin-top: 15px;

    margin-bottom: 15px;

}

.sharing-posts {

    border-top: 1px solid #ededed;

    border-bottom: 1px solid #ededed;

    margin-top: 25px;

    margin-bottom: 25px;

    padding-top: 10px;

    padding-bottom: 10px;

}

.sharing-posts .tags a {

    background-color: transparent;

    padding-left: 10px;

    padding-right: 10px;

}

.tags li {

    display: inline;

    padding-left: 0px;

    padding-right: 0px;

}

.post-share a {

    padding-left: 10px;

    padding-right: 10px;

}

.author-box {

    margin-bottom: 25px;

    padding-bottom: 25px;

    border-bottom: 1px solid #ededed;

}

.single-blog .blog-post p {

	margin-top:10px;

}

/*-------------------------

  Inner Pages Styles Ends

-------------------------*/



/*-------------------------

 20 - Call To Action Box 

      CSS

-------------------------*/

.call-to-action {

	background-color:#96c11c;

	width:100%;

	padding-top:10px;

	padding-bottom:10px; 

}

.call-to-action .icon-side {  

	background-color:transparent;

	height:auto;

	width:auto;

	border:0px;

	font-size:2.7rem;

	color:#2a2a2a;

	margin-right:15px;

	float:left;

	text-align:center;

}

.call-to-action p {

	color:#2a2a2a;

	margin-bottom:0px; 

}

.call-to-action h2 {

	color:#2a2a2a;

	margin-bottom:0px; 

}

.information-icon {

    position: relative;

}

.icon-side i {

    line-height: 55px;

    font-size: 1.75rem;

}

.information-side h2 {

    font-size: 1.125rem;

}

/*-------------------------

  Call to Action Box Ends

-------------------------*/ 



/*-------------------------

 21 - Footer CSS Starts

-------------------------*/

.footer {

	background-color:#fafafa;  	

	color:#fff;

	position:relative;

}

.dark-bg {

	background-color:rgba(47,47,47,.9);

}

.dark-bg:after {

	content: "";

    background: url("../images/help/footer_bg.jpg");

    background-size: cover;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    position: absolute;

    z-index: -1; 

	background-position:center;

}

.blue-bg { 	

	padding-bottom:15px;

	padding-top:15px; 			

}

.blue-bg:nth-child(1) {

	background-color: #18a0cf;

	border: 1px solid #18a0cf;

	border-bottom-left-radius:10px;		

}

.blue-bg:nth-last-child(2) {

	background-color:#1799c6;

	border: 1px solid #1799c6; 				

}

.blue-bg:last-child {

	background-color:#1692bd;

	border: 1px solid #1692bd;

	border-bottom-right-radius:10px;	 				

}

.blue-bg i {

	font-size:36px;

	color:#fff;

}

.blue-bg a {

	padding-right:10px;

}

.border-btm span {

	float:right;

}

.footer-content {

	display:table-cell;

}

.footer-content h4 {

	font-size:18px;

	font-weight:500;

	color:#fff;

	margin-top: 0;

    margin-bottom: 5px;

}

.footer-content p {

	color:#fff;

	margin-bottom:0px;

}

.footer-mid { 	

	padding-bottom:60px;

	padding-top:60px;

	color:#FFF;

}

.footer-mid li,

.footer-mid li span,

.footer-mid p, 

.footer-mid a {

	color:#FFF; 

}

.footer-mid a:hover {

	color:#96c11c; 

}

.footer-widget img {

	margin-bottom:0px;

	margin-top:0px;

	vertical-align:middle;

	margin-left:0px;

}

.footer-widget ul {

	list-style:none;

	margin-left:0px;

	margin-bottom:0px;

}

.footer-widget ul li {

	padding-bottom:10px;

	padding-left:0px;

	padding-top:10px;

	margin:0px;

}

.footer-widget ul li:first-child {

	margin-top:0px;

	padding-top:0px; 

}

.footer-widget i {

	color: #96c11c;

	margin-right: 15px;

 }

.footer-widget h4 {

    text-transform: uppercase;

	margin-top:0px; 	

	color:#96c11c;

	margin-bottom:0px;

}

.useful-links ul {

	width:50%;

	float:left; 

}

.useful-links:after {

	clear:both;

	display:table;

	content:""; 

}

.tx-div {

    width: 45px;

    display: block;

    height: 3px;

    opacity: .8;

    margin: 10px 0 35px;

	border-bottom:1px solid #96c11c;

}

.location-widget img {

	margin-bottom:35px; 

}

.footer-widget .border-btm  li {

	border-bottom:1px dashed rgba(237,237,237, 0.3);

	margin-bottom: 10px;

    padding-bottom: 10px;

	padding-top:0px;

	margin: 5px 0;

}

.footer-widget .border-btm li:before {

	content: "\f101";

    font-family: fontawesome;

    font-size: 12px;

	margin-right:10px;

	padding:0px;

	color:#96c11c;

}

.footer-widget .border-btm li:last-child {

	border-bottom:none;

	margin-bottom:0px;

	padding-bottom:0px;

}

.widget-post { 	

	margin-bottom:15px;

	padding-bottom:15px;

	display:block;

	border-bottom:1px dashed rgba(237,237,237, 0.3);

}

.widget-post:last-child { 

	border-bottom:0px;

	margin-bottom:0px;

}	

.widget-thumb {

	float:left;

	margin:0 7px 8px 0;

} 

.widget-details h6, .widget-details h6 a{

	color:#fff;

	margin-bottom:0px;

}

.widget-details h6 a:hover {

	color:#96c11c;

}

.widget-details p {

	margin-top:0px;

	color:#fff;

	margin-bottom:0px;

} 

.widget-content .menu li a {

	padding-left:0px;

	padding-right:0px; 

}

.widget-content .widget-thumb {

	margin-bottom:0px; 

}

.footer-bottom {

	padding-bottom:15px;

	padding-top:15px; 

	background-color:#000000;

	border-top:1px solid #717275;

}

.footer-bottom ul {

	margin:0px;

}

.footer-bottom ul li {

	padding-top:5.5px;

	padding-bottom:5.5px; 

}

.footer-bottom ul li a {

	border-right:1px solid rgba(237,237,237, 0.3); 

	padding:0px 10px;

	color:#fff;

}

.footer-bottom ul li a:hover {

	color:#96c11c;

} 

.footer-bottom ul li:first-child a { 

	padding-left:0px;

}

.footer-bottom ul li:last-child a { 

	border:0px;

	padding-right:0px;

}

.footer-bottom .copyrightinfo a {

	color:#fff;

}

.footer-bottom .copyrightinfo a:hover {

	color:#96c11c;

}

#top {

	position: fixed;

    right: 20px;

    bottom: 20px;

    color: #FFF;

    background-color: #515151;

    display: none;

    width: 30px;

    height: 30px;

    border-radius: 5px;

    text-align: center;

    font-size: 19px;

    line-height: 30px;

	z-index:999; 

}

#top:hover {

	background-color:#96c11c; 

}

/*-------------------------

  Footer CSS Ends 

-------------------------*/





/**

	Author       : Webful Creations Vision (https://themeforest.net/user/webfulcreationsvision/portfolio)

	Template Name: Dental Clinic HTML Template

	Version      : 1.0

	CopyRight    : July, 2017 @ www.webfulcreations.com





	- Main CSS file is inside 

	- asses/css/theme-style.css

	

	- Table Content For CSS is also in 

	- assets/css/theme-style.css

	

	- Mobile or Tablet CSS is in Folder

	- assets/css/mobile-tab.css

*/



@import 'assets/css/animate.css';             		/* Animations CSS File */

@import 'assets/css/foundation.min.css';      		/* Including Foundation CSS File */

@import 'assets/css/font-awesome.min.css';	  		/* Including Font Awesome Icons */

@import 'assets/css/theme-styles.css';		   		/* Main Theme CSS File */

@import 'assets/css/owl.carousel.css';		  		/* Owl Carousel CSS File */

@import 'assets/css/twentytwenty-no-compass.css';   /* TwentyTwenty JQuery Plugin */

@import 'assets/css/mobile-tab.css';				/* Mobile OR Teblate CSS */



/**

 * Import Website Main Fonts 

 *

 * To change Fonts Get Google Fonts replace in following Link, 

 * After replacing below go to theme-style.css and update

 * Font Families

 *

 */

@import 'https://fonts.googleapis.com/css?family=Montserrat:300,400,700|Roboto:300,400,700';



/**

* Slider Font Family 

 * This Font used only For Slider

*/

@import 'https://fonts.googleapis.com/css?family=Roboto+Slab:300,700';





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

	Below This Line You Can add Your CSS

	Please Do not Edit Files above if you 

	are not sure what you are doing!

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





.header .icon-box .info-side a{

 color:#fff;

}

.footer-phone{

color: #fff !important;

font-weight: 400 !important;

font-size: 28px !important;

}

.phone-mobile { display:none; }  





@media (max-width:800px){

.phone-mobile { display:block;margin-top: 20px;  }

.phone-mobile a { 

background:#96c11c;

    color: #fefefe;

	    padding: 2px 5px;

    border-radius: 5px;

}

}