/*
Theme Name: My Theme
Theme URI: https://wordpress.org/
Author: the developers
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 2.0


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url('//fonts.googleapis.com/css?family=Lato:300,400,700,900|Montserrat:300,400,500,600,700|Open+Sans:400,600,700,800');


/*@font-face {font-family:"OswaldStencil-Bold";src:url("fonts/Oswald-Stencil.eot") format("eot"),url("fonts/Oswald-Stencil.woff") format("woff"),url("fonts/Oswald-Stencil.ttf") format("truetype"),url("fonts/Oswald-Stencil.svg") format("svg");font-weight:normal;font-style:normal;}

*/@font-face {
	font-family: 'Oswald Stencil';
	src: url('fonts/OswaldStencil-Bold.eot');
	src: url('fonts/OswaldStencil-Bold.eot#iefix') format('embedded-opentype'),
		url('fonts/OswaldStencil-Bold.woff') format('woff'),
		url('fonts/OswaldStencil-Bold.ttf') format('truetype'),
		url('fonts/OswaldStencil-Bold.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}



* {margin:0; padding:0;}
a:hover {text-decoration:none; color:#6a0f87;}
.page {width:100%; overflow-x:hidden;}
body {font-family: 'Lato', sans-serif; font-size:14px; color:#222;}

h1,h2,h3{font-family: 'Oswald Stencil';}
ul{ list-style:none}
p.inline { display: inline;}
/*************************************************************************/
.logo img{ width:100%}
#callbtnmobile {
    background: rgba(0, 0, 0,0.8) none repeat scroll 0 0;
    bottom: 0;
    padding: 2% 0;
    position: fixed;
    width: 100%;
    z-index: 999;
}

.btn-mob{ padding: 5px 10px;background: #6a0f87; color: #fff; border: 0px}

.call-us{background-image:url('images/smoke-bg.jpg'); background-size:cover; background-repeat:no-repeat; background-color:#510c67; color:#fff; padding:15px 0px;}
.call-us h2{ font-size:36px; display:block; margin:0px; line-height:50px}
.btn-3d{
    background: #fff;
    color: #6a0f87;
    padding: 8px 20px;
    font-size: 14px;
    border-bottom: 3px solid #bdbdbd;
    text-transform: uppercase;    
    display: block; 
	font-family: 'Oswald Stencil'; text-transform:uppercase; font-size:24px; float:right
}
.btn-3d:hover{ color:#fff; background:#111;border-bottom: 3px solid #000;}

.block-table{ display:block; margin:0px; margin-bottom:20px;}
.mission{background-image:url('images/mission.jpg'); background-size:cover; background-repeat:no-repeat; background-color:#510c67; color:#fff; padding:50px 0px;}
.mission h3{ font-size:26px;}
.mission h2{    margin: 0px; display: inline;  font-size: 16px;   font-family: 'Lato', sans-serif;}
.mgt15{ margin-top:15px;}
.mission p{ font-size:16px; line-height:22px; margin-bottom:15px;}
.seo{ font-size:26px;font-family: 'Oswald Stencil'; margin-bottom:20px;}
.seo h1, .seo p{margin: 0px; font-size: 26px; display: inline;}


.icon-list li{ font-size:16px; list-style:none; margin-bottom:20px;}
.icon-list li img{ display:block; float:left;}
.icon-list li .text-left{ display:block; padding-left:50px}

.pd10{ padding:0px 10px}
.service{ background-image:url('images/service-bg.jpg'); background-size:cover; background-repeat:no-repeat; background-color:#510c67; color:#fff; padding:50px 0px; }

h2.title{font-family: 'Oswald Stencil';text-transform: uppercase;font-size: 36px;margin: 0px auto; margin-bottom: 30px;display: inline-block;position:relative}
h2.title:after{ content:''; position:absolute; background-image:url('images/before.png'); background-repeat:no-repeat; width:70px; height:50px; right:-85px;    top: -10px;}
h2.title:before{ content:''; position:absolute; background-image:url('images/after.png'); background-repeat:no-repeat; width:70px; height:50px; left:-80px;    top: -10px;}

.box figure{ overflow:hidden}
.box img{ width:100%;transition: 1s;}
.box{ border:2px solid #fff; background:#fff; color:#2e0b47; font-size:15px; font-weight:700; position:relative}
.box:hover.box img{transform: scale(1.2);}
.box .box-content{ padding:15px 10px; text-align:center}
.box .box-content p{ margin-bottom:20px;}
.box h5, .box-title{
    position: absolute;
    top: 0px;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    background: rgba(66,10,103,0.75);
    margin: 0px;
    color: #fff;
    padding: 15px 0px;font-family: 'Oswald Stencil';
}

.box-title h2, .box-title p{font-size: 16px;display: inline;; margin:0px;}

.more-btn{ background:#111; color:#fff; border-radius:0px; padding: 5px 20px; position:relative; z-index:10; font-size:16px; transition:0.3s;font-family: 'Oswald Stencil'; cursor:pointer}
.more-btn:hover{ color:#fff;background: #6a0f87;}

.more-btn:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: -3px;
    top: 3px;
    background: #420a67;
    z-index: -1;
}

.footer-area{ padding:50px 0px; background:url('images/footer-bg.jpg') no-repeat; color:#fff; background-size:cover;}
.footer-widget h4{font-family: 'Oswald Stencil'; font-size:18px; margin:0px; display:inline-block;margin-bottom:20px; position:relative}
.footer-widget h4:after{content:''; position:absolute; background-image:url('images/after.png'); background-repeat:no-repeat; width:45px; height:40px; right:-85px; background-size:100%; right:-60px; top:-15px;}
.foot-logo img{ width:90%}
.footer-widget ul li{ list-style:none; line-height:30px;}
.footer-widget ul li a{ list-style:none; font-size:14px; text-transform:uppercase; line-height:30px; color:#fff;font-family: 'Lato', sans-serif;}
.footer-widget ul li a:hover{ color:#9f3ee5;}
.footer-widget p{ line-height:24px;}
.footer-widget a{font-family: 'Oswald Stencil'; color:#9f3ee5; font-size:18px; cursor:pointer}

.copyright{ padding:15px; font-size:16px; background:url('images/footer-smoke.jpg') no-repeat; color:#fff; background-size:cover;font-family: 'Oswald Stencil';}
.copyright p{ margin:0px;}

.page-title {
    padding: 90px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.page-title h1 {
    display: inline-block;
    margin: 0px;
    background: rgba(66, 10, 103, 0.8);
    text-transform: uppercase;
    font-size: 32px;
    color: #fff;
    font-weight: 500;
    padding: 14px 30px;
    outline: solid 2px #fff;
    outline-offset: 5px;
}

.mgb30{ margin-bottom:30px;}
.main-content{ padding:50px 0px;}
.main-content .content{ margin-top:30px;}
.content img{ width:100%}
.content p span{ display:block; width:100%; margin-bottom:10px; font-size:18px; font-weight:700;}
h2.inner-title { color:#420a67; margin: 0px;margin-bottom: 20px; }

.main-content p{ font-size:16px;}
.side-contact { padding: 20px 15px;text-align: center; background: #0f4b8e; color: #fff; background: -webkit-linear-gradient(to top, #111, #420a67);
    background: linear-gradient(to top, #111, #420a67);}
.side-contact p { font-size: 18px; color: #fff;margin-bottom: 20px;}
.blue-box {font-size: 28px; padding: 10px;background: #eaeaea;text-transform: capitalize;color: #420a67;}

.blue-box span {display: block; font-weight: 900;margin-top: 15px; font-size: 30px;}
.img-border{ border: 1px solid #ddd;  padding: 10px;}

.pills li{font-size: 14px; padding: 6px 12px;background: #eee; color: #400a64; float: left;margin: 0px 6px 6px 0px; border-radius: 5px; text-align: center;
    border: 1px solid #ccc; font-weight: 600; text-transform:uppercase}
.kits li{ margin-bottom:5px; float:left; width:100%;}
.kits li img{ width: 28px;  float: left;}
.kit-text { padding-left: 40px;}
.kit-text strong{ display:block; font-size:20px;}
	
h4.small-title{font-family: 'Oswald Stencil'; color:#420a67; font-size:20px; margin: 0px;  margin-bottom: 15px;}

.contact-form input{display: block;
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    line-height: 24px;
    padding: 8px 18px;
    font-size: 14px;
	height:40px;
	box-shadow:none;
    outline: none;    border-radius: 0px;}

.contact-form textarea{ width:100%; border-radius:0px; border: 1px solid #ccc; resize:none;}
	
.contact-list li {
    font-size: 16px;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    float: left;
}
.contact-list .contact-icon {
    display: table;
    width: 40px;
    height: 40px;
    float: left;
    text-align: center;
    font-size: 18px;
    margin-right: 15px;
    border: 2px solid #420a67;margin-bottom: 10px;
}
.contact-list p{ padding-left:55px;}

.contact-list .contact-icon .fa{ vertical-align:middle; display:table-cell; color:#420a67}
/*************************************************************************/


.sub-header {background:#333333; color:#fff;}
.logo {
    padding: 25px 0;
}

.r-post span {
    display: block;
}
.header.fixed .top-menu{ }
.header.fixed .logo{ padding:10px 0px;}
.header.fixed .logo img {
    width: 65%;
    height: auto;
}
.header.fixed .icons { display:none;}

.header.fixed .navbar-header{ margin:0px}
.header.fixed .navbar-nav{ margin-top:18px}

.header {background:#fff; background-image:url('images/smoke-bg.jpg'); background-size:cover;; background-repeat:no-repeat;}
.header.fixed {
    position: fixed;
    z-index: 99;
    background: #420a67;
    width: 100%;
    top: 0;background-image:url('images/smoke-bg.jpg'); background-size:cover;; background-repeat:no-repeat;
}

.login li, .social li {
    list-style: none; 
    display: inline-block;
}
.right-s {text-align:right; overflow: hidden;}
.login {
    margin-right: 50px;
}

.top-menu li {
    list-style: none;
    display: inline-block;
}
.top-menu li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'Oswald Stencil';;
    padding: 12px 15.5px; display:block;
	}
	
.top-menu li.dropdown{ position:relative}
.top-menu li.dropdown ul.submenu{ position:absolute; width:100%; }
	
#myCarousel .carousel-caption a.button2:hover {
    background: #00a3c8;
    color: #fff;
    text-decoration: none;
}	
#myCarousel .carousel-caption a.button1:hover {
    background: #fff;
    color: #6a0f87;
    text-decoration: none;
}	
.carousel-inner > .item > img {
    width: 100%;
}
.top-menu li a:hover, .top-menu li a.active {color:#e3acf6; text-decoration:none;}	
.top-email {
    margin: 15px 0;
}

ul.social{ float:right; margin-left:20px;}
.top-email a {
    color: #fff;
    padding: 0 2px; font-family: 'Oswald Stencil';
}
.top-email a .fa {
    padding-right: 8px;
    color: #fff;
}
#myCarousel .carousel-caption span {
    font-weight: bold;
    font-size: 21px;
    color: #00a3c8;
}
#myCarousel .carousel-caption .button1 {
    background: #6a0f87;
    color: #fff;
    padding: 7px 20px;
    font-size: 14px;
    border-bottom: 3px solid #510c67;
	text-transform:uppercase; margin-top:20px; display:inline-block
}

#myCarousel .carousel-caption p {
    text-shadow: none;
    font-size: 14px; text-align:justify; line-height:22px;
}
#myCarousel .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {left:0; display: block;background: #000;padding: 22px 17px;}
#myCarousel .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {right:0; display: block;background: #000;padding: 22px 17px;}
#myCarousel .carousel-control {width:40px}
#myCarousel .carousel-caption { bottom:30%;text-shadow: none; font-family: 'Montserrat', sans-serif;left:6%; right:65%; background:rgba(0,0,0,0.75); 
padding:20px 25px 30px;}
#myCarousel .carousel-caption h1 { font-size: 30px; clear: both;display: block;margin: 0px auto 15px;}
.c-contact .fa {
    padding-right: 14px;
margin-bottom: 16px;
float: left; color:#00a3c8;
}

.top-icon {
  background: #c2332d none repeat scroll 0 0;
  color: #fff;
  line-height: 40px;
}


.navbar-inverse {
  background:none !important;
  border:none !important;
}
.navbar-brand {
  height: auto;
  margin-top: 15px;
  padding: 0;
}
.navbar {
  margin-bottom: 0px;
}
.navbar-nav {float: right; width: auto; margin-top:20px;}
.navbar-inverse .navbar-nav > li > a {
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;font-family: 'Oswald Stencil';
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
  background-color: transparent;
  color: #e3acf6;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #e3acf6;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
  background-color:transparent;

  color: #e3acf6;

}
.nav > li > a.active{color: #e3acf6;}
.nav > li > a {
  padding: 17px 20px;
}
.navbar-inverse .navbar-brand {
  color: #000;
  width: 100%;
}
.navbar-brand {
	margin-top:0px;
}
.navbar-header {margin:20px 0px; width:100%}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
  background-color: transparent;
  color: #000;
}
.navbar-wrapper {
  background-color: rgba(0, 0, 0, 0.7);
  position: relative;
  width: 100%;
}
.icons { float:right; font-family: 'Open Sans', sans-serif;}
.icons span{ display:block; float:left; color:#fff; font-size:14px; font-weight:bold;    padding-top: 20px; margin:0px 10px}
.icons span .fa{ margin-right:5px;}

.icons ul {margin: 0px;padding: 0px; float:left}
.icons li {
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 15px;
}

.navbar-nav ul.dropdown-menu{ background:#111;}
.navbar-nav ul.dropdown-menu li a{ color:#fff; padding: 10px 12px; font-size: 14px;}
.navbar-nav ul.dropdown-menu li a:hover{ background:#420a67}


/* responsive */
@media only screen  and (min-width:768px)  and (max-width:1024px)   { 
.box .box-content{ padding:15px}
   .box{ margin-bottom:20px;}
   .call-us h2{ font-size:24px;}
   .btn-3d{ margin:0px;}

.nav > li > a {padding: 10px 15px;}
.navbar-inverse .navbar-nav > li > a { font-size: 16px;}

#myCarousel .carousel-caption{ top:10%; right:50%; padding: 15px 15px;left: 10%; bottom:auto}
#myCarousel .carousel-caption h1{ font-size:24px; margin-bottom:10px;}
#myCarousel .carousel-caption .button1{ margin-top:5px;}

}
@media only screen and (min-width:992px) and (max-width:1024px) {
}
   
   
@media only screen   and (min-width:300px)   and (max-width:767px)   {  
.call-us h2{ font-size:18px; display:block; text-align:center}
.navbar-inverse .navbar-brand { width:70% ;}
.icons span{ float:none; padding-top:5px; text-align:center}
.icons ul{ margin-top:10px; display:block; text-align:center; float:none}
#myCarousel .carousel-caption{ top:20%; right:15%; padding:15px 15px;left: 15%; bottom:auto; }
#myCarousel .carousel-caption h1{ font-size:18px; margin-bottom:10px;}
#myCarousel .carousel-caption .button1{ margin-top:5px; font-size:12px; padding:5px 15px;}
#myCarousel .carousel-caption p{ display:none}
.navbar-header{ margin:10px 0px;}
.btn-center{ text-align:center}
.btn-3d{ display:inline-table; float:none}

#navbar{position: absolute;
width: 100%;
left: 0%;
background: rgb(0, 0, 0) none repeat scroll 0% 0%;
padding: 0px 20px;}

.nav > li, .dropdown-menu li{ text-align:center}

.navbar-wrapper {
  background-color: #fff;
  position: relative;
}  
.navbar-toggle { background: #111 none repeat scroll 0 0; margin:25px 0px 0px;}
.top-bar {
  background-color: #fff;
  position: relative;
}
.icons li {
  margin-top: 0;
}
.icons {
  float: none;
  margin: 0 auto 12px;
  text-align: left;
}
.navbar-nav {
  float: none;
  margin: 0;
  width: 100%;
}
.nav > li > a {padding: 15px 0; display:block; margin:0 auto;}

}


@media (max-width:768px) {
	.footer {
    padding: 38px 27px;

}
ul.products li.product {width: 46.2%; height:300px;}
.header .col-sm-3.logo {
    width: 100%;
}
.header .right-s {margin-top:0;}
.top-email {margin:0;}
.res-but .fa {width:100%;}
.header .right-s, .logo {text-align:center;}
.mobile-content, .mobile-tab {
    width: 100%;
}
.header.fixed .logo img {width:100%;}
.mobile-doctor {height:930px;}
.header.fixed {width:100%;}
.searchbox-open {
    width: 280px;
}
	}
	
@media (max-width:767px) {
.box{ margin-bottom:20px}	
h2.title{ font-size:30px;}
.footer-widget{ margin-bottom:30px;}
h2.inner-title { font-size:24px; margin-bottom:30px; line-height:30px;}
.content img{ width:100%; margin:0px; margin-bottom:20px;}
.copyright{ padding-bottom:55px;}
.pd10{ padding:0px 15px;}
}	
	
.dropdown:hover .dropdown-menu {
    display: block;
}