body {
    font-family: 'Lato', sans-serif;
    background: #EEF2FB;
}

* {
    outline: none !important;
}

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

.no_padding {
    padding: 0 !important;
}

.no_margin {
    margin: 0 !important;
}

.padding_xs {
    padding: 0 2px 0 2px !important;
}

.padding_sm {
    padding: 0 5px 0 5px !important;
}

.ht5 {
    height: 5px;
}

.ht10 {
    height: 10px;
}

.logo img {
    width: 100%;
    max-width: 150px;
}

.pos_rel {
    position: relative;
}

.anim {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.d_flex {
    display:  flex !important;
}
.flex-row {
    flex-direction:  row;
}
.flex-col {
    flex-direction:  column;
}
.justify_content_center {
    justify-content:  center;
}
.justify_content_start {
    justify-content:  start;
}
.justify_content_end {
    justify-content:  end;
}
.align_items_center {
    align-items:  center;
}

/*home page style starts here*/
.top_logo {
    max-width: 175px;
    width: 100%;
    margin: auto;
    z-index: 50;
    position: relative;
}
.top_blue_header {
    float: left;
    width: 100%;
    padding: 18px;
    background: #092871;
    position: fixed;
    top: 0;
    left: 0;
    min-height: 120px;
    z-index: 60;
}
.home_banner {
    background: url(../img/home_banner.jpg);
    width: 100%;
    height: 100vh;
    float: left;
    background-size: cover !important;
    padding: 100px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    color: #FFF;
}



.top_menu ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.top_menu ul li {
  padding: 20px;
}
.top_menu ul li a {
    color: #FFF;
    font-size: 15px;
    padding: 10px;
}
.top_menu ul li a:hover, .top_menu ul li a.active {
    border-bottom: 1px solid #FFF;
    text-decoration: none;
}

.btn.doctor_login_btn {
  border: 1px solid #FFF;
  border-radius: 0;
  font-size: 15px;
}
.btn.doctor_login_btn:hover {
  background: #FFF;
  color: #092871;
}
.btn.doctor_login_btn:focus {
  background: transparent;
  color: #FFF;
}

.home_banner h1 {
  font-size: 60px;
  line-height: 65px;
}
.home_banner h4 {
  font-size: 20px;
}
.mobile_menu_close_btn, .mobile_btn {
    display: none;
}
.tele_feature_wrapper {
    float: left;
    width: 100%;
    padding: 60px 15px;
}
.tele_feature_wrapper h1 {
    color: #092871;
    font-size: 35px;
    margin: 15px 0 60px 0;
}
.feature_list {
    float: left;
    width: 100%;
    text-align: center;
    margin: 5px;
}
.feature_list h4 {
    margin: 20px 0;
    color: #092871;
    font-size: 18px;
}
.disclaimer_wrapper {
    float: left;
    width: 100%;
    padding: 60px 15px;
    text-align: center;
    /*background: #FFF;*/
}
.disclaimer_wrapper h2 {
    color: #092871;
    font-size: 25px;
    margin: 15px 0 40px 0;
}
.disclaimer_wrapper p {
    color: #333;
    font-size: 16px;
}
.container {
    max-width:  1200px;
    width: 100%;
}
footer  {
    background: #092871;
    float: left;
    width: 100%;
    padding: 60px 15px;

}
.social_icons ul {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.social_icons ul li {
  margin: 5px;
}
.social_icons ul li a {
  margin: 5px;
  width: 32px;
  height: 32px;
  background: #FFF;
  text-align: center;
  border-radius: 100%;
  line-height: 32px;
  font-size: 16px;
  display: block;
  color:  #092871;
}
.social_icons ul li a:hover {
  color:  #092871;
}
footer p {
    color: #FFF;
    font-size: 16px;
}
footer p a {
    text-decoration:  underline;
    color: #FFF;
    
}
footer p a:hover {
    text-decoration:  underline;
    color: #FFF;
    
}
.footer_menu ul {
    display:  flex;
    flex-direction:  column;

}
.footer_menu ul li{
    margin: 0 0 10px 0;
}
.footer_menu ul li a {
    display: block;
    color: #FFF;
    font-size: 14px;
}
.footer_menu ul li a:hover{
    display:  block;
    color: #FFF;
    text-decoration:  underline;
}
/*home page style ends here*/



/*about page style starts here*/
.about_content_wrapper {
    float: left;
    width: 100%;
    padding: 100px 15px;
    background: #FFF;
}
.about_content_wrapper img {
    margin:  10px;
}
.about_content_wrapper p, .about_content_wrapper ul li {
    font-size: 18px;
    line-height: 40px;
}
.about_blue_content_wrapper {
    float: left;
    width: 100%;
    padding: 100px 15px;
    background: #223a72;
    color:  #FFF;
}
.tele_btn_style {
    padding:  5px 10px;
    background: transparent;
    border:  1px solid #FFF;
    color: #FFF;
    border-radius:  0;
}
.tele_btn_style:hover {
    padding:  5px 10px;
    background: #FFF;
    border:  1px solid #FFF;
    border-radius:  0;
    color: #092871;
}
.about_blue_content_wrapper h1 {
    margin: 10px 0 40px 0;
}
.about_blue_content_wrapper img {
    margin:  20px;
}
.about_blue_content_wrapper p, .about_blue_content_wrapper ul li {
    font-size: 18px;
    line-height: 40px;
}
.about_blue_content_box {
   padding-left: 100px;
}
.about_banner {
    background: url(../img/about_banner.jpg);
    width: 100%;
    min-height: 525px;
    background-size: cover !important;
    float: left;
    padding: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #FFF;
}
.about_banner h1 {
    font-size: 60px;
}
.about_global_wrapper {
    float: left;
    width: 100%;
    padding: 100px 15px;
    background: #FFF;
}
.about_global_wrapper h1 {
    color: #092871;
    font-size: 35px;
    margin:  10px 0 30px 0;
}
.about_global_wrapper p, .about_blue_content_wrapper ul li {
    font-size: 18px;
    line-height: 40px;
}
/*about page style ends here*/



/*contact us page style starts here*/

.contact_banner {
    background: url(../img/contact_banner.jpg);
    width: 100%;
    min-height: 719px;
    background-size: cover !important;
    float: left;
    padding: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #FFF;
}
.contact_banner h1 {
    font-size: 60px;
}
.tele_blue_color{
    color: #092871;
}
/*contact us page style ends here*/


@media only screen and (max-width: 768px) {
    .mob_center {
        display: flex;
        align-items:  center;
        justify-content:  center;
    }
    .contact_add_div {
        margin:  60px 0;
        padding:  60px 0;
    }
.contact_banner, .about_banner {
    padding: 30px;
    min-height: 350px;
    justify-content:  flex-end;
}
.contact_banner h1, .about_banner h1 {
    font-size: 40px;
    margin-bottom: 50px;
}

    .about_blue_content_wrapper img, .about_content_wrapper img {
    margin: 0;
}
    .about_blue_content_box {
        padding-left:  0;
    }
    .footer_menu {
    margin: 30px 0;
}
    .feature_list {
        margin: 30px 5px;
    }
    .mobile_btn {
        color: #FFF;
        font-size: 25px;
        display: block;
        margin: 20px 10px 0 0;
        cursor: pointer;
    }

    .mobile_menu_close_btn {
        position: absolute;
        color: #FFF;
        top: 30px;
        right: 30px;
        font-size: 30px;
        display: block;
        cursor: pointer;
    }

    .top_menu {
        position: fixed;
        z-index: 10;
        width: 100%;
        height: 100%;
        background: #000;
        left: 0;
        top: 0;
        display: none;
        align-items: center;
        justify-content: center;
    }

    .top_menu ul {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-direction: column;
    }

    .top_menu ul li a,
    .btn.doctor_login_btn {
        font-size: 18px;
    }
}