body, html {
  height: 100%;
}

body {
  background: #ffffff;
  color: #4c4d4d;
  font-family: "Poppins", sans-serif;
  padding: 0px;
  margin: 0px;
  height: 100%;
}

#main { width: 100%; height: 100%; }

header { display: block !important; }
footer { display: none !important; }

.hidden { display: none !important; }
.r-none { resize: none !important; }

.btn-outline { border: 1px solid; padding: 10px 20px; border-radius: 5px; text-decoration: none; text-align: center; border: 1px solid #ff0045; color: #ff0045; }
.btn-outline:hover { color: #ff0045 !important; }

#carouselSlides { width: 100%; height: 100%; background-color: #ffffff; overflow: hidden; }
#carouselSlides .carousel-item { background-size: contain; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; }
.carousel-indicators li { width: 10px !important; height: 10px !important; border-radius: 50% !important; background-color: #666 !important; }
.carousel-indicators li.active { background-color: #333 !important; }

.carousel-caption-left { position: absolute; left: 100px; top: 25%; width: 50%; }
.carousel-caption-right { position: absolute; right: 100px; top: 25%; width: 50%; }

.carousel-caption-left p, .carousel-caption-right p { margin-bottom: 0px; line-height: 28px; }
.carousel-caption-left h4, .carousel-caption-right h4 { margin-bottom: 25px; }

section { margin: 20px 0px; }
section.cms { padding: 0px 20px; }
section.sub-nav {
  padding: 0px 0px;
  background: #f6f6f6;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}
.sub-nav a {
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  height: 40px;
  display: inline-block;
  margin: 0px 10px;
  padding: 0px 20px;
  color: #333;
}
.sub-nav a:hover { color: #009688 !important; text-decoration: none; }
.sub-nav a.active {
  color: #fff !important;
  background-color: #009688;
  line-height: 40px;
}

.logo { float: left; }
.logo img { width: 65px; height: auto; }
.tagline { float: left; padding-left: 10px; line-height: 60px; }
.app-name { color: #555; font-family: sans-serif; font-weight: 500; margin: 15px 0px 0px 0px; font-size: 30px; }
.bg-tagline { 
  font-size: 14px;
  background-color: #ff0045;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 3px 7px !important;
  margin: 0px !important; 
}

.btn-highlight { background-color: #ff0045; padding: 0px 10px; border-radius: 5px; color: #333 !important; }
.btn-highlight:hover {  }

header { position: fixed; top: 0px; left: 0px; z-index: 100; width: 100%; }

footer { background: #f9f9f9; height: 50px; width: 100%; bottom: 0px; line-height: 50px; }

header p, footer p { font-size: 14px; margin: 0px; color: #333 !important; font-size: 16px !important; font-weight: 500 !important; }

header a.f-left, footer a.f-left { float: left; margin: 0px 0px 0px 30px; color: #333; font-size: 16px; font-weight: 500 !important; text-decoration: none; }

.img-contact img {
  height: 350px !important; width: auto !important;
}


.cms-content { padding: 20px 0px; }

.cms-title { color: #555; font-family: sans-serif; font-weight: 400; margin: 15px 0px 0px 0px; font-size: 26px; }

.cms-content p, .cms-content span {
  font-family: "Poppins", sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  color: #333 !important;
  line-height: 25px !important;
}

.cms-content h1, .cms-content h2, .cms-content h3, .cms-content h4, .cms-content h5, .cms-content h6 { 
  font-size: 18px; line-height: 32px !important; 
}

.cms-content a {
  color: #007bff !important;
  font-size: 15px;
}

.cms-content p {
  text-align: justify !important;
  font-size: 15px;
  line-height: 30px !important;
  color: #333 !important;
  margin-bottom: 5px;
}
.cms-content ul, .cms-content ol {
  list-style: disc !important;
  margin-left: 12px;
  line-height: 30px !important;
}
.cms-content ul li, .cms-content ol li {
  list-style: disc !important;
  font-size: 15px;
  line-height: 30px !important;
}
.cms-content strong {
  color: #333;
  font-weight: 500;
}
.cms-content a strong {
  color: #007bff !important;
}

/* Start Responsive CSS */
@media only screen and (max-width: 320px) {
  .img-contact { display: none; }
  .mcenter { text-align: center !important; }
}

@media only screen and (min-width: 320px) and (max-width:480px) { 
  section { margin: 10px 0px; }
  .container { padding-left: 0px !important; padding-right: 0px !important; max-width: unset !important; }
  .logo-container { text-align: center; padding: 0px 5px 5px 5px; overflow: hidden; }
  .logo img { width: 35px; height: auto; }
  .tagline { line-height: 30px; }
  .app-name { margin: 7px 0px 0px 0px; font-size: 16px; }
  .nav-menu-links { width: 100%; line-height: 40px; background-color: #f6f6f6; padding-left: 5px !important; padding-right: 5px !important; }
  .nav-menu-links p { font-size: 12px !important; }
  header a.f-left, footer a.f-left { margin: 0px 10px 0px 0px; }
  .download-app { font-size: 10px !important; }
  .download-app svg { width: 20px !important; height: 20px !important; }
  .img-contact { display: none; }
  .mcenter { text-align: center !important; }
  .carousel-caption-left { left: 10px; width: 60% !important; }
  .carousel-caption-right { right: 10px; width: 60% !important; }
}

@media only screen and (min-width: 480px) and (max-width:768px) { 
}

@media only screen and (min-width: 768px) and (max-width:1024px) { 
}

@media only screen and (min-width: 1024px) and (max-width:1365px) { 
}

@media only screen and (min-width: 1366px) and (max-width:1600px) { 
  .container { padding-left: 20px !important; padding-right: 20px !important; max-width: unset !important; }
  .nav-menu-links { line-height: 65px; }
}

@media only screen and (min-width: 1601px) and (max-width:1900px) { 
  .container { padding-left: 20px !important; padding-right: 20px !important; max-width: unset !important; }
  .nav-menu-links { line-height: 65px; }
}

@media only screen and (min-width: 1900px) { 
  .container { padding-left: 20px !important; padding-right: 20px !important; max-width: unset !important; }
  .nav-menu-links { line-height: 65px; }
}
/* End Responsive CSS */