/**

   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: 'Montserrat', 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:#96c11c; 

}

iframe {

	width:100%;

	border:0px; 

}

.button {

	text-transform:uppercase;

	font-weight:bold;

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

}

.button.primary {

	background-color:#10a6c1; 

}

.button.primary:hover {

	background-color:#96c11c; 

}





.button.secondary {

	background-color:#96c11c; 

}

.button.secondary:hover {

	background-color:#10a6c1; 

}

.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;	 

}
.testiiiii{background:url(http://dynamicdentalhealthcare.com/assets/site/images/dental.jpg); padding:50px 0px 20px;}
.testiiiii .section-title h2{color:#fff;}
.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:40px;

	padding-bottom:40px;

	background-color:#f3f3f3;

}

.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:#10a6c1;

	padding:7px;

}

.pagination .current a {

	color:#FFF; 

}

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

	background-color:#10a6c1; 

	color:#FFF;

} 

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

 Useful Elements CSS Ends

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



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

 03 - TopBar CSS

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

.topBar {

	background-color:#484848;

	width:100%; 

	border-bottom:1px solid #ededed;

}

.topBar p {

	margin-bottom:0px; 

	float:left;

	padding:7px;

}

.topBar ul li {

	padding:7px;color: #fff;

	text-align:right;

	display:inline-block;

}

.topBar .no-list-padding li {

	padding:0.7rem 0rem; 

    padding-right: 10px

}

.topBar .no-list-padding li a {

	padding:0px; 

	padding:0rem 1rem;    color: #fff;

	border-right:1px solid #ccc;

}

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

	border-right:0px; 

}

.topBar ul .social {

	padding:0px; 

}

.topBar ul .first-social {

	padding-left:25px; 

}

.topBar ul li a {

	padding-left:5px;

	padding-right:5px;color: #fff;

}

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

 TopBar CSS Ends

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



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

 04 - Header CSS

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

.header {

	width:100%;

	padding-top:10px;

	padding-bottom:10px; 

	background-color:#f9f9f9;

	position:relative;

}

.header .logo img {

	height: 83px;

	width:auto; 

}

.header .icon-box .icon-side {

	border:2px solid #96c11c !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:#3b3d42;

	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;

}

.header img {





} 

.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: #0094af;    

}

.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: capitalize;

    color: #fff;

    font-weight: 400;

    font-family: poppins;

    font-size: 16px;

    border-right: 1px solid #00758a;

    border-left: 1px solid #00aaca;

}

.navigation ul li a:hover {

	color:#96c11c;

}

.navigation ul ul li a {

	text-transform:capitalize;

	color:#10a6c1;

}

.navigation ul ul li a:hover {

	color:#FFF;

}  

.top-bar, 

.top-bar ul {

	padding:0px;

	position:relative; 

	background-color:#0094af;     

}

.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:20px 15px; 

}

.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:#10a6c1; 

}

.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: #10a6c1;

}

button:focus:hover, .button:hover {

    background-color: #10a6c1;

}

#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: #10a6c1;

	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:480 px;

}

.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;

}



.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 #10a6c1;

	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:#10a6c1;

}

.owl-controls {

		

}

.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:#10a6c1;

}

.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;
    float: left !important;
    margin-bottom: 15px;

}

.service-box {
    height: 263px;
	position: relative; 	

    background-color: #fff;

    border-bottom: 2px solid #DFDAD4;

} 

.service-img {

	overflow: hidden;

    background-color: #10a6c1;

	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:194px;

} 

.service-info h5 {

	text-align:center;

    padding: 10px 0 10px 0px;

    border-left: 3px solid #10a6c1;

    margin-top: 0px;

	margin-bottom:20px;     

}

.service-info h5 a {

	font-weight: 600;
    padding: 10px;
    padding-left: 15px;
    font-family: poppins;

}

.service:hover .service-box {

	border-bottom: 2px solid #10a6c1;

}

.service:hover h5 a {

	color:#10a6c1;

}

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

	opacity:1; 

}



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

  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:20px;	

}

.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:capitalize; 	 	

    position: relative;



	font-size:32px; font-family:roboto;

	margin-bottom:0px;  font-weight: 600;

}

.section-title h2 span {

	    color: #0d8aa0;    display: contents;

font-family:roboto;

    font-weight: 600;	font-size:32px; 

    text-transform: ;

}



.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:#10a6c1;

	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:#10a6c1;

	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:#10a6c1;

	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:#10a6c1;

	padding:10px;

	margin-bottom:0px;

}

.junior-doctors .doc-head {

	background-color:#ededed;

	color:#2a2a2a;	 

}

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

	background-color:#10a6c1;

	color:#FFF;	 

}

.junior-doctors .doctor-box {

	border:1px solid #ededed; 

}

.head-info {

	text-align:center;

	color:#10a6c1; 	

	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: #10a6c1;

	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 #10a6c1;

	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: #10a6c1;

    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:#10a6c1;

} 

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

  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: #10a6c1;

	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.8);

}

.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: #fff;

    width: 40px;

    height: 2px;

    bottom: 0;

}

.title-section h1 {

	margin-top:0px;
margin-bottom:5px;
color:#FFF;
font-size:35px;
font-family:poppins; font-weight:500;

}

.title-section ul {

	margin:0px; 

}

.breadcrumbs li, .breadcrumbs li a {

	    font-size: 0.85rem;
    color: #0094af;

}

.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 .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 #10a6c1;

	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:#10a6c1;

}



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

 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 #10a6c1;

	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:#10a6c1;

	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:#10a6c1;

    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: #10a6c1 !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:#10a6c1;

} 



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

 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: #10a6c1;

    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 #10a6c1;

    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 #10a6c1;

    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;
 
    text-align: center;
 

    padding: 23px 12px 22px; height: 160px;

}

.single-product {

    border: 1px solid #ccc

}

.single-product a img {
      /* object-fit: cover; */
    /* width: 100%; */
    text-align: center;
    vertical-align: top;
    height: 194px;
    margin: auto;

}

