/**

 * This file should get overwritten if Method 1 is used. If Method 2 is chosen,

 * remove this comment and start adding your styles to this file.

 */

 @charset "utf-8";

 /* CSS Document */

 body.html {
 	margin-top: 70px!important;
 }

 body.admin-menu {
 	margin-top: 105px!important;
 }

 body.admin-menu .fixed-header .medicom-header {
 	top: 20px;
 }

 h1 {
 	font-size: 30px;
 }

 h2 {
 	font-size: 24px;
 }

 h3 {
 	font-size: 18px;
 }

 h4 {
 	font-size: 14px;
 }

 h5 {
 	font-size: 12px;
 }

 .form-control {
 	-webkit-border-radius: 0;
 	-moz-border-radius: 0;
 	border-radius: 0;
 }


 /*Medicom style*/

 img {
 	max-width: 100%;
 	height: auto;
 }

 .inline {
 	display: inline-block !important;
 }

 .medicom-header {
 	min-height: 84px;
 	position: relative;
 	/*	z-index: 23;*/
 }

 .header-bottom-line {
 	display: block;
 	width: 100%;
 	height: 1px;
 	background: #fff;
 	position: absolute;
 	bottom: -2px;
 }


 /*fixed header*/

 .fixed-header .medicom-header {
 	position: fixed;
 	left: 0;
 	top: 0;
 	width: 100%;
 	background: #fff;
 	-webkit-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
 	margin-bottom: 0;
 }

 .fixed-header .main-banner {
 	top: 84px;
 }

 .fixed-header .navbar {
 	margin: 0;
 	padding: 0;
 	-webkit-border-radius: 0;
 	-moz-border-radius: 0;
 	border-radius: 0;
 	border: none;
 }

 .fixed-header.small-header .medicom-header {
 	/*height: 80px;*/
 	min-height: 80px;
 	top: -13px;
 	-webkit-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
 }

 .fixed-header .navbar-header {
 	width: 100%;
 }

 .fixed-header.small-header .medicom-header .dropdown,
 .fixed-header.small-header .medicom-header .navbar-nav li.mega-menu-item {
 	padding-bottom: 12px;
 }

 .navbar-brand {
 	-webkit-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 }

 .fixed-header.small-header .medicom-header .navbar-brand img {
 	margin-top: 7px;
 	width: 160px;
 	-webkit-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
 }

 .fixed-header .content-index,
 .fixed-header .sub-page-banner {
 	margin-top: 0;
 }

 .fixed-header .header-bottom-line {
 	background: #F4F4F4
 }

 /* .fixed-header .head-col-2 {
 	float: right;
 	margin-top: 15px;
 } */

 .fixed-header .head-col-2 #block-block-79 {
 	float: right;
 	/*margin-left: 20px;*/
 }

 .fixed-header .head-col-2 #block-views-exp-search-anonymous-user-page,
 .fixed-header .head-col-2 #block-views-exp-find-a-doctor-page-1 {
 	float: left;
 	margin-top: 3px;
 }

 .fixed-header .head-col-2 #block-views-exp-search-anonymous-user-page .views-exposed-widgets,
 .fixed-header .head-col-2 #block-views-exp-find-a-doctor-page-1 .views-exposed-widgets {
 	margin: 0;
 }

 .fixed-header .head-col-2 .phone-icon {
 	float: left;
 	margin-right: 10px;
 	font-size: 30px;
 	color: #0092cb;
 }

 /* .fixed-header .user-profile-menu {
 	float: right;
 	margin-left: 10px;
 	position: relative;
 	margin-top: 20px;
 } */

 .fixed-header .user-profile-menu .user-picture {
 	display: inline-block;
 	width: 30px;
 	height: 100%;
 	text-decoration: none;
 }

 .fixed-header .user-profile-menu .profile-sub-menu {
 	display: none;
 	position: absolute;
 	/* top: 30px; */
 	/* left: 33px; */
 	width: 200px;
 	padding: 10px;
 	background-color: #f3f3f3;
 	border: 1px solid #ccc;
 }

 .fixed-header .user-profile-menu .profile-sub-menu,
 .fixed-header .user-profile-menu .profile-sub-menu li {
 	list-style: none;
 }

 .fixed-header .user-profile-menu .profile-sub-menu a {
 	text-decoration: none;
 }

 .fixed-header .user-profile-menu:hover .profile-sub-menu {
 	display: block;
 }

 .fixed-header .head-col-2 .call-content {
 	font-size: 16px;
 	float: left;
 	margin-top: 4px;
 }

 .fixed-header .head-col-2 .call-content .heading {
 	font-weight: 500;
 	color: #969ea9;
 	text-transform: uppercase;
 	display: block;
 	line-height: 1;
 }

 .fixed-header .head-col-2 .call-content .number {
 	display: block;
 	line-height: 1;
 }

 .fixed-header .head-col-2 .call-content .number a {
 	color: #4f4f4f;
 	font-weight: 500;
 }

 .fixed-header .head-col-2 .doctor-login {
 	border-left: 1px solid #ddd;
 	padding: 0 0 0 13px;
 	float: right;
 	margin-left: 13px;
 }

 .fixed-header .head-col-2 .doctor-login a {
 	float: left;
 	padding: 0;
 	height: 40px;
 	width: 31px;
 	font-size: 0;
 	margin: 0;
 	background: #fff url(../images/logout_btn.png);
 	background-repeat: no-repeat;
 	background-position: center center;
 }

 .boxed-layout .appointment-sec,
 .boxed-layout .testimonials.bg-white {
 	background: #fff;
 }

 .boxed-layout .appointment-sec.bg-gray,
 .boxed-layout .testimonials {
 	background: #fafafa
 }


 /*top bar*/

 .top-sec-detail {
 	background: #fff;
 	display: none;
 }

 .top-sec-detail .contact-info {
 	float: left;
 	padding: 0;
 	list-style: none;
 }

 .top-sec-detail .contact-info li {
 	float: left;
 	font-size: 18px;
 	padding-top: 15px;
 	margin-right: 17px;
 	line-height: 27px
 }

 .top-sec-detail .contact-info li a {
 	color: #646464;
 	float: left;
 }

 .top-sec-detail .contact-info li i {
 	float: left;
 	margin-right: 14px;
 	color: #898989;
 }

 .top-sec-detail .contact-info li .fa-mobile {
 	font-size: 26px;
 }

 .top-sec-detail .contact-info li .fa-envelope {
 	line-height: 24px;
 }

 .top-sec-detail .social2 {
 	float: right;
 }

 .top-sec-detail .social2 li a {
 	border: 2px solid #b4b4b4;
 }

 .top-sec-detail .social2 li a {
 	transition: none;
 }

 .top-sec-detail .social2 li a:hover {
 	transition: none;
 }

 .colourfull-row {
 	background: url(../images/colourfull-line.jpg) center top repeat-x;
 	height: 3px;
 	float: left;
 	width: 100%;
 }

 .solid-row {
 	height: 3px;
 }

 .slider {
 	background: url(../images/banner-img.jpg) no-repeat center top;
 	height: 750px;
 }

 /* {
 	text-align: center;
 	position: relative;
 } */
 #block-menu-menu-test-seyi .caret {
	display: none;
}

 .main-banner img {
 	width: 100%;
 }

 .main-banner .carousel-indicators {
 	bottom: 0;
 	top: auto;
 }

 .main-banner .carousel-indicators li {
 	width: 50px;
 	height: 6px;
 	background: #889BAF;
 	opacity: .8;
 	margin: 0 1px 0 0;
 }

 .main-banner .carousel-indicators .active,
 .main-banner .carousel-indicators li:hover {
 	background: #fff;
 	opacity: 1;
 }

 .slider-caption {
 	position: absolute;
 	top: 33%;
 	text-align: center;
 	height: auto;
 	width: 100%;
 }

 .slider-caption p {
 	padding: 25px 60px 14px;
 	background: #fff;
 	font-size: 60px;
 	color: #4c4c4c;
 	text-transform: uppercase;
 	display: inline-block;
 	font-family: 'SourceSansProLight';
 	line-height: 54px;
 	margin-bottom: 4px;
 }

 .slider-caption p span {
 	font-family: 'SourceSansProBold';
 }

 video {
 	width: 100%!important;
 	height: 550px !important;
 }

 .big-font {
 	font-size: 18px;
 	line-height: 30px;
 }

 .opening-hours {
 	background: #fff !important;
 	color: #393939;
 	padding-bottom: 1px;
 	text-align: center;
 }

 .opening-hours p,
 .opening-hours li {
 	font-size: 16px;
 }

 .opening-hours h3 {
 	color: #393939 !important
 }

 .opening-hours li {
 	border-bottom: 1px solid #F1F1F2;
 	margin: 0 15px;
 	padding: 5px 0;
 	line-height: 30px;
 }

 .opening-hours li span {
 	float: left;
 }

 .opening-hours li .value {
 	float: right;
 }


 /*slider*/

 #slider li {
 	height: 750px;
 }


 /*home blog*/

 .blog-item,
 .blog-sizer {
 	margin: 10px 0 40px 0;
 	width: auto;
 	border-radius: 5px;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	overflow: hidden;
 }

 .blog-wrapper {
 	position: relative;
 }

 .blog-thumbnail {
 	position: relative;
 }

 .blog-thumbnail img {
 	display: block;
 	width: 100%;
 }

 .page-front2 .blog-thumbnail img {
 	width: inherit;
 	max-width: 100%;
 	border-bottom: 0;
 }

 .blog-item {
 	position: relative;
 }

 .blog-date {
 	padding: 5px 10.5px 10px 12.5px;
 	position: absolute;
 	text-align: center;
 	top: 0;
 	border-radius: 5px 0 0;
 }

 .day {
 	color: #FFFFFF;
 	font-size: 44px;
 	font-weight: 900;
 	line-height: 44px;
 	margin: 0 0 0 2px;
 	font-family: 'SourceSansProBlack';
 }

 .monthyear {
 	color: #FFFFFF;
 	font-size: 13px;
 	line-height: 13px;
 	margin: 2px 0 0;
 }

 .blog-content {
 	border-image: none;
 	border: 1px solid #e1e1e1;
 	border-style: none solid solid;
 	border-width: 0 1px 1px;
 	padding: 10px 15px 19px;
 	border-radius: 0 0 5px 5px;
 	-moz-border-radius: 0 0 5px 5px;
 	-webkit-border-radius: 0 0 5px 5px;
 }

 .blog-content a.btn {
 	font-weight: normal;
 	font-family: 'SourceSansProRegular';
 }

 .blog-title,
 .blog-item .blog-title a {
 	color: #373737;
 	font-size: 22px;
 	text-transform: none;
 	line-height: 26px;
 }

 .blog-content .blog-meta {
 	color: #727272;
 	font-size: 12px;
 	font-weight: 300;
 	margin-bottom: 10px;
 }

 .blog-content .blog-meta a {
 	color: #1d1d1d;
 }

 .blog-content p {
 	color: #616161;
 	font-size: 14px;
 	font-weight: 400;
 	line-height: 1.42857;
 	margin-bottom: 10px;
 }

 .blog-full-width {
 	width: 100%;
 	float: none;
 	border-bottom: 1px solid #eeeeee;
 }

 .blog-full-width-date {
 	width: 76px;
 	float: left;
 	text-align: center;
 	margin-top: 29px;
 	border-radius: 5px;
 	padding: 13px 0 0;
 }

 .blog-full-width-date .monthyear {
 	border-bottom: 1px solid #fff;
 	padding-bottom: 10px;
 }

 .blog-full-width-date a {
 	color: #fff;
 	font-size: 14px;
 	margin: 8px 0 5px;
 	display: block;
 }

 .blog-full-width-date a:hover i,
 .blog-full-width-date a:hover {
 	color: #ccc;
 }

 .blog-full-width-date a i {
 	color: #fff;
 	font-size: 15px;
 	margin-right: 3px;
 }

 .blog-full-width-date
 /*, .btn-default */

 {
 	background-color: #2B96CC !important;
 	/*box shadow should be dark*/
 	box-shadow: 0 3px 0 #1B83B8 !important;
 	-moz-box-shadow: 0 3px 0 #1b83b8 !important;
 	-webkit-box-shadow: 0 3px 0 #1b83b8 !important;
 }

 @media (max-width: 480px) {
 	.blog-full-width-date {
 		display: none;
 	}
 }

 .blog-full-width .blog-content {
 	padding: 20px 0 40px 100px;
 	border: none;
 }

 .blog-full-width.blog-detail .blog-content {
 	padding: 20px 0 30px 0;
 }

 .blog-full-width.last {
 	border-bottom: 0;
 	margin-bottom: 0;
 }

 .blog-3-coloumn .w2 {
 	margin: 0;
 	width: 530px
 }

 .share-post {
 	border: 1px solid #e5e5e5;
 	border-radius: 5px;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	padding: 14px 22px;
 	margin-bottom: 30px;
 }

 .share-post label {
 	color: #373737;
 	font-size: 22px;
 	line-height: 20px;
 	margin: 0;
 	padding: 10px 0 0;
 }

 .share-post ul.social-rounded {
 	float: right;
 }

 .share-post ul li {
 	margin-bottom: 0;
 }


 /*Blog comments*/

 .commentlist {
 	list-style: none;
 	padding: 15px 0 0;
 }

 .commentlist li {
 	line-height: 1.428571429
 }

 .comment {
 	padding: 15px;
 	margin-top: 20px;
 	border: 1px solid #ececec;
 	border-radius: 5px;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	box-shadow: 0 3px 0 #ececec;
 	-webkit-box-shadow: 0 3px 0 #ececec;
 	-moz-box-shadow: 0 3px 0 #ececec;
 }

 .comment-wrapper {
 	position: relative;
 }

 .comment-avartar {
 	float: left;
 }

 .comment-avartar img {
 	border-radius: 5px;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	-ms-border-radius: 5px;
 	-o-border-radius: 5px;
 }

 .comment-content-wrapper {
 	padding-left: 96px;
 }

 .comment-reply {
 	position: absolute;
 	right: 0;
 	top: 0;
 }

 .comment-reply-link {
 	background-color: #4b4b4b;
 	box-shadow: 0 3px 0 #161616;
 	color: #FFFFFF;
 	cursor: pointer;
 	display: inline-block;
 	font-family: 'SourceSansProBold';
 	font-size: 14px;
 	line-height: 1.42857;
 	margin-bottom: 0;
 	padding: 9px 15px 3px;
 	text-align: center;
 	text-transform: uppercase;
 	vertical-align: middle;
 	white-space: nowrap;
 	border-radius: 5px;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 }

 .comment-reply-link i {
 	padding-right: 10px;
 }

 .comment-reply-link:hover,
 .comment-reply-link:focus {
 	color: #fff;
 	background: #434242;
 }

 .comment-author {
 	font-size: 22px;
 	color: #373737;
 	display: block;
 	line-height: 22px;
 }

 .comment-date {
 	font-size: 12px;
 	color: #727272;
 }

 .comment-message {
 	font-size: 14px;
 	color: #616161;
 	padding-top: 12px;
 }

 .children {
 	list-style: none;
 }

 .comment-respond {
 	padding: 20px 0 0;
 }

 .comment-respond h2 {
 	margin-bottom: 35px;
 }

 .comment-respond input[type="text"] {
 	box-shadow: none;
 	padding: 8px 15px 5px;
 	margin: 0 15px 10px 0
 }

 .comment-respond textarea {
 	padding: 18px 15px 15px;
 	margin-bottom: 20px;
 }

 .view-content
 {
 	padding: 10px 0 40px;
 }


 /*footer*/

 footer {
 	padding: 40px 0 15px;
 	line-height: 23px;
 	float: left;
 	width: 100%;
 }

 footer h4 {
 	font-family: 'SourceSansProBold';
 	margin-bottom: 30px;
 }

 footer h4 span {
 	padding-bottom: 7px;
 	display: inline-block;
 	margin-bottom: -1px;
 }

 .footer-nav li {
 	float: left;
 	width: 50%;
 	line-height: 38px;
 }

 .footer-nav li a {
 	-webkit-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
 }

 .footer-nav li a:hover {
 	-webkit-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
 }

 .footer-nav li a i {
 	font-size: 10px;
 	margin: 5px 10px 0 0;
 	-webkit-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
 }


 /*light*/

 footer.light {
 	background: #fafafa;
 	color: #6c6c6c
 }

 footer.light h4 {
 	border-bottom: 1px solid #ebebeb;
 }

 footer.light .footer-nav li a {
 	color: #6c6c6c;
 }

 footer.light .newsletter i {
 	color: #393939;
 }

 footer.light .contact-widget i {
 	color: #616161;
 }

 footer.light .contact-widget p a {
 	color: #616161;
 }

 footer.light .newsletter input[type="text"],
 footer.light .newsletter input[type="email"] {
 	background: #fff
 }


 /*copyright light*/

 footer.light .copyright {
 	background: #f5f5f5;
 	border-bottom: 1px solid #e6e6e6;
 	color: #646464;
 	margin: 30px 0;
 	padding: 10px 0 8px;
 }

 footer.light .footer-bottom-text {
 	color: #6c6c6c;
 	padding-top: 10px;
 }


 /*dark*/

 footer.dark {
 	background: #313131;
 	color: #c4c4c4;
 }

 footer.dark h4 {
 	border-bottom: 1px solid #747474;
 }

 footer.dark .footer-nav li a {
 	color: #c4c4c4;
 }

 footer.dark .newsletter i {
 	color: #c4c4c4;
 }

 footer.dark .tweet i {
 	color: #909090;
 }

 footer.dark .contact-widget i {
 	color: #c4c4c4;
 }

 footer.dark .contact-widget p a {
 	color: #c4c4c4;
 }

 footer.dark .newsletter input[type="text"],
 footer.dark .newsletter input[type="email"] {
 	background: #292929;
 	border-color: #565656
 }


 /*copyright dark*/

 footer.dark .copyright {
 	background: #222222;
 	border-bottom: 1px solid #000;
 	color: #8d8d8d;
 	margin: 30px 0;
 	padding: 10px 0;
 }

 footer.dark .footer-bottom-text {
 	color: #757575;
 	padding-top: 10px;
 }

 .footer-widget p {
 	margin-bottom: 10px;
 }


 /*footer newsletter*/

 .newsletter i {
 	float: left;
 	font-size: 20px;
 	margin-top: 8px;
 	transform: rotate(-30deg);
 	-ms-transform: rotate(-30deg);
 	/* IE 9 */
 	-webkit-transform: rotate(-30deg);
 	/* Safari and Chrome */
 }

 .newsletter p {
 	padding: 0 0 15px 30px;
 	margin-bottom: 10px;
 }

 .newsletter input[type="text"],
 .newsletter input[type="email"] {
 	margin-right: 0;
 	width: 100%;
 	box-shadow: none;
 }

 .newsletter .btn {
 	min-width: 117px;
 	padding: 11px 12px 5px;
 	margin-top: 4px;
 	font-size: 14px;
 	font-family: 'SourceSansProBold';
 }


 /*footer twitter*/

 .tweet i {
 	float: left;
 	font-size: 20px;
 	margin-top: 11px;
 }

 .tweet p {
 	padding: 10px 0 0 30px;
 	margin-bottom: 10px;
 }

 .tweet p span {
 	display: block;
 	font-size: 11px;
 	color: #aaa
 }


 /*footer contact-widget*/

 .contact-widget i {
 	float: left;
 	font-size: 26px;
 }

 .contact-widget i.fa-mobile {
 	font-size: 30px;
 	margin-left: 5px;
 }

 .contact-widget p {
 	padding-left: 35px;
 	line-height: 25px;
 	margin-bottom: 10px;
 }

 .contact-widget p span {
 	float: left;
 	width: 30px;
 	text-align: center;
 }

 .contact-widget p.phone-number {
 	line-height: 32px;
 }


 /*home 2 styling*/


 /*services box*/

 .services-sec {
 	padding: 52px 0;
 }

 .service-box {
 	width: 50%;
 	float: left;
 	text-align: center;
 	font-size: 16px;
 	color: #494949;
 	padding: 30px 4.6% 0;
 	min-height: 285px;
 	-webkit-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
 }

 .service-box p {
 	margin-bottom: 10px;
 }

 .service-box h4,
 .service-box h4 a {
 	font-size: 22px;
 	color: #4c4c4c;
 }

 .service-box.one {
 	border-right: 1px solid #e5e5e5;
 	border-bottom: 1px solid #e5e5e5;
 }

 .service-box.two {
 	border-bottom: 1px solid #e5e5e5;
 }

 .service-box.three {
 	border-right: 1px solid #e5e5e5;
 }

 .service-box.four {}

 .icon {
 	width: 85px;
 	height: 85px;
 	background-color: #787878;
 	display: inline-block;
 	border: 3px solid #fff;
 	box-shadow: 0px 0px 0px 1px #787878;
 	-moz-box-shadow: 0px 0px 0px 1px #787878;
 	-webkit-box-shadow: 0px 0px 0px 1px #787878;
 	color: #fff;
 	margin-bottom: 10px;
 	-webkit-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
 }

 .icon i {
 	font-size: 38px;
 	line-height: 80px;
 	padding-left: 10px;
 }

 .service-box:hover {
 	color: #fff;
 	-webkit-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
 }

 .service-box:hover h4,
 .service-box:hover h4 a {
 	color: #fff
 }


 /*blog 2*/

 .news-and-our-clinic {
 	padding: 40px 0;
 	border-top: 4px solid #f6f6f6;
 	background: #fdfdfd
 }

 .latest-news2 {
 	margin: 0 3% 30px 0
 }

 ul.jcarousel-view--news--page-4,
 ul.jcarousel-view--news--page-3,
 ul.jcarousel-view--news--page-2,
 ul.jcarousel-view--news--page-1,
 .blog-style2 {
 	border-right: 1px solid #6c6c6c;
 	margin: 0 18px 0 0 !important;
 	overflow: visible !important;
 }

 .post-icon {
 	display: block;
 	background: #6c6c6c;
 	text-align: center;
 	width: 37px;
 	height: 37px;
 	position: absolute;
 	right: -18.5px;
 	top: 33%;
 	font-size: 16px;
 	height: 37px;
 	line-height: 37px !important;
 	color: #fff;
 }


 /*Video section*/

 .video {
 	height: 525px;
 	overflow: hidden;
 	position: relative;
 	margin-bottom: 40px;
 }

 .video-overlay {
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	background: url(../images/video-overlay.png) repeat;
 	left: 0;
 	top: 0;
 }

 .video .container {
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 100%;
 	padding: 0;
 }

 .main-title {
 	margin-bottom: 30px;
 }

 .media.pull-right {
 	margin: 0 0 40px 38px
 }

 .media.pull-left {
 	margin: 0 40px 38px 0
 }


 /*Doctors list*/

 .doctors-list {
 	background: #fefefe;
 	padding: 40px 0 60px;
 	border-bottom: 1px solid #f8f8f8;
 	border-top: 1px solid #f8f8f8;
 	margin: 40px 0;
 }

 .doctors-img {
 	border-radius: 5px;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	border: 1px solid #f2f2f2;
 	overflow: hidden;
 	float: left;
 }

 .doctors-detail {
 	padding-left: 257px;
 }

 .doctors-detail h4 {
 	font-family: 'SourceSansProSemibold';
 	margin-top: 0;
 }

 .doctors-detail h4 span {
 	font-size: 12px;
 	color: #8f8f8f;
 	font-family: 'SourceSansProLight';
 	display: block;
 }

 .doctors-detail p {
 	line-height: 17.3px;
 	margin-bottom: 0;
 	border-bottom: 1px solid #dddddd;
 	display: flex;
 	padding: 7px 0;
 }

 .doctors-detail p span {
 	color: #656565;
 	width: 100%;
 	display: inline-block;
 	margin-bottom: 5px;
 	font-size: 14px;
 	padding-top: 6px;
 }

 .doctors-detail p span.detail {
 	font-family: 'SourceSansProLight';
 }

 .doctors-detail p span.heading {
 	font-family: 'SourceSansProSemibold';
 	width: 130px;
 }


 /*team-thumb*/

 .team-thumb {
 	position: relative;
 	overflow: hidden;
 }

 .view-members .links {
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 65%;
 	text-align: center;
 }

 .view-members .links a i {
 	border-radius: 5px;
 	color: #FFFFFF;
 	display: inline-block;
 	font-size: 25px;
 	height: 50px;
 	line-height: 55px;
 	width: 50px;
 	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5);
 	-moz-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5);
 	-webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5);
 	margin: 0 5px;
 	position: relative;
 	top: -60px;
 }

 .view-members .owl-item:hover .links a i {
 	top: 50%;
 	margin-top: -25px;
 }

 .view-members .links a i.fa-facebook {
 	-webkit-transition: all 500ms ease;
 	-moz-transition: all 500ms ease;
 	-ms-transition: all 500ms ease;
 	-o-transition: all 500ms ease;
 	transition: all 500ms ease;
 }

 .view-members .links a i.fa-twitter {
 	-webkit-transition: all 800ms ease;
 	-moz-transition: all 800ms ease;
 	-ms-transition: all 800ms ease;
 	-o-transition: all 800ms ease;
 	transition: all 800ms ease;
 }

 .view-members .links a i.fa-dribbble {
 	-webkit-transition: all 1000ms ease;
 	-moz-transition: all 1000ms ease;
 	-ms-transition: all 1000ms ease;
 	-o-transition: all 1000ms ease;
 	transition: all 1000ms ease;
 }

 .team-thumb:hover .links a i.fa-facebook {
 	-webkit-transition: all 500ms ease;
 	-moz-transition: all 500ms ease;
 	-ms-transition: all 500ms ease;
 	-o-transition: all 500ms ease;
 	transition: all 500ms ease;
 }

 .view-members .owl-item:hover .links a i.fa-twitter {
 	-webkit-transition: all 800ms ease;
 	-moz-transition: all 800ms ease;
 	-ms-transition: all 800ms ease;
 	-o-transition: all 800ms ease;
 	transition: all 800ms ease;
 }

 .view-members .owl-item:hover .links a i.fa-dribbble {
 	-webkit-transition: all 1000ms ease;
 	-moz-transition: all 1000ms ease;
 	-ms-transition: all 1000ms ease;
 	-o-transition: all 1000ms ease;
 	transition: all 1000ms ease;
 }


 /*features*/

 .features {
 	padding: 60px 0 25px;
 	background: #f8f8f8;
 }

 i.feature-icon {
 	border-radius: 10px;
 	color: #FFFFFF;
 	font-size: 40px;
 	height: 76px;
 	line-height: 78px;
 	text-align: center;
 	width: 75px;
 }

 .feature {
 	padding: 10px 0 40px;
 }

 .feature h5 {
 	margin-top: 0;
 }

 .feature-content {
 	padding-left: 98px;
 }

 .feature-content h5,
 .feature-content h5 a {
 	color: #616161;
 	font-family: 'SourceSansProBold';
 	font-size: 20px;
 }

 .feature-content p {
 	font-size: 14px;
 	color: #777777;
 	line-height: 21px;
 	margin-bottom: 0;
 }

 .feature-content a {
 	font-size: 14px;
 }


 /*Blog*/

 .sidebar-widget {
 	padding-bottom: 35px;
 }

 .sidebar-widget h2 {
 	margin-bottom: 10px;
 }

 .search {
 	padding: 10px;
 	background: #f8f8f8;
 	position: relative;
 	border-radius: 4px;
 	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
 }

 .search input[type="text"] {
 	border: 1px solid #e9e9e9;
 	border-radius: 0;
 	width: 100%;
 	font-size: 14px;
 	color: #989898;
 	font-style: italic;
 	padding: 6px 15px 3px;
 	margin: 0;
 	border-radius: 4px;
 	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
 	height: 46px;
 }

 .search .search-icon {
 	position: absolute;
 	right: 18px;
 	top: 18px;
 	padding: 0;
 	width: 29px;
 	height: 29px;
 	border-radius: 100%;
 	background: #818181;
 	min-width: 0;
 	border: 0;
 	font-size: 15px;
 }

 .search .search-icon i {
 	color: #fff;
 	margin-top: 3px;
 }

 .search .search-icon:hover i {
 	color: #ccc;
 }


 /*tags*/

 .tags {
 	list-style: none;
 	padding: 15px 0 0;
 }

 .tags li {
 	float: left;
 	margin: 0 5px 5px 0;
 }

 .tags li a {
 	border: 1px solid #e5e5e5;
 	border-radius: 5px;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	display: block;
 	font-size: 14px;
 	color: #616161;
 	padding: 9px 16px 6px;
 	-webkit-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
 }

 .tags li a:hover {
 	-webkit-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
 }


 /*popular post*/

 .popular-post,
 .best-seller {
 	padding: 19px 0;
 	border-bottom: 1px solid #f0f0f0;
 }

 .popular-post img,
 .best-seller img {
 	float: left;
 	border-radius: 5px;
 	width: 71px;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	margin: 0 12px 0 0;
 }

 .popular-post h4,
 .popular-post h4 a,
 .best-seller h4,
 .best-seller h4 a {
 	font-family: 'SourceSansProRegular';
 	margin: 0;
 	font-size: 22px;
 	color: #373737;
 	text-transform: none;
 }

 .best-seller h4,
 .best-seller h4 a {
 	line-height: 21px;
 }

 .popular-post p,
 .best-seller p {
 	line-height: 14px;
 	margin-bottom: 0
 }

 .popular-post p strong,
 .best-seller p strong {
 	font-size: 18px;
 	font-family: 'SourceSansProSemibold';
 	font-weight: 400;
 	display: block;
 	margin-top: 3px;
 }

 .popular-post p.popular-date,
 .best-seller p.popular-date {
 	margin: 0;
 	font-size: 12px;
 	color: #727272;
 	line-height: 21px;
 }


 /*archives*/

 .archives {
 	list-style: none;
 	padding: 15px 0 0;
 }

 .archives li {
 	width: 50%;
 	float: left;
 	padding: 5px 0;
 }

 .archives li a {
 	color: #646464;
 	font-size: 14px;
 }

 .archives li a i {
 	font-size: 10px;
 	margin: 0 11px 0 0;
 }


 /*pie chart section*/

 .piechart-section {
 	padding: 50px 0;
 	background: #f8f8f8;
 	box-shadow: 0 -4px 8px #f4f4f4;
 	-moz-box-shadow: 0 -4px 8px #f4f4f4;
 	-webkit-box-shadow: 0 -4px 8px #f4f4f4;
 }

 .lead {
 	max-width: 945px;
 	margin: 0 auto;
 }

 .year {
 	bottom: -60px;
 	display: block;
 	font-size: 32px;
 	left: 0;
 	position: absolute;
 	text-align: center;
 	width: 100%;
 	font-family: 'SourceSansProSemibold';
 }


 /********************************* Lits ********************************/

 .medicom-feature-list {
 	list-style: none;
 	padding: 15px 0;
 }

 .medicom-feature-list li {
 	padding-left: 55px !important;
 	padding-bottom: 20px;
 	font-size: 18px;
 }

 .medicom-feature-list li i {
 	margin-left: -55px;
 	width: 37px;
 	height: 37px;
 	border-radius: 100%;
 	-moz-border-radius: 100%;
 	-webkit-border-radius: 100%;
 	text-align: center;
 	color: #fff;
 	font-size: 22px;
 	line-height: 34px;
 	margin-right: 17px;
 }

 .list-nav {
 	list-style: none;
 	padding: 10px 0;
 }

 .list-nav li a {
 	font-size: 13px;
 	font-style: italic;
 }

 .list-nav li a i {
 	font-size: 10px;
 	padding-right: 10px;
 }


 /*research*/

 .reserch-bottom-nav {
 	padding: 40px 0;
 	background: #fcfcfc;
 }

 .reserch-bottom-nav h4 {
 	font-size: 22px;
 	color: #616161
 }


 /*after booking*/

 .after-booking-sec {
 	padding: 50px 0;
 	background: #f8f8f8
 }

 .after-booking-sec ul {
 	padding: 60px 0 0;
 	margin: 0;
 }

 .after-booking-sec li {
 	width: 49%;
 	font-size: 18px;
 	color: #373737
 }


 /*team decription*/

 .team-description .jcarousel-skin-tango .jcarousel-item-horizontal {
 	width: 1140px;
 }

 .team-description .doctors-detail {
 	padding-left: 580px;
 }


 /*Cancer center*/

 .sidebar-nav .panel {
 	background: none;
 }

 .procedures {
 	margin-bottom: 50px;
 }

 .procedures h3 {
 	margin: 0;
 	color: #fff;
 	font-size: 26px;
 	padding: 18px 20px 14px;
 	border-radius: 5px 5px 0 0;
 	-moz-border-radius: 5px 5px 0 0;
 	-webkit-border-radius: 5px 5px 0 0;
 }

 .sidebar-nav {
 	background: #f7f7f7;
 	padding: 25px 0 30px;
 	border-radius: 0 0 5px 5px;
 	-moz-border-radius: 0 0 5px 5px;
 	-webkit-border-radius: 0 0 5px 5px;
 }

 .sidebar-nav i {
 	margin-right: 7px;
 }

 .sidebar-nav .panel-heading {
 	color: #646464;
 	font-size: 20px;
 	padding: 0 25px;
 }

 .sidebar-nav .panel-body a {
 	font-size: 16px;
 	color: #646464;
 	display: block;
 	padding: 12px 45px 10px;
 }

 .sidebar-nav .panel-body a:hover,
 .sidebar-nav .panel-body a.active {
 	background: #fff;
 }

 .sidebar-nav .panel-body {
 	padding: 15px 0 0
 }


 /*Gallery*/

 .content-sec {
 	display: none;
 	margin-top: 60px;
 	position: relative;
 }

 .content-sec .gallery-detail-content ul {
 	margin-bottom: 0;
 	padding-bottom: 0;
 }

 .gallery-arrows {
 	position: absolute;
 	right: 0;
 	top: 0px;
 	padding: 0;
 	list-style: none;
 	z-index: 1
 }

 .gallery-arrows li {
 	float: left;
 }

 .gallery-arrows li a {
 	display: block;
 	width: 38px;
 	height: 38px;
 	border: 1px solid #f2f2f2;
 	border-radius: 5px;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	margin-left: 4px;
 }

 .gallery-arrows li a.cross {
 	background: url(../images/cross.png) no-repeat center 13px;
 }

 .gallery-arrows li a.arrow-prev {
 	background: url(../images/arrow-left.png) no-repeat center 12px;
 }

 .gallery-arrows li a.arrow-next {
 	background: url(../images/arrow-right.png) no-repeat center 12px;
 }

 .gallery-detail-large img {
 	margin-bottom: 30px;
 }


 /*Contact us*/

 .map {
 	border-radius: 4px;
 	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
 	overflow: hidden;
 	height: 465px;
 }

 .map iframe {
 	border: 0;
 	margin: 0;
 	width: 100%;
 	height: 100%;
 }

 .get-directions {
 	text-align: center;
 	padding: 35px 0 45px;
 }

 .get-directions input[type="text"] {
 	height: 61px
 }

 .get-directions input[type="text"],
 .get-directions input[type="submit"] {
 	display: inline-block;
 	float: none;
 }

 .get-directions input[type="text"] {
 	padding: 20px 3% 14px;
 	width: 86%;
 	max-width: 556px;
 	font-size: 26px;
 	color: #ababab;
 	font-family: 'SourceSansProLight';
 	border-radius: 15px;
 	-moz-border-radius: 15px;
 	-webkit-border-radius: 15px;
 }

 .get-directions input[type="submit"] {
 	background: url(../images/directions-btn.jpg) no-repeat;
 	width: 60px;
 	height: 61px;
 	padding: 0;
 	margin: 0;
 	border: 0;
 	min-width: 0;
 	position: relative;
 	top: -6px;
 }

 .get-in-touch-widget,
 .we-are-social {
 	padding-bottom: 10px;
 }

 .get-in-touch-widget li,
 .we-are-social li {
 	font-size: 16px;
 	padding: 0 0 10px 45px;
 }

 .get-in-touch-widget li a,
 .we-are-social li a {
 	color: #646464;
 }

 .get-in-touch-widget li i,
 .we-are-social li i {
 	color: #606060;
 	margin-left: -45px;
 	font-size: 16px;
 	width: 18px;
 	text-align: center;
 	float: left;
 }

 .get-in-touch-widget li i.fa-phone,
 .we-are-social li i.fa-phone {
 	font-size: 18px;
 }

 .get-in-touch-widget li i.fa-globe,
 .we-are-social li i.fa-globe {
 	font-size: 20px;
 }

 .get-in-touch-widget li i.fa-clock-o,
 .we-are-social li i.fa-clock-o {
 	font-size: 20px;
 }

 .get-in-touch-widget li i.fa-map-marker,
 .we-are-social li i.fa-map-marker {
 	font-size: 21px;
 }

 .get-in-touch-widget.boxed li,
 .we-are-social.boxed li {
 	padding-bottom: 7px;
 	line-height: 30px;
 }

 .get-in-touch-widget.boxed li i,
 .we-are-social.boxed li i {
 	border: 1px solid #bbbbbb;
 	border-radius: 3px;
 	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
 	width: 26px;
 	height: 26px;
 	line-height: 25px;
 	font-size: 16px;
 }

 .get-in-touch-widget.boxed li i.fa-envelope,
 .we-are-social.boxed li i.fa-envelope {
 	font-size: 14px;
 }

 .contact-form2 input[type="text"],
 .contact-form2 input[type="email"] {
 	width: 32.4%;
 }

 .contact-form2 input.last {
 	margin-right: 0;
 }

 .contact-form2 textarea {
 	margin-right: 0;
 	width: 100%
 }


 /*404 error*/

 .error-text {
 	padding: 80px 0;
 	text-align: center;
 }

 .error-text p {
 	font-size: 24px;
 	font-family: 'SourceSansProLight';
 }

 .error-text p span {
 	display: block;
 	padding-bottom: 20px;
 	font-size: 38px;
 	color: #4c4c4c;
 	text-transform: uppercase;
 }

 .error-text p span strong {
 	font-size: 260px;
 	font-family: 'SourceSansProBold';
 	line-height: 200px
 }


 /*shop*/

 .shop-banner {
 	background: url(../images/shop-slider-bg.jpg) no-repeat center top;
 	height: 572px;
 	background-size: cover;
 	text-align: left
 }

 .shop-banner .slider-text {
 	float: left;
 	width: 54%;
 	padding: 105px 0 0;
 }

 .shop-banner .slider-text h1 {
 	font-family: 'SourceSansProLight';
 	margin: 0
 }

 .shop-banner .slider-text p {
 	color: #646464;
 	margin: 10px 0;
 }

 .shop-banner .slider-text ul {
 	padding-bottom: 0;
 }

 .shop-banner .slider-image {
 	float: right;
 	width: 46%;
 	padding: 40px 0 0;
 }

 .shop-banner img {
 	float: right
 }

 .shop-banner .carousel,
 .shop-banner .carousel-inner,
 .shop-banner .carousel-inner .item {
 	height: 572px;
 }

 .shop-banner .carousel .carousel-indicators {
 	bottom: 0;
 	top: auto
 }


 /*review comment*/

 #comments .comment-text {
 	padding-left: 80px;
 }

 #comments .comment-text .meta {
 	margin-bottom: 5px;
 	font-size: 14px;
 }

 #comments .comment-text .description {
 	font-size: 14px;
 }

 #comments .commentlist {
 	padding: 0;
 }

 #comments .commentlist .comment {
 	margin: 0 0 15px;
 }

 #comments .btn-default {
 	margin-bottom: 10px;
 }

 @media screen and (-webkit-min-device-pixel-ratio:0) {
 	.appointment-sec2 {
 		padding: 0 32px 27px
 	}
 }


 /*color switcher*/

 .color-switcher {
 	width: 234px;
 	position: fixed;
 	left: -235px;
 	top: 22%;
 	background: #fff;
 	z-index: 999;
 	padding: 15px 0 5px;
 	-webkit-transition: all 500ms ease;
 	-moz-transition: all 500ms ease;
 	-ms-transition: all 500ms ease;
 	-o-transition: all 500ms ease;
 	transition: all 500ms ease;
 	border: 1px solid #ccc;
 }

 .color-switcher h5 {
 	font-size: 15px;
 	margin-top: 0;
 	padding: 0 20px 0;
 }

 .color-switcher p {
 	padding-bottom: 7px;
 	font-size: 14px;
 	color: #595959;
 	margin-bottom: 0;
 }

 .color-switcher ul {
 	list-style: none;
 	padding: 0;
 }

 .color-switcher ul li {
 	float: left;
 	margin-right: 5px;
 	margin-bottom: 5px;
 }

 .color-switcher ul li a {
 	display: block;
 	width: 24px;
 	height: 24px;
 	outline: none;
 }

 .color-switcher ul li a.blue {
 	background: #1bb1e9;
 }

 .color-switcher ul li a.green {
 	background: #7fc719;
 }

 .color-switcher ul li a.red {
 	background: #e54242;
 }

 .color-switcher ul li a.yellow {
 	background: #ff9c00;
 }

 .color-switcher ul li a.brown {
 	background: #987654;
 }

 .color-switcher ul li a.cyan {
 	background: #1abc9c;
 }

 .color-switcher ul li a.purple {
 	background: #c74a73;
 }

 .color-switcher ul li a.sky-blue {
 	background: #00cdcd;
 }

 .picker_close {
 	width: 40px;
 	height: 40px;
 	position: absolute;
 	right: -44px;
 	top: -1px;
 	border: 1px solid #ccc;
 	text-align: center;
 	background: 5px #fff;
 }

 .picker_close i {
 	font-size: 22px;
 	margin-top: 9px;
 }

 .position {
 	left: 0;
 	-webkit-transition: all 500ms ease;
 	-moz-transition: all 500ms ease;
 	-ms-transition: all 500ms ease;
 	-o-transition: all 500ms ease;
 	transition: all 500ms ease;
 }

 .theme-colours,
 .layouts,
 .backgrounds,
 .choose-header,
 .choose-footer {
 	display: table;
 	padding: 10px 20px 15px;
 	text-align: left;
 	border-top: 1px solid #e1e1e1;
 	width: 100%;
 }

 .layouts a,
 .choose-header a,
 .choose-footer a {
 	display: inline-block;
 	text-align: center;
 	width: 40%;
 	margin: 0 5px 0 0;
 	color: #5d5d5d;
 	font-size: 15px;
 	border: 1px solid #e7e7e7;
 	padding: 5px 7px 2px
 }

 .layouts a:hover,
 .choose-header a:hover,
 .choose-footer a:hover {
 	border: 2px solid #a9a9a9;
 	padding: 4px 5px 1px
 }

 .backgrounds {
 	padding-bottom: 0;
 	margin-bottom: -10px;
 }

 .backgrounds a {
 	width: 24px;
 	height: 24px;
 	float: left;
 	margin: 0 6px 6px 0;
 	border: 1px solid #ccc;
 }

 .backgrounds a#bg-one {
 	background: url(../images/bg1.png);
 }

 .backgrounds a#bg-two {
 	background: url(../images/bg2.png);
 }

 .backgrounds a#bg-three {
 	background: url(../images/bg3.png);
 }

 .backgrounds a#bg-four {
 	background: url(../images/bg4.png);
 }

 .backgrounds a#bg-five {
 	background: url(../images/bg5.png);
 }

 .backgrounds a#bg-six {
 	background: url(../images/bg6.png);
 }

 .backgrounds a#bg-seven {
 	background: url(../images/bg7.png);
 }

 .backgrounds a#bg-eight {
 	background: url(../images/bg8.png);
 }

 .backgrounds a#bg-nine {
 	background: url(../images/bg9.png);
 }

 .backgrounds a#bg-ten {
 	background: url(../images/bg10.png);
 }


 /* overide bootstrap.min.css */

 .navbar-default {
 	background-color: transparent;
 	border-color: #e7e7e7;
 }


 /* In-field label */

 #user-register-form label {
 	top: 7px;
 	left: 9px;
 }

 label[for=edit-pass-pass2] {
 	top: 48px !important;
 }

 .input-group>.input-group-addon>.icon.glyphicon.glyphicon-refresh {
 	width: auto;
 	height: auto;
 	background-color: transparent;
 	display: inline-block;
 	border: none;
 	box-shadow: none;
 	-moz-box-shadow: 0px 0px 0px 1px #787878;
 	-webkit-box-shadow: none;
 	-webkit-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
 }

 .form-item-profile-testprof-field-name-of-colleague-und-0-target-id .input-group-addon,
 .form-item-profile-main-field-hospital-und .input-group-addon {
 	padding: 5px 12px 0;
 }


 /*Profile Page*/

 .view.view-profile-page.view-id-profile_page .views-row {
 	clear: both;
 }

 .view.view-profile-page.view-id-profile_page .views-field.views-field-picture img {
 	width: 100%;
 	height: auto;
 }

 .view.view-profile-page.view-id-profile_page .views-field.views-field-picture {
 	float: left;
 	padding-right: 30px;
 	width: 220px;
 }

 .view.view-profile-page.view-id-profile_page .views-field.views-field-name-1.doctors-detail {
 	float: left;
 	padding-left: 0px !important;
 }

 .view.view-profile-page.view-id-profile_page .views-field.views-field-picture,
 .view.view-profile-page.view-id-profile_page .views-field.views-field-name-1.doctors-detail {
 	padding-bottom: 40px;
 }

 .view.view-profile-page.view-id-profile_page>.text-center {
 	clear: both;
 }


 /*Style page header*/

 .navbar {
 	background: #2B96CC !important;
 	margin-bottom: 0px;
 }

 .navbar-default .navbar-nav>li>a {
 	color: #fff !important;
 }

 .medicom-header {
 	min-height: inherit;
 }

 .thumbnail {
 	border: none;
 	padding-top: 0;
 }

 .thumbnails {
 	list-style: none;
 }


 /*hide register link in bootsrap theme*/

 .hideregister {
 	background-color: #2B96CC !important;
 	padding-bottom: 10px !important;
 }

 a.btn-default.hideregister:hover,
 a.btn-default.hideregister.active-trail.active {
 	background-color: #5bc0de !important;
 }


 /*common room*/

 h1.bordered,
 h2.bordered,
 h3.bordered,
 h4.bordered,
 h5.bordered,
 h6.bordered,
 .h1.bordered,
 .h2.bordered,
 .h3.bordered,
 .h4.bordered,
 .h5.bordered,
 .h6.bordered {
 	background: url(../images/heading-border.png) repeat-x left bottom;
 	padding-bottom: 10px;
 	margin-bottom: 25px;
 }

 h1.light,
 h2.light,
 h3.light,
 h4.light,
 h5.light,
 h6.light,
 .h1.light,
 .h2.light,
 .h3.light,
 .h4.light,
 .h5.light,
 .h6.light {
 	font-family: 'SourceSansProLight';
 }


 /*hide not available in radio buttons*/

 .form-radios .form-disabled {
 	display: none;
 }


 /*hide: more information about text format*/

 #edit-comment-body-und-0-format,
 #edit-field-medical-case-und-0-format,
 .colourfull-row {
 	display: none;
 }

 .menu.nav.navbar-nav.secondary .first.last.expanded.dropdown {
 	padding-bottom: 0;
 }

 .links .comment-reply {
 	position: relative;
 }

 .view.view-custom-user-account-page .views-field.views-field-name.doctors-detail {
 	padding-bottom: 40px;
 }

 .view.view-custom-user-account-page .views-row {
 	clear: both;
 }

 .logged-in .view.view-custom-user-account-page.view-id-custom_user_account_page.view-display-id-page_1.latest-news.team-description {
 	display: none;
 }

 .view.view-custom-user-account-page .views-field.views-field-name.doctors-detail {
 	float: left;
 	padding-left: 0px !important;
 }

 .field-name-field-supporting-media img {
 	margin-top: 25px;
 }


 /*css for login page /users/login and users/doctor-login */

 .page-users.page-users-login .region-content {
 	box-shadow: unset;
 }

 .page-users.page-users-doctor-login .region-content {
 	box-shadow: unset;
 }

 #block-user-login #edit-name,
 #block-user-login #edit-pass {
 	margin-bottom: 10px;
 }


 /*For Media query big screen larger than 1200px*/

 @media (min-width: 1200px) {
 	/*login css start here*/
 	#block-user-login {
 		text-align: center;
 		padding: 0;
 		margin: 0;
 	}
 	#block-user-login .block-title {
 		text-align: center;
 	}
 	.page-users-login .block-title,
 	.page-users-doctor-login .block-title {
 		margin-top: 0;
 		text-align: center;
 	}
 	.page-users-login .first,
 	.page-users-doctor-login .first {
 		margin-right: 40px;
 		float: left;
 	}
 	#block-block-35 {
 		/* change the 35 block number to the newly created for the alternative login message*/
 		text-align: center;
 		margin-top: 30px;
 		font-weight: 500;
 		line-height: 1.1;
 		font-family: "SourceSansProSemibold";
 		font-size: 26px;
 		padding-top: 5px;
 		width: 300px;
 		margin-left: 160px;
 	}
	.page-node-take .main-container.container-fluid {
		margin-left: 30px;
		margin-right: 15px;
		margin-top: 90px;
	}
	#quiz-question-answering-form .omo-3{
		width: 98% !important;
		max-width: 100%;
		max-height: 125px;
		object-fit: cover;
		position: absolute;
		margin-left: 0px;
	}
	.page-node-quiz-results .omo-3, .entity-quiz-result-answer .omo-3 {
		width: 95% !important;
		max-width: 100%;
		max-height: 125px;
		object-fit: cover;
		position: absolute;
		margin-left: 0px;
	}
	.circular-logo {
		height: 170px;
		width: 170px;
		border-radius: 50%;
		position: relative;
		margin-top: 50px;
		margin-left: 7% !important;
		border: 7px solid #FFF;
		z-index: 99;
	}
	.quiz-take-page h4 {
		/* width: 75%; */
		position: relative;
		/* margin-left: 225px !important; */
		margin-top: -73px;
		font-size: 20px;
		font-weight: bold;
		/* background: #4b048c; */
		color: #FFF;
		padding: 5px;
	}
}


