/* Add here all your CSS customizations */
.dropdown-mega-sub-nav li {
	line-height: 40px;
    border-bottom: 1px solid #e4dfd9;
}
/*=======Slider-Title===========*/
 .main-label{
		background: #1e8dcec4;
		padding-left: 5% !important;
		padding-right: 5%!important;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px; 
		border-radius: 10px;
		width:100% !important;
		padding:0px 20px 0px 20px !important;
	   }
/*===Order-Button===*/
.order-now{
	color: #000 !important;
    font-weight: bold !important;
    background: #fff !important;
    border: 2px solid #0088cc !important;
	
}
	
.order-verify{
	border: 2px solid #0088cc !important;
    color: #000 !important;
    font-weight: bold !important;
	
	}
	
.scroll-vertical{
	color: gray;
}

#news-container ul li a {
	color: #000 !important;
	
}

.product-verify{
	border: 2px solid #0088cc !important;
    list-style: none !important;
    background: #ffffff !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
    padding-bottom: 3px !important;
    padding-top: 4px !important;
}

/*========Our-Team==========*/
.our-team{
	margin-top: 20px !important;
	
}

@media (max-width: 991px) {
	.order-btn{ margin-bottom: 10px;}
    #header {
        min-height: 158px  !important;
    }

    #header .header-body {
        border-bottom-color: #e9e9e9;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        position: fixed;
        top: 0 !important;
    }

    #header .header-logo {
		width: 100px !important;
		height: 0px !important;
        padding-top: 7px !important;
    }

    #header .header-btn-collapse-nav {
        margin: 7px 0 10px 15px;
    }

    #header .header-column.header-column-center {
        float: left;
        left: 10px;
        margin-bottom: -65px;
        margin-top: -5px;
        position: relative;
        text-align: center;
    }
	
}
/*===========Custoom-page-header============*/
.page-header {
    border-bottom: 0px solid #CCC !important;
    border-top: 0px solid #999db1!important;
    margin: 0 0 5px 0!important;
    min-height: 0px!important;

}
/*==============Our-Success-30-08-18===================*/
		.play-video-custom {
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  margin-left: -45px;
		  margin-top: -45px;
		}
		.play-video-custom img {
		  -webkit-transition: all 0.3s ease;
		  -moz-transition: all 0.3s ease;
		  transition: all 0.3s ease;
		}
		.play-video-custom:hover img {
		  -webkit-transform: scale(1.1, 1.1);
		  -moz-transform: scale(1.1, 1.1);
		  -ms-transform: scale(1.1, 1.1);
		  -o-transform: scale(1.1, 1.1);
		  transform: scale(1.1, 1.1);
		}

		.success-story {background: url(../bgimg/beacon-drug-800x375.jpg) repeat;}
		.success-storyopacity {background-color: #ffffffad;opacity: 0.7;filter: alpha(opacity=60); /* For IE8 and earlier */}
		td{font-weight: bold;color: #000000;}
		th {font-weight: bold;color: #007bc6;}

.counter{padding: 30px 0;}
	.counter .counter-content{
		height: 140px;
		width: 140px;

		text-align: center;
		padding: 40px 10px;
		margin: 0 auto;
		background-color:#fff;
		border-radius: 50%;
		box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
		position: relative;
		transition: all 0.3s;
	}
	.counter .counter-content:hover{
		background-color: #eef5f3;
	}
.counter .counter-content:before,
.counter .counter-content:after{
    content: '';
    height: 180px;
    width: 180px;
    border: 3px solid #B9C233;
    border-left: none;
    border-right: none;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(10deg);
    transition: all 0.3s;
}
 
.counter .counter-content:after{
    border: 10px solid #B9C233;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.counter .counter-content:hover:before{
    transform: translateX(-50%) translateY(-50%) rotate(190deg);
    box-shadow: 0 0 20px -5px rgba(0,0,0,0.9);
}
.counter .counter-content:hover:after{transform: translateX(-50%) translateY(-50%) rotate(-225deg);}
.counter .counter-value{
    font-size: 35px;
    font-weight: 600;
}
.counter .title{
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 5px 0;
    text-transform: uppercase;
}
.counter.purple .counter-content:before{border-color: #bb99ff;}
.counter.purple .counter-content:after{
    border: 10px solid #bb99ff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.counter.yellow .counter-content:before{border-color: #26734d;}
.counter.yellow .counter-content:after{
    border: 10px solid #26734d;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.counter.blue .counter-content:before{border-color: #5c5c8a;}
.counter.blue .counter-content:after{
    border: 10px solid #5c5c8a;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
@media screen and (max-width: 990px) {
  .counter{margin-bottom: 30px;}
}
.demo{ background: #9bd5d4; }
.text-effect{
    text-transform: uppercase;
    color: #42b3d9;
    font-weight: 900;
    font-size: 40px;
    opacity: 0.9;
    text-shadow: sienna .01em .01em 0, sienna .02em .02em 0, sienna .03em .03em 0, sienna .04em .04em 0, sienna .05em .05em 0, sienna .06em .06em 0, sienna .07em .07em 0, sienna .08em .08em 0, sienna .09em .09em 0, sienna .1em .1em 0;
    padding: 0 10px;
    text-align: center;
    display: block;
}
@media only screen and (max-width: 990px) {
    .text-effect{
        font-size: 90px;
    }
}
@media only screen and (max-width: 767px) {
    .text-effect{
        font-size: 60px;
    }
}
@media only screen and (max-width: 479px) {
    .text-effect{
        font-size: 40px;
    }
}


.text-effect1{
    display: block;
    text-align: center;
    font-size: 25px;
    color: #fff;
    position: relative;
    text-shadow: #fff 0.006em 0.006em 0.007em,
    #9c9c9c 1px 1px 1px,
    #9c9c9c 1px 2px 1px,
    #9c9c9c 1px 3px 1px,
    #9c9c9c 1px 4px 1px,
    #9c9c9c 1px 5px 1px,
    #9c9c9c 1px 6px 1px,
    #9c9c9c 1px 7px 1px,
    #9c9c9c 1px 8px 1px,
    #9c9c9c 1px 9px 1px,
    #9c9c9c 1px 10px 1px,
    #9c9c9c 1px 11px 1px,
    #9c9c9c 1px 12px 1px,
    rgba(16, 16, 16, 0.4) 1px 18px 6px,
    rgba(16, 16, 16, 0.2) 1px 22px 10px,
    rgba(16, 16, 16, 0.2) 1px 26px 35px,
    rgba(16, 16, 16, 0.4) 1px 30px 65px,
    #fff -0.15em -0.1em 100px;
}
@media only screen and (max-width: 990px){
    .text-effect1{ font-size: 25px; }
}
@media only screen and (max-width: 767px){
    .text-effect1{ font-size: 25px; }
}
@media only screen and (max-width: 479px){
    .text-effect1{ font-size: 20px; }
}
  
/*========Home-Top===========*/

.feature-box >.feature-box-style-2 > h4 {
    color: #f0f0f1 !important;
}
.icon-color{
	color: #fff !important;
}

.call-to-action{
	color: #f5f5f5;
    background-color: #76afbd;
    background-image: none;
    border-color: #d3edef;
    font-size: 22px;
    font-weight: 700;
	
}
.call-to-action a:hover{
	color:#fff;
	text-decoration:none;
}

@media only screen and (max-width: 990px){
    .call-to-action{ left: 0px !important;}
}
@media only screen and (max-width: 767px){
    .call-to-action{ left: 0px !important; }
}
@media only screen and (max-width: 479px){
    .call-to-action{ left: 0px !important; }
}
/*=========Medicare-Team-Member========*/  
  .email-signature{
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    padding: 60px 10px 60px 370px;
    position: relative;
    overflow: hidden;
}
.email-signature:before,
.email-signature:after{
    content: '';
    height: 60%;
    width: 120%;
    border-radius: 50%;
    background: linear-gradient(to right,#f3e0e0,#fffefe);
    transform: translateX(-50%) ;
    position: absolute;
    left: 50%;
    top: -35%;
}
.email-signature:after{top: 76%;}
.email-signature .signature-icon{
    color: #454CCA;
    background: #fff;
    font-size: 70px;
    text-align: center;
    line-height: 135px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(0,0,0,0.8);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 44%;
    z-index: 1;
}
.email-signature .signature-detail{
    text-align: left;
    width: 170px;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 15px;
}
.email-signature .title{
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 5px;
	color:#000 !important;
}
.email-signature .post{
    font-size: 14px;
    font-style: italic;
    margin: 0;
	color:#000 !important;
}
.email-signature .signature-content{
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    /*display: block;*/
}
.email-signature .signature-content li{
    color: #949494;
    font-size: 13px;
    margin-bottom: 5px;
}
@media only screen and (max-width:1200px){
    .email-signature { padding: 60px 10px 60px 425px; }
}
@media only screen and (max-width:990px){
    .email-signature { padding: 60px 10px 60px 405px; }
}
@media only screen and (max-width:767px){
    .email-signature { padding: 180px 20px 70px; }
    .email-signature:before{ top: -45%; }
    .email-signature:after{ top: 85%; }
    .email-signature .signature-icon{
        top: 4%;
        transform: translateX(-50%) translateY(0);
    }
    .email-signature .signature-detail{
        text-align: center;
        margin: 0 auto 10px;
        display: block;
        transform: translateY(0);
        position: relative;
        top: 0;
        left: 0;
    }
    .email-signature .signature-content{
        text-align: center;
        float: none;
    }
}




.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
	width: 210px;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: -30px;
}

.hovereffect img {
 /* display: block;*/
  position: relative;
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
}

.hovereffect:hover h2 {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
  transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  margin: 50px 0 0 0;
  background-color: transparent;
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect h2,
.hovereffect p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  background-color: transparent;
  margin: 0px;
  padding: 0px;
}

.hovereffect .overlay:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  height: 60%;
  border: 2px solid #fff;
  content: '';
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
  transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}

.hovereffect p {
  width: 20%;
  text-transform: none;
  font-size: 15px;
  line-height: 2;
}

.hovereffect p a {
  color: #fff;
}

.hovereffect p a:hover,
.hovereffect p a:focus {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.hovereffect  a i {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  padding: 0px 5px;
}

.hovereffect p a:first-child i {
  -webkit-transform: translate3d(-60px,-60px,0);
  transform: translate3d(-60px,-60px,0);
}

.hovereffect p a:nth-child(2) i {
  -webkit-transform: translate3d(60px,-60px,0);
  transform: translate3d(60px,-60px,0);
}

.hovereffect p a:nth-child(3) i {
  -webkit-transform: translate3d(-60px,60px,0);
  transform: translate3d(-60px,60px,0);
}

.hovereffect p a:nth-child(4) i {
  -webkit-transform: translate3d(60px,60px,0);
  transform: translate3d(60px,60px,0);
}

.hovereffect:hover .overlay:before {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: rgba(0,0,0,0.2);
  -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-135deg) scale3d(1,1,1);
  transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-135deg) scale3d(1,1,1);
}

.hovereffect:hover p i:empty {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  opacity: 1;
  filter: alpha(opacity=100);
}
  
 .hover-effect:hover{
	box-shadow: 0 0 15px rgba(33,33,33,.2); 
}
/*====Product-page-mejba-o1723-504007======*/

	.productinfoborder:hover
	{
		-moz-box-shadow: 0 0 10px #ccc;
		-webkit-box-shadow: 0 0 10px #ccc;
		box-shadow: 0 0 10px #ccc;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;

	}
	.lebelStyle{
		display: inline-block;
		margin-bottom: .5rem;
		color: #8d8e94;
		font-weight: bold;
		font-style: italic;
	}
		
	.formGroupstyle{
		border: 1px solid #eae5e5;
		padding: 1px;
		border-radius: 7px;
		box-shadow: 0 0 2px #ffffff;
	}
	
/*===================*/	

/*========Menu-style-Mejba-01723504007=============*/
.owl-item {
	border: 0px solid #dad4d4;
	padding: 16px;
	border-radius: 10px;
}
 .inverted-primary{
	 background:#fff0 !important;
 }
 .inverted{
	color: #0089d1; 
	font-family:Montserrat;
	font-size:1.5rem;
 }
 .medicare-action a{
	  color:#67686d;
 }	
 .medicare-action a:hover{
	  color:#fff;
 }
 .dropdown-menu-custom{
		 border-top-color: #017dc7d6  !important;
		background-color: #017dc7d6  !important;
 }
 .custome-drop-menu {
	 background:#ffffffeb !important;
	/* background:#017dc7d6  !important;*/
 }	 
 .custome-drop-menu ul li a{
	 color:#000000 !important;
 }
.nav-link{
    display: inline-block;

    position: relative;
    transition: all 0.3s ease 0s;
}
.nav-link:hover{ color: #01426a; }
.nav-link:before,
.nav-link:after{
    content: "";
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 5px solid #01426a;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: all 0.8s ease 0s;
}
.nav-link:hover:before{ animation: animate-1 0.8s; }
.nav-link:hover:after{
    animation: animate-1 0.8s;
    animation-delay: 0.4s;
}
@keyframes animate-1{
    0%{
        opacity: 1;
        transform: translate(-50%, -50%) scale(0);
    }
    100%{
        opacity: 0;
        transform:translate(-50%, -50%) scale(1);
    }
}
@media only screen and (max-width: 767px){
    .nav-link{ margin-bottom: 20px; }
}
		.global {background: url(bgimg/global.png) repeat;}
		.tableopacity {background-color: #ffffff;opacity: 0.7;filter: alpha(opacity=60); /* For IE8 and earlier */}
		td{font-weight: bold;color: #000000;}
		th {font-weight: bold;color: #007bc6;}
/*====Footer======*/

#footer{
	background:#0050c7 !important;
}
/*=========Name-Designation=====*/
.namePhone{
    color: #007bc6;
    text-transform: uppercase;
}
.post{
	    text-transform: none;
}

/*===========Custome-Header================*/
		.medicare-font-style{
			color:#017dc7;
		}
		.active2 {
			background: blue;
			color: #fff !important;
		}
		.active3 a:hover {
			background: blue !important;
			color: #fff !important;
		}
		.play-video-medicare{
			position: absolute;
			top: 100%;
			left: 94%;
			margin-left: -45px;
		
		}
		.testimonial.testimonial-style-2 blockquote p{color:#fff}
		.medicare-color h3{background: linear-gradient(60deg,#0e7fa7,#284fa2);}
		.medicare-color ul li a:hover{color:#0a4bd6 !important}
	
	
	.header-logo{
		width: 300px!important;
		height: 100px!important;
	}
	#header .header-logo img {
		position: absolute;
		-webkit-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
		margin-top: 20px !important;
	}

	#header .header-logo .logo-normal {
		opacity: 1;
	}

	#header .header-logo .logo-sticky {
		opacity: 0;
	}

	.sticky-header-active #header .header-logo .logo-normal {
		opacity: 0;
	}

	.sticky-header-active #header .header-logo .logo-sticky {
		opacity: 1;
	}
	
	input[type=text]:focus, input[type=email]:focus , input[type=number]:focus, input[type=textarea]:focus {
	  border: 1.5px solid #41b2d8;
	}
	
/*=====Loading======*/
	/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.loading-effect {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../ajaxloading.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .loading-effect {
    display: block;
}

/*=========Scrolling-width======= */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ded8d8; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}

/*=======Medicare-Bar_title=========*/
.medicare-bar-title{
	background: #0079c5;
    color: #fff;
    padding: 8px;
}

/*===========Feedback-Section============*/
.feedback-bar {
  position: fixed;
  top: 50%;
}

.feedback-bar a {
  display: block;
  text-align: center;
  padding: 8px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
  text-decoration:none;
  border-radius:10px;
  -ms-border-radius:10px;
  -moz-border-radius:10px;
}

.feedback-bar a:hover {
  background-color: #000;
}

.feedback {
  background: #3B5998;
  color: white;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}