@import url('https://fonts.googleapis.com/css?family=Roboto');
 body, h1, h2, h3, h4, h5, h6{font-family: 'Roboto', sans-serif;}
 .btn.btn-theme {
	background-color: #F06522;
	color: #fff;
	padding: 5px 25px;
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
}
 .navbar-brand {
	width: 17%;
}
 .main-logo {
	width: 100%;
}
 .navbar-nav {
  float: right;
  text-align: right;
  margin-left: auto;
}
.carousel-inner img {
	width: 100%;
	height: 528px;
}
.carousel-caption {
	background-color: rgba(60, 10, 5, 0.62);
	 text-align: bottom;
	left: 30%;
	display: block;
	width: 43%;
	

}
.carousel-indicators .active{background-color:#F06522;}
  .navbar {z-index: 999;
  -webkit-box-shadow: -1px -1px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -1px -1px 7px 0px rgba(0,0,0,0.75);
box-shadow: -1px -1px 7px 0px rgba(0,0,0,0.75);
padding-top: 0px;
padding-bottom: 0px;
}
.nav-link {
	padding:25px !important;
}
.nav-item.active a{
	border-bottom: 4px solid #F06522;
}
.navbar.navbar-expand-lg.navbar-light {
	padding-bottom: 0px;
	padding-top: 0px;
}
.nav-item a:hover {
	color: #71818c;
}
.navbar-nav .nav-link{
	color: #20292f;
}
section {
	padding: 50px 0;float: left;
width: 100%;
}
.heading {position: relative;
	float: left;
	width: 100%;
	margin-bottom: 45px;
}
.heading h2::before {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 0;
	background-color: #F06522;
	height: 6px;
	width: 78px;
	border-radius: 4px;
	text-align: center;
	margin: auto;
	right: 0;
}
.heading h2::after {
content: "";
position: absolute;
bottom: -20px;
left: 114px;
background-color: #F06522;
height: 6px;
width: 20px;
border-radius: 4px;	text-align: center;
	margin: auto;
	right: 0;
}
.heading h2{
margin: auto;
font-weight: 700;
font-size: 36px;
color: #000000;
letter-spacing: 1.2px;text-align:center;display: block;}

.box {
	text-align: center;
	margin: auto;
	display: block;
}
.box h2 {
color: #000000;
font-weight: 700;
font-size: 22px;
line-height: 30px;
	margin: 10px 0;
}
.box p {
color: #666666;
font-weight: 400;
font-size: 17px;
line-height: 24px;
letter-spacing: .35px;
}
.box img {
	padding: 30px;
	display: inline-block;
	vertical-align: middle;
	width: 150px;
}
.bg-img-chemist {
	float: left;
	padding: 60px 0;
	width: 100%;
	background:#f7f7f7 url(../img/123.png) no-repeat top left / 70%;background-attachment: fixed;
}
.ceo-words {
	box-shadow: 0px 0px 5px 1px RGBA(0, 0, 0, 0.07);
	padding: 50px 35px 10px;
	position: relative;
}
.ceo-words::before {
	content: "\201C";
	width: 66px;
	height: 30px;
	background: #F06522;
	position: absolute;
	top: -15px;
	color: #fff;
	padding: 0px 23px;
	font-size: 38px;
	font-weight: 900;
	font-family: sans-serif;
	line-height: 42px;
}
.comment-wrap {
	float: right;
	width: 45%;
	margin-top:55px;
}
.footer {float: left;width: 100%;background-attachment: fixed;
	background: rgba(1,27,50,0.9) url("../img/fo1.jpg") no-repeat scroll center top / cover;
	padding-bottom: 5px;
}


.footer p {
	color: #fff;margin-top: 10px;
}

.footer .footer-title {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 0 25px;
	margin: 0;
	color: #fff;
}
.footer h6 {
	color: #fff;
}
.footer ul {
	list-style-type: none;padding:0px;
}

.footer-title::after {
	content: "";
	display: block;
	height: 3px;
	width: 10%;
	background: #F06522;
	margin-top: 10px;
}
.footer .newsletter-div {
	margin-top: 10px;
	position: relative;
}
.footer .newsletter-div input.email-adress {
	background-color: #fff;
	color: #a29b9b;
	height: 40px;
	width: 90%;
	width: calc(100% - 20px);
}
.footer .newsletter-div .newslettersubmit {
	border: 0 none;
	box-shadow: none;
	height: 40px;
	padding: 0 14px;
	position: absolute;
	right: 7px;
	top: 0;
	color: #fff;background-color: #F06522;
}
.footer-logo {
	width: 85%;
}
.copyright {
	float: left;
	width: 100%;
	border-top: 1px solid #666;
}
.copyright p {
	font-size: 12px;
	color: #ccc;
}

/*.page-heading {
	float: left;width: 100%;
	background: rgba(1,27,50,0.9) url(../img/page-heading.jpg) no-repeat top center / cover;
}*/
.page-heading {
	background: url("../img/111.jpg") no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
	text-align: center;
	margin-bottom: 15px;
	position: relative;
}
.page-heading h2 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 36px;
	text-shadow: 1px 1px 1px #f7f7f7;
	letter-spacing: 1px;
}
.about-us p{color: #666666}

.testimonials{background-image:url("../img/12323.jpg");background-attachment: fixed;
	background-color: rgba(0,0,0,0.6);
	background-repeat: no-repeat;background-size: cover; position: relative;}
.testimonial-text{
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    text-transform: inherit;
    line-height: 30px;
    letter-spacing: 0px;
    font-style: italic;
    padding: 0px 40px 30px;margin-top: 15px;
}

.testimonials .testimonial-text::before {
	content: "\f10d";
	font-family: "FontAwesome";
	color: rgba(255,255,255,0.4);
	font-size: 18px;
	left: 0;
	position: absolute;color: #FFF;
opacity: .25;
font-size: 48px
}
.testimonials .testimonial-text::after {
	content: "\f10e";
	font-family: "FontAwesome";
	color: rgba(255,255,255,0.4);
	font-size: 18px;
	position: absolute;
	right: 0;color: #FFF;
opacity: .25;
font-size: 48px
}
.testimonial-title{text-align: center;
font-weight: 900;
font-size: 15px;
color: #FFF;
text-transform: uppercase;
font-style: normal;
}
.testimonials .heading h2 {
	color: #fff;
}
.contact-form .row{margin-bottom: 15px;}
.side-bar img {
	width: 100%;
}
.side-bar {
	position: relative;
}
.side-bar span {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: rgba(255,255,255,0.5);
	width: 100%;
	text-align: left;
	padding: 40px 25px;
	color: #000;
}
.fb-btn {
	background-color: #3b5999;border-bottom: 1px solid #395289;
	padding: 10px 25px;
	color: #fff;
	float: left;
	width: 49%;
	text-align: center;
}
a.fb-btn:hover {color: #fff;}
a.tw-btn:hover {color: #fff;}
.tw-btn {
background: #55acee;
border-bottom: 1px solid #4f99d1;
	padding: 10px 25px;
	color: #fff;
	float: right;
	width: 49%;
	text-align: center;
}
.map{padding: 0px !important;}
.social-icons i {
	color: #fff;
	font-size: 38px;
	margin-right: 12px;
}

.flex-container{
	display: flex;
	flex-wrap: wrap;
	padding: 0 4px;
}
.flex-container div{flex: 25%;padding:5px;}
.flex-container div img{width: 100%;}

.flex-container .gallery-img { position: relative; overflow: hidden; margin-bottom: 30px; }

.flex-container .gallery-img:hover:before { right: 0; top: 0; }
.flex-container .gallery-img:hover:after { left: 0; bottom: 0; }

.flex-container .gallery-img::before {
	right: -100%;
	top: -100%;
	position: absolute;
	height: 100%;
	width: 100%;
	background:rgba(242,91,32,0.7);
	content: "";
	transition: all .5s;
}
.flex-container .gallery-img::after {
	left: -100%;
	bottom: -100%;
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(255, 255, 255, 0.5);
	content: "";
	transition: all 0.35s ease-out;
}

/*accordian*/
button.accordion { background-color: #eee; color: #444; cursor: pointer; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; }
.accordion { padding: 0; }
.accordion h4 {
	margin: 0;
	float: left;
	padding: 14px;
	color: #000;
	font-size: 20px;
}
.panel p { line-height: 26px; }
.panel {
	border: 1px solid #ccc;
	border-top: none;
}
button.accordion.active, button.accordion:hover { background-color: #ccc; }
button.accordion:after {
 content: '\002B'; color: #777; font-weight: bold;
  float: right; margin-left: 5px; 
  -webkit-transition: all 0.25s ease-in-out 0s;
   -moz-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
     background:#F06522; 
     -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06);
      -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06); 
      box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06); 
      padding: 14px 20px; color: #fff; font-size: 16px;
       line-height: 24px; cursor: pointer; }
button.accordion.active:after { content: "\2212"; }
div.panel { padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }


.service-img{width: 100%;}

.service-page .row{margin-bottom: 20px;}


@media screen and (max-width: 991px) {
	.navbar.navbar-expand-lg {
	margin-top: 39px;
}
.main-logo {
	width: 50%;
	text-align: center;
	margin: auto;
	display: block;
}
.navbar.navbar-expand-lg img {
	text-align: center;
	margin: auto;
	display: block;
}
.navbar-brand {
	width: 100%;
}
.navbar-nav {
	width: 100%;
	text-align: center;
}
.carousel-inner img {
	height: auto;
}
.carousel-caption {
	width: 100%;
	bottom: 0;
	left: 0;
}
.comment-wrap {	width: 100%;
	margin-top: 1px;
}
.bg-img-chemist {
	width: 100%;
	background: #f7f7f7 url(../img/123.png) no-repeat top / cover;
	background-attachment: fixed;
}
.flex-container div {
	flex: 100%;
}
.fb-btn, .tw-btn {	width: 100%;
}
.fb-btn {
	margin-bottom: 20px;
}
.navbar-toggler-icon {
	float: right;line-height: 29px;
}
.navbar-toggler {
	width: 100%;
	position: fixed;
	float: right;
	right: 0px;
	top: 0px;
	background-color: #F06522;
	border-radius: 0px;
	color: #fff;
}
}


@media screen and (min-width: 768px) and  (max-width: 992px){
.main-logo {
	width: 23%;
}

.numbersblk.col-sm-12.col-md-4 {
	width: 100%;
	float: left;
	max-width: 100%;
	display: block;
	flex: 100%;
}
}