/*For media query 

Tablet portrait (768x1024)

and

Small tablet landscape (800x600)*/

@media (max-width: 991px) {
	.page-users-login .block-title,
	.page-users-doctor-login .block-title {
		margin-top: 0px;
		text-align: center;
	}
	.page-users-login .first,
	.page-users-doctor-login .first {
		margin-right: 40px;
		float: left;
	}
	#block-block-35 {
		/* change the 35 block number to the newly created for the alternative login message*/
		text-align: center;
		margin-top: 30px;
		font-weight: 500;
		line-height: 1.1;
		font-family: "SourceSansProSemibold";
		font-size: 26px;
		padding-top: 5px;
		width: 300px;
		margin-left: 25px;
	}
}


/* for media query Small tablet portrait (600x800)*/

@media (max-width: 767px) {
	.page-users-login .block-title,
	.page-users-doctor-login .block-title {
		margin-top: 0px;
		text-align: center;
	}
	.page-users-login .first,
	.page-users-doctor-login .first {
		margin-right: 40px;
		float: left;
	}
	#block-block-35 {
		/* change the 35 block number to the newly created for the alternative login message*/
		text-align: center;
		margin-top: 30px;
		font-weight: 500;
		line-height: 1.1;
		font-family: "SourceSansProSemibold";
		font-size: 26px;
		padding-top: 5px;
		width: 300px;
		margin-left: 160px;
	}
}


