/********************1St Box*********************/
.text-white{color:#fff;}
.get-quote{width:100%;background:#444; float:left; background-color: #31b8bc;}
.banner-wrap{cursor:default;position:relative;top:0px;left:0px;width:1600px;height:560px;overflow:hidden;}
.bg-blue{background:#084d8a;}
		.page-title{color:#fff; width:30%; float:left;display:none;}
		.page-title-step{color:#fff; width:100%; float:left;display:block;text-align:right; font-size:14px;}
		.breadcrumb { border-radius: 0;}
#popupbox_wrap {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  display: none;
  z-index:999999;
}

#popupbox {
  max-width: 500px;
  width: 80%;
  padding:25px;
  position: relative;
  background: #fff;
  margin: 25px auto;
  z-index:999999;
  border-bottom: 4px solid #31b8bc;
  border-radius:30px;
  border:1px solid #fff;
  background-image: url(../images/form-bg-2.jpg);
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
}

#close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  color: #fff;
}

@media only screen and (max-width: 500px) {
.g-recaptcha {
transform:scale(0.80);
transform-origin:0 0;
}
}


/***********************/
.contact-form-popup .col-md-6, .contact-form-popup .col-md-12{padding:0px 4px 0px 4px;}
/*.contact-form-popup .col-md-6 input[type="text"]{padding:3px;}*/
.col-sm-12.form-padding{padding:0px 19px 0px 19px;}
.contact-form-popup label{color:#fff;}
#popupbox h2{color:#fff;}
#fileupload{color:#fff;}
.form-padding button{background:#31b8bc;border:none;width:100px;font-size:18px;}
.form-padding button:hover{background:#31b8bc;border:none;}

/*************services-page**********************/
.services-page .serviceBox{
    padding: 35px 20px 35px 90px;
    position: relative;
}
.services-page .serviceBox:before{
    content: "";
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px 0 rgba(119, 94, 28, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: scale3d(1.08, 1.08, 1.08);
    transition: all 0.33s ease 0s;
}
.services-page .serviceBox:hover:before{
    opacity: 1;
    transform: scale3d(1, 1, 1);
}
.services-page .serviceBox .service-icon{
    width: 50px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    color: #ff5157;
    text-align: center;
    border: 2px solid #16706e;
    position: absolute;
    top: 55px;
    left: 20px;
    transition: all 0.3s ease 0s;
}
.services-page .serviceBox:hover .service-icon{ transform: translateY(20px); }
.services-page .serviceBox .service-icon:before,
.services-page .serviceBox .service-icon:after{
    content: "";
    height: 2px;
    background: #16706e;
    position: absolute;
    top: -20px;
    left: 10px;
    right: 10px;
    transition: all 0.3s ease 0s;
}
.services-page .serviceBox .service-icon:after{
    top: auto;
    bottom: -20px;
    left: 10px;
    right: 10px;
}
.services-page .serviceBox:hover .service-icon:before{
    top: -25px;
    transform: rotate(90deg);
}
.services-page .serviceBox:hover .service-icon:after{
    transform: rotate(-90deg);
    bottom: -25px;
}
.services-page .serviceBox .title{
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #474747;
    text-transform: uppercase;
    margin: 0 0 12px 0;
    position: relative;
}
.services-page .serviceBox .description{
    font-size: 14px;
    color: #807d7d;
    /*line-height: 27px;
    letter-spacing: 0.5px;*/
    margin: 0;
	text-align:justify;
}
@media only screen and (max-width:990px){
    .services-page .serviceBox{ margin-bottom: 30px; }
}
@media only screen and (max-width:767px){
    .services-page .serviceBox:before{ transform: scale3d(1, 1, 1); }
    .services-page .serviceBox .service-icon{ top: 30px; }
}
@media only screen and (max-width:480px){
    .services-page .serviceBox .service-icon{ top: 40px; }
}

/***********************dr details*******************/
.doctor-details .image {
    margin-bottom: 30px;
}
.doctor-details .image img {
    width: 100%;
    border-radius: 5px;
}
.doctor-details .doctor-left-bar .single-bar {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
}
.doctor-details .doctor-left-bar .single-bar h4 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #081828;
}
.doctor-details .doctor-left-bar .single-bar p{text-align:left!important;}
.doctor-details .content {
    padding-left: 40px;
}
@media (max-width:769px){
.doctor-details .content {
    padding-left: 0px;
}
}
.doctor-details .content h4 {
    font-size: 22px;
    color: #081828;
    display: block;
    /*margin-bottom: 20px;*/
    font-weight: 500;
	margin-top:30px;
}
.doctor-details .content p {
    margin: 20px 0 25px;
	font-size: 16px;
	color: #444;
}
.doctor-details .doctor-left-bar .single-bar .step-list-icon li a {
    color: #888;
}
.doctor-details .doctor-left-bar .single-bar .opening-hour,
.doctor-details .content .list-info,
.doctor-details .doctor-left-bar .single-bar .step-list-icon{margin:0px; padding:0px;}
.doctor-details .content .name {
    font-size: 26px;
    font-weight: 500;
}

.doctor-details .content .name span {
    font-weight: 400;
    font-size: 15px;
    color: #888;
    display: block;
    margin-top: 5px;
}
.doctor-details .content .list-info {
    margin-top: 30px;
    margin-bottom: 30px;
    white-space: none !important;
}
.doctor-details .content .list-info li {
    white-space: none !important;
    display: block;
    margin-bottom: 10px;
}
.doctor-details .content .list-info li span {
    min-width: 100px;
    color: #49b0c1;
    white-space: none !important;
	display:inline-block;
}
.doctor-details .doctor-left-bar .single-bar .opening-hour {
    margin-top: 20px;
}
.doctor-details .doctor-left-bar .single-bar .opening-hour li {
    overflow: hidden;
    color: #888;
    margin-bottom: 13px;
}
.doctor-details .doctor-left-bar .single-bar .opening-hour li .day {
    float: left;
}
.doctor-details .doctor-left-bar .single-bar .opening-hour li .time {
    float: right;
}

/************appointment-page*********************/
.appointment-page .appointment-form {
    padding: 50px;
    -webkit-box-shadow: 0 1px 30px 0 rgba(32, 32, 32, 0.11);
    box-shadow: 0 1px 30px 0 rgba(32, 32, 32, 0.11);
    border-top: 4px solid #49b0c1;
    border-radius: 10px;
    background-color: #fff;
	
}
.appointment-form {
    background: #fff3;
        background-color: rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    padding: 100px 0;
}
.appointment-form .appointment-title {
    margin-bottom: 40px;
    position: relative;
}
.appointment-page .appointment-title h2 {
    font-size: 30px;
	font-weight: 700;
margin-bottom: 20px;
font-family: "Jost",sans-serif;
}
.appointment-page .appointment-input {
    margin-bottom: 20px;
	position: relative;
padding: 0 8px;
}
.appointment-form .appointment-input label {
    position: absolute;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.appointment-form .appointment-input input {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    border: none;
    padding: 0 25px;
        padding-right: 25px;
    padding-right: 45px;
    height: 55px;
    font-size: 14px;
    border: 1px solid #eee;
    font-weight: 400;
    color: #666;
}
.appointment-form .appointment-input select {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #eee;
    padding: 0 25px;
    height: 55px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    color: #888;
    font-weight: 400;
}
.appointment-form i{color:#888; font-size:12px;}
.color-888{color:#888;}
.appointment-form .appointment-input textarea {
    width: 100%;
    background: #fff;
    border-radius: 0;
    border: none;
    padding: 25px;
        padding-right: 25px;
    padding-right: 45px;
    height: 150px;
    font-size: 14px;
    border: 1px solid #eee;
    font-weight: 400;
    color: #666;
}
.hospital-description a{color:#084d8a;}
.hospital-btn a{color:#084d8a;}
.hospital-btn i.fa-whatsapp{color:green;}
/*******************3d button*****************/
.pushable {
    background: hsl(181.7, 64%, 31.6%);
    border-radius: 12px;
    border: none;
    padding: 0;
    cursor: pointer;
    outline-offset: 4px;
	display:block;
	margin:0 auto;
    margin-top: 10px;
  }
  .front {
    display: block;
    padding: 12px 42px;
    border-radius: 12px;
    font-size: 1.25rem;
    background: hsl(181.7, 58.6%, 46.5%);
    color: white;
    transform: translateY(-6px);
  }

  .pushable:active .front {
    transform: translateY(-2px);
  }
  
  /****************************************************/ 
  .section_wrap{background: #ddd url("../images/doctor-bg.jpg") no-repeat;
  background-size:cover;
display: block;
float: left;
width: 100%;margin-bottom:20px;}
  .section_wrap.bg-white{background: #fff;}

.section_wrap .our-team{
    position: relative;
    margin: 35px 0;
	margin-bottom:10px;
	box-shadow: 0 8px 20px rgb(0 102 255 / 12%), 0 3px 5px rgb(81 126 194 / 10%);
}
.section_wrap .our-team  img{
    width:100%;
    height: auto;
    z-index:1;
    transform:translateY(0px);
    transition: all 0.50s ease;
}
.section_wrap .our-team img{
    transform:translateY(-60px);
}
.section_wrap .our-team .team-content{
    position: absolute;
    bottom: 0;
    left: 0;
    width:100%;
    opacity:0;
    color: #2b2f3e;
    padding: 20px 0;
    text-align: center;
    background:#fff;
    transform:translateY(0px);
    transition: all 0.50s ease-in-out 0s;
}
.section_wrap .our-team .team-content{
	box-shadow: 0 8px 20px rgb(0 102 255 / 12%), 0 3px 5px rgb(81 126 194 / 10%);
    transform:translateY(46px);
    opacity:1;
}
.section_wrap .our-team .team-title{
    font-size:19px;
    color:#084d8a;
    margin:0;
    letter-spacing:1px;
}
.section_wrap .our-team .team-title small{
    display: block;
    color:#444;
    margin:1% 0 3% 0;
    font-size:12px;
    text-transform: capitalize;
}
.section_wrap .our-team .dr-link{
    padding:0;
    margin:0;
    list-style:none;
}
.section_wrap .our-team .dr-link li{
    display: inline-block;
    margin-right:2%;
}
.section_wrap .our-team .dr-link li a{
    color: #c9352a;
transition: all 0.50s ease;
font-size: 14px;
text-transform: full-size-kana;
}
.section_wrap .our-team .dr-link li a:hover{
    color: #064a88;
	text-decoration:none;
	
}
@media screen and (max-width: 767px){
    .section_wrap .our-team{
        /*margin-bottom: 15%;*/
		margin-bottom: 80px;
    }
	.btn-doctors{padding-top: 0px!important;}
	.btn-doctors button{margin-top:0px!important;}
}

/*************circle-service***************************/
.btn-doctors{padding-bottom:40px;padding-top: 25px;}
.btn-doctors button{color:#fff; padding:8px 20px; margin-top: 40px; background:#064a88; border:0px; font-size:20px; border-radius:6px;}
.btn-doctors button:hover{background:#c9352a;}
/*************************************************/
.doctor-box{border-left: 1px solid #dfdfdf;float: left;}
.dr-box {border-bottom: 1px solid #dfdfdf;border-radius:8px; padding:15px;column-count: 1;  box-shadow:0 8px 20px rgb(0 102 255 / 12%), 0 3px 5px rgb(81 126 194 / 10%); margin-bottom:20px;}
.doctor-box a{color:#084d8a; font-size:15px; text-decoration: none; }
.dr-boximg{padding: 0px; width:25.33333333%; float:left;}
.dr-probox{padding: 0px; width:36.33333333%; float:left; margin-right:2%;}
.dr-bookbox{padding: 0px; width:36.33333333%; float:left; text-align:center;}
.dr-boximg img{width:87%;border-radius:6px;}
.dr-head {color:#084d8a;margin-bottom:10px;font-size:21px;font-weight:bold;}
.dr-heading{color:#084d8a;margin-bottom:10px;font-size:15px;font-weight:700;}
.dr-bookbox img{width:25px;}
.phone-nobox{color:#353535;margin-bottom:10px;font-size:19px !important; text-align:center; display:block;}
.phone-nobox span{color:#084d8a !important;margin-bottom:10px;font-size:21px !important;  text-align:center; display:block;}

.dr-bookbox .drprofile{ background-color:#fff;color:#084d8a; border:2px solid #084d8a; border-radius: 5px;margin-top: 10px;padding:5px 15px;display: inline-block;text-decoration: none;font-size: 18px; width:100%;}
.dr-bookbox .drprofile:hover{ background-color:#084d8a;color:#fff; border:2px solid #084d8a;box-shadow: 5px 1px 30px rgba(0,0,0,0.2)}
.dr-bookbox .book-an{ background-color: #084d8a;color: #fff;border:2px solid #084d8a; border-radius: 5px;margin-top: 10px;padding:5px 15px;display: inline-block;text-decoration: none;font-size: 18px; width:100%;}
.dr-bookbox .book-an:hover{ background-color:#fff;color:#084d8a; border:2px solid #084d8a;box-shadow: 5px 1px 30px rgba(0,0,0,0.2)}
@media screen and (max-width:880px) {
.dr-heading{font-size:13px;}.dr-head{font-size:15px;}.phone-nobox{font-size:16px !important;}
.doctor-box{margin-top:10px;border-left:0px; border-top:1px solid #dfdfdf; padding-top:20px;}
.dr-box:hover{transform:none;}.dr-box{padding:10px;}.dr-probox p{font-size:14px;}
.dr-boximg{padding: 0px; width:32%; margin-bottom:7px; margin-right:2%;}
.dr-probox{padding: 0px; width:65%;margin-right:0%;}.dr-boximg img{width:100%;border-radius:6px;}
.dr-bookbox{padding: 0px; width:100%; margin-top:7px; border-top: 1px solid #ddd;padding-top: 5px;
}
}
.footer-contact-btn{background:#c9352a!important;}
.event {
    position: fixed;
    top: 12%;
    left:6%;
	width:28%;
}
.list-element{display: none;}
#loadmore{ margin: 50px auto 0px;
    display: table;
    border: none;
    padding: 10px 20px;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    border-radius: 4px;
    background-color: #2196f3;}
	.list .list-element:nth-child(1) {
    display: block;
}
.list .list-element:nth-child(2) {
    display: block;
}
.list .list-element:nth-child(3) {
    display: block;
}