/* Default CSS */

/* -------- The tp menu at the end, which hides on mobile ---------*/

.nava {
color: #778899 !important;
}

.nava:hover {
color: #fff !important; 
background-color: #ba55d3 !important; 
}

.nava:active {
color: #fff !important; 
background-color: #ba55d3 !important; 
}

.navaicon {
margin: 0 0 0 0.5em;  
}

.navaborder {
padding-bottom: 10px;  
border-bottom: 1px solid #fff; /*ba55d3*/
}

/* --------- Hero, with the image of doctor in the background ------- */

.borderbottom {
padding-bottom: 10px;  
border-bottom: 1px solid #3a539b; /*ba55d3*/
}

/* -------------  To hide menu on desktop and show on mobile devices ----------- */

@media screen and (max-width: 1023px) {
  #navbarLinks {
    visibility: visible;
  } }

@media screen and (min-width: 1024px) {
  #navbarLinks {
    visibility: hidden;
  } }

/* -------------  content in the right column properties ----------- */

.h2box {
    padding: 15px 0 15px 10px;
    font-family: 'Open Sans', Arial;
    font-weight: normal;
    font-size: 1.5em !important; 
    line-height: 1.6em !important;
    color: #333;
}

.h2boxm {
    padding: 15px 0 15px 15px;
    font-family: 'Montserrat', Arial;
    font-weight: normal;
    font-size: 1.5em !important; 
    line-height: 1.6em !important;
    color: #333;
}

.h3line {
    padding: 15px 0 15px 10px;
    font-family: 'Open Sans', Arial;
    font-weight: normal;
    font-size: 1.5em !important; 
    line-height: 1.6em !important;
    color: #333;
    border-bottom: 1px solid #eee;
    text-align: left;
}

.h4line {
    padding-left: 10px;
    font-family: 'Open Sans', Arial;
    font-weight: normal;
    font-size: 1.5em !important; 
    line-height: 1.6em !important;
    color: #333;
    border-bottom: 1px solid #E5E5E5;
    text-align: left;

}
.h4line:after {
  content: '';
  display: block;
  border-bottom: 2px solid #ba55d3;
  margin-bottom: -1px;
  max-width: 200px;
}

.contentp {
    padding: 10px 0 0 10px;
    font-family: 'Nunito', sans-serif;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.6em;
    color: #333;
    text-align: justify;
}

.contenta {
    font-family: 'Nunito', Arial;
    text-decoration: none !important;
    vertical-align: top;
    color: #3273dc !important;
}

.content li {
 list-style-type: none; 
 padding-left: 1.2rem;
}

.contenta:hover {
    color: #3273dc !important;
}

/* ----------------------------- Some General pointers -------------------------- */
.addpadding {
    margin: 10px;
    padding: 15px;
    border: 1px solid #eee;
}

.addmargin {
    margin: 10px;
    border: 1px solid #eee;
}

.imgborder {
  border: 1px solid #ccc !important;
  padding: 5px !important;
}

.imgborderw {
  border: 1px solid #eee !important;
  padding: 5px !important;
}

.equal {
  display: flex;
}

.margin10 {
margin: 0 0.5em 0 0;  
}

/* --------Footer properties-------------  */

.footerhead {
    font-family: 'Montserrat', Arial;
    font-weight: normal;
    letter-spacing: 0.1em;
    font-size: 1em;
    color: #fff;

}

.footera {
    font-family: 'Nunito', Arial;
    font-weight: normal;
    font-size: 0.9em;
    color: #999;
    padding-left: 0.25em;
    vertical-align: top;
}

.footerag {
    font-family: 'Nunito', Arial;
    font-weight: normal;
    font-size: 0.9em;
    color: #777;
    padding-left: 0.25em;
    vertical-align: top;
}

.footera:hover {
  color: #ffd743;
}

.footerp {
    font-family: 'Nunito', Arial;
    font-weight: normal;
    font-size: 0.9em;
    color: #999;
    vertical-align: top;
}

.iconmargin {
    margin: 0 0.5em 0 0;
}