/*for media query Mobile portrait (320x480)*/

@media (max-width: 480px) {
	section#tabs .nav-tabs a{
		padding: 16px 0px;
	}
	.main-container.container section.col-sm-9{
		margin-top: 60%;
	}
	.side-bar{
		position: absolute;
		top: 20%;
		width: 100%;
	}
	.page-users-login .block-title,
	.page-users-doctor-login .block-title {
		margin-top: 0px;
		text-align: center;
	}
	.page-users-login .first,
	.page-users-doctor-login .first {
		margin-right: 20px;
		float: left;
	}
	#block-block-35 {
		/* change the 35 block number to the newly created for the alternative login message*/
		text-align: center;
		margin-top: 30px;
		font-weight: 500;
		line-height: 1.1;
		font-family: "SourceSansProSemibold";
		font-size: 26px;
		padding-top: 5px;
		width: 300px;
		margin-left: 0px;
	}
}


/*Add line break*/

.comment .content .field,
.field.field-name-field-text-content.field-type-text-long {
	white-space: pre-line;
}


/*style promoted events block*/

.promoted-events {
	/*float:left;*/
}


/*css for profile page*/


/*.pub-custom-profile img{

  float:left;

  margin: 0;

  border: 4px solid #fff;

    border-radius: 4px;

    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);

    clear:none;}*/


/*  .pub-custom-profile a:link{   

  -moz-user-select: none;

  background-image: none;

  border: 1px solid transparent;

  border-radius: 4px;

  cursor: pointer;

  display: inline-block;

  font-size: 14px;

  font-weight:bolder;

  line-height: 1.42857;

  margin-bottom: 0;

  padding: 6px 12px;

  text-align: center;

  vertical-align: middle;

  white-space: nowrap;

  background-color: #357ebd;

  border-color: #357ebd;

  color:#fff !important;

  }*/


/*a.send-message:hover {

	color:#fff !important;} */


/*.send-message {

	color:#fff;}*/

	.bio-profile .heading {
		margin-left: -230px;
	}


/*  .bio-profile .detail {



    line-height: 1.5;

    }*/


/*.pub-custom-profile .heading {

   font-weight: bolder;

   margin-right:20px;

float: left;

}*/

#block-views-4787f6711efccbe5068bc443a9009441 {
	text-align: center;
	font-size: 15px;
}

.pub-sidebar-profile img {
	float: left;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	border: 4px solid #fff;
}

#block-views-4787f6711efccbe5068bc443a9009441 .block-title {
	font-size: 20px;
	text-align: center;
	margin-top: 10px;
}


/*new from seyi*/

.views-field.views-field-name blockquote.image-field-caption
/*, .views-field-picture*/

{
	display: none;
}

.light {
	line-height: 1.5em;
}

.views-more-link {
	font-size: 1em;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	/*margin-top:20px;*/
	padding-bottom: 10px;
	background-color: #5bc0de;
}

.navbar-default .navbar-nav>li>a:hover {
	/*margin-top:20px;*/
	padding-bottom: 10px;
	background-color: #5bc0de;
	color: #000;
}


/*Style Exposed Find a Colleague Search Box*/


/*for media query Mobile portrait (320x480)*/

.nav>li>a {
	margin-top: 10px;
	padding-bottom: 0;
}


/*.navbar-default .navbar-brand {

margin-top: -5px;

margin-left: -3px;}*/

.region.region-custom-navigation {
	float: right;
	height: 10px;
}

#block-views-exp-user-index-view-2-page {
	margin-top: 50px;
}

#views-exposed-form-user-index-view-2-page {
	margin-left: 13px;
	margin-top: -100px;
}

div#edit-search-api-views-fulltext-wrapper .input-group-addon {
	display: none;
}

#views-exposed-form-user-index-view-2-page .compact-form-label {
	top: 14px;
	color: #3B3B3B;
	font-weight: lighter;
	font-family: Arial, sans-serif;
	font-size: 8px;
	margin-left: 35px;
	margin-right: -10px;
}

#edit-submit-user-index-view-2 {
	margin-left: 182px;
	margin-top: -71px;
	background-color: #5bc0de;
	position: relative;
	border: none;
	padding: 7px;
}

.for-doctors {
	float: left;
	width: 31%;
	padding: 31px 15px 20px;
	min-height: 152px;
	margin: 15px 1% 0;
	position: relative;
	background: #f7f7f7 url(../images/hbb1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.for-consumers {
	margin-top: 0;
	float: left;
	width: 31%;
	padding: 31px 15px 20px;
	min-height: 147px;
	margin: 15px 1% 0;
	position: relative;
	background: #f7f7f7 url(../images/hbb2.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.for-consumers:last-child {
	background: #f7f7f7 url(../images/hbb3.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.menu-top-custom-boot {
	margin-top: 10px;
}

