/* Sections:
 * 
 *  1. Header bar 1
 *  2. Header bar 2
 *  3. Services section in home
 *  4. About section in Home
 *  5. Image slider
 */
 
 /* *******************************************************
  * Common
  ********************************************************** */
  
  
  /*--adding->-*/
  #block-views-block-slider-block-1{
	  position:relative;
  }
  .footer-panel a:hover{
	 color:#fff!important;
  }
  .footer-panel a svg:hover{
	 fill:#fff!important;
  }
  .footer-panel span.left{
	margin-left:30px;
}
.footer-panel svg{
	height:20px;
	width:20px;
	margin:10px 0px;
	fill:rgb(74, 123, 169);
}
.webform-page-left svg:hover{
	 fill:#eb7d08;
}
.webform-page-left a:hover{
	 color:#eb7d08;
}
.webform-page-left svg{
	height:20px;
	width:20px;
	margin:10px 0px;
	fill:#45454596;
}
.webform-page-left span.left{
	margin-left:30px;
}
.webform-page-left span,.footer-panel span{
	margin-left: 5px;
}

.webform-page-left{
	margin-top:50px;
}
.webform-page{
	margin-top:50px;
	margin-bottom:50px;
}
.webform-page-left b{
	  margin:10px 0px;
	  font-size:20px;
	 }
 .webform-page-left a{
	  color: #000;
	  margin:10px 0px;
	 }
.webform-page h2,.webform-page-left h2{
	color: #eb7d08;
	}
  
.webform-page input.button:hover{
   background:#eb7d08;
   color:#FFF;
   }
.webform-page input.button {
    height: 40px;
    border: none;
    color: #fff;
    background: #eb7d08;
    width: auto;
    text-transform: capitalize;
}
.form-textarea-wrapper textarea {
    height: 80px;
    padding-left: 20px;
    width: 100%;
	border-radius: 5px;
}
  
.webform-page input {
    height: 40px;
   
    width: 100%;
   
    padding: 0px 10px;
}
  
  
  
.field--type-text-with-summary img{
	float: left;
    border-radius: 10px;
    border: 1px solid #00000038;
	margin-bottom: 40px;
	margin-top: 10px;
}
.field--type-text-with-summary p{
	margin-bottom:15px;
	
}
.home-about-section ul{
	margin-left: 40px;
    margin-top: 5px;
    margin-bottom: 25px;
}
.home-about-section p strong{
	color: #163d68;
	
}
.home-about-section ul li{
	list-style:disc;
}
.home-about-section{
	margin:50px 0px;
}

.home-about ul li{
	list-style:none;
}
h1.page-title{
	font-size:36px;
	margin:20px 0px 10px;
	padding:0px 0px 10px;
}  
p{
	    line-height:1.6rem;
} 
h3{
	font-size:24px;
	margin: 5px 0px 50px 0px;
}
h4{
	font-size:18px;
	margin: 10px 0px;
}
.footer-bar-1-col-1 span a{
	color: rgb(74, 123, 169);
}
#featured-bottom-first{
	padding:50px 0px;
}
.deals-block{
	text-align: center;
}
.home-service-vertical-box img{
	width:100%;
	height:auto;
	margin-left: 15px;
}

.deals-block h2{
	text-align: justify;
}
.home-service-vertical-box a{
	color: #eb7d08;
    font-size: 24px;
}
.home-service-vertical-box a:{
	color:#000;
}

