@charset "utf-8";


/* Custom CSS Document */
 .main-banner-search-form {
     max-width: 380px;
}
 .multicolumn li {
     width: 30%;
     float: left;
}
 .service-details .about-list {
     padding-left: 0;
     margin-bottom: 0;
     margin-top: 25px;
}
 .service-details .about-list li {
     list-style-type: none;
     margin-bottom: 10px;
     font-size: 16px;
     color: #202647;
     position: relative;
     padding-left: 38px;
     padding-top: 2px;
}
 .center-page{
     padding: 35px;
     max-width: 650px;
     margin: auto;
     text-align:center;
}
 .register-form form .nice-select::after {
     height: 8px;
     width: 8px;
     border-color: #0dbcc0;
     right: 15px;
}
 .register-form form .nice-select {
     height: 60px;
     width: 100%;
     line-height: 60px;
     font-size: 14px;
     padding-left: 12px;
     padding-right: 12px;
     background-color: transparent;
     border-color: #eeeeee;
     color: #6b6b84;
     border-radius: 0;
     -webkit-transition: 0.5s;
     transition: 0.5s;
     margin-bottom: 1rem;
}
 .register-form form .form-group .form-control {
     line-height: initial;
     color: #6b6b84;
     font-size: 15px;
     font-weight: 400;
     line-height: 60px;
}