#block-views-exp-user-index-view-2-page .block-configure {
	width: 45px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	text-transform: capitalize;
}

@media (min-width: 320px) {
	.nav>li>a {
		margin-top: 10px;
		padding-bottom: 0;
	}
	.region.region-custom-navigation {
		float: right;
		height: 10px;
	}
	#block-views-exp-user-index-view-2-page {
		margin-top: 50px;
	}
	#views-exposed-form-user-index-view-2-page {
		/*position:absolute;*/
		/*bottom:10%;*/
		margin-left: 13px;
		margin-top: -100px;
	}
	div#edit-search-api-views-fulltext-wrapper .input-group-addon {
		display: none;
	}
	#views-exposed-form-user-index-view-2-page .compact-form-label {
		top: 14px;
		color: #3B3B3B;
		font-weight: lighter;
		font-family: Arial, sans-serif;
		font-size: 8px;
		margin-left: 35px;
		margin-right: -10px;
	}
	#edit-submit-user-index-view-2 {
		margin-left: 182px;
		margin-top: -71px;
		background-color: #5bc0de;
		position: relative;
		border: none;
		padding: 7px;
	}
	.findLayoutLeftPart .makeAppointment {
		display: inline-block;
		width: 31%;
		margin-left: 1%;
		border-left: 1px solid #ddd;
		padding: 41px 20px 41px 42px;
		float: right;
	}
	.menu-top-custom-boot {
		margin-top: 10px;
	}
	#block-views-exp-user-index-view-2-page .block-configure {
		width: 45px;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	.h1,
	.h2,
	.h3,
	.h4,
	.h5,
	.h6 {
		text-transform: capitalize;
	}
}

@media (min-width: 480px) {
	.navbar-default .navbar-brand {
		margin-top: -62px;
	}
	.region.region-custom-navigation {
		float: right;
		height: 10px;
	}
	#views-exposed-form-user-index-view-2-page .views-exposed-form .views-exposed-widget/*#edit-submit-user-index-view-2.form-submit*/
	{
		/*// float: left;*/
		padding: 0;
		width: 40%;
		margin-right: -50px;
	}
	#views-exposed-form-user-index-view-2-page {
		margin-left: 10px;
		margin-top: -100px;
	}
	.page-find #edit-search-api-views-fulltext {
		margin-top: -10px;
		width: 350px;
		margin-left: 40px;
		margin-right: 5px;
	}
	#edit-submit-user-index-view-2 {
		margin-left: 220px;
		/* //margin-top: 10px;*/
	}
}

@media (min-width: 768px) {
	.navbar-nav {
		margin-top: -60px !important;
	}
	.navbar-collapse {
		padding-right: 0px !important;
	}
	.navbar-default .navbar-nav>li>a {
		padding-right: 5px;
		padding-left: 5px;
	}
	.navbar-default .navbar-brand {
		margin-top: -5px;
	}
	.region.region-custom-navigation {
		float: right;
		height: 10px;
	}
	#views-exposed-form-user-index-view-2-page {
		margin-top: -52px;
	}
	#views-exposed-form-user-index-view-2-page .views-exposed-form .views-exposed-widget {
		margin-right: 30px;
		padding: 0;
		width: auto;
	}
	#views-exposed-form-user-index-view-2-page .compact-form-label {
		top: 11px;
		font-size: 12px;
		margin-left: -8px;
		margin-right: 30px;
	}
	#edit-submit-user-index-view-2 {
		margin-left: -75px;
		margin-top: 10px;
		background-color: #5bc0de;
		position: relative;
		border: none;
		padding: 7px;
	}
}

@media (min-width: 980px) {
	.navbar .menu.nav.navbar-nav {
		/* margin-top: 1px !important;*/
	}
	.navbar-collapse {
		margin-top: -5px !important;
	}
	#views-exposed-form-user-index-view-2-page .compact-form-label {
		top: 20px;
	}
	#edit-submit-user-index-view-2 {
		margin-top: 20px;
	}
}

@media (min-width: 992px) {
	.nav>li>a {
		margin-top: 10px;
		padding-bottom: 0;
	}
	.navbar-default .navbar-brand {
		margin-top: 7px;
	}
	.region.region-custom-navigation {
		float: right;
	}
	#block-views-exp-user-index-view-2-page {
		margin-top: 50px;
	}
	#views-exposed-form-user-index-view-2-page {
		/*position:absolute;*/
		/*bottom:10%;*/
		margin-left: 100px;
		margin-top: -48px;
	}
	div#edit-search-api-views-fulltext-wrapper .input-group-addon {
		display: none;
	}
	#views-exposed-form-user-index-view-2-page .compact-form-label {
		top: 17px !important;
		color: #3B3B3B;
		font-weight: lighter !important;
		font-family: Arial, sans-serif;
		font-size: 12px;
	}
	#edit-submit-user-index-view-2 {
		margin-left: 20px;
		margin-top: 10px;
		background-color: #5bc0de;
	}
	.menu-top-custom-boot {
		margin-top: 10px;
	}
	#block-views-exp-user-index-view-2-page .block-configure {
		width: 45px;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	.h1,
	.h2,
	.h3,
	.h4,
	.h5,
	.h6 {
		text-transform: capitalize !important;
	}
}

@media (min-width: 1280px) {
	.navbar-collapse {
		padding-right: 30px;
	}
	#edit-submit-user-index-view-2 {
		margin-top: 15px;
	}
}

.menu-top-custom-boot {
	margin-top: 10px;
}

.nav>li>a {
	margin-top: 10px;
	padding-bottom: 0;
}

.umy {
	margin-top: 10px;
	margin-bottom: 20px;
	clear: left;
}

.umy img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	clear: both;
}

.refer-patient,
.user-buttons {
	-moz-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 6px 12px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #428bca;
	border-color: #357ebd;
}

.refer-patient,
.refer-patient:hover,
.user-buttons,
.user-buttons:hover,
#privatemsg-new #edit-submit {
	color: #FFF;
}

#privatemsg-new .form-item-recipient,
#privatemsg-new #edit-body-format,
.page-messages-new .page-header {
	display: none;
}

.view-id-private_message_full_name img {
	float: left;
	margin: auto 20px 20px auto;
}


/*new from niyi*/

.navbar-right {
	float: inherit!important;
}

.navbar-nav {
	float: right!important;
}

a.menu-full-name:hover {
	padding-bottom: 0px !important;
	background-color: transparent !important;
}


/*Style Private Message Page*/

#privatemsg-new #edit-field-pm-supporting-image-und-0-upload {
	/*margin-bottom: 10px;*/
}

#privatemsg-new #edit-submit {
	/* margin-left: 0;*/
}


/*Style /Messages Page*/

.page-messages i.icon.glyphicon.glyphicon-plus {
	display: none;
}

.page-messages a.btn.btn-xs.btn-success {
	display: none;
}

form#privatemsg-list div.container-inline * {
	margin: 0 0 20px 0;
}

tr.privatemsg-unread {
	background-color: #f5f5dc;
}

.privatemsg-unread .privatemsg-list-subject .marker {
	color: red;
}


/* Style Invite form*/

form#invite-form #edit-email {
	height: 40px !important;
}


/*Introduce space below each advert banner*/

.simplead-container.image-ad {
	margin-bottom: 15px;
}

.node-type-blogger .user-picture {
	display: none;
}


/*override bootstrap update*/

.icon {
	height: auto;
	background-color: #2B96CC;
	border: none;
	margin-bottom: auto;
}

.forum-post-panel-sub {
	display: table;
	margin: auto;
}

.node-webform img.img-responsive {
	display: none !important;
}

.webform-client-form .year {
	position: inherit;
	margin-top: 10px;
	font-size: 14px;
	font-family: inherit;
}

.webform-client-form .day {
	color: inherit;
	font-size: 14px;
	font-weight: 900;
	line-height: 44px;
	margin: 0;
	margin-bottom: 10px;
	font-family: inherit;
}

.webform-component-time.webform-component--time-of-appointment .webform-container-inline div.form-item {
	display: inline-block;
}

.form-item.form-item-submitted-time-of-appointment-ampm.form-type-radio.radio+.radio {
	margin-top: -10px;
}

div#edit-submitted-time-of-appointment-ampm {
	margin-left: 25px;
}


/*Fix issue after creating logged in user profile block*/

.logged-in .view.view-custom-user-account-page.view-id-custom_user_account_page.view-display-id-page_1.latest-news.team-description.view-dom-id-2ad89fa310f7621313e934911376b0b9 {
	display: none !important;
}

.logged-in .view.view-custom-user-account-page.view-id-custom_user_account_page.view-display-id-default {
	display: none;
}

.logged-in.one-sidebar.sidebar-second.page-user.page-user- .page-header {
	display: none;
}

.logged-in.one-sidebar.sidebar-second.page-user.page-user-.page-user-edit .page-header {
	display: block;
}

.logged-in .view-dom-id-223363ca8bc715b72b0ba8446ae85634 {
	display: none;
}

.logged-in .view-dom-id-b400bf0747364bfc97a48ed0ba191112 .view-content .pub-custom-profile {
	display: none;
}


/*Block below top menu*/

section#block-block-52 {
	margin-top: -20px;
	background-color: #5bc0de;
	height: 27px;
	text-align: center;
}

.mobile-row {
	margin-top: 3px;
}

.mobile-row a {
	color: white;
	text-decoration: none;
}

.list-biodata {
	width: 70%;
	float: left;
	overflow: hidden;
}


/*Hide on Mobile*/

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
	section#block-block-52,
	#quicktabs-upcoming_events {
		display: none;
	}
	.commonroom-case .flowplayer,
	.field-name-field-upload-video .flowplayer5-player {
		width: 280px !important;
	}
	.commonroom-case .flowplayer {
		margin-left: -5px;
	}
	.page-header {
		font-size: 20px;
	}
	.home_bottom_search .container {
		width: 100% !important;
		padding: 0;
		margin: 0 auto;
	}
	section#block-block-18,
	section#block-block-19,
	section#block-block-20,
	section#block-block-21 {
		display: none;
	}
}

.view-id-custom_user_account_page.view-display-id-block_9 .field-content .light {
	float: left;
}

.node-custom-quiz button.webform-submit.button-primary.btn.btn-primary.form-submit {
	margin-bottom: 20px;
}

.node-custom-quiz button.webform-submit.button-primary.btn.btn-default.form-submit {
	margin-bottom: 20px;
}

button.webform-submit.button-primary.btn.btn-default.form-submit {
	color: #fff;
	background-color: #428bca;
	border-color: #357ebd;
}


/* style for find dokilink --seyi */


/*Styling for Calendar*/

.view-find-a-doctor .views-field-name {
	float: left;
	width: 100%;
}

.view-find-a-doctor .views-field-nothing-1 {
	float: left;
	width: 55%;
}

.booking-calendar .panel-body {
	display: none;
}

.view-find-a-doctor .views-row {
	clear: both;
	border-bottom: 1px solid #dfdfdf;
	float: left;
	width: 100%;
	padding: 10px 0;
}

ul.pager {
	margin: 0 !important;
}

.view .date-nav-wrapper .date-prev {
	right: auto !important;
	left: 0 !important;
	padding: 0 !important;
	background: no-repeat;
}

.view .date-nav-wrapper .date-next {
	padding: 0 !important;
	background: no-repeat;
}

.view .date-nav-wrapper .date-prev a,
.view .date-nav-wrapper .date-next a {
	margin: 0 !important;
}

.calendar-item-unavailable {
	display: block !important;
}

.view-bt-schedule table tbody,
.view-bt-schedule table thead {
	display: block;
}

.view-bt-schedule table tbody {
	overflow: auto;
	height: 200px;
}

.view-bt-schedule th,
.view-bt-schedule td {
	width: 55px !important;
}

.calendar-calendar td.calendar-agenda-items.calendar-item-green-box {
	background: #357ebd !important;
}

.green-box-info-pay-box {
	display: none;
}

.page-user th.calendar-agenda-hour {
	width: 65px !important;
}

.page-user th.days {
	width: 109px !important;
}

.page-user .view-bt-schedule table tbody,
.page-user .view-bt-schedule table thead {
	display: block;
}

.page-user .view-bt-schedule table tbody {
	overflow: auto;
	height: 400px;
}

.page-user .view-bt-schedule th {
	width: 101px !important;
}

.page-user .view-bt-schedule td {
	width: 109px !important;
}

@media (max-width: 414px) {
	.page-find .view-bt-schedule th,
	.page-find .view-bt-schedule td {
		width: 50px !important;
		font-size: 10px;
	}
	.page-find div.calendar-calendar span.day-num {
		padding-left: 0 !important;
	}
}

@media (max-width: 360px) {
	.page-find .view-bt-schedule th,
	.page-find .view-bt-schedule td {
		width: 38px !important;
		font-size: 10px;
	}
	.page-find div.calendar-calendar span.day-num {
		padding-left: 0 !important;
	}
}

@media (max-width: 320px) {
	.page-find .view-bt-schedule th,
	.page-find .view-bt-schedule td {
		width: 32px !important;
		font-size: 10px;
	}
	.page-find div.calendar-calendar span.day-num {
		padding-left: 0 !important;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
	.view-find-a-doctor .views-field-name {
		float: none;
	}
	.view-find-a-doctor .views-field-nothing-1 {
		width: 100%
	}
	.views-field.views-field-name {
		/*padding: 30px 0 0 15px;*/
		width: 100%;
	}
	/*.views-field.views-field-name.pub-custom-profile {

  float:right;

  padding-top:0;

  min-width: 320px;

  }*/
  .view-find-a-doctor .date-heading {
  	/* display: none; */
  	font-size: 7px;
  }
}

#block-webform-client-block-54688 h2.block-title {
	font-family: open sans;
	margin-bottom: 15px;
	font-weight: 600;
	color: #36B6F6;
	margin-top: 9px;
	font-size: 20px;
}


/*Rule 2*/

#views-exposed-form-find-a-doctor-page-1 {
	/*background: #fff;

    margin-top: -130px;

    z-index: 20;

    position: relative;

    width: 100%;

    padding: 20px;

   left: 50%;

    margin-left: auto;

    margin-right:auto;

    max-width: 1000px;*/
}

footer h4 {
	font-family: open sans;
	margin-bottom: 30px;
	font-weight: 600;
}

.front .md-mainimg img {
	width: 100% !important;
}


/*edited by seyi change from 33 to 28 */

.front .service-box {
	width: 33%;
}

.front .service-box.one {
	margin-left: 0.5%;
}


/*edited by seyi change from 250 to 350 */

.front .testimonials {
	margin-top: 350px;
	height: 50px;
	padding-top: 20px;
	padding-left: 20px;
}

li.leaf.doki-menu {
	margin-top: 15px;
}

.navbar-default .navbar-nav>li>a:hover {
	padding-bottom: 0;
	background-color: #fff;
	color: #000;
}

.navbar-default .navbar-nav>li>a {
	color: #2B96CC !important;
	padding-top: 0px;
}

.service-box {
	border-top: 2px solid #2B96CC;
	border-bottom: 2px solid #2B96CC;
	/*margin: 20px 35px -25px 35px;*/
	padding: 20px;
}

.service-box.two {
	border-right: 1px solid #2B96CC !important;
	border-left: 1px solid #2B96CC !important;
}

body .testimonials {
	color: #fff;
	text-align: center;
}

.service-box.two {
	postion: relative;
}

#views-exposed-form-find-a-doctor-page-1 .btn-default {
	color: #fff;
}

.md-object.md-layer-1-2-0.find-text.keep {
	margin-bottom: 20px;
}

@media (max-width: 800px) {
	.tb-megamenu .mega-inner {
		float: right;
		background-color: #fff;
		border: 4px solid #fff;
		border-radius: 4px;
		box-shadow: 0 1px 4px rgba(70, 116, 8, 0.8);
	}
	tb-megamenu {
		margin-top: 20px;
	}
	.fa-search:before {
		color: #000;
	}
	.tb-megamenu::before,
	.tb-megamenu::after {
		margin-left: 40px;
		margin-top: 5px;
	}
	.navbar-header img {
		width: 150px;
	}
	.tb-megamenu .nav-collapse .nav>li>a,
	.tb-megamenu .nav-collapse .dropdown-menu a {
		display: none;
	}
	.tb-megamenu #edit-submit-find-a-doctor {
		min-width: 220px;
	}
	.tb-megamenu textarea,
	.tb-megamenu input[type="text"],
	.tb-megamenu input[type="password"],
	.tb-megamenu input[type="datetime"],
	.tb-megamenu input[type="datetime-local"],
	.tb-megamenu input[type="date"],
	.tb-megamenu input[type="month"],
	.tb-megamenu input[type="time"],
	.tb-megamenu input[type="week"],
	.tb-megamenu input[type="number"],
	.tb-megamenu input[type="email"],
	.tb-megamenu input[type="url"],
	.tb-megamenu input[type="search"],
	.tb-megamenu input[type="tel"],
	.tb-megamenu input[type="color"],
	.tb-megamenu .uneditable-input {
		width: 220px;
	}
	.tb-megamenu.tb-megamenu-menu-search {
		display: none;
	}
}

#block-menu-menu-search-menu {
	display: none;
}

@media (min-width: 480px) {
	section#block-tb-megamenu-menu-search-menu {
		display: none;
	}
	section#block-views-exp-find-a-doctor-page-2 {
		display: none;
	}
}

#facetapi-facet-search-apiuser-index-2-block-profile-mainfield-specialty-one {
	margin-left: -40px;
}

#facetapi-facet-search-apiuser-index-2-block-profile-mainfield-list-state {
	margin-left: -40px !important;
}

.refer-patient {
	float: right;
	margin-right: 100px;
	margin-top: -20px;
}


/*edit by Niyi */

.page-find .icon {
	float: left;
	margin: -16px 20px 10px 0;
	border: 2px solid #000;
}

.view-find-a-doctor .views-field.views-field-name {
	padding: 30px;
}

.umy img {
	float: left;
	/* edited by Niyi margin-right: 10px;*/
	margin-bottom: 0px;
	clear: both;
	box-shadow: -5px 2px 12px #2D2D2D;
}

.img-responsive {}

.umy .img-responsive {
	border-radius: 50px;
}

.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style: none;
	background-color: #f5f5f5;
	border-radius: 4px;
	/*display: none !important;*/
}

.jumbotron {
	background-color: #fff;
}

.highlighted.jumbotron {
	background: #fff;
}

.page-find #views-exposed-form-find-a-doctor-page-1 {
	margin-top: 0;
	/* background: #e2e2e2;

    

    z-index: 20;

    position: relative;

    width: 100%;

    padding: 20px;

    left: 50%;

   margin-left: auto;

    margin-right:auto;

    box-shadow: 2px 2px 5px #ddd;

    max-width: 1170px;*/
}