.about-pharmacy p{
	line-height:1.4rem;
	font-size:16px;
	margin:0px 0px 10px;

}
.about-pharmacy ul li{
	margin-bottom: 10px;
    color: #696969;
    margin-left: 15px;
}
#featured-top{
	padding:50px 0px;

}
.menu-bar-top {
	background-color: transparent;
    clear: both;
	position: relative;
	float: right;
	padding: 7px 0px 14px 0px;
}
.menu-bar-top:before, .menu-bar-top:after {
    content: "";
    display: table;
    line-height: 0;
}
.menu-bar-top .btn-navbar {
    display: none;
    float: left;
    padding: 10px;
    margin: 0;
    color: #fff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #e8e8e8;
    *background-color: #d9d9d9;
    -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%), 0 1px 0 rgb(255 255 255 / 8%);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%), 0 1px 0 rgb(255 255 255 / 8%);
}
.menu-bar-top .btn {
    border-color: #c5c5c5;
    border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25);
}
 .box1 svg{
	height:19px;
	fill:#eb7d08;
	width:17px;
}
.box2 svg{
	height:40px;
	fill:#fff;
	width:40px;
}
.menu-bar-top ul.nav {
    float: right !important;
}
.menu-bar-top .nav > li {
    float: left;
    margin-left: -3px;
}
.nav>li {
    position: relative;
    display: block;
}
.menu-bar-top .nav > li > a {
    color: #f1f6fc;
}
.menu-bar-top .nav li a.is-active{
    color: #eb7d08;
}
.menu-bar-top .nav > li > a {
    border-right: 0;
    padding: 15px 7px;
    text-transform: uppercase;
    font-size: 14px;
}
.menu-bar-top .nav > li:last-child a {
    padding-right: 0px;
}

.menu-bar-top .nav > li > a {
    border-top: 0;
    color: #fff;
    font-weight: bold;
    text-shadow: none;
}
ul.dropdown-menu li {
	padding:7px 10px;
	border-top:0px!important;
	border-bottom:1px solid #fff;
}
ul.dropdown-menu li:last-child{
	border-top:2px!important;
	
}
ul.dropdown-menu li:first-child{
	border-top:0px;
	
}
ul.dropdown-menu li:hover{
	background:none! important;
	
}
ul.dropdown-menu li a{
	color: #000!important;
}
ul.dropdown-menu li a:hover{
	color: #186db9!important;
}
ul.dropdown-menu li a.is-active{
	color: rgb(74, 123, 169)!important;
}

/*--adding-<-*/
  
  
  
  
 body{
	background: #fff;
	color: #696969;
	position:relative;
	-webkit-text-size-adjust: none;
    min-width:380px;
}

#footer-fifth-inner a{
	color: #4a7ba9;
}

 a, a:hover{	
    text-decoration:none; 
}

.block-system-branding-block img{
	max-width:100%;
}

 .nopadding{
	padding:0 !important; /* For bootstrap section when padding is not required*/
 }
 .not-linked{	
    color: #428bca;	
    margin-bottom:0px; 
}
 
 div#scroll2top{
	background-image: url("../img/up.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	z-index: 999;
	width: 50px;
	height: 40px;
	text-indent: -9999px;
	position: fixed;
	bottom: -100px;
	right: 25px;
	cursor: pointer;
	transition: all 0.7s ease-in-out 0s;
	background-color:#222;
}
 

/* *****************************************************************************
 * 1. Header bar 1
 ******************************************************************************* */
div#header-bar-1 {
	border-bottom:1px solid #eee;
}

div#header-bar-1  div#social-icons > span#social-icons > span{
	display: inline;
}

div#header-bar-1  div#social-icons > span#social-icons > span >a{
	color: #888;
}

div#header-bar-1-inner span a{
	border-left: 1px solid #eee;
	line-height: 44px;
	float:left;
	overflow:hidden;
	text-align: center;
	padding:0 20px;
}

div#header-bar-1-inner span>a.last{
	border-right: 1px solid #eee;
}

span.top-icon{
	float:right;
}
span.top-icon>a{
	color:#888; 
}

span.top-icon span.fa{
	color:#2b96da; /* Icon Color*/
}

@media screen and (min-width: 768px) {
    span.top-icon span.fa{
        margin-right:12px;
    }
}

/* *****************************************************************************
 * 2. Header Bar 2 (Logo + Mega Menu)
 ******************************************************************************* */