.product-price {

    margin-bottom: 23px;

    overflow: hidden;height: 42px;

}

.single-product-text > h4 a {

  display: block;
    font-size: 15px;
    margin-bottom: 4px;
    font-weight: 600;height: 41px;
    font-family: poppins;
    text-transform: capitalize; line-height: 20px;

}

.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: #10a6c1;

    float: right;

    font-size: 16px;

	display: inline-block;

}

.product-buttons {

    overflow: hidden;

}

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

    font-size: 10px;

    line-height: 27px;

    margin-left: 0;

  padding: 0 8px;
    

    float: left;

}

.button-default {

    background: #10a6c1 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-bottom: 0px;
    background: #fff;
}

.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:#10a6c1; 

	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:#10a6c1;	

}

.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:#10a6c1;

	width:100%;

	padding-top:30px;

	padding-bottom:30px; 

}

.call-to-action .icon-side {  

	background-color:transparent;

	height:auto;

	width:auto;

	border:0px;

	font-size:2.7rem;

	color:#ffffff;

	margin-right:15px;

	float:left;

	text-align:center;

}

.call-to-action p {

	color:#ffffff;

	margin-bottom:0px; 

}

.call-to-action h2 {

	color:#fff;

	margin-bottom:0px; font-weight: 600; 

}

.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:#313131;  	

	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: #10a6c1;

	margin-right: 15px;

 }

.footer-widget h4 {

    text-transform: uppercase;

	margin-top:0px; 	

	color:#fff; font-weight: 700;

	margin-bottom:0px;

}

.useful-links ul {

	width:100%;

	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 #10a6c1;

}

.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:#10a6c1;

}

.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:#3b3d42;

	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: #10a6c1;

    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 

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



.search-container{

  display: block;

  margin: 0 auto;

    margin-top: 20px;     width: 49%;

}

.user-panel .up-item {
     font-size: 16px;
    color: #000;
    font-family: roboto;
    font-weight: 500;    margin-right: 19px;
}