.current-search-item.current-search-item-active.current-search-item-active-items {
	text-align: right;
	margin-top: -50px;
	width: 650px;
}

.page-find #views-exposed-form-find-a-doctor-page-1 label {
	margin-top: 7px !important;
}

.page-find .region.region-highlighted {
	margin-top: -68px;
}


/*Make Header mobile (not fixed) on search pages*/


/*.fixed-header .medicom-header {

    position: absolute;

    }*/

    @media (min-width: 480px) {
    	.page-find #views-exposed-form-find-a-doctor-page-1 label {
    		display: none;
    	}
    }

    @media (min-width: 768px) {
    	.page-find #views-exposed-form-find-a-doctor-page-1 #edit-profile-main-field-specialty-one-wrapper {
    		max-width: 150px;
    	}
    	.page-find div#edit-profile-main-field-list-state-wrapper {
    		max-width: 140px;
    		/*padding-right:7px;*/
    	}
    	.page-find #edit-search-api-views-fulltext {
    		max-width: 250px;
    	}
    	.page-find .views-exposed-widget.views-submit-button {
    		/*margin-top: -25px;*/
    	}
    }

    @media (min-width: 992px) {
    	.page-find #edit-search-api-views-fulltext {
    		min-width: 255px;
    		max-width: 260px;
    		margin-top: 0px;
    	}
    	.page-find #views-exposed-form-find-a-doctor-page-1 #edit-profile-main-field-specialty-one-wrapper {
    		max-width: 300px;
    	}
    	#edit-profile-main-field-specialty-one {
		/*width: 100%;

    min-width: 289px;

    max-width: 300px;*/
}
.page-find #edit-profile-main-field-list-state {
	min-width: 265px;
	max-width: 270px;
	/*padding-right:7px;*/
}
.page-find .views-exposed-widget.views-submit-button {
	/*margin-top: -25px;*/
}
.view-find-a-doctor .views-field-nothing-1 {
	float: left;
	width: 55%;
	padding-top: 29px;
}
.page-find #edit-submit {
	background: #428BCA;
}
}

form#book-appointment-node-form .field-type-text {
	margin-left: 15px;
	margin-right: 15px;
}

form#book-appointment-node-form .field-type-email {
	margin-left: 15px;
	margin-right: 15px;
}

form#book-appointment-node-form .field-type-text-long {
	margin-left: 15px;
	margin-right: 15px;
}

form#book-appointment-node-form .field-type-list-text {
	margin-left: 15px;
	margin-right: 15px;
}

@media (min-width: 480px) {
	/*section#block-block-53 {

display:none;

}*/
section#block-block-54 {
	display: none;
}
}

@media (min-width: 992px) {
	.front section#block-md-slider-md-slider-54fd9dccc1931 {
		margin-top: 55px;
	}
	.front #edit-profile-main-field-specialty-one {
		width: 100%;
		min-width: 289px;
		max-width: 300px;
	}
	.front div#edit-profile-main-field-list-state-wrapper {
		/*min-width:265px;

		max-width:270px;*/
		/*padding-right:7px;*/
	}
	.front .views-exposed-widget.views-submit-button {
		margin-top: -25px;
	}
}


/* Portrait and Landscape */

#edit-book-price {
	display: none;
}

#edit-duration {
	display: none;
}

.form-item.form-item-field-bt-ct-ref-1-und.form-type-select.form-disabled.form-group {
	display: none;
}

.form-item.form-item-field-bt-ct-ref-2-und.form-type-select.form-disabled.form-group {
	display: none;
}

.form-item.form-item-field-bt-number-of-people-und-0-value.form-type-textfield.form-group {
	display: none;
}

.container-inline-date #edit-slot-time.date-padding {
	float: none;
}

#booking-timeslots-booking-form button#edit-submit {
	background-color: #428BCA;
	color: white;
}

.not-front section#block-views-b18e820bc4bc79459705733cd8260c4f {
	margin-top: 250px;
}


/* Portrait and Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
	.not-front .md-mainimg {
		display: none;
	}
	.not-front section#block-views-exp-find-a-doctor-page-1 {
		/*  display:none;*/
	}
	.not-front .region.region-header {
		/*margin-top: 100px;*/
	}
	.not-front .tb-megamenu .nav-collapse {
		background: none;
	}
	.not-front #views-exposed-form-find-a-doctor-page-2 label {
		margin-top: 16px;
		margin-left: 11px;
		z-index: 1;
		font-weight: inherit;
		font-size: 14px;
		font-family: inherit;
	}
	.not-front #views-exposed-form-find-a-doctor-page-2 label {
		position: absolute;
	}
	.not-front div#edit-search-api-views-fulltext-wrapper .input-group {
		display: block;
	}
	.not-front div#edit-profile-main-field-specialty-one-wrapper {
		float: none;
		padding: 0;
	}
	.not-front #edit-profile-main-field-specialty-one {
		width: 100%;
		max-width: 300px;
		background: #fff;
		border-radius: 0px;
		height: 50px;
	}
	.not-front div#edit-profile-main-field-list-state-wrapper {
		float: none;
		padding: 0;
	}
	.not-front #edit-profile-main-field-list-state {
		width: 100%;
		max-width: 300px;
		background: #fff;
		border-radius: 0px;
		height: 50px;
	}
	.not-front #views-exposed-form-find-a-doctor-page-1 .views-exposed-widget.views-submit-button,
	#views-exposed-form-find-a-doctor-page-2 .views-exposed-widget.views-submit-button {
		float: none;
		padding: 0;
	}
	.not-front #edit-submit-find-a-doctor {
		/* width: 100%;

    max-width: 300px;

    padding:0;

    height:50px;*/
}
.not-front #edit-submit-find-a-doctor .tb-megamenu .btn:hover {
	background-color: #428BCA !important;
	background-image: linear-gradient(to bottom, #428BCA, #428BCA) !important;
	color: #fff !important;
}
/*Hide Specialty facet, State facet and Current Search block on Mobile*/
section#block-facetapi-jpm84kkj0slx5dvjjqqzjv5dtsrfeibs,
section#block-facetapi-qjw18vuahbwleev7defjz452ylzdq2xx,
section#block-current-search-standard {
	display: none;
}
.refer-patient {
	float: right;
	margin-right: 10px;
	margin-top: 0px;
	padding: 10px;
	color: #fff;
	background-color: #428BCA !important;
	border-color: #357ebd;
}
.pub-sidebar-profile img {
	float: left;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	border: 4px solid #fff;
	border-radius: 40px;
}
.not-front #edit-submit-find-a-doctor {
	/* min-width: 240px;*/
}
.input-group {
	min-width: 240px;
	margin-bottom: 20px;
}
.not-front .form-item.form-item-profile-main-field-specialty-one.form-type-select.form-group {
	min-width: 240px;
	margin-bottom: 20px;
}
.not-front .form-item.form-item-profile-main-field-list-state.form-type-select.form-group {
	min-width: 240px;
	margin-bottom: 20px;
}
}

.not-front .region.region-header {
	/*margin-top: 100px;*/
}

@media (min-width: 1200px) {
	.page-questions .container,
	.node-type-answers-question .container {
		margin-top: 100px;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
	.page-questions .container {
		margin-top: 100px;
	}
	.node-type-answers-question .container {
		margin-top: 100px;
	}
}

.page-hospital .navbar,
.page-hospital .breadcrumb,
.page-aboutus .navbar,
.page-aboutus .breadcrumb {
	display: none;
}

.node-type-hospital .fixed-header .medicom-header .navbar,
.node-type-hospital .breadcrumb {
	display: none;
}

.node-type-hospital .container {
	margin-top: 0;
}

.node-hospital .field-name-opening-hours-week.field-type-text.field-label-above {
	display: none;
}

.node-hospital .submitted-by {
	display: none;
}

.page-hospital .container {
	margin-top: 0;
}

.page-aboutus .container {
	margin-top: 0;
}

.page-hospital .region.region-content {
	box-shadow: none;
}

.page-hospital .field-content .light,
.page-node-week .field-content .light,
.page-aboutus .field-content .light {
	margin-bottom: 0px;
}

.view-dom-id-clone_of_custom_user_account_page-block_9 h2.light.bordered {
	margin-bottom: 0;
}

.view-dom-id-clone_of_custom_user_account_page-block_7 h2.light.bordered {
	margin-bottom: 0;
}

.view-id-clone_of_custom_user_account_page.latest-news .view-header h2 {
	text-align: center;
}

.view-dom-id-clone_of_custom_user_account_page-block_6 .container {
	margin-top: 0;
}


/*.latest-news {

   padding-top: 0;

   }*/

   .page-node-week .navbar,
   .page-node-week .breadcrumb,
   .page-node-week .nav-tabs,
   .node-type-hospital .nav-tabs {
   	display: none;
   }

   .page-node-week .container {
   	margin-top: 0;
   }

   .page-node-week fieldset .panel-body {
   	display: none;
   }

   .hospital-banner img.img-responsive {
   	height: 320px;
   }

   a.service-link {
   	border: ridge;
   	margin: 5px;
   	float: left;
   	padding: 30px 5px 30px 5px;
   	background-color: honeydew;
   	width: 150px;
   	height: 100px;
   	text-align: center;
   }

   nav.nav-sidebar.booking-nav a {
   	color: black;
   	padding: 0;
   }

   @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
   	.hospital-logo.field-content img {
   		width: 100px;
   	}
   	.page-node-week .view .date-nav-wrapper .date-heading h3 {
   		font-size: 14px;
   	}
   	.view-dom-id-clone_of_custom_user_account_page-block_6 .container {
   		margin-top: -50px;
   		float: right;
   	}
   	.view-dom-id-clone_of_custom_user_account_page-block_10 .container {
   		margin-top: -50px;
   		float: right;
   	}
   	.booking-nav ul.nav.tabs a {
   		margin: 10px;
   	}
   	li.active.booking-nav-one {
   		float: left;
   	}
   	li.booking-nav-two {
   		float: right;
   	}
   	.page-hospital .col-sm-6 .region.region-content {
   		margin-bottom: 200px;
   	}
   	.page-hospital .region.region-sidebar-second {
   		margin-top: 50px;
   	}
   	.page-hospital .views-row-last .service-link {
   		margin-bottom: 70px;
   	}
   	/* Styling of Calendar */
   	.page-node-week .view-bt-schedule table tbody,
   	.page-node-week .view-bt-schedule table thead {
   		display: block;
   	}
   	.page-node-week div.calendar-calendar span.day-num {
   		padding-left: 0 !important;
   	}
   	.page-node-week .view-bt-schedule th,
   	.page-node-week .view-bt-schedule td {
   		width: 38px !important;
   		font-size: 10px;
   	}
   	.page-node-week .view-bt-schedule table tbody {
   		overflow: auto;
   		height: 200px;
   	}
   }

   @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
   	/* Styling of Calendar */
   	.page-profile .view .date-nav-wrapper .date-heading h3 {
   		font-size: 12px;
   	}
   	.page-profile .view-bt-schedule table tbody,
   	.page-profile .view-bt-schedule table thead {
   		display: block;
   	}
   	.page-profile div.calendar-calendar span.day-num {
   		padding-left: 0 !important;
   	}
   	.page-profile .view-bt-schedule th,
   	.page-profile .view-bt-schedule td {
   		width: 38px !important;
   		font-size: 10px;
   	}
   	.page-profile .view-bt-schedule table tbody {
   		overflow: auto;
   		height: 200px;
   	}
   	div.main-container.container element.style {
   		padding-top: 0 !important;
   	}
   }

   .page-profile fieldset .panel-body {
   	display: none;
   }


/** 

CSS for top margin */

.page-node-add-answers-question .container {
	margin-top: 120px;
}

.view-id-booking_page {
	margin-top: 120px;
}

.view-find-a-doctor .views-row {
	border-bottom: none;
}


/* find dokilink style end */


/* FRONT PAGE STYLING */

.navbar {
	background: #ffffff !important;
}


/* top */

.navbar-brand img {
	height: 40px;
}

.home_bottom_search .views-exposed-form {
	width: 625px;
	padding: 0;
	margin: 0 auto;
}

.for-app-button {
	position: fixed;
	right: -71px;
	top: 45%;
	margin-top: 50px;
	letter-spacing: 1px;
	font-weight: bolder;
	font-size: 16px;
	padding: 0;
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	z-index: 100;
}

.for-app-button a {
	background-image: url(../images/appo-icon.png);
	color: #fff;
	background-repeat: no-repeat;
	padding: 13px 14px 13px 40px;
	background-color: #0093cb;
	background-position: 16px 10px;
	border: 1px solid #73cde1;
	border-bottom: 0;
	border-radius: 2px 2px 0 0;
}

.for-app-button a:hover {
	text-decoration: none!important;
}

.form-item.form-item-field-dr-consumer-role-und.form-type-radio.radio {
	float: left;
	width: 40%;
}

.form-item.form-item-field-dr-consumer-role-und.form-type-radio.radio:last-child {
	float: left;
	width: 100%;
}

.for-social-link {
	position: fixed;
	left: 0;
	top: 36%;
	-webkit-transition: all 250ms;
	-moz-transition: all 250ms;
	transition: all 250ms;
	z-index: 100;
}

.radio+.radio,
.checkbox+.checkbox {
	margin-top: 0;
}

.navbar {
	background: #fff!important;
	margin: 0 auto;
	border: 0;
}

.front .bottom-front-search {
	margin: 0 auto;
	padding-top: 0;
	width: 100%;
	float: inherit;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
	#block-block-26 {
		display: none;
	}
	.for-all {
		margin-left: 0;
		float: left;
		padding-bottom: 40px;
	}
	.for-doctors {
		float: left;
		width: 100%;
		padding: 31px 19px 20px;
		min-height: 147px;
	}
	.for-consumers {
		width: 100%;
		margin: 10px 0 0;
	}
	.home_bottom_search .container {
		width: 100% !important;
		padding: 0;
		margin: 0 auto;
	}
	#user-register-form .btn-default {
		color: #ffffff !important;
		background-color: #fa6b3a !important;
		border-color: #fa5c25 !important;
		position: relative;
		padding: 10px 23px;
		right: 0;
		font-size: 18px;
		bottom: 0px;
		margin: 0px 0 0 15px;
	}
	.home_bottom_search .views-exposed-form .views-exposed-widget {
		float: left;
		padding: .5em 0em 0 0 !important;
		margin-right: 0px !important;
		width: 100%;
	}
	.form-item.form-item-field-dr-consumer-role-und.form-type-radio.radio {
		float: left;
		width: 100%;
	}
	.register_div #edit-field-dr-consumer-role {
		float: left;
		width: 100%;
		margin-left: 0;
		padding: 0px;
	}
	.extra-login-link {
		float: left;
		color: #fff;
		text-transform: capitalize;
		padding: 0 15px;
	}
	.for-social-link {
		display: none;
	}
	.register_div #edit-actions {
		text-align: left;
		margin-top: 20px;
		width: 100%;
		float: right;
		margin-right: 0;
	}
	.region-content {
		border: 0 solid #fff;
		box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
	}
	.front-register-login-con {
		border: 20px solid #fff;
		margin-left: 15px;
	}
	.modal-content {
		text-align: left;
	}
	.bottom-front-login {
		text-align: center;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.front .views-exposed-widgets.clearfix {
		margin-left: 0px;
		margin-top: 0px;
	}
	.home_bottom_search .views-exposed-form {
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	.navbar {
		background: #ffffff !important;
		max-width: 100%;
		margin: 0 auto;
		border: 0;
	}
	.front #edit-profile-main-field-list-state,
	.front #edit-submit-find-a-doctor {
		width: 100%;
		margin-top: 8px;
	}
	.home_bottom_search {
		padding: 20px 0 0px 0;
	}
	.front #edit-submit-find-a-doctor {
		color: #fff;
		background-color: #428bca;
	}
	.front-login-button a:link,
	.front-login-button a:hover {
		text-decoration: none;
		color: #fff;
		font-size: 1.2em;
		background-color: #428bca !important;
		display: inline-block;
		padding: 6px 12px;
		margin-bottom: 0;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
		vertical-align: middle;
	}
	.front .form-item.form-item-pass-pass1.form-type-password.form-group.col-sm-6.col-md-4.has-feedback {
		margin-left: 1px;
	}
	.front form-item form-item-pass-pass2 form-type-password form-group col-sm-6 col-md-4 has-feedback {
		margin-left: 14px;
	}
	.navbar-default .navbar-toggle {
		margin-right: 10px;
		margin-top: 20px;
	}
	.navbar-default .navbar-nav>li>a {
		margin-right: 0;
		padding-left: 24px;
	}
	.register_div .main-front {
		max-width: 589px;
		margin: 0 auto;
		padding: 0 15px;
	}
	.front .bottom-front-search {
		margin: 0 auto;
		padding: 0 15px;
		width: auto;
		float: left;
	}
	.for-app-button {
		position: fixed;
		right: 0px;
		border-radius: 11px;
		left: 4px;
		float: left;
		top: auto;
		z-index: 9;
		bottom: 13px;
		width: max-content;
		margin-top: 0;
		letter-spacing: 1px;
		font-weight: bolder;
		font-size: 13px;
		padding: 0px;
		-ms-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		transform: rotate(0deg);
	}
	.for-app-button a {
		padding: 12px 9px 12px 34px;
		background-color: #0093cb;
		background-position: 12px 9px;
		border: 1px solid #73cde1;
		border-bottom: 0;
		border-radius: 46px;
		background-size: 17px;
	}
	#block-menu-menu-footer-menu-2 {
		/*margin: 0 auto;

		text-align: center;*/
	}
	#block-menu-menu-footer-menu-2 ul {
		/* padding: 0;

    list-style-type: none;

    margin-bottom: 10px;

    font-size: 14px;

    width: 100%;

    text-align: center;

    margin: 0 auto;

    padding-bottom: 20px;

    padding-top: 10px;*/
}
#block-menu-menu-footer-menu-2 li {
	/*display: inline-block;*/
}
.footer.container .nav>li>a {
		/*position: relative;

    display: block;

    padding: 3px 7px;

    color: #323131;*/
}
.footer.container p {
	/*text-align: center;*/
}
ul.navbar-nav {
	float: left !important;
	position: relative;
	width: 100%;
}
ul.navbar-nav li.first.leaf {
	position: absolute;
	top: -12px;
	left: 9px;
}
ul.navbar-nav li.leaf.phone {
	margin-left: 8px;
}
.findLayoutLeftPart .makeAppointment {
	display: inherit;
	width: 100%;
	margin-left: 0;
	border-left: 0px solid #ddd;
	padding: 15px 0;
	float: left;
}
.list-biodata {
	width: 60%;
	float: left;
	overflow: hidden;
}
.findLayoutLeftPart .dr-info {
	display: inline-block;
	width: 100%;
}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
	/*.view.view-find-a-doctor.view-id-find_a_doctor.view-display-id-page_1.umy.view-dom-id-find_a_doctor-page_1, section#block-views-exp-find-a-doctor-page-4 {



display:none;  

}



.front #edit-profile-main-field-list-state--2-wrapper  {

    width: 85%;

    }*/
}