/*================================================ promotion Area CSS =================================================*/
 .promotion-area {
     background-color: #eaf6fc;
}
 .promotion-area.bg-color {
     background-color: #f3f7fb;
}
 .promotion-area.bg-color .promotion-form button {
     background: -webkit-gradient(linear, left top, left bottom, from(#0090cc), color-stop(#0080d8), color-stop(#006de1), color-stop(#0056e3), to(#1f35db));
     background: linear-gradient(to bottom, #0090cc, #0080d8, #006de1, #0056e3, #1f35db);
}
 .promotion-content h2 {
     font-size: 35px;
     margin-bottom: 15px;
}
 .promotion-content p {
     margin-bottom: 0;
}
 .promotion-form {
     position: relative;
}
 .promotion-form .input-promotion {
     display: block;
     width: 100%;
     background-color: #ffffff;
     border: none;
     height: 70px;
     padding: 15px 15px 14px;
     border-radius: 5px;
     outline: 0;
     color: #202647;
     font-family: "Poppins", sans-serif;
}
 .promotion-form .input-promotion::-webkit-input-placeholder {
     color: #6b6b84;
     -webkit-transition: 0.5s;
     transition: 0.5s;
}
 .promotion-form .input-promotion:-ms-input-placeholder {
     color: #6b6b84;
     -webkit-transition: 0.5s;
     transition: 0.5s;
}
 .promotion-form .input-promotion::-ms-input-placeholder {
     color: #6b6b84;
     -webkit-transition: 0.5s;
     transition: 0.5s;
}
 .promotion-form .input-promotion::placeholder {
     color: #6b6b84;
     -webkit-transition: 0.5s;
     transition: 0.5s;
}
 .promotion-form .input-promotion:focus::-webkit-input-placeholder {
     color: transparent;
}
 .promotion-form .input-promotion:focus:-ms-input-placeholder {
     color: transparent;
}
 .promotion-form .input-promotion:focus::-ms-input-placeholder {
     color: transparent;
}
 .promotion-form .input-promotion:focus::placeholder {
     color: transparent;
}
 .promotion-form button {
     position: absolute;
     right: 4px;
     top: 4px;
     background-color: #0dbcc0;
     color: #ffffff;
     border: none;
     height: 62px;
     padding: 0 30px;
     border-radius: 5px;
     -webkit-transition: 0.5s;
     transition: 0.5s;
     line-height: 50px;
     text-transform: capitalize;
     cursor: pointer;
     font-size: 16px;
     font-weight: 500;
}
 .promotion-form button:hover {
     background-color: #202647;
     color: #ffffff;
}
 .promotion-form #validator-promotion {
     color: red;
     position: relative;
     top: 8px;
     font-size: 15px;
     font-weight: 400;
}


/*================================================ QANDA Area CSS =================================================*/
 .qanda-area {
     background-color: #eaf6fc;
}
 .qanda-area.bg-color {
     background-color: #f3f7fb;
}
 .qanda-area.bg-color .qanda-form button {
     background: -webkit-gradient(linear, left top, left bottom, from(#0090cc), color-stop(#0080d8), color-stop(#006de1), color-stop(#0056e3), to(#1f35db));
     background: linear-gradient(to bottom, #0090cc, #0080d8, #006de1, #0056e3, #1f35db);
}
 .qanda-form {
     position: relative;
}
 .qanda-form .input-qanda {
     display: block;
     width: 100%;
     background-color: #ffffff;
     border: 1px solid #eeeeee;
    ;
     height: 70px;
     padding: 15px 15px 14px;
     border-radius: 5px;
     outline: 0;
     color: #202647;
     font-family: "Poppins", sans-serif;
}
 .qanda-form .input-qanda::-webkit-input-placeholder {
     color: #6b6b84;
     -webkit-transition: 0.5s;
     transition: 0.5s;
}
 .qanda-form .input-qanda:-ms-input-placeholder {
     color: #6b6b84;
     -webkit-transition: 0.5s;
     transition: 0.5s;
}
 .qanda-form .input-qanda::-ms-input-placeholder {
     color: #6b6b84;
     -webkit-transition: 0.5s;
     transition: 0.5s;
}
 .qanda-form .input-qanda::placeholder {
     color: #6b6b84;
     -webkit-transition: 0.5s;
     transition: 0.5s;
}
 .qanda-form .input-qanda:focus::-webkit-input-placeholder {
     color: transparent;
}
 .qanda-form .input-qanda:focus:-ms-input-placeholder {
     color: transparent;
}
 .qanda-form .input-qanda:focus::-ms-input-placeholder {
     color: transparent;
}
 .qanda-form .input-qanda:focus::placeholder {
     color: transparent;
}
 .qanda-form button {
     position: absolute;
     right: 4px;
     top: 4px;
     background-color: #0dbcc0;
     color: #ffffff;
     border: none;
     height: 62px;
     padding: 0 30px;
     border-radius: 5px;
     -webkit-transition: 0.5s;
     transition: 0.5s;
     line-height: 50px;
     text-transform: capitalize;
     cursor: pointer;
     font-size: 16px;
     font-weight: 500;
}
 .qanda-form button:hover {
     background-color: #202647;
     color: #ffffff;
}
 .qanda-form #validator-qanda {
     color: red;
     position: relative;
     top: 8px;
     font-size: 15px;
     font-weight: 400;
}
 .red {
     color: #C00;
}
 .green {
     color:#093;
}
 .vote {
     cursor:pointer;
}
 .single-doctor .doctor-image {
     min-height: 240px;
     max-height: 250px;
}
 .contact-info-box a i {
     display: inline-block;
     height: 35px;
     width: 35px;
     line-height: 35px;
     background-color: #ffffff;
     color: #0dbcc0;
     -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
     box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
     text-align: center;
     font-size: 18px;
     border-radius: 50px;
     -webkit-transition: 0.5s;
     transition: 0.5s;
}
 .contact-info-box {
     min-height:247px;
}
 .doctor-details-tabs .tab-content .tab-pane .doctor-review-form .review-comments .review-item .rating .bx.bxs-star.off {
     color: #eeeeee;
}
 .doctor-details-tabs .tab-content .tab-pane .doctor-review-form .review-title .rating .bx.bxs-star.off {
     color: #eeeeee;
}
 .doctor-details-tabs .tab-content .tab-pane .doctor-review-form .review-title .rating i {
     font-size: 48px;
}
 .review-item {
     margin:0px 0px 0px 20px;
}


/* ============================================ Rating Star Widgets Style ======================================= */
 .rating-stars ul {
     list-style-type:none;
     padding:0;
     -moz-user-select:none;
     -webkit-user-select:none;
     cursor:pointer;
}
 .rating-stars ul > li.star {
     display:inline-block;
}
 .rating-stars ul > li.star > i.bx {
     font-size:2.4em;
     color:#ccc;
}
 .rating-stars ul > li.star.hover > i.bx {
     color:#FF912C;
}
 .rating-stars ul > li.star.selected > i.bx {
     color:#FFCC36;
}
 .review_field {
     display:none;
}


 .gallery_row {
     display: -ms-flexbox;
    /* IE10 */
     display: flex;
     -ms-flex-wrap: wrap;
    /* IE10 */
     flex-wrap: wrap;
     padding: 0 4px;
}
/* Create four equal columns that sits next to each other */
 .gallery_column {
     -ms-flex: 25%;
    /* IE10 */
     flex: 25%;
     max-width: 25%;
     padding: 0 4px;
}
 .gallery_column img {
     margin-top: 8px;
     vertical-align: middle;
     width: 100%;
}
 .hours ul {
     list-style:none;
     margin:0px;
     padding:0px;
}
 .hours ul li {
     font-weight:bold;
     margin:5px 0px 5px 0px;
     padding:0px 5px 0px 5px;
}
 .hours ul li:nth-child(odd) {
     background:#eee;
     padding:5px 5px 5px 5px ;
}
 .hours ul li span {
     font-weight:normal;
     float:right;
}
 .d-table {
     width: 100%;
     height: 0;
}

/*================================================ Logo and Nav =================================================*/

 .logo{
     display:block;
}
 .logo-mobile{
     display:none;
     z-index:99;
     width:250px;
     float:left;
}
 .logo-mobile img {
     width:100%;
}
 .mobile-navbar {
     display:none;
     clear:both;
     width:100%;
}
 .mobile-navbar ul {
     padding:10px 0px 0px 0px;
     width: 100%;
}
 .mobile-navbar ul li {
     padding:8px;
     border-bottom:1px solid #dbeefd;
     list-style:none;
     height:53px;
}
 .hamburger {
     float:right;
     cursor:pointer;
}
 .hamburger div{
     width: 35px;
     height: 5px;
     background-color: black;
     margin: 6px 0;
}
.close {
	 position: absolute;
	 right: 32px;
	 top: 5px;
	 width: 32px;
	 height: 32px;
	 opacity: 0.9;
}
.close:hover {
	 opacity: 1;
}
.close:before, .close:after {
	 position: absolute;
	 left: 45px;
	 content: ' ';
	 height: 33px;
	 width: 4px;
	 background-color: black;
}
.close:before {
	 transform: rotate(45deg);
}
.close:after {
	 transform: rotate(-45deg);
}



@media only screen and (max-width: 767px) {
     .gallery_column {
         -ms-flex: 50%;
         flex: 50%;
         max-width: 50%;
    }
     .multicolumn li {
         width: 90%;
         float: left;
    }
     .logo-mobile{
         display:block;
    }
     .logo{
         display:none;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
     .gallery_column {
         -ms-flex: 100%;
         flex: 100%;
         max-width: 100%;
    }
     .logo-mobile{
         display:block;
    }
     .logo{
         display:none;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
     .multicolumn li {
         width: 45%;
         float: left;
    }
     .logo-mobile{
         display:block;
    }
     .logo{
         display:none;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
     .logo-mobile{
         display:block;
    }
     .logo{
         display:none;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 2500px) {
     .m-auto {
        display:none;
    }
}
@media only screen and (min-width: 1550px) {
     .m-auto {
        display:none;
    }
}