.user-panel .up-item:last-child {
margin-right: 0px;
}

.user-panel .up-item a {
   font-size: 16px;
    color: #000;
    font-family: roboto;
    font-weight: 500;
}
.user-panel .up-item i {
  font-size: 22px;
    color: #383838;
}
.shopping-card span {
   position: absolute;
    top: -4px;
    left: 100%;
    height: 16px;
    min-width: 16px;
    color: #fff;
    font-size: 13px;
    background: #0094af;
    text-align: center;
    border-radius: 30px;
    padding: 0;
    margin-left: -7px;
    line-height: 16px;

}
.shopping-card { margin-right: 7px;
    display: inline-block;
    position: relative;
}
.user-panel {
    display: flex;    margin:19px 0px; float:right;
}
.search-container1{

  display: block; 

  

    margin-top: 20px;     width: 100%;     position: relative;
margin: 13px 0px;
}
.video-responsive{margin-bottom:20px;}
.video-responsiv iframe{height:200px;}
input#search-bar{

  margin: 0 auto;

  width: 100%;

  height: 45px;

  padding: 0 20px;

  font-size: 1rem;

  border: 1px solid #c7c7c7; color: #000; background: #ffffff;

  outline: none;

  &:focus{

    border: 1px solid #008ABF;

    transition: 0.35s ease;

    color: #008ABF;

    &::-webkit-input-placeholder{

      transition: opacity 0.45s ease; 

  	  opacity: 0;

     }

    &::-moz-placeholder {

      transition: opacity 0.45s ease; 

  	  opacity: 0;

     }

    &:-ms-placeholder {

     transition: opacity 0.45s ease; 

  	 opacity: 0;

     }    

   }

 }



.search-icon2{

    position: absolute;
    float: right;
    width: 63px !important;
    height: 45px !important;
 
    right: 0px;
    color: #fff;
    bottom: 0px;
    padding: 8px;
    padding-left: 23px;
    font-size: 22px;
    background: #0094af;
    z-index:0;

}

.listtt{padding: 0px; float: right; margin-top: 25px; position: relative}

.listtt li{ list-style: none; float: left; padding-right: 5px; text-align: center;}



.listtt li i{font-size: 25px;}

.more-questions{padding-top: 50px;}

.listtt li a{ font-weight: 500;

    margin: 0px;

    font-family: poppins;

    color: #000;

    font-size: 17px;}

.listtt li a img{margin: auto; width: 23px; height: inherit; padding-right: 5px;}

.listtt li a p{    text-align: center;

   }

.sign-in{padding: 60px 0px; background: #f3f3f3;}

.sign-in h4{text-align: center; font-size: 30px; color: #000; font-weight: 600;}

.login-box {

    background: #fff;

    padding: 20px;

    max-width: 480px;

    margin: 25vh auto;

    text-align: center;

    letter-spacing: 1px;

    position: relative;

}



.login-box:hover {

	  box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

}



.login-box h2 {

    margin: 20px 0 20px;

    padding: 0;

    text-transform: uppercase;

    color: #4688F1;

}



.social-button {

	  background-position: 25px 0px;

    box-sizing: border-box;

    color: rgb(255, 255, 255);

    cursor: pointer;

    display: inline-block;

    height: 50px;

	  line-height: 50px;

    text-align: left;

    text-decoration: none;

    text-transform: uppercase;

    vertical-align: middle;

    width: 100%;

	  border-radius: 3px;

    margin: 10px auto;

    outline: rgb(255, 255, 255) none 0px;

    padding-left:8%;

    transition: all 0.2s cubic-bezier(0.72, 0.01, 0.56, 1) 0s;

	  -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



#facebook-connect {  width: 46%; padding-left: 10%; margin-right: 20px;

    background: rgb(60, 90, 154) url('https://raw.githubusercontent.com/eswarasai/social-login/master/img/facebook-white.svg?sanitize=true') no-repeat scroll 5px 0px / 30px 50px padding-box border-box;

    border: 1px solid rgb(60, 90, 154);

}



#facebook-connect:hover {

	  border-color: rgb(60, 90, 154);

	  background: rgb(60, 90, 154) url('https://raw.githubusercontent.com/eswarasai/social-login/master/img/facebook-white.svg?sanitize=true') no-repeat scroll 5px 0px / 30px 50px padding-box border-box;

	  -webkit-transition: all .8s ease-out;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease-out;

}



#facebook-connect span {

	  box-sizing: border-box;

    color: #fff;

    cursor: pointer;

    text-align: center; font-weight: 600; font-family: roboto; font-size: 16px;

    text-transform: uppercase;

    border: 0px none rgb(255, 255, 255);

    outline: rgb(255, 255, 255) none 0px;

	  -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



#facebook-connect:hover span {

	  color: #FFF;

	  -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



#google-connect { width: 46%; padding-left: 10%;

	  background: rgb(220, 74, 61) url('https://raw.githubusercontent.com/eswarasai/social-login/master/img/google-plus-white.png') no-repeat scroll 5px 0px / 50px 50px padding-box border-box;

    border: 1px solid rgb(220, 74, 61);

}