/* Hide some fiields on user edit page*/

#edit-mimemail,
#edit-contact,
#edit-privatemsg {
	display: none;
}


/*Hide fieldset an Frontpage*/

.main-front #edit-profile-patient,
.main-front #edit-profile-main {
	display: none;
}


/*.front #block-views-exp-find-a-doctor-page-2 h2.block-title {

    font-size: 30px;

    text-align: center;

    }*/

    .front .main-front h1.page-header {
    	text-align: center;
    	font-size: 30px;
    }

    .page-find-mobile .view-bt-schedule th,
    .page-find-mobile .view-bt-schedule td {
    	font-size: 10px;
    }

    .calendar-calendar .week-view .full .calendar-agenda-hour,
    .calendar-calendar .day-view .full .calendar-agenda-hour {
    	padding-right: 25px;
    }

    .page-find-mobile .views-row.views-row-1.views-row-odd.views-row-first {
    	text-align: center;
    }

    .page-find-mobile .fivestar-default {
    	padding-left: 92px;
    }

    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
	/*.view.view-find-a-doctor.view-id-find_a_doctor.view-display-id-page_1.umy.view-dom-id-find_a_doctor-page_1, section#block-views-exp-find-a-doctor-page-4 {

    display: none;

    }*/
    .front #edit-profile-main-field-list-state--2-wrapper {
    	width: 100%;
    }
}


/* Hide some fiields on user edit page*/

#edit-mimemail,
#edit-contact,
#edit-privatemsg {
	display: none;
}

.main-front .breadcrumb {
	display: none;
}

.logged-in .mylivechat_inline.mylivechat_template5 {
	display: none;
}

@media (min-width: 480px) {
	.hide-menu-largescreen {
		display: none !important;
	}
}

.node button#edit-submit,
.node button#edit-submit .icon {
	background-color: #fb6b39;
	-webkit-box-shadow: none;
	border: none;
	font-size: 16px;
	border-radius: none;
	font-weight: 400;
}

.logged-in .forgot-password {
	display: none !important;
}

#block-menu-menu-unconfirmed-doctors {
	text-align: center;
}

.form-type-uc-quantity input#edit-items-0-qty {
	width: 35px;
	padding: 6px 0px;
	text-align: center;
}


/*Check Out page buttons*/

button#edit-checkout--2 {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da;
}

#edit-update span.icon.glyphicon.glyphicon-ok {
	display: none;
}

button#edit-update {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

.uc-cart-checkout-form button#edit-continue {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da;
}

.col-lg-3 {
	width: 100%;
}

.node-webform label.control-label {
	color: #239ecf;
}

.webform-component-fieldset.panel-default>.panel-heading {
	color: white;
	background-color: #239ecf;
	border-color: black;
}

.logged-in #okewa {
	display: none;
}


/*________________________zahid css start_________________________*/

section#tabs nav>.nav.nav-tabs {
	padding: 14px 0;
    border-bottom: 1px solid #44b7e9;
}

section#tabs .nav-tabs a {
	padding: 18px 20px;
	font-size: 16px;
	font-weight: 700;
	color: #0087C1;
	position: relative;
	text-decoration: none;
}

section#tabs .nav-tabs a.active:after {
	content: "";
	position: absolute;
	background: #0087C1;
	width: 70%;
	height: 2px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

section#tabs .nav-tabs a.active {
	color: #0087C1 !important;
}

section#tabs .tab-content .tab-pane {
   padding: 20px 0;
   border-bottom: 1px solid #44b7e9;
}

.view-display-id-block_4 .field-label,
section#tabs .tab-content .tab-pane .content .field-label {
	font-size: 20px;
	font-weight: 600;
	color: #29889F;
}

.view-display-id-block_4 .field-item,
section#tabs .tab-content .tab-pane p,
section#tabs .tab-content .tab-pane p>span,
section#tabs .tab-content .tab-pane .content .field-item {
  font-size: 16px !important;
  color: #29292A !important;
  font-weight: 400;
}

section#tabs .tab-content .tab-pane ul.field-collection-view-links {
  list-style: none;
  padding-left: 0;
}

section#tabs .tab-content .tab-pane ul.field-collection-view-links li {
  display: inline-block;
  margin-right: 10px;
}

section#tabs .tab-content .tab-pane ul.field-collection-view-links li>a {
  font-size: 14px;
  color: #000 !important;
  text-decoration: none;
  font-weight: 600;
  padding: 8px 0px;
}

section#block-views-courses-block-1 h2.block-title {
  padding: 10px;
  border-bottom: 2px solid #ddd;
  font-size: 16px !important;
}

section#block-views-courses-block-1 .view-content .views-row .field-content {
  font-size: 16px;
  cursor: pointer;
  color: #29292A !important;
  margin-bottom: 4px;
  display: block;
}

section#block-views-courses-block-1 .view-content .views-field.views-field-duration>span {
  font-size: 13px;
  color: #7F7E7F;
  display: block;
  width: 100%;
  margin-top: 4px;
}

section#block-views-courses-block-1 .view-content .views-row.expanded .views-field.views-field-duration {
  display: block !important;
  overflow: visible !important;
}

aside.col-sm-3>.region {
  background-color: unset;
}

.footer.footer {
  background-color: #fff;
  padding: 14px 0;
  border-top: 1px solid #ddd;
}

footer.footer p {
  color: #5D5D5C !important;
}

section#block-views-courses-block-1 .view-content h3 {
  font-size: 16px;
  font-weight: 600;
  color: #29292A;
}

section#block-views-courses-block-1 .view-content .views-row .field-content>a {
  color: #29292A;
  font-size: 14px;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
}

section#block-views-courses-block-1 .panel.panel-default {
  border: 0;
  border-color: unset !important;
  border-radius: 0;
  box-shadow: unset;
}

section#block-views-courses-block-1 .panel-default .panel-heading {
  width: 100%;
  background-color: unset !important;
  border: 0 !important;
  border-color: unset !important;
  border-radius: 0 !important;
  padding: 10px 24px !important;
  padding: 10px 0px 10px 20px!important;
  border-top: 1px solid #00A9D4 !important;
  border-bottom: 1px solid #00A9D4 !important;
  margin-bottom: 8px;
}

section#block-views-courses-block-1 .panel-default .panel-heading h4>a.collapsed {
  display: block;
  font-size: 16px;
  position: relative;
  font-weight: 600 !important;
  cursor: pointer;
  color: #29889F !important;
  text-decoration: none;
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
  border-top: unset;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}

.main-container.container section.col-sm-9 {
  padding: 0;
}

.main-container.container aside.col-sm-3 {
  padding: 0;
  z-index: 9999;
}

section#block-views-courses-block-1 .panel-default .panel-heading h4>a.accordion-toggle {
  display: block;
  color: #29889F !important;
  font-size: 16px;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  font-weight: 600 !important;
}

section#block-views-courses-block-1 .view-content .views-row .field-content>a span.file_title {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  color: #29292A;
  font-weight: 600;
}

section#block-views-courses-block-1 .view-content .views-row .field-content>a span.file_size {
  display: block;
  font-size: 12px;
  color: #7F7E7F;
}

section#tabs .tab-content .tab-pane h2 {
  font-size: 20px;
  font-weight: 600;
  color: #29889F !important;
}

.main-container.container section.col-sm-9 .breadcrumb {
  display: none;
}

section#tabs .tab-content .tab-pane ul {
  list-style: none;
  padding-left: 0;
}

section#tabs .tab-content .tab-pane ul li {
  font-size: 14px;
  font-weight: 600;
  color: #29889F;
  padding: 4px 0;
}

section#block-views-courses-block-1 .view-content .views-row.views-row-even {
  background: #d7dadc;
}

.view-display-id-block_4 .views-row {
  border-bottom: 1px dotted #ccc;
  margin-top: 20px;
}

section#block-views-courses-block-1 .panel-group {
  margin-top: 20px;
}

section#block-views-courses-block-1 .panel-default .panel-heading h4>a.collapsed:before {
  content: "";
  width: 13px;
  height: 2px;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  position: absolute;
  background: #FFF;
  border-radius: 3px;
  box-sizing: content-box;
  border: 9px solid #00A9D4;
  border-left: 3px solid #00A9D4;
  border-right: 3px solid #00A9D4;
}

section#block-views-courses-block-1 .panel-default .panel-heading h4.panel-title>a.accordion-toggle:after {
  -o-transform: rotate(0deg)!important;
  -ms-transform: rotate(0deg)!important;
  -moz-transform: rotate(0deg)!important;
  -webkit-transform: rotate(0deg)!important;
  transform: rotate(0deg)!important;
  -o-transition: all ease-in-out .2s;
  -ms-transition: all ease-in-out .2s;
  -moz-transition: all ease-in-out .2s;
  -webkit-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s;
}

section#block-views-courses-block-1 .panel.panel-default .panel-heading h4>a.collapsed:after {
  content: '';
  top: 0;
  bottom: 0;
  right: 13px;
  width: 13px;
  height: 2px;
  margin: auto;
  position: absolute;
  background: #FFF;
  -o-transform: rotate(90deg)!important;
  -ms-transform: rotate(90deg)!important;
  -moz-transform: rotate(90deg)!important;
  -webkit-transform: rotate(90deg)!important;
  transform: rotate(90deg) !important;
  -o-transition: all ease-in-out .2s;
  -ms-transition: all ease-in-out .2s;
  -moz-transition: all ease-in-out .2s;
  -webkit-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s;
}

section#block-views-courses-block-1 .panel-default .panel-heading h4>a.accordion-toggle:before {
  content: "";
  width: 13px;
  height: 2px;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  position: absolute;
  background: #FFF;
  border-radius: 3px;
  box-sizing: content-box;
  border: 9px solid #00A9D4;
  border-left: 3px solid #00A9D4;
  border-right: 3px solid #00A9D4;
}


/*section#block-views-courses-block {
  border-right: 1px solid #ddd;
  }*/

  section#block-views-courses-block-1 .view-content .views-row {
      padding: 10px 24px;
  }


  /*__________________New color scheme for video text start___________________*/

  section#block-views-courses-block-1 .view-content .views-row.views-row-even.active {
      background: #174B69;
  }

  section#block-views-courses-block-1 .view-content .views-row-odd.active {
      background: #174B69;
  }

  section#block-views-courses-block-1 .view-content .views-row .field-content.active span.file_title {
      color: #fc0;
  }

  section#block-views-courses-block-1 .view-content .views-row .field-content.active span.file_size {
      color: #fff;
  }

  section#block-views-courses-block-1 .view-content .views-row.views-row-odd .field-content.active span.file_size {
      color: #fff;
  }

  section#block-views-courses-block-1 .view-content .views-row-odd.active .view-video-viewed-by-current-user span>div>span,
  section#block-views-courses-block-1 .view-content .views-row-even.active .view-video-viewed-by-current-user span>div>span {
      color: #fff;
  }
  section#block-views-courses-block-1 .panel-default .panel-heading + .panel-collapse {
      min-height: 280px;
      max-height: 280px;
      overflow: auto;
  }

  /*__________________New color scheme for video text end___________________*/





  /*__________________New css start for accordian and tabs___________________*/
  .main-container.container aside.col-sm-3 .region {
    background: #F9F9F9 !important;
    min-height: auto;
    padding: 24px 0;
}
.main-container.container aside.col-sm-3 .region {
    overflow-x: hidden;
	top: 0;
    bottom: 0;
    height: fit-content;
}
.main-container.container aside.col-sm-3 .region h2 {
    text-align: center;
    color: #4a4a4c;
}
.main-container.container aside.col-sm-3 .region #accordion .panel {
    border: 0;
    border-radius: 0;
    margin-bottom: 8px;
}
.main-container.container aside.col-sm-3 .region #accordion .panel >.panel-heading {
    background: #0087C1;
    border-radius: 0;
}
.main-container.container aside.col-sm-3 .region #accordion .panel >.panel-heading h4.panel-title {
    color: #fff;
    position: relative;
}
.main-container.container aside.col-sm-3 .region #accordion .panel >.panel-heading h4.panel-title >a {
    display: block;
    width: 100%;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}
.main-container.container aside.col-sm-3 .region #accordion .panel >.panel-heading h4.panel-title >a i.glyphicon {
    float: right;
}
.main-container.container aside.col-sm-3 .region #accordion .panel .panel-body:first-child {
    margin-top: 3px;
}
.main-container.container aside.col-sm-3 .region #accordion .panel .panel-body {
    display: flex;
    background: #F9F9F9;
    padding: 10px 16px;
    border: 0;
    margin-bottom: 3px;
    border-color: #fff !important;
}
.main-container.container aside.col-sm-3 .region #accordion .panel .panel-body >a {
    display: block;
    width: 100%;
    color: #000;
    text-decoration: none;
}
.main-container.container aside.col-sm-3 .region #accordion .panel .panel-body >a >h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
}
.main-container.container aside.col-sm-3 .region #accordion .panel .panel-body >a >h3 +span.duration {
    color: #0000004d;
    font-size: 14px;
    font-weight: 600;
}
.main-container.container aside.col-sm-3 .region #accordion .panel >.panel-heading h4.panel-title a:before {
    content: "";
    width: 13px;
    height: 2px;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    position: absolute;
    background: #0087C1;
    border-radius: 0;
    box-sizing: content-box;
    border: 9px solid #fff;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
}
.main-container.container aside.col-sm-3 .region #accordion .panel >.panel-heading h4.panel-title a:after {
    content: "";
    top: 0;
    bottom: 0;
    right: 13px;
    width: 13px;
    height: 2px;
    margin: auto;
    position: absolute;
    background: #0087C1;
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -o-transition: all ease-in-out .2s;
    -ms-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}
.main-container.container aside.col-sm-3 .region #accordion .panel.expanded h4.panel-title a:after {
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.main-container.container aside.col-sm-3 .region #accordion .panel.expanded .panel-collapse {
    display: block !important;
}
.main-container.container aside.col-sm-3 .region #accordion .panel .panel-body.active {
    background: #AFE7FE;
}
section#block-views-courses-block .tab-content #accordion .panel-heading {
    background: #0087C1;
    border-radius: 0;
}
section#block-views-courses-block .tab-content #accordion .panel-heading h4.panel-title {
    color: #fff;
    position: relative;
}
section#block-views-courses-block .tab-content #accordion .panel-heading h4.panel-title a:before {
    content: "";
    width: 13px;
    height: 2px;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    position: absolute;
    background: #0087C1;
    border-radius: 0;
    box-sizing: content-box;
    border: 9px solid #fff;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
}
section#block-views-courses-block .tab-content #accordion .panel-heading h4.panel-title a:after {
    content: "";
    top: 0;
    bottom: 0;
    right: 13px;
    width: 13px;
    height: 2px;
    margin: auto;
    position: absolute;
    background: #0087C1;
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -o-transition: all ease-in-out .2s;
    -ms-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}
section#block-views-courses-block .tab-content #accordion .panel.expanded .panel-heading h4.panel-title a:after{
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
section#block-views-courses-block .tab-content #accordion .panel.expanded .panel-collapse {
    display: block !important;
}
section#block-views-courses-block .tab-content #accordion .panel .panel-body.active {
    background: #AFE7FE;
}
section#block-views-courses-block .tab-content #accordion .panel-heading h4 >a {
    display: block;
    width: 100%;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}
section#block-views-courses-block .tab-content #accordion .panel-heading h4 >a span.title {
    display: block;
    margin-bottom: 4px;
}
section#block-views-courses-block .tab-content #accordion .panel-heading h4 >a span.title +br {
    display: none;
}
section#block-views-courses-block .tab-content #accordion .panel-heading h4 >a span.count {
    font-size: 14px;
    font-weight: 400;
}
section#block-views-courses-block .tab-content #accordion .panel-heading h4 >a span.time {
    font-size: 14px;
    font-weight: 400;
    padding-left: 8px;
}
section#block-views-courses-block .tab-content #accordion .panel .panel-body {
    display: flex;
    background: #F9F9F9;
    padding: 10px 16px;
    border: 0;
    margin-bottom: 3px;
    border-color: #fff !important;
}
section#block-views-courses-block .tab-content #accordion .panel .panel-body a {
    display: block;
    width: 100%;
    color: #000;
    text-decoration: none;
}
section#block-views-courses-block .tab-content #accordion .panel .panel-body h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
}
section#block-views-courses-block .tab-content #accordion .panel .panel-body h3 + span.duration {
    color: #0000004d;
    font-size: 14px;
    font-weight: 600;
}
.main-container.container aside.col-sm-3 .region #accordion .panel >.panel-heading h4.panel-title >a span.title {
    display: block;
    margin-bottom: 4px;
}
.main-container.container aside.col-sm-3 .region #accordion .panel >.panel-heading h4.panel-title >a span.title + br {
    display: none;
}
.main-container.container aside.col-sm-3 .region #accordion .panel >.panel-heading h4.panel-title >a span.count {
    font-size: 14px;
    font-weight: 400;
}
.main-container.container aside.col-sm-3 .region #accordion .panel >.panel-heading h4.panel-title >a span.time {
    font-size: 14px;
    font-weight: 400;
    padding-left: 8px;
}
section#tabs .nav-tabs #nav-courses-tab {
    display: none;
}
section#block-views-courses-block .tab-content #nav-courses {
    display: none;
}
.main-container.container aside.col-sm-3 .region .contextual-links-wrapper +h2 {
    color: #21799D;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}
.main-container.container aside.col-sm-3 .region .progress,
section#block-views-courses-block .tab-content .progress {
    background-color: #fff !important;
}
.main-container.container aside.col-sm-3 .region .progress .progress-bar,
section#block-views-courses-block .tab-content .progress .progress-bar {
    background-color: #078F23 !important;
}
.region >section#block-views-cource-active-video-block {
    background: #fff;
    padding: 0;
}
.main-container.container {
    padding-top: 0px !important;
}
section#block-views-courses-block {
    background: #fff;
    padding: 0;
}
div#nav-tabContent {
    margin-bottom: 30px;
}
section#tabs .tab-content #nav-question a {
    display: block;
    text-align: left !important;
    float: none !important;
}




/*__________________New css end for accordian and tabs___________________*/



/*________________________________________________Media Query Start____________________________________________*/

