@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,800&subset=latin-ext');

html,body{
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	background: #fbfbfb;
	scroll-behavior: smooth;
}

body.on{
  overflow: hidden;
}

.p0{ padding: 0;}
a,a:hover,a:visited,a:active,a:focus{text-decoration: none;}

.show1700 {
  display: none;
}
.hide1700 {
  display: block;
}

.toggleWrap {
	display: none;
}

header.header {
  position: relative;
	z-index: 9999999;
}
header.header div.bottomHeader{
	background: #fff;
  padding: 1em 0;
}
header.header div.topHeader{
	background: #fff;
	padding: .5em 0;
}


.wrapBanner {
	position: relative;
}
.wrapBanner .wrapImage {
	position: relative;
	width: 100%;
}
.wrapBanner .wrapImage img {
	margin: auto;
	position: relative;
	display: block;
	width: 100%;
}
.wrapBanner .wrapImage::after{
	content: "";
	position: absolute;
	background: rgba(255, 255, 255, 0.75);
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
.wrapBanner .wrapImage.setStabil::after{
	background: rgba(255, 255, 255, 0.8	5);
}

.wrapConcept{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	max-height: 500px;
	margin: auto;
	padding: 8em 0;
}
.wrapConcept.setPos{
	padding: 5em 0;
}

.wrapConcept h1 {
	font-weight: 800;
	font-size: 2em;
	color: #000;
}
.wrapConcept h4 {
	font-weight: 100;
	font-size: 3em;
	color: #000;
}
.wrapConcept a {
	font-weight: 800;
	font-size: 1.5em;
	color: #000;
}
.wrapConcept a:hover {
	color: #6b696d;
}

.wrapConcept h1,
.wrapConcept h4,
.wrapConcept a {
	margin: .5em 0;
}

.social {
	margin: 0;
	padding: 0;
	text-align: left;
}
.social li {
	list-style: none;
	display: inline-block;
	padding: 0 .2em;
}
.social li a{
	display: block;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 2px;
}

.social.letsAbout li {
	padding: 0 .5em;
}
.social.letsAbout li a {
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;

	transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

.social li a.f {
	background: #3b5999;
}
.social li a.t {
	background: #55acee;
}
.social li a.i{
	background: #e4405f;
}
.social li a.y {
	background: #cd201f;
}
.social li a.p {
	background: #bd081c;
}

.social.letsAbout li a:hover {
	border-radius: 55px;
}


.logo{
  color: #fff;
}

nav.myNav {
  position: relative;
  width: 100%;
  text-align: right;
}
nav.myNav ul {
  margin: 0;
  padding: 0;
	transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
nav.myNav ul li {
  list-style: none;
  display: inline-block;
	position: relative;
}
nav.myNav ul li a {
  display: block;
  font-weight: 600;
  font-size: 1em;
  color: #000;
	overflow: hidden;
  padding: 0 1em;
  position: relative;
}

nav.myNav ul li.search a{
	padding-left: 2em;
}

nav.myNav ul li a::after{
	content: "";
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
	width: 0;
	margin: 5px auto 0 auto;
	display: block;
	height: 2px;
	background: #000;
	transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
nav.myNav ul li a:hover::after{
	width: 70%;
}



._btn {
	display: inline-block;
	padding: 10px 15px;
	min-width: 150px;
	text-align: center;
	outline: none;
	transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
._sm{
	padding: 4px 6px;
	font-size: 14px;
}
._blue {
	background: #4ea2e4;
	border: 2px solid #6bbeff;
	color: #fff;
}
._blue:hover {
	color: #fff;
	border: 2px solid #fff;
}
._dark {
	background: #ffffff;
	border: 1px solid #0c0c0c;
	color: #000;
}
._dark:hover {
	color: #555;
	border: 1px solid #ccc;
}

.owl-carousel .owl-item.center ._btn.afterHover{
	background: red !important;
	color: #fff;
}

.owl-carousel.owlTypes .owl-nav button{
	font-size: 2em;
	display: inline-block;
	padding: 0 .5em !important;
	background: transparent !important;
	outline: none;
}
.owl-carousel.owlTypes .owl-nav button:hover {
	color: #ccc !important;
}

.afterHover {
	position: relative;
	overflow: hidden;
}

.afterHover span {
	top: 0;
  font-size: 14px;
  width: 99%;
  text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	position: relative;
	transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

.afterHover span::after{
	content: attr(content);
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	bottom: -30px;
	width: 100%;
}
.afterHover:hover span {
	top: -30px;
}

.allProducts{
	margin: 6em 0 0;
}

section.secPad {
	padding: 6em 0;
	position: relative;
	z-index: 25;
}
section.wrapSweetBox{
	margin-top: -150px;
}
section.aboutDoctor {
padding: 5em 0 3em 0;
}
section.aboutDoctor.About{
padding: 5em 0;
}


.bannerWrap {
	position: relative;
}
.bannerWrap::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(22, 43, 98, 0.8);
}

.breadcumbs{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	vertical-align: middle;
	z-index: 99;
}
.tableWrap h4 {
	text-align: center;
	color: #fff;
	display: block;
	font-weight: 800;
	font-size: 2.5em;
}
.breadcumbs ul {
	display: block;
	margin: 0;
	padding: 0;
}
.breadcumbs ul li {
	list-style: none;
	font-size: 1em;
	display: inline-block;
	color: #d8d8d8;
}
.breadcumbs ul li a {
	padding-right: .5em;
	color: #000;
	font-weight: 300;
}
.breadcumbs ul li a i {
	color: #fff;
}

.asidex {
	position: relative;
}
.asidex .contentx{
	background: #fff;
	padding: 1em;
	border: 1px solid #efefef;
}
.asidex h4 {
	font-size: 1.2em;
	text-align: left;
}
.asidex ul {
	margin: 0;
	padding: 0;
}
.asidex ul li {
	list-style: none;
	display: block;
	text-align: left;
}
.asidex ul li a {
	color: #333;
	display: block;
	font-size: .9em;
	border: 1px solid #ccc;
	padding: .8em 1em;
	margin: .5em 0;

	transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
.asidex ul li a:hover {
	background: #fff;
	border-color: #999;
}

.contactList {
	position: relative;
}
.contactList h4 {
	font-size: 1.2em;
	margin: 0 0 1em;
}
.contactList ul {
	margin: 0;
	padding: 0;
	width: 100%;
}
.contactList ul li {
	list-style: none;
	display: block;
	position: relative;
	width: 100%;
	height: 50px;
	margin: 0 0 1em;
}
.contactList ul li a {
	display: block;
	color: #555;
}
.contactList ul li a i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-right: .5em;
	text-align: center;
	border: 1px solid #555;
	display: inline-block;
}

.formWrap {
	position: relative;
}
.formWrap .formgg {
	margin: 0 0 .5em;
}
.formWrap .formgg .formcc {
	width: 100%;
	border: 1px solid #ccc;
	outline: none;
	padding: 1em;
}
.sendForm {
	width: 100%;
	max-width: 300px;
	background: #545454;
	color: #fff;
	border-radius: 2px;
	cursor: pointer;
	outline: none;
	padding: .5em 2em;
	border: none;
	display: block;
}

.searchWrapList{
	position: relative;
	background: #fff;
	padding: 2em 1em;
}
.searchWrapList ul {
	margin: 0;
	padding: 0;
}
.searchWrapList ul li {
	list-style: none;
	display: block;
	margin: 0 0 1em;
}
.searchWrapList ul li a {
	display: block;
}
.searchWrapList ul li span {
	display: block;
}
.searchWrapList ul li span.bb {
	font-size: 1.2em;
	font-weight: 500;
}
.searchWrapList ul li span.ss {
	color: green;
}
.searchWrapList h4 {
	font-size: 1.2em;
}

.searchWrap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999999;
	text-align: center;
	display: none;
}
.searchWrap.on{
	display: table;
}

.mapWrap{
	margin: 2em 0;
	position: relative;
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
}

.searchWrap .inWrap{
	display: table-cell;
	vertical-align: middle;
}
.searchWrap .inForm{
	max-width: 1000px;
	margin: auto;
}

.searchWrap .inWrap .searchText{
	width: 75%;
	border: 1px solid #ccc;
	outline: none;
	padding: 2em;
	float: left;
	border-right: none;
}
.searchWrap .inWrap .searchBtn{
	width: 25%;
	border: 1px solid #ccc;
	background: #fff;
	float: left;
	padding: 0;
	font-size: 2em;
	height: 90px;
	cursor: pointer;
	color: #ccc;

	transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
.searchWrap .searchClose {
	position: absolute;
	right: 0;
	top: 0;
	margin: .5em 1em;
	color: #333;
	font-size: 4em;
}

.searchWrap .inWrap .searchBtn:hover {
	color: #999;
}

.whiteBg{
	background: #fff;
	padding: 1em;
	text-align: center;
}


.whiteBgContainer {
	padding: 3em 0;
}


.absoWrap {
	position: relative;
}
.titleBlock{
	font-weight: 200;
	color: #b3b3b3;
	text-align: center;
	display: block;
	font-size: 3em;
}

.secLineWrap{
	background: #fff;
	padding: 1em 0;
	margin: 0 0 1em ;
}

.secLineWrap .itemBox{
	padding: 1em;
}
.secLineWrap .itemBox h4 {
	font-size: 1.3em;
	margin: .5em 0;
}
.secLineWrap .itemBox p {
	font-size: .9em;
}

.titleBlock.b400 {
	font-weight: 400;
}
.black {
	color: #000;
}

.titleBlock.b500 {
	font-weight: 500;
}

.titleBlock.b600 {
	font-weight: 600;
}

.titleBlock.b700 {
	font-weight: 700;
}

.titleBlock.b800 {
	font-weight: 800;
}


.list {
	margin: 0;
	padding: 0;
	text-align: center;
}
.list li {
	list-style: none;
	display: block;
	padding: .5em 0;
	margin: .5em 0;
	font-size: 1.2em;

}

.categoriesWrap {
	padding: 0;
}
.categoriesWrap ul {
	margin: 0;
	padding: 0;
}
.categoriesWrap ul li {
	list-style: none;
	display: block;
}
.categoriesWrap ul li a {
	display: block;
	color: #333;
	margin: 0 0 1px;
	font-size: .9em;
	font-weight: 500;
	padding: 1em;
	border-bottom: 1px solid #ccc;
	transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
.categoriesWrap ul li a:hover {
	padding-left: 1.5em;
}

.productDetailsList{
	position: relative;
	font-size: .9em;
}
.productDetailsList table tr,
.productDetailsList table td{
	padding: .5em;
}
.productDetailsList a {
	background-color: #ff0000;
	color: #fff;
	padding: .5em;
	display: block;
	margin: .5em 0;
	max-width: 200px;
	border-radius: 2px;
}

.productDetailsList ul{
	margin: 0;
	padding: 0;
}
.productDetailsList li {
	list-style: none;
	display: block;
	border: 1px solid #efefef;
	padding: 1em .5em;
	margin: .5em 0;
	text-align: left;
	background: #fff;
	font-size: .9em;
}
.productDetailsList li span {
	width: 160px;
	display: inline-block;
	position: relative;
}
.productDetailsList li span::after{
	content: ":";
	position: absolute;
	right: 0;
	font-weight: bold;
}

.setDetailView {
	border: 1px solid #efefef;
	background-color: #fff;
}
.setDetailView .contentx{
	padding: 1em;
	text-align: left;
}
.setDetailView .contentx p {
	text-align: left;
}


.aboutUsFooter{
	position: relative;
}
.aboutUsFooter img {
	margin:  0 0 1em;
}
.aboutUsFooter p {
	font-size: 14px;
}

.blogSliderWrap{
	width: 100%;
}


#appendWrap {
	position: relative;
}
.lds-facebook {
  display: block;
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 6px;
  width: 13px;
  background: #545454;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 6px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 26px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 45px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 6px;
    height: 51px;
  }
  50%, 100% {
    top: 19px;
    height: 26px;
  }
}


footer.footer {
	padding: 3em 0 0 0;
	background: #fff;
}
footer.footer .footerBox {
	position: relative;
}
footer.footer .footerBox span.footerTitle{
	display: block;
	color: #545454;
	font-size: 1.5em;
	margin: 0 0 .5em;
}
footer.footer .footerBox ul {
	margin: 0;
	padding: 0;
}
footer.footer .footerBox ul li {
	list-style: none;
	display: block;
}
footer.footer .footerBox ul li a {
	display: block;
	color: #fff;
	padding: 0 0 .5em;
	font-size: .9em;
	color: #888888;
	position: relative;
}
footer.footer .footerBox ul li a:hover {
	color: #222
}
footer.footer .Copyright {
	position: relative;
	padding: 1em 0;
}
footer.footer .Copyright span {
	text-align: center;
	color: #6b789a;
	font-size: 14px;
	display: block;
}

footer.footer .topFooter,
footer.footer .bottomFooter{
	position: relative;
}
footer.footer .topFooter {
	padding:0 0 3em 0;
}
footer.footer .bottomFooter {
	background: #f3f3f3;
}