div#social{	
    float:right; 	
    margin-right:0px; 
	margin-top: 20px;
}


svg.icon-caret{
	height:9px;
	width:9px;
	fill: #70716cb5;
	margin-right: 6px;
    margin-left: -8px;
}


div#header-bar-2-col-1{
       margin: 27px 0;
}
/* 2.1 Mega Menu (Main Links) */

.dropdown-menu{
	background-color:transparent;
	clear:both;
	margin-top: 77px;
}

.dropdown-menu ul.nav{
	float: right !important;
}

.dropdown-menu .nav > li > a{
	border-right: 0;
	padding: 15px 10px;
	text-transform: uppercase
}


.nav .open > a, 
.nav .open > a:, 
.nav .open > a:focus{
	background-color:transparent;
}

.dropdown-menu .nav > .active > a, 
.dropdown-menu .nav > .active > a:, 
.dropdown-menu .nav > .active > a:focus{
	background-color:transparent;
}

/* 2.2 Drop Down Menu */
.dropdown-menu{
	background-color: rgba(218, 235, 250, 0.8);
	 border-bottom: 3px solid rgba(255, 255, 255,1);
	margin-top:5px;
}
.dropdown-menu li > a{
	
}

.dropdown-menu li > a{
	font-weight: bold;
	text-transform: uppercase;
}






@media (max-width: 979px){
    
	#footer-bar-1 h3 {
		margin-left: 30px;
	}


	.menu-bar-top .nav-collapse{
		background-color: transparent;
	}
	.dropdown-menu li > a:, 
	.dropdown-menu li > a:focus, 
	.dropdown-submenu: > a,
	 .nav > li > a:, 
	.dropdown a:{	
		color:#555;
	}
	 .nav > li > a, 
	 .dropdown-menu a{
		 color: #000;
        border-top:0;
        padding:4px 2px !important;
        margin:0 5px 0 15px !important;	
	}
	
	.nav-collapse .dropdown-menu{
		background-color: transparent;
	}
    .btn-navbar {
        float: right !important;
    }
	
	 ul.dropdown-menu{
        background-color:#e9e9e9;
        border: 10px solid rgba(0,0,0,0.3);
        border-radius: 22px;
        -moz-background-clip: border;
        /* Firefox 3.6 */
        -webkit-background-clip: border;  
        /* Safari 4? Chrome 6? */
        background-clip: border-box;      
        /* Firefox 4, Safari 5, Opera 10, IE 9 */
        -moz-background-clip: padding;     /* Firefox 3.6 */		
        -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
        background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
        -moz-background-clip: content;     /* Firefox 3.6 */
        -webkit-background-clip: content;  /* Safari 4? Chrome 6? */		
        background-clip: content-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */	
    }
    .nav .open>a, 	
	.nav .open>a:, 	
	.nav .open>a:focus,	
	.nav .animating>a:{
        border-color: #333 !important;
    }
}
@media (max-width: 738px){
	.menu-bar-top .nav-collapse .nav li a{
		border-top:none;
	}
	div#social{
       float: left;
	   margin-top: 0px;
    }
	.box1, .box2 {
    display: inline;
    margin-right: 20px;
    margin-top: 0px;
    float: right;
}
}

	
/* *****************************************************************************
 * 3A. Services Section in Home
 ******************************************************************************* */
 
 div.icon-container{
	width: 35px;
	height: 35px;
	background-color: #ccc;
	text-align:center;
	float:left;
	-webkit-border-radius: 30px; /* Safari, Chrome */
	-moz-border-radius: 30px; /* Firefox */
	border-radius: 30px; /* CSS3 */
 }
span.fa-service{
	font-size: 28px;
	color: #fff;
	line-height:60px;	
}

