body{  background:#fff; font-weight: 300; font-family: 'Trebuchet MS', sans-serif;}
.topbar{ background:#000;  }
.topbar h4{ color:#f3cb55; margin: 0}
header{ background:linear-gradient(to right,#000 30%,#f3cb55); padding: 2px 0;}
.logotext{color: #ff007f; font-size: 28px; text-decoration:none; display:block; }
header p{ color:#fff; font-weight:100; margin-top:7px; margin-bottom:0; line-height:1 }
header h3{ color:yellow; margin:0; font-size:21px }
header h3 a{color: #ff007f; text-decoration: none}
.navbar{ background:none !important; padding:0  }
.box1{ background:#000;  padding:20px;  }
.box2{ background:#000;  padding:25px;  }
.bannerxs{ display:none }
.logotext{ color:#f3cb55; font-weight:bold; font-style:recursive; }
.nav-link{ padding-left: 12px !important; padding-right: 12px !important; font-size:18px; font-weight:700; color:#fff }
.nav-link.active, .nav-link:hover { color:yellow !important;  }
.img1{ border-radius:100% ; border:5px solid #ccc; height:200px; width:200px }
.single-profile h3{ color:#ccc; margin-top:40px  }
.single-profile p{ color:#fff }
.single-profile p strong{ color:#f3cb55 }
.single-profile p a{ color:yellow }
.pl-0{ padding-left:0; margin-left:-30px }
.box-grey h2,.box-grey h3{ color:#000; font-weight: bold}
.box-grey p{ color:#000; text-align:justify; }
.section1 h1, .section1 h2{ color:#f3cb55 !important; font-weight:bold }
.section1 h3{ color:#ccc;  }
.box-grey{ background:#ccc; padding:20px }
.box-grey p strong{ font-weight:bold; }
.box-grey p strong a{ color:#111; text-decoration:none; }
.box1 p{ text-align:justify; }
.box2 p{ color:#fff; text-align:justify; }
.section1 p,.section2 p{ color:#fff }
.section1 a{ color:yellow }

.box1 p strong,.box2 p strong{ font-weight:bold; color:#f3cb55 !important }

.section2 p a{color: yellow; text-decoration: none}
.footer{ background:#000 }
.footer p{ margin-bottom:0 }
.fixeddiv .callme{ position:fixed; box-shadow: 0 3px 5px #000; border:1px solid #000; font-size: 18px; bottom:10px; left:10px; z-index:999; width:150px; background:#f3cb55 ; color:#000; padding:10px 0; border-radius:5px; display:inline-block; text-align:center; font-weight:bold; text-decoration:none  }

.fixeddiv .wpme{  position:fixed;box-shadow: 0 3px 5px #000; border:2px solid #000;font-size: 18px; bottom:10px; right:10px; z-index:999; width:150px; background:#25D366; color:#000; padding:10px 0;border-radius:5px; display:inline-block;text-align:center; font-weight:bold; text-decoration:none  }

@media (max-width:767px)
{
 .banner{ display:none; }
 .bannerxs{ display:block; }
h1{ font-size:32px }
h2{ font-size:24px }
h3{ font-size:21px }
header{background: #000;}
.single-profile h3{  margin-top:10px  }
.pl-0{ padding-left:15px; margin-left:0 }

  
  .navbar{ padding:5px }
  .navbar-toggler{ display:block; margin:0 auto; background:#f3cb55; padding:0; text-align:right; border-radius:0 }
  .navbar-collapse{position: fixed;left: 0px;top: 51px;background: rgb(0, 0, 0);width: 100%;}
  
}