@media (min-width: 768px) and (max-width: 991px) {
  section#block-views-courses-block-1 .panel-default .panel-heading {
     padding: 10px 10px;
 }
 .main-container.container aside.col-sm-3 .region #accordion .panel .panel-body {
    padding: 6px 6px;
    max-width: inherit;
    min-width: auto;
}
.main-container.container aside.col-sm-3 .region #accordion .panel >.panel-heading h4.panel-title {
    font-size: 12px;
}
aside.col-sm-3 .region #accordion .panel >.panel-heading h4.panel-title >a {
    font-size: 14px;
}
.main-container.container aside.col-sm-3 .region #accordion .panel >.panel-heading h4.panel-title a:before {
    right: 0px;
}
.main-container.container aside.col-sm-3 .region #accordion .panel >.panel-heading h4.panel-title a:after {
    right: 3px;
}
}


@media (max-width: 767px) {
  section#tabs nav>.nav.nav-tabs {
     padding: 0px 0;
     display: flex;
     justify-content: space-between;
     overflow: auto;
     flex-wrap: unset;
 }
 section#tabs .nav-tabs a.active{
    color: #0087C1 !important;
}
section#tabs .nav-tabs a {
 padding: 12px 2px;
 font-size: 13px;
 margin-right: 20px;
 min-width: auto;
 text-align: center;
 color: #00bcd4a8;
}
section#tabs .nav-tabs a:first-child {
	min-width: 105px;
}
section#tabs .nav-tabs a.active:after {
    background: #0087C1;
}
section#tabs .tab-content .tab-pane p,
section#tabs .tab-content .tab-pane .content .field-item {
 font-size: 13px;
}
aside.col-sm-3>.region {
 width: 100%;
}
footer.footer {
 background: #FFFFFF;
 border-top: 1px solid #ddd;
 padding: 10px 0;
}
footer.footer #block-block-17 {
 margin-bottom: 0 !important;
}
.main-container.container section.col-sm-9 {
 padding: 0;
 padding-right: 15px;
 padding-left: 15px;
}
.main-container.container aside.col-sm-3 {
 padding: 0;
 padding-right: 15px;
 padding-left: 15px;
}
section#block-views-courses-block-1 .panel-group {
 margin-bottom: 0;
}
section#tabs .tab-content .tab-pane h2,
section#tabs .tab-content .tab-pane .content .field-label {
 font-size: 15px;
}
.main-container.container aside.col-sm-3{
    display: none !important;
}
section#tabs .nav-tabs #nav-courses-tab {
    display: block;
}
section#block-views-courses-block .tab-content #nav-courses {
    display: block;
}
section#tabs .tab-content .tab-pane h2 {
    text-align: center;
}
section#block-views-courses-block .tab-content .progress+h2{
    display: none;
}
.region >section#block-views-cource-active-video-block {
 padding: 0px 30px 0px;
}
section#block-views-courses-block {
    padding: 10px 30px 0;
}
video {
    height: 200px !important;
}
section#tabs .tab-content .tab-pane {
    padding: 0px 10px;
}
}

@media (max-width: 479px){
.main-container.container section.col-sm-9 {
    margin-top: 0% !important;
}
}


/*_________________________________________________NEW WORK START_________________________________________________*/

header#course-cat-landing {
  width: 100%;
  float: left;
  background: #F9F9F9;
  padding: 0px 0px;
  position: fixed;
  top: 0px;
  z-index: 9;
}

header#course-cat-landing .logo {
  float: left;
}

header#course-cat-landing .logo>a {
  display: block;
}

header#course-cat-landing .logo a>img {
  width: 100px;
}

header#course-cat-landing .explore-area {
  padding-top: 50px;
  margin-left: 0px;
  margin-right: 36px;
  float: left;
}

header#course-cat-landing .explore-area>a {
  display: inline-block;
  padding: 2px 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  background: #cfad80;
  border-radius: 20px;
  display:none;
}

header#course-cat-landing .search-area {
  float: left;
  width: 60%;
  padding-top: 40px;
}

header#course-cat-landing .search-area form#search-block-form {
  position: relative;
}

header#course-cat-landing .search-area form#search-block-form .input-group {
  display: block;
  width: 100%;
  float: left;
}

header#course-cat-landing .search-area form input {
  padding: 20px 46px;
  border-radius: 4px;
}

header#course-cat-landing .search-area form input+span.input-group-btn {
  background: url("../images/search-icon.png") no-repeat center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 46px;
  z-index: 11111;
}

header#course-cat-landing .search-area form input+span.input-group-btn>button {
  display: none;
}

header#course-cat-landing .dok-link {
  display: inline-block;
  padding-top: 50px;
}

header#course-cat-landing .dok-link>a {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  text-transform: capitalize;
  display:none;
}

header#course-cat-landing .logo {
	padding-top: 30px;
	padding-bottom: 30px;
}

header#course-cat-landing .login-area {
	display: flex;
	padding-top: 30px;
	padding-bottom: 30px;
	float: right;
}

header#course-cat-landing .login-area>a {
  display: inline-block;
  padding: 6px 20px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

header#course-cat-landing .login-area>a:nth-child(1) {
  background: #fff;
  border: 1px solid #DEDEDE;
  color: #4386f4;
  margin-right: 30px;
}

header#course-cat-landing .login-area>a:nth-child(2) {
  background: #006895;
  color: #fff;
}

header#course-cat-landing section#block-system-user-menu ul li {
  margin: 0;
  margin-right: 20px;
}

header#course-cat-landing section#block-system-user-menu ul li >a {
  padding: 4px 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  background: #008000;
  background-color: #008000 !important;
}

header#course-cat-landing section#block-system-user-menu ul li:first-child >a {
  background: #fff;
  background-color: #fff !important;
  color: #4386f4;
  border: 1px solid #DEDEDE;
  margin: 10px;
}
header#course-cat-landing section#block-system-user-menu ul li:first-child >a:hover {
  color: #fff;
  background: #4386f4;
  background-color: #4386f4 !important;
  border-color: #4386f4;
}

header#course-cat-landing section#block-system-user-menu ul li:nth-child(2) >a:hover {
  background: #5aaed4 !important;
  background-color: #5aaed4 !important;
}

body.html {
  margin-top: 0 !important;
}

footer.footer {
	background: #ececec !important;
	padding: 20px 0px !important;
}
#quiz-summary a {
	padding: 5px 15px;
	background: #470088;
	color: #FFF;
	text-decoration: none;
}
.page-node-quiz-results #quiz-summary {
	text-align: center;
}
.page-node-quiz-results #quiz_score_possible {
	text-align: center;
}
.page-node-quiz-results #quiz_score_percent {
	text-align: center;
}
#quiz-question-answering-form {
	padding-bottom: 20px;
}
footer.footer .col-sm-6 {
  color: #fff;
}

footer.footer ul {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0;
}

footer.footer ul li {
  display: inline-block;
  margin-right: 30px;
}

footer.footer ul li>a {
  padding: 4px 10px;
  position: relative;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
}

section#block-block-17 p {
  padding-left: 30px;
  padding-right: 30px;
  color: #000 !important;
}

footer.footer .col-sm-6:nth-child(1) ul {
  display: inline-block;
  margin-left: 20px;
}

footer.footer .col-sm-6:nth-child(2) ul {
  text-align: right;
}

footer.footer ul li>a.facebook {
  background: url("../images/facebook.png") no-repeat center;
  background-size: contain;
  width: 60px;
  height: 60px;
}

footer.footer ul li>a.linkedin {
  background: url("../images/linkedin.png") no-repeat center;
  background-size: contain;
  width: 60px;
  height: 60px;
}

footer.footer ul li>a.insta {
  background: url("../images/instagram.png") no-repeat center;
  background-size: contain;
  width: 60px;
  height: 60px;
}

footer.footer ul li>a.twitter {
  background: url("../images/twitter.png") no-repeat center;
  background-size: contain;
  width: 60px;
  height: 60px;
}

.container-fluid.landing_page_full_width .col-sm-12 {
  padding: 0;
}

.landing_page_full_width {
  padding-top: 130px;
}

section#block-block-82 {
  position: relative;
  min-height: 470px;
  max-height: 470px;
}

section#block-block-82 .banner-layout-color {
  position: absolute;
  background-color: #4d62a3;
  top: 0;
  left: 0;
  min-height: 470px;
  display: block;
  float: left;
  width: 100%;
  opacity: 0.4;
}

section#block-block-82 .bg-image-wrapper>img {
  min-width: 100%;
}

section#block-block-82 .banner-content {
  position: absolute;
  top: 30px;
  left: 0px;
  padding: 50px 65px;
}

section#block-block-82 .banner-content>h3 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 40px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 8px;
  text-transform: uppercase !important;
}

section#block-block-82 .banner-content>h1 {
  font-size: 106px;
  font-weight: 600;
  color: #fff;
}

section#block-block-82 .banner-content+img {
  min-width: 100%;
}

.breadcrumb {
  display: none;
}

.region.region-header {
  background: #F9F9F9;
}

section#block-block-81 {
  width: 95%;
  margin: 0 auto;
  background: #F9F9F9;
  color: #000;
  padding: 32px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #d0cccc;
}

section#block-block-81 h2 {
  position: relative;
  font-size: 18px;
  font-weight: 600;
}

section#block-block-81 p {
  color: #757171;
  font-size: 13px;
}

section#block-block-81 h2,
section#block-block-81 p {
  margin-bottom: 8px;
  padding-left: 50px;
  margin-top: 0;
}

section#block-block-81 .col-sm-4:nth-child(1) h2:before {
  background: url(../images/course.png) no-repeat center;
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  width: 40px;
  height: 40px;
  background-size: contain;
  background-color: #4386f4;
  border-radius: 50px;
}

section#block-block-81 .col-sm-4:nth-child(2) h2:before {
  background: url(../images/instructor.png) no-repeat center;
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  width: 40px;
  height: 40px;
  background-size: contain;
  background-color: #4386f4;
  border-radius: 50px;
}

section#block-block-81 .col-sm-4:nth-child(3) h2:before {
  background: url(../images/access.png) no-repeat center;
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  width: 40px;
  height: 40px;
  background-size: contain;
  background-color: #4386f4;
  border-radius: 50px;
}

section#block-block-80 {
  background: #4386f4;
  color: #fff;
  padding: 16px 0;
  text-align: center;
}

section#block-block-80>div {
  font-size: 25px;
  font-weight: 300;
}

section#block-block-80 h2 {
  margin-bottom: 10px;
  margin-top: 0;
  font-size: 40px;
  font-weight: 600;
}

section#block-block-80 a {
  display: table;
  border: 1px solid #fff;
  margin: 0 auto;
  text-decoration: none;
  padding: 4px 16px;
  margin-top: 16px;
  color: #fff;
  background: #008000;
  font-size: 16px;
  font-weight: 600;
  border-radius: 1px;
}

section#block-block-84 {
   background: #F9F9F9;
   padding: 0px 30px;
}

.region.region-content>section,
.region.region-content-bottom>section {
   background: #F9F9F9;
   padding: 30px 30px 0;
}

.region>section>h2 {
   margin-top: 0;
   margin-bottom: 18px;
   padding-left: 30px;
   padding-right: 30px;
   font-size: 18px;
   font-weight: 600;
   color: #000;
}

.view.view-courses-categories {
   background: #F9F9F9;
}

.view.view-courses-categories .item-list>ul {
   list-style: none;
   padding-left: 0;
   margin-bottom: 0;
}

.view.view-courses-categories .item-list>ul>li {
   padding-left: 30px;
   padding-right: 30px;
   transition: all 0.4s;
}

.view.view-courses-categories .item-list>ul>li:hover {
   transform: scale(1.1);
}

.view.view-courses-categories .item-list>ul>li>.views-field.views-field-field-course-image {
   -moz-box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
   -webkit-box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
   -khtml-box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
   box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
}

.view.view-courses-categories .item-list>ul>li>.views-field a>img {
   margin: 0 auto;
   min-width: 100%;
}

.view.view-courses-categories .item-list>ul>li .views-field.views-field-name {
   background: #fff;
   padding: 14px 0;
   text-align: center;
   margin-bottom: 30px;
   -moz-box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
   -webkit-box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
   -khtml-box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
   box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
}

.view.view-courses-categories .item-list>ul>li .views-field.views-field-name a {
   color: #000;
   text-decoration: none;
   font-size: 18px;
   font-weight: 600;
   text-transform: capitalize;
}

section#block-block-17 {
   display: block;
   text-align: center;
}

.container-fluid.content-area .col-sm-12.col-xs-12 {
   padding: 0;
}

section#block-block-84 .company-logo {
   float: left;
   width: 100%;
   text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
   text-transform: none !important;
}

.container-fluid.content-area section.col-sm-12 {
   padding: 0;
}

section#block-views-courses-categories-block .view-courses-categories ul>li .views-field-field-course-image {
   -moz-box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
   -webkit-box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
   -khtml-box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
   box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
}

section#block-views-courses-categories-block .view-courses-categories ul>li .field-content a>img {
   margin: 0 auto;
   min-width: 100%;
}
/*taimoor code*/
aside.col-sm-3 > .region {
	width: 100%;
	overflow-y: scroll;
	height: 400px;
}

.side-bar {
	background-color: unset;
	position: fixed;
	top: 130px;
	transition: 1s;
	right: 0px;
}

.side-bar.sticky{
	top: 130px;
	transition: 1s;
}
.region.region-content > section, .region.region-content-bottom > section {
	/* z-index: -100; */
	position: relative;
}
/*______________________________Media Query___________________________________*/

@media (min-width: 481px) and (max-width: 767px) {
	.main-container.container section.col-sm-9{
		margin-top: 60%;
	}

	.side-bar{
		position: absolute;
		top: 20%;
		width: 100%;
	}
	body.not-logged-in.html.not-front.no-sidebars {
		margin-top: 0px!important;
	}
	.container-fluid.landing_page_full_width {
		padding-top: 89px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	body.not-logged-in.html.not-front.no-sidebars {
		margin-top: 0px!important;
	}
	header#course-cat-landing .search-area {
		float: none;
		width: 100%;
	}
	header#course-cat-landing .dok-link {
		padding-top: 77px;
		float: right;
	}
	header#course-cat-landing .login-area {
		padding-top: 38px;
		clear: both;
		float: right;
	}
	header#course-cat-landing .login-area>a:nth-child(1) {
		margin-right: 10px;
	}
	header#course-cat-landing .login-area>a {
		padding: 6px 14px;
	}
	section#block-block-82 .banner-content {
		padding: 26px 26px;
	}
	section#block-block-82 .banner-content>h3 {
		font-size: 28px;
	}
	section#block-block-82 .banner-content>h1 {
		font-size: 60px;
	}
	section#block-block-82 {
		min-height: auto;
		max-height: inherit;
	}
	.container-fluid.landing_page_full_width {
		padding-top: 67px;
		clear: both;
		float: left;
		width: 100%;
	}
}

@media (min-width: 992px) and (max-width: 1080px) {
	header#course-cat-landing .search-area {
		float: none;
		width: 100%;
		padding-top: 20px;
	}
	header#course-cat-landing .login-area {
		padding-top: 40px;
		clear: both;
	}
	header#course-cat-landing .dok-link {
		float: right;
		padding-top: 77px;
	}
	.landing_page_full_width {
		padding-top: 187px;
		clear: both;
		float: left;
		width: 100%;
	}
}

@media (max-width: 767px) {
	.main-container.container section.col-sm-9{
		margin-top: 60%;
	}

	.side-bar{
		position: absolute;
		top: 20%;
		width: 100%;
	}
	header#course-cat-landing {
		padding: 0px 0 20px;
	}
	body.not-logged-in.html.not-front.no-sidebars {
		margin-top: 0px !important;
	}
	header#course-cat-landing .dok-link {
		display: inline-block;
		padding-top: 6px;
	}
	 header#course-cat-landing .login-area {
		display: inline-block;
		padding-top: 0;
		float: right;
	} 
	header#course-cat-landing .login-area>a:nth-child(1) {
		margin-right: 16px;
		margin-left: 16px;
	}
	header#course-cat-landing .search-area {
		width: 100%;
		padding-top: 0;
	}
	section#block-block-82 .banner-content {
		padding: 10px 16px;
		width: 100%;
	}
	section#block-block-82 .banner-content>h3 {
		font-size: 14px;
		letter-spacing: 1px;
	}
	section#block-block-82 .banner-content>h1 {
		font-size: 24px;
	}
	section#block-block-81 .col-sm-4.col-xs-12 {
		margin-bottom: 20px;
	}
	section#block-block-81 {
		padding: 32px 0 0;
	}
	section#block-block-80 h2 {
		font-size: 28px;
	}
	section#block-block-80>div {
		font-size: 14px;
	}
	footer.footer ul li {
		margin-right: 16px;
	}
	footer.footer .col-sm-6:nth-child(1) ul {
		margin-left: 12px;
	}
	footer.footer .col-sm-6:nth-child(2) ul {
		text-align: center;
		margin-top: 10px;
	}
	footer.footer .col-sm-6:nth-child(2) ul li {
		margin-right: 0;
	}
	footer.footer .col-sm-6:nth-child(2) ul li a {
		font-size: 13px;
		padding: 4px 4px;
	}
	section#block-block-82 {
		min-height: auto;
		max-height: inherit;
	}
	section#block-block-82 .banner-layout-color {
		min-height: 352px;
		max-height: inherit;
	}
	header#course-cat-landing .logo a>img {
		width: 100px;
	}
	header#course-cat-landing .explore-area {
		padding-top: 34px;
		display: none;
	}
	.container-fluid.landing_page_full_width {
		background: #F9F9F9;
	}
	.container-fluid.content-area {
		background: #F9F9F9;
	}
	header#course-cat-landing .search-area span.left_arrow_responsive {
		display: block !important;
	  }
}


@media (max-width: 479px){
	.main-container.container section.col-sm-9{
		margin-top: 100%;
	}
	.container-fluid.landing_page_full_width {
		padding-top: 154px !important;
	}
	.search-area .form-actions.form-wrapper.form-group {
		margin-bottom: 0;
	}
}

/*
.user-profile-detail{
    margin: 4em;}
}
*/

.view-dom-id-b5b9901eda347e4dc769bcc54f0be46c{
    text-align: center;
}

.view-dom-id-b5b9901eda347e4dc769bcc54f0be46c .views-field-title {
    margin: 20px;
    font-size: 1.5em;
}

    

.views-field-field-thumbnail{
    margin: 20px;
}

.user-picture-menu {
    display: none;
}

header#course-cat-landing .logo a>img {
    width: 100px;
    margin-top: 3.5em;
}

.mua_header header#course-cat-landing .logo a>img
{
    width: 100px;
    margin-top: 20px;
    margin-left: 30px;
     max-height: 20px !important;
}

.mus_container video {
    padding-top: 40px !important;
    padding-left: 40px !important;
}
.mua_header .search-area h2 {
    margin-top: 55px;
}

span.field-content {
    margin: 20px auto;
    font-size: 1.5em;
    text-align: center;
}