.textwrap {
  float: left;
  margin: 0 20px 10px 0;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
/* ----------------- Divider ----------------------  */

.divider {
 display: block;
 background-color: #dedede;
 height: 1px;
 margin: 5px 0 5px 10px;  
}

/* ----------------- Fonts ----------------------  */
.nunito {
    font-family: 'Nunito', Arial !important;

}

.opensans {
    font-family: 'Open Sans', Arial !important;

}

.dancing {
    font-family: 'Dancing Script', cursive !important;

}

.opencond {
    font-family: 'Open Sans Condensed', Arial !important;

}

.mont {
    font-family: 'Montserrat', Arial !important;

}

/* ----------------------- Background colors and text colors --------------------- */
.has-background-aliceblue {
  background-color: #f0f8ff !important;
}

.has-background-pink {
  background-color: #d2659c !important;
}

.has-background-pinklight {
  background-color: #fbe3ef !important; /* ff84d1 */
}

.has-background-lightsteel {
  background-color: #b0c4de !important;
}

.has-background-lightgrey {
  background-color: #e8ecf1 !important;
}

.has-background-babyblue {
  background-color: #bbe7fe !important;
}

.has-background-lilac {
  background-color: #d3b5e5 !important;
}

.has-background-honeydew {
  background-color: #e6e6fa !important; /* c197d2 */
}

.has-background-peachpuff {
  background-color: #ffffe0 !important; /* c197d2 */
}

.has-background-whitesmoke {
 background-color:#f5f5f5  !important; /* #9d2160 */
}

.has-text-orange {
 color:#f2784b  !important; /* #9d2160 */
}

.has-text-lilac {
 color:#d3b5e5  !important; /* #9d2160 */
}

.has-text-red {
 color:#c4302b  !important; /* #9d2160 */
}

.has-text-peachpuff {
 color:#bc8f8f  !important; /* #9d2160 */
}

.has-text-pink {
 color:#a12164  !important; /* #9d2160 */
}

.has-text-green {
 color:#16a085  !important; /* #9d2160 */
}

.has-text-yellow {
 color:#f7ca18  !important; /* #9d2160 */
}

.has-text-pinklight {
 color:#ff84d1  !important; /* #9d2160 */
}

.has-text-pinkdeep {
 color:#ff1493  !important; /* #9d2160 */
}

.has-text-blue {
 color:#3273dc  !important; /* #9d2160 */
}

.has-text-bluedark {
 color:#182C61  !important; /* #9d2160 */
}

.has-text-steelgrey {
 color:#515c6b  !important; /* #9d2160 */
}

.has-text-lavender {
 color:#ba55d3  !important; /* #9d2160 */
}

.has-text-lavenderdark {
 color:#5a036f  !important; /* #8d15ab */
}

.has-text-lightgrey {
 color:#778899  !important; /* #9d2160 */
}

/* --------------------------------------- Icon Font ----------------------------------*/
@font-face {
  font-family: 'icomoon';
  src:  url('../icomoon.eot?iiikxg');
  src:  url('../icomoon.eot?iiikxg#iefix') format('embedded-opentype'),
    url('../icomoon.ttf?iiikxg') format('truetype'),
    url('../icomoon.woff?iiikxg') format('woff'),
    url('../icomoon.svg?iiikxg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-quote-right:before {
  content: "\e90f";
}
.icon-quote-left:before {
  content: "\e910";
}
.icon-sitemap:before {
  content: "\e902";
}
.icon-universal-access:before {
  content: "\e903";
}
.icon-pie-chart:before {
  content: "\e904";
}
.icon-dot-circle-o:before {
  content: "\e905";
}
.icon-chevron-down:before {
  content: "\e906";
}
.icon-angle-down:before {
  content: "\e907";
}
.icon-angle-right:before {
  content: "\e908";
}
.icon-caret-right:before {
  content: "\e901";
}
.icon-chrome:before {
  content: "\e914";
}
.icon-blogger:before {
  content: "\e913";
}
.icon-bubbles:before {
  content: "\e912";
}
.icon-file-picture:before {
  content: "\e911";
}
.icon-location:before {
  content: "\e909";
}
.icon-map-marker:before {
  content: "\e909";
}
.icon-pin:before {
  content: "\e909";
}
.icon-phone:before {
  content: "\e90a";
}
.icon-search:before {
  content: "\e90b";
}
.icon-youtube:before {
  content: "\e90c";
}
.icon-stats:before {
  content: "\e90d";
}
.icon-pie-chart1:before {
  content: "\e90e";
}
.icon-graph:before {
  content: "\e90e";
}
.icon-target:before {
  content: "\e900";
}