/* **************************************************************
* 3C. Services with images
****************************************************************** */
.responsive-img img{
	display: block;
    max-width: 100%;
    height: auto;
}
.mask-container{
	overflow: hidden; 
   position: relative;
   text-align: center;
   max-width:400px;
}
div.mask{
	position:absolute; /* Center the mask */
	overflow: hidden;
}

.mask:{
   opacity: 0;
   border-width:0px !important;
   border-style: solid;
	border-color: rgba(0, 0, 0, 0.7);
   visibility:hidden;
}

.mask {
	cursor:pointer;
    display: inline-block;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.7);
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	opacity:1;
	visibility:visible;
	-moz-transform:scale(4);
	-webkit-transform:scale(4);
	-o-transform:scale(4);
	-ms-transform:scale(4);
	transform:scale(4);
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

/* ************ Only for homepage if these images are just below the slider **** */
div#block-views-services-with-pictures-block-2{
	margin-top:60px;
}

/* **************************************************************
* 4. About section in home
****************************************************************** */
div.about_box{
	background: #545454 url("../img/wc_bg1.jpg");
	padding: 40px 26px;
}

.home-h3{
	font-size: 30px;
    line-height: 36px;
	margin-top:0;
    font-weight: 700;
    letter-spacing: -1px;
    color: #fff;
    text-transform: uppercase;
	border-bottom: 1px solid #8c8c8c;
	padding-bottom: 17px;
	margin-bottom: 25px;
}

div.about_box p{
	color:#b6b6b6;
}

span#about-more{
	float:right;
}

span#about-more a{
	text-decoration: none;
	font-weight:bold;
}

/* ************************************************************
* blog_home
******************************************************************** */
div.blog_home img{
	width:100%;
}

/* **************************************************************
* 5. Image slideshow 
****************************************************************** */

#wcslideshow {
	position: relative;
	overflow: hidden;
		}
.slider-img, #wcslideshow{
	padding-left:0 !important;
	padding-right: 0 !important;	
}
#wcslideshow > div {
	position: absolute;
	width: 100%;
	display:hidden;
}

#slider_nav{
	position:absolute;
	bottom: 0;
}
/* **************************************************************
* 6. Testimonials
****************************************************************** */
#wctestimonials {
	position: relative;
	overflow: hidden;
	text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;

		}
.wc-testimonial, #wctestimonials{
	padding-left:0 !important;
	padding-right: 0 !important;	
}
#wctestimonials > div {
	position: absolute;
}

#wctestimonials > div{
	display:hidden;
}

.wc-testimonial{
	width:100%;
	font-size:120%;
	font-weight: bold;
}

.wc-testimonial p{
	width:100%;
	padding-left:20%;
	padding-right:20%;
	
}

div#testimonials_nav{
	float:right;
	margin-top:10px;
}
div#testimonials_nav img{
	width: 30%;
    height: auto;
}

/* *****************************************************************************
* A. Header Section
****************************************************************************** */
div#header-bar-2-inner{
    padding: 12px 0 0;
}

di#header-bar-2-col-2{
	float:right; 
	padding-right:0px;
	padding-top:30px;
}

/* *****************************************************************************
* B. Content Section
****************************************************************************** */
div#page-above-content{

}
div#page-below-content{
	background-color: #daebfa;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}

/* *****************************************************************************
* C. Footer Bars
****************************************************************************** */

div#footer-bar-1{
	background-color:#092744; /*#2f2f2f;*/
	padding: 40px 0 !important;
}

div#footer-bar-2{
	background-color:#2f2f2f;
	/*padding: 20px 0 !important;*/
}

div#footer-bar-3{
	background-color:#0b3155;
}
.field--name-field-image-se img{
	height:200px;
	width:300px;
	float: right;
}
a.code-link{
	color:#163d68;
	font-weight:bold;
}


/* *************************************************************************
* Temp
*************************************************************************** */


/*** Additions **/
/*.fa{
    font: normal normal normal 28px/1.4 FontAwesome !important;
} */ /* Conflict drop down menu button size gets too big*/