/*
.view.view-courses-categories .block-title{
    display:none;
}

*/

/*
Video css
*/
.view.view-test-1  {
   background: #F9F9F9;
}

.view.view-test-1  .item-list>ul {
   list-style: none;
   padding-left: 0;
   margin-bottom: 0;
}

.view.view-test-1  .item-list>ul>li {
   padding-left: 30px;
   padding-right: 30px;
   transition: all 0.4s;
}

.view.view-test-1  .item-list>ul>li:hover {
   transform: scale(1.1);
}

.view.view-test-1  .item-list>ul>li>.views-field.views-field-field-course-image {
   -moz-box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
   -webkit-box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
   -khtml-box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
   box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
}

.view.view-test-1  .item-list>ul>li>.views-field a>img {
   margin: 0 auto;
   min-width: 100%;
}

.view.view-test-1  .item-list>ul>li .views-field.views-field-name {
   background: #fff;
   padding: 14px 0;
   text-align: center;
   margin-bottom: 30px;
   -moz-box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
   -webkit-box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
   -khtml-box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
   box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
}

.view.view-test-1  .item-list>ul>li .views-field.views-field-name a {
   color: #000;
   text-decoration: none;
   font-size: 18px;
   font-weight: 600;
   text-transform: capitalize;
}

.container-fluid.content-area .col-sm-12.col-xs-12 {
   padding: 0;
}



section#block-views-courses-categories-block .view-courses-categories ul>li .views-field-field-course-image {
   -moz-box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
   -webkit-box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
   -khtml-box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
   box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
}

section#block-views-courses-categories-block .view-courses-categories ul>li .field-content a>img {
   margin: 0 auto;
   min-width: 100%;
}

/**
.table-responsive{
    text-align: center;
}

.table-responsive{
    text-align: center;
}
tr:hover {
    background-color: #4D62A3;
}
.table{
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}
.content{
	text-align: center;
}

#quiz-view-table .content {
    width: 70%;
    text-align: center !important;
}
**/

.hidden_game{
    display:none;
}

.page-node-42548 #block-block-27{
display:none;}

/**
.main-container.container aside.col-sm-3 .region {
 display:none;
}
*/

.menu .nav>li>a {
    margin-top: 0px !important;
}
/**
.main-container.container {
 background-color: #ff9900;
background-image: url("https://sanofi.hcplearn.org/sites/dokilink.com/files/sanofi_image_second.jpg");
opacity:0.5;
}
*/

#node-42538 .field-item.even {
	margin-bottom: 0;
}
.region.region-content>section, .region.region-content-bottom>section {
    background: inherit;
    /* padding: 30px 30px 0; */
}
#block-menu-menu-test-seyi .caret {
	display: none;
}
#block-menu-menu-test-seyi .first.dropdown {
	padding-bottom: 0 !important;
}
#block-menu-menu-test-seyi .first.dropdown .dropdown-toggle {
	margin-top: 0;
	padding: 5px 30px;
	background: #E51D1D;
	color: #fff;
	border-radius: 5px;
	font-weight: bold;
}
header#course-cat-landing .logo a > img{
	margin-top: 0 !important;
}
.landing_page_full_width {
	padding-top: 92px !important;
}
#node-42538 .field-name-body {
	background: url("/sites/dokilink.com/files/gamification/4background.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	box-shadow: inset 0 0 0 2000px rgba(33, 11, 52, 0.9);
}
.container-custom .col-md-4.col-sm-4.col-xs-12 .inner-div{
	background: #2b044e;
	margin: 40px;
	border-radius: 20px;
	text-align: center;
}
.container-custom .col-md-4.col-sm-4.col-xs-12 .inner-div:hover {
	box-shadow: rgba(255, 255, 255, 0.35) 0px 0px 15px;
}
.container-custom h2 {
	font-size: 60pt;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
	color: #FFF;
	font-family: Poppins Black;
}
.container-custom h6 {
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-family: Lato Black;
	font-size: 9pt;
	margin-top: 20px;
}
.container-custom p {
	text-align: center;
	color: #FFF;
	margin-bottom: 30px;
}
.container-custom .col-md-4.col-sm-4.col-xs-12 .inner-div img {
	padding: 20px;
	border-radius: 20%;
	height: 290px;
	width: 290px;
}
.container-custom .col-md-4.col-sm-4.col-xs-12 .inner-div h4 {
	padding: 0px 40px;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 0;
}

.container-custom {
    padding-top: 80px;
    padding-bottom: 80px;
}
.container-fluid.page-node-take {
	margin-top: 90px;
}

@media(max-width: 767px){ 
	.region.region-content {
		margin-top: 80px !important;
	}
    .container-custom {
        padding-top: 50px;
        padding-bottom: 50px;
    }
	.container-custom h2 {
		font-size: 35pt;
		font-weight: bold;
		text-align: center;
		text-decoration: underline;
		color: #FFF;
		font-family: Poppins Black;
	}
	.container-custom .col-md-4.col-sm-4.col-xs-12 .inner-div img {
		padding: 20px;
		border-radius: 10%;
		height: 100% !important;
		width: 100% !important;
	}
	.node-quiz .table-responsive {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.node-quiz #quiz-view-table tr th {
		width: 50% !important;
	}
	.node-quiz .quiz-start-link {
		margin-left: 15px !important;
		margin-right: 15px !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.container-custom .col-md-4.col-sm-4.col-xs-12 .inner-div {
		background: #2b044e;
		margin: 0px;
		border-radius: 20px;
	}
	.node-quiz .table-responsive {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}	
	.node-quiz .quiz-start-link {
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
}
@media (min-width: 661px) and (max-width: 991px) {
	.circular-logo {
		height: 170px !important;
		width: 170px !important;
		border-radius: 50%;
		position: relative;
		margin-top: 50px !important;
		margin-left: 8% !important;
		border: 7px solid #FFF;
		z-index: 99;
	}
	.quiz-take-page h4 {
		/* width: 75%; */
		position: relative;
		margin-left: 210px !important;
		margin-top: -80px !important;
		font-size: 13px !important;
		font-weight: bold;
		/* background: #4b048c; */
		color: #FFF;
		padding: 5px;
	}
	#quiz-question-answering-form .omo-3{
		width: 96% !important;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
		max-width: 100%;
		max-height: 125px;
		object-fit: cover;
		position: absolute;
	}
	.page-node-quiz-results .omo-3, .entity-quiz-result-answer .omo-3 {
		width: 90% !important;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
		max-width: 100%;
		max-height: 125px;
		object-fit: cover;
		position: absolute;
	}
}
@media (min-width: 481px) and (max-width: 661px) {
	.circular-logo {
		height: 120px !important;
		width: 120px !important;
		border-radius: 50%;
		position: relative;
		margin-top: 80px !important;
		margin-left: 5% !important;
		border: 7px solid #FFF;
		z-index: 99;
	}
	.quiz-take-page h4 {
		width: auto !important;
		position: relative;
		margin-left: 135px !important;
		margin-top: -70px !important;
		font-size: 10px !important;
		font-weight: bold;
		/* background: #4b048c; */
		color: #FFF;
		padding: 5px;
		line-height: 20px !important;
	}
	.quiz-take-page h4 span {
		background: #4b048c;
		padding: 5px;
		padding-left: 15px !important;
	}
	.page-node-quiz-results .omo-3, .entity-quiz-result-answer .omo-3 {
		width: 90%;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
		max-width: 100%;
		max-height: 125px;
		object-fit: cover;
		position: absolute;
	}
}
.custom-link {
	text-align: center;
	padding: 15px;
}
.custom-link .buttons {
	border: 1px solid #7800e5;
	color: #fff !important;
	padding: 5px 20px;
	font-size: 14px;
	background: #7800e5;
	border-radius: 5px;
}
.custom-link .buttons:hover {
    border: 1px solid #7800e5;
    background-color: #7800e5;
    color: #ffffff !important;
	text-decoration: none;
    /* transition: background-color 1s, border 1s, color 1s; */
}
.user-profile-menu {
	margin-left: 20px;
}
.user-picture img {
	border-radius: 50%;
	height: 100%;
	width: 100%;
}
.profile-menu {
	text-transform: capitalize;
	color: #000;
}
.node-quiz {
	padding-bottom: 25px;
}
.node-type-quiz .page_title_inner, .page-node-quiz-results .page_title_inner, .page-leaderboard .page_title_inner, .page-leaderboard2 .page_title_inner, .page-leaderboard3 .page_title_inner{
	box-shadow: inset 0 0 0 2000px rgba(75 , 4 , 140 ,0.7);
}
.node-quiz .table-responsive {
	padding-left: 60px;
	padding-right: 60px;
}
.node-quiz #quiz-view-table tr {
	border: 2px solid #4b048c;
	display: flex;
	margin: 10px;
}
#quiz-question-answering-form tr.multichoice-row{
	border: 1px solid #4b048c;
	display: flex;
	margin: 10px;	
}
#quiz-question-answering-form #edit-navigation button{
	background: #4b048c;
	color: #FFF;
	text-decoration: none;	
}
#quiz-result-edit-gamification-form button {
	background: #4b048c;
	color: #FFF;
	text-decoration: none;
}
#quiz-take-question-feedback-form button{
	background: #4b048c;
	color: #FFF;
	text-decoration: none;
}
.node-quiz #quiz-view-table tr th {
	width: 20%;
}
.node-quiz #quiz-view-table tr td {
	padding: 8px;
}
.node-quiz .quiz-start-link {
	margin-left: 70px;
	margin-right: 70px;
	padding: 10px;
	background: #4b048c;
	color: #FFF;
	text-decoration: none;
	/* margin-bottom: 10px; */
}
.node-quiz .om-sc {
	/* background-color: rgba(88 , 24, 147 , 0.2); */
	width: 100%;
	max-height: 100%;
	max-width: 100%;
}
#quiz-question-answering-form .omo-3, .page-node-quiz-results .omo-3, .entity-quiz-result-answer .omo-3{
	width: 100%;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	max-width: 100%;
	max-height: 125px;
	object-fit: cover;
	position: absolute;
}
.entity-quiz-result-answer table.table {
	margin-top: 40px;
}
/* .circular-logo {
	height: 170px;
	width: 170px;
	border-radius: 50%;
	position: relative;
	margin-top: 30px;
	margin-left: 10%;
	border: 7px solid #FFF;
} */
.circular-logo {
	height: 170px;
	width: 170px;
	border-radius: 50%;
	position: relative;
	margin-top: 50px;
	margin-left: 8%;
	border: 7px solid #FFF;
	z-index: 99;
}
.quiz-take-page h4 {
	/* width: 75%; */
	position: relative;
	margin-left: 245px;
	margin-top: -73px;
	font-size: 20px;
	font-weight: bold;
	/* background: #4b048c; */
	color: #FFF;
	padding: 5px;
}
.quiz-take-page h4 span{
	background: #4b048c;
	padding: 5px;
	padding-left: 20px;
}
.page-node-take table.table {
	margin-bottom: 0;
}
/* .quiz-take-page h4 {
	width: 75%;
	position: relative;
	margin-left: 280px;
	margin-top: -70px;
	font-size: 20px;
	font-weight: bold;
	background: #4b048c;
	color: #FFF;
	padding: 5px;
} */
#quiz-question-answering-form .form-item.form-type-checkboxes.form-group, #quiz-question-answering-form .form-item.form-type-radios.form-group {
	margin-top: 60px;
	margin-bottom: 0px !important;
}
#quiz-question-answering-form .form-item.form-type-checkboxes.form-group label, #quiz-question-answering-form .form-item.form-type-radios.form-group label{
	text-transform: uppercase;
}
.page-leaderboard footer .col-md-4.col-sm-12, .page-leaderboard2 footer .col-md-4.col-sm-12, .page-leaderboard3 footer .col-md-4.col-sm-12{
	width: 100% !important;
}
.page-leaderboard table thead, .page-leaderboard2 table thead, .page-leaderboard3 table thead{
	background: #4b048c;
	color: #FFF;
}
.page-leaderboard table thead tr th, .page-leaderboard2 table thead tr th, .page-leaderboard3 table thead tr th{
/*	text-align: center; */
}
.view-quiz-user-results table.table {
/*	text-align: center; */
	border: 2px solid #4b048c;
}
.view-quiz-user-results table.table tbody tr {
	border: 2px solid #4b048c;
	/* display: flex; */
	margin: 10px;
	border-collapse: separate !important;
}
.view-quiz-user-results table.table td {
    border-top: 2px solid #4b048c; 
    border-bottom: 2px solid #4b048c;
}

.view-quiz-user-results table.table tbody tr td:first-child {
    border-left: 2px solid #4b048c;
}

.view-quiz-user-results table.table tbody tr td:last-child {
    border-right: 3px solid #4b048c;
}
.entity-quiz-result-answer table thead {
	background: #4b048c;
	color: #FFF;
}
.entity-quiz-result-answer table.table {
	text-align: center;
	border: 2px solid #4b048c;
}
.entity-quiz-result-answer table.table tbody tr {
	border: 2px solid #4b048c;
	/* display: flex; */
	margin: 10px;
	border-collapse: separate !important;
}
.entity-quiz-result-answer table.table td {
    border-top: 2px solid #4b048c; 
    border-bottom: 2px solid #4b048c;
}

.entity-quiz-result-answer table.table tbody tr td:first-child {
    border-left: 2px solid #4b048c;
}

.entity-quiz-result-answer table.table tbody tr td:last-child {
    border-right: 3px solid #4b048c;
}

/* .view-quiz-user-results table.table {
	border-collapse: collapse;
	border-spacing: 0;
	
	table-layout: fixed;
	width: 100%;
  }
  
  .view-quiz-user-results table.table  tr {
	display: flex;
  }
  
  .view-quiz-user-results table.table tr  td, .view-quiz-user-results table.table tr th {
	padding: 0.5rem 1rem;
	border: 1px solid green;
	white-space: nowrap;
	
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	width: 90px;
  } */

.view-quiz-user-results table.table {
/*	text-align: center; */
}
.view-quiz-user-results table.table .user-picture {
	height: 30px;
	width: 30px;
}
.view-quiz-user-results table.table .views-field-nothing a {
	padding: 5px 20px;
	color: #FFF;
	background: #4b048c;
}
.view-quiz-user-results .pagination > .active > a,.view-quiz-user-results .pagination a {
	background: #4b048c !important;
	color: #FFF !important;
}
.view-quiz-user-results .pagination > .active > span, .view-quiz-user-results .pagination > .active > a:hover, .view-quiz-user-results .pagination > .active > span:hover, .view-quiz-user-results .pagination > .active > a:focus, .view-quiz-user-results .pagination > .active > span:focus {
	background: #4b048c !important;
	color: #FFF !important;
	border-color: #4b048c !important;
}
.view-quiz-user-results #edit-submit-quiz-user-results {
	background: #4b048c;
}
.view-quiz-user-results .views-exposed-form, #block-views-exp-quiz-user-results-page-3 .views-exposed-form{
	display: flex;
}
#edit-submit-quiz-user-results {
	background: #4b048c;
}
.tb-megamenu.tb-megamenu-main-menu.tb-megamenu-processed {
	display: none !important;
}
.page-node-quiz-results footer .col-md-4.col-sm-12 {
	width: 100%;
}
@media (max-width: 481px) {
	header#course-cat-landing .login-area {
		display: flex;
		padding-top: 30px;
		padding-bottom: 30px;
		float: none;
		text-align: center;
	}
	#block-menu-menu-test-seyi .first.dropdown .dropdown-toggle {
		margin-top: 0;
		padding: 5px 15px;
		background: #E51D1D;
		color: #fff;
		border-radius: 5px;
		font-weight: bold;
		font-size: 8pt;
	}
	.fixed-header .user-profile-menu .user-picture {
		display: inline-block;
		width: 30px;
		height: 30px;
		text-decoration: none;
	}
	#course-cat-landing .col-sm-3.col-xs-7 {
		padding-right: 0;
	}
	.user-profile-menu {
		margin-left: 10px;
	}
	.profile-menu {
		text-transform: capitalize;
		color: #000;
		font-size: 9pt;
	}
	#quiz-question-answering-form .omo-3{
		width: 92% !important;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
		max-width: 100%;
		max-height: 125px;
		object-fit: cover;
		position: absolute;
	}
	.page-node-quiz-results .omo-3, .entity-quiz-result-answer .omo-3 {
		width: 85% !important;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
		max-width: 100%;
		max-height: 125px;
		object-fit: cover;
		position: absolute;
	}
	.circular-logo {
		height: 80px !important;
		width: 80px !important;
		border-radius: 50%;
		position: relative;
		margin-top: 80px !important;
		margin-left: 5% !important;
		border: 7px solid #FFF;
		z-index: 99;
	}
	.quiz-take-page h4 {
		width: 80% !important;
		position: relative;
		margin-left: 80px !important;
		margin-top: -45px !important;
		font-size: 10px !important;
		font-weight: bold;
		/* background: #4b048c; */
		color: #FFF;
		padding: 5px;
		line-height: 20px !important;
	}
	.quiz-take-page h4 span {
		background: #4b048c;
		padding: 5px !important;
		padding-left: 15px !important;
	}
}

/* //Leaderbord score css */
.leaderboard-score {
	background: #4b048c;
}
.leaderboard-score .col-md-4.col-sm-4.col-xs-4 img {
	height: 50px;
	width: 50px;
	text-align: center;
}
.leaderboard-score .view-content{
	padding: 0 !important;
}
.views-row.col-md-3.col-sm-6.col-xs-12 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.leaderboard-score .views-field.views-field-nothing-1:hover {
	background: #7800e5;
}
.leaderboard-score .views-field.views-field-nothing-1:hover *{
	color: #fff;
}
.leaderboard-score .views-field.views-field-nothing-1:hover .counter {
	background: #FFF !important;
	color: #7800e5 !important;
	font-weight: bold;
}
.leaderboard-score .views-row.col-md-3.col-sm-6.col-xs-12 {
	display: flex;
	border: none;
}
.leaderboard-score .views-field.views-field-nothing-1{
	background: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	border-radius: 20px;
}
#block-views-quiz-user-results-block-2 .block-title {
	text-align: center;
}
.leaderboard-score .col-md-8.col-sm-8.col-xs-8{
	padding-left: 0 !important;
}
.leaderboard-score .name {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
.views-row.col-md-3.col-sm-6.col-xs-12 .counter{
	border-radius: 50%;
	height: 30px;
	width: 30px;
	background: #7800e5;
	display: inline-block;
	text-align: center;
	color: #FFF;
}
.leaderboard-score .score {
	text-align: center;
	color: #000;
	font-size: 14px !important;
	text-transform: capitalize;
	font-weight: bold;
}

.view.view-program-list .item-list>ul>li {
    padding-left: 30px;
    padding-right: 30px;
    transition: all 0.4s;
}