/*-- Fonts --*/
@import url('//fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/* -- Body Styles -- */
* {margin:0px;padding:0px;}
body {background:#fff; font-family: 'Roboto', sans-serif; font-weight:300; font-size: 16px; color: #000;	}
img {max-width:100%;}
.no-margin { margin-left:0; margin-right:0;}
.no-padding { padding-left:0; padding-right:0;}

/*-- Header --*/
header { background:#16234d; padding-bottom:10px;}
@media (min-width: 768px) {
	body.home header { background:none; position:absolute; top:0; left:0; width:100%; z-index:9;}
}

.top-bar { padding:5px 0;}
.phone-header { text-align:right; color:#fff; }
.phone-header i { display:inline-block; margin-right:10px;}
.phone-header b { color:#fff; font-weight:500; }

.logo-header { font-size:112.5%; font-weight:500;  }
.logo-header a{color:#fff; text-decoration:none;}
.logo-header img { margin-right:5px;}

/* -- .main-navigation -- */
.main-navigation { margin-bottom:20px;}
.main-navigation .container-fluid {	padding:0px; margin:0px;}
.main-navigation .container-fluid .row, .main-navigation .container-fluid .col-md-12 { padding:0px; margin:0px; }
.navbar {    border-radius: 0px;}
.navbar { margin-bottom:0px;}
.navbar-default {border:0px; background:none;	}
.navbar-default .navbar-collapse { padding:0;}
.navbar-default .navbar-nav > li > a {color:#fff; padding-left:15px; padding-right:15px; font-weight:500;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {background:#617e93;	color:#fff; border-radius:10px;	}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background:#ff6a00; color:#fff;	}
.navbar-header {display:none;}	
.navbar-nav { float:right;}
.dropdown-menu {min-width:200px;}
	

	
/* -- Marketing Area -- */

.marketing-area { text-align:center; }
.mobile-banner { display:none;}

/* -- Cat Header -- */	
.cat-header { background:#ff6a00; padding:5px 0; text-align:center;}
.cat-header ul { margin:0; padding:0; list-style:none;}
.cat-header ul li { margin:2px 0; padding:0; display:inline-block;}
.cat-header ul li a { display:block; background:#fff; padding:2px 10px; border-radius:3px; color:#ff6a00; font-size:84.5%; text-decoration:none;}
.cat-header ul li a:hover { background:#ff6a00; color:#fff;}

/*-- Two Banner --*/
.two-banner { margin:20px 0;}

/* -- Product Slider -- */	

#slides-2 .slidesjs-play, #slides-2 .slidesjs-stop, #slides-2 .slidesjs-pagination  { display:none !important;  }
#slides-2 .slidesjs-previous { float:left;}
#slides-2 .slidesjs-next { float:right;}

/* -- Mid Section -- */

.mid-section {margin-bottom:20px; margin-top:20px;	}
.mid-section h1 { text-align:center; font-size:200.0%; font-weight:normal; margin-bottom:40px; color:#315168;}
.banner-content { margin-bottom:20px;}
.description-area { margin-top:20px;}
.content { padding:20px;}
.content h1, .content h2, .content h3, .content h4, .content h5 { font-weight:normal;}

.content h1 {margin:0 0 30px 0;	font-size:150.0%; }
	
.content h2 {
	margin:0 0 10px 0;
	color:#000;
	font-size:125.0%;
	}

.content h3 {
	margin:0 0 10px 0;
	color:#000;
	font-size:112.5%;
	}
	
.content h4 {
	margin:0 0 10px 0;
	font-size:100.0%;
	font-weight:bold;
	}	

.content h5 {
	margin:0 0 10px 0;
	font-size:93.5%;
	font-weight:bold;
	}

.content p {
	margin:0 0 20px 0;
	font-size:93.5%;
	line-height:22px;
	}

.content ul {
	margin:0 0 20px 30px;
	padding:0px;
	}
	
.content ul li {
	margin:0px;
	padding:3px 0px;
	background:url(https://www.healthpaincenter.com/images/arrow-sidebar.png) no-repeat left 9px;
	
	}	
	
.content a {
	color:#2f6752;
	border-bottom:1px dotted #2f6752;
	}

.content a:hover {
	color:#444;
	border-bottom:1px dotted #444;
	text-decoration:none;
	}
.mid-prod { background:#16234d; padding:40px 0 20px 0;}
.mid-prod h1 { text-align:center; font-size:200.0%; font-weight:normal; margin:0 0 40px; color:#fff;}
.mid-prod .thumbnail { border:1px solid #ededed; position:relative; padding-top:10px; margin-bottom:30px;}
.mid-prod .thumbnail img { width:120px; border-radius:50%;}
.mid-prod .thumbnail i { background:#15224c; display:inline-block; color:#fff; font-size:93.5%; font-weight:400; padding:0 10px; position:absolute; top:10px; left:0; }
.mid-prod .thumbnail h3 { font-size:93.5% ; color:#000; margin:0; font-weight:normal; min-height:38px;}
.mid-prod .thumbnail a:hover h3 {color:#444;	}
.mid-prod .thumbnail p {
	margin:0 0 10px 0;
	}	

.mid-prod .col-md-12 .thumbnail {
	background:none;
	}

.mid-prod .col-md-12 .thumbnail a > img, .thumbnail > img {
	width:150px;
	}
	
.btn-discount {
    background: #ff0000;
    border: 1px solid #ff0000;
    color: #FFFFFF;
    border-radius: 4px;
    display: inline-block;
    font-size: 92.3%;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 3px 7px;
    text-align: center;
    vertical-align: middle;
	margin-bottom:3px;
}

a.btn-buy {
    background: #16234d;
    border: 1px solid #16234d !important;
	padding:3px 17px;
	text-decoration:none;
	color:#fff !important;
	text-transform:uppercase;
	display:block;
}

a.btn-buy:hover {
	background:#617e93;
	border: 1px solid #617e93 !important;
	}

.mid-prod .thumbnail,
.mid-prod .thumbnail table tr th {
	text-align:center;
	font-size:93.5%;
	}

.mid-prod .thumbnail table tr.grey {
	background:#f1f1f1;
	}

.mid-prod .thumbnail table tr td { padding:2px; font-size:93.5%;}


	
.mid-prod .prod-title { color:#fff; background:#245888; text-align:center; padding:10px 0; margin-bottom:30px; text-transform:uppercase;}

.form-area {background:#16234d; padding:15px; position:relative;}
.btn-primary { background-color: #16234d; border-color: #16234d; padding: 10px 30px; font-size:112.5%;}
.prod-name-hide { visibility:hidden; position:absolute; left:0; top:0;}	
.form-area label {
	font-weight:normal;
	color:#fff;
}

.form-area label span {
	color:#fff;
}
.form-control { border-color:#fff; border-radius:0;}
.checkbox strong { color:#fff;}
.heading-home { font-size:142.0%; font-weight:normal; border-bottom:3px solid #8e61f0; padding-bottom:5px; margin:0 0 10px 0; color:#2e2e2e !important;}
.banner-footer { padding-bottom:40px; text-align:center;}

/* -- Breadcrumb Area -- */

.breadcrumb-area {
	background:#fff;
	margin-bottom:20px;
	}
	
	.breadcrumb {
		margin-bottom:0px;
		background:url("https://www.healthpaincenter.com/images/icon-home.png") no-repeat left 5px;
		padding:5px 20px;
		font-size:85.7%;
		border-bottom:1px solid #ddd;
		}
	
	.breadcrumb > li + li:before {
		color:#333;
		}		
	
	.breadcrumb a {
		color:#333;
		text-decoration:none;
		border:none;
		}
	
	.breadcrumb a:hover	 {
		color:#6ebd14;
		}	
	
	.breadcrumb li.active {
		color:#8e61f0;
		}	

/* -- Sidebar Left -- */
	
.sidebar h3 {margin:10px 0 25px 0; font-size:125.0%; font-weight:400;}

.sidebar ul {
	margin:0 0 20px 0;
	padding:10px;
	list-style:none;
	background:#fff;
	}
	
.sidebar ul li {
	margin:0px;
	padding:0px;
	background:url(https://www.healthpaincenter.com/images/arrow-sidebar.png) no-repeat left 10px;
	}	

.sidebar ul li a {
	display:block;
	padding:4px 25px;
	text-decoration:none;
	color:#2e2e2e;
	font-size:93.5%;
	}

.sidebar ul li a:hover {
	color:#e54494;
	}
	
/* -- Sidebar Right -- */

.img-box {
	margin-bottom:15px;
	}
	

/* -- Footer -- */	

footer {	background:#16234d;	padding-top:15px; padding-bottom:15px;font-size:93.5%; color:#fff;}
footer a {	color:#fff;}
footer a:hover {text-decoration:none;color:#09314d;}
.logo-footer { margin-bottom:20px;}
.logo-footer a { font-size:125.0%; font-weight:bold;}
.footlinks ul {	margin:0 0 20px;padding:0px;list-style:none;	}
.footlinks ul li {margin:0px;padding:3px 0px;	}
.cat-footlinks ul { margin:0; padding:0; list-style:none;}
.cat-footlinks ul li { margin:5px 8px 5px 0px; padding:0 0 0 8px; display:inline-block; border-left:1px solid #fff;}
.cat-footlinks ul li:first-child { border:0;}
.cat-footlinks ul li a { display:block; line-height:12px; }


.copyrights {
	border-top:1px dashed #97aebf;
	padding-top:10px;
	margin-top:10px;
	text-align:center;
	font-size:84.5%;
}

.sidebar-banner { margin-bottom:20px;}

/*-- Testimonials --*/
.mid-testi {padding-top:30px;}
.testi-slider { background: #fff; padding:0 0 30px 0; margin-bottom:20px;}	
.testi-slider h2 {  margin:0 0 20px; font-size:125.0%; border-bottom:1px dashed #ccc; padding:8px 20px; text-align:center; color:#315168;  }
.testi-slider p { text-align:center; margin:0 150px; font-size:112.5%;}	
.testi-slider .slidesjs-navigation { display:none !important;}
.testi-slider ul.slidesjs-pagination { text-align:center; margin:20px 0 0 0; padding:0; list-style:none;}
.testi-slider ul.slidesjs-pagination li { margin:0; padding:0 5px; display:inline; }
.testi-slider ul.slidesjs-pagination li a {width:20px; height:20px; display:inline-block; border-radius:50%; background:#16234d; color:#fff; font-weight:400; font-size:93.5%; text-decoration:none;}
.testi-slider ul.slidesjs-pagination li a:hover { background:#617e93;}





/* ----- Media Queries ----- */
/* ----- These follow after primary styles so they will successfully override. ----- */


/* Large Screen - screen sizes greater than (1200px) */
@media (min-width: 1200px) {
.dropdown:hover .dropdown-menu {
	display: block;
	}	
	
}

/* Desktop - screen sizes between (992px) and (1200px) */
@media (min-width: 992px) and (max-width: 1199px) {
	
	.dropdown:hover .dropdown-menu {
	display: block;
	}
	.navbar-default .navbar-nav > li > a { padding-left:40px; padding-right:40px;}
	.header-left {width: 270px; margin:0px 10px;}
	.header-right { width:650px;}
	.marketing-area { border: 10px solid #FFFFFF; margin: 15px auto 40px; width: 630px;}	
	
	
}	

/* TABLET - screen sizes between (768px) and (992px) */
@media (min-width: 768px) and (max-width: 991px) {
	body { font-size:13px;}
	
	.dropdown:hover .dropdown-menu {
	display: block;
	}
	.navbar-default .navbar-nav > li > a { padding-left:23px; padding-right:23px;}
	
	.header-left {width: 200px; margin:0px 10px;}
	.header-right { width:500px;}
	.marketing-area { border: 5px solid #FFFFFF; margin: 15px auto 40px; width: 490px;}	
	.phone-header b {font-size:137.0%}
	.marketing-area ul.slidesjs-pagination { z-index:999999;}
	
}

/* MOBILE - screen sizes less than (768px) */
@media (max-width: 767px) {
.header-left { width:100%; margin:0px; padding:10px 0;}

.phone-header { text-align:center; margin-top:0;}
.header-right { width:100%;}
.marketing-area { display:none;}
.mobile-banner { display:block;}
footer ul { margin-bottom:12px; }
footer ul li { display:inline-block; margin:5px 0;}
#slides-2 .slidesjs-container, #slides-2 .slidesjs-slide { height:420px !important;}

.testi-slider .slidesjs-container, .testi-slider .slidesjs-slide { height:200px !important;}
.content { padding:0;}
.content .thumbnail { border:1px solid #ccc;}
.testi-slider p { text-align:center; margin:0 30px; font-size:100%;}

.mid-section {}
.mid-section h1 {font-size: 150.0%; margin:0 0 10px;}

/* -- Main Navigation -- */

.navbar-header {display:block; position:absolute; top:-60px; right:15px;}
.navbar { min-height:inherit;}
.navbar-default .navbar-brand { display:none;}

.navbar-default .navbar-brand:hover {
	color:#fff;	
	}
	
.navbar-default .navbar-toggle .icon-bar {
	background-color:#fff;
	}

.navbar-default .navbar-toggle {background-color:#16234d;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { 
	background-color:#16234d;
	}
	
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
 color: #fff;
}	

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
 color: #7ab600;
}	
.navbar-nav { float:none;}


}



/* ----- END [6] Media Queries ----- */