#google-connect:hover {

	  border-color: rgb(220, 74, 61);

	  background: rgb(220, 74, 61) url('https://raw.githubusercontent.com/eswarasai/social-login/master/img/google-plus-white.png') no-repeat scroll 5px 0px / 50px 50px padding-box border-box;

	  -webkit-transition: all .8s ease-out;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease-out;

}



#google-connect span {

	  box-sizing: border-box;

    color: #fff;font-weight: 600; font-family: roboto; font-size: 16px;

    cursor: pointer;

    text-align: center;

    text-transform: uppercase;

    border: 0px none rgb(220, 74, 61);

    outline: rgb(255, 255, 255) none 0px;

	  -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



#google-connect:hover span {

	  color: #FFF;

	  -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.formm{width:50%; margin: auto; padding: 30px 50px; padding-bottom: 40px; background: #fff; box-shadow: 0px 0px  17px rgba(0,0,0,0.3);}

.formm form{margin-top: 10px;}

.formm form .form-group label{font-weight: 600; font-size: 16px;}

.formm form .form-group input{background: #f5f5f5; height: 45px}

.new_button{background: #10a6c1; padding: 15px 12px; color: #fff; width: 100%; border-radius: 30px; margin-top: 10px; font-size: 21px; cursor: pointer;}

.newformm .formm{width: 70%}



.dropdown {

  position: relative;

  display: inline-block; z-index: 99999999;

}



.dropdown-content {

    display: none;

    position: absolute;

    background-color: #f9f9f9;

    min-width: 160px;

    overflow: auto;

    /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */

    z-index: 1;

    border: 1px solid #ccc;

    margin-top: 10px;

}

.dropdown-content a {

padding: 14px 16px;

    text-decoration: none;

    display: block;

    text-align: left;

    border-bottom: 1px solid #ccc;

}

.show {display: block;}

.dropbtn{padding: 15px; font-family:poppins; font-size: 19px;}

.dropdown.menu.medium-horizontal>li>a:first-child{border-left: 0px;}

.dropdown.menu.medium-horizontal>li>a:  {border-right: 0px;}

.head3{color:#000; font-size:22px; font-weight:600; margin:0px;}
.text2{font-size:16px;}

.product_item .description a {    color: #000;
    font-weight: 400;
    font-family: poppins;
    text-align: center;
    font-size: 16px;}
.product_price i{margin-right:3px; margin-top:5px;}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width:220px;
 border:0;
  z-index: 1; margin-top:4px; z-index:999999;
}

.newdropdown:hover .dropdown-content {
  display: block;
}
.dropdown-content {box-shadow:0px 0px 10px #ccc; }
.dropdown-content ul{padding:0px; margin:0px ;}
.dropdown-content ul li a{font-size: 15px !important; font-weight: 400 !important;
    font-family: poppins !important;}
    .dropdown-content ul li a i{    font-size: 17px !important;
    color: #0094af !important;
    margin-top: 4px;
}
    

#finalResult{right: 0px;
right: 0px;
    position: absolute;
    background: #fff;
    width: 85%;
#ccc: 0px;
    left: 10px;
    z-index: 999999999999;
    box-shadow: 0px 5px 6px rgba(0,0,0,0.4);}
#finalResult li{    border-bottom: 1px solid #eaeaea;
    padding: 7px 20px;
    margin: 0px;}

.carousel-control.left{background:none !important;}
.carousel-control.right{background:none !important;}


.header img {
    width: 234px; padding-botom:10px}
#pagin{display:block;}
 .image_preview_container img{        width: 338px;
    height: 253px;
    margin: auto;
}
    .owl-carousel .owl-item img{display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}
.product_preview .owl-carousel .owl-item img {
    height: 69px;
    object-fit: cover;
    margin: auto;
    padding: 8px;
    border: 1px solid #dedede;}
   .loguttt {background:#161616; color:#fff !important;} 
   .headtt{color:#000; font-family:poppins; font-weight:600;}
   .contact-form1 input{border-radius: 0;
    border: 1px solid #ccc;
    height: 40px;
    box-shadow: initial;
    background: #f3f3f3;}
      .contact-form1 button{background: #0094af;
    padding: 15px 20px;
    color: #fff;
    font-weight: 00px;
    font-family: poppins;
    font-size: 16px;
    text-transform: uppercase;}
      .contact-form1{    background: #fff;
    padding: 26px;
    margin-bottom: 30px;}
      
      
@media only screen and (max-width: 700px)

{
    .user-panel .up-item .dropdown-content ul li a {color:#000 !important;}
        .user-panel .up-item .dropdown-content ul li:last-child a {color:#fff !important;}
     .user-panel .up-item .dropdown-content li a i{color:#0094af  !important;}
    .dropdown-content{left:20px; width:210px;}
    .flip-card a{font-size: 15px;}
    .menu-container{display:none;}
    .mob-liat-none{display:none;}
    .testiiiii{padding-top:30px;}
    .header img {
    width: 54px;
    display: block;
    text-align: center; 
  
    margin-bottom: 9px;
}
    .clientsays .carousel-control {display:none !important}
    .clientsays .carousel{padding:0px !important}
.service-info h5 a{font-size: 14px;
    line-height: 18px;}
    .header .logo{padding: 0px !important}

    .listtt{display: inline-block; float: inherit; margin-top: 10px !important; margin-bottom: 0px;}

    .inrrr{float: inherit !important; text-align: center; }

    .listtt li a{padding-bottom: 0px;}

    .navigation ul li a{border: 0px;     border-bottom: 1px solid #00839a;}

    .single-product-text{height: inherit}

    .search-container {width:100%}

    .single-product-text{height: inherit; margin-bottom: 20px;}

    .single-product{margin: 0px;}

    .navigation{height: auto;}

    .menu.accordion-menu {

    top: 41px !important;

}
.single-product-text{padding: 14px 10px 17px;}
.single-product-text > h4 a{font-size: 11px;
    line-height: 15px;
    font-weight: 600;
    height: 48px;}
    .top-bar-title{float: right !important;}
.product-buttons .button-default{ margin-left: 8px;}
.single-product a img{height:160px;}

.grey-bg {

	padding-top:0px;

}



.page-headerq {
    padding: 20px 0;
    background: #333!important;
    margin: 0;
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent!important;
    }

.breadcrumb a {
    color: #a3a3a3;
}
.breadcrumb .crumbs-spacer {
    color: #a3a3a3;
    margin: 0 4px;
}
.breadcrumb .current {
    color: #f50057;
}

 .entry-title {
    float: right;
    font-size: 14px;
    margin: 3px 0;
    color: #a3a3a3;
    font-weight: 400;
}

}