/*========================================================================

/*----------------------------------
Table of contents
01. Loading
02. Common
03. Section title
04. Buttons
05. Owl
06. Page Title
07. Header
08. Home Banner
09. Feature Box
10. Tabs
11. Testimonial
12. About us Section
13. Video Box
14. counter section
15. Our Team
16. Price Table
17. Blog
18. Call To Action
19. Footer
20 Contact Us
----------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i");

#register-btn {
  cursor: not-allowed;
}

#loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #151515;
  z-index: 999999;
}
.load-circle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  animation: rotate 1s infinite;
  height: 50px;
  width: 50px;
}

.load-circle:before,
.load-circle:after {
  border-radius: 50%;
  content: "";
  display: block;
  height: 20px;
  width: 20px;
}
.load-circle:before {
  animation: ball1 1s infinite;
  background-color: #1edee4;
  box-shadow: 30px 0 0 #ff2560;
  margin-bottom: 10px;
}
.load-circle:after {
  animation: ball2 1s infinite;
  background-color: #255cff;
  box-shadow: 30px 0 0 #ffbc5c;
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(0.8);
    -moz-transform: rotate(0deg) scale(0.8);
  }
  50% {
    -webkit-transform: rotate(360deg) scale(1.2);
    -moz-transform: rotate(360deg) scale(1.2);
  }
  100% {
    -webkit-transform: rotate(720deg) scale(0.8);
    -moz-transform: rotate(720deg) scale(0.8);
  }
}

@keyframes ball1 {
  0% {
    box-shadow: 30px 0 0 #f8b334;
  }
  50% {
    box-shadow: 0 0 0 #f8b334;
    margin-bottom: 0;
    -webkit-transform: translate(15px, 15px);
    -moz-transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 #f8b334;
    margin-bottom: 10px;
  }
}

@keyframes ball2 {
  0% {
    box-shadow: 30px 0 0 #97bf0d;
  }
  50% {
    box-shadow: 0 0 0 #97bf0d;
    margin-top: -20px;
    -webkit-transform: translate(15px, 15px);
    -moz-transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 #97bf0d;
    margin-top: 0;
  }
}

/*---------------------------------
* 02. Common
-----------------------------------*/

html {
  overflow-x: hidden;
}
body {
  font-family: "Arial", sans-serif;
  font-size: 14px;
  line-height: 1.8;
  color: #888888;
  /* font-smoothing: antialiased; */
  font-weight: 400;
  overflow-x: hidden;
  letter-spacing: 0.5px;
}
.bldd {
  font-weight: bold;
}
.width-500 {
  max-width: 500px;
}

.font-alt {
  font-family: "Helvetica Neue", sans-serif;
}

a {
  text-decoration: none !important;
}

img {
  max-width: 100%;
}

.container-large {
  max-width: 1440px;
}

.section {
  padding: 50px 0;
}
.section-bantuan {
  padding-top: 140px;
  padding-bottom: 10px;
}

@media (max-width: 991px) {
  .section {
    padding: 60px 0;
  }
}

@media (max-width: 767px) {
  .section {
    padding: 40px 0;
  }
}

/*---------------------------------
* Buttons
-----------------------------------*/
.btnx {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 20px 32px;
  border-radius: 5px;
  border: none;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}
.btn {
  font-size: 12px;
  text-transform: inherit;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 10px 22px;
  border-radius: 5px;
  border: none;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}

.btn-populer {
  font-size: 12px;
  text-transform: inherit;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 4px 22px;
  border-radius: 5px;
  border: none;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  height: 10px;
}
.btn-populer2 {
  font-size: 12px;
  text-transform: inherit;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 4px 22px;
  border-radius: 5px;
  border: none;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  height: 10px;
}

.btn-t-white {
  border: 1px solid #fff;
  color: #fff;
}
.btn-t-white:hover {
  background: #fff;
}

.btn-white {
  border: 1px solid #fff;
  background: #fff;
}
.btn-white:hover {
  color: #fff;
}

.btn-theme {
  color: #fff;
}
.btn-theme:hover {
  color: #fff;
}

.link-btn {
  color: #111;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
}

/*---------------------------------
* Owl
-----------------------------------*/
.owl-dots {
  text-align: center;
}
.owl-dots .owl-dot {
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
}
.owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  border: 2px solid #323232;
  display: inline-block;
  border-radius: 50%;
  background: #fff;
}
.owl-dots .owl-dot.active span {
  background: #323232;
}
.owl-nav > div {
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  line-height: 50px;
  color: #fff;
}

.owl-nav .owl-prev {
  left: 0;
}
.owl-nav .owl-next {
  right: 0;
}

/*---------------------------------
* Shadow
-----------------------------------*/
.hover-shadow:hover {
  box-shadow: 0 8px 50px -6px rgba(84, 84, 120, 0.26);
}
.box-shadow {
  box-shadow: 0 6px 50px rgba(0, 0, 0, 0.05);
}

/*---------------------------------
* Base color
-----------------------------------*/
.dark-color {
  color: #222;
  /* width: 400px; */
}
.dark-color1 {
  color: #000;
  /* width: 400px; */
}
.white-color {
  color: #fff;
}
.white-color-light {
  color: rgba(255, 255, 255, 0.8);
}

.gray-bg {
  background: #e0edff;
}
.gray-bg1 {
  background: #145dff;
}
.gray-bg-g {
  background-image: linear-gradient(0deg, #fcfcfc 0%, #ffffff 100%);
}

.blu-bg {
  background: #0020dd;
}
.blu-bg-g {
  background-image: linear-gradient(0deg, #0020dd 0%, #0575e6 100%);
}

.yellow-bg {
  background-color: #f7b500;
}
.yellow-bg-after:after {
  background-color: #f7b500;
}

.pink-bg {
  background-color: #ea2175;
}
.pink-bg-after:after {
  background-color: #ea2175;
}

.yellow-color {
  color: #ffbc5c;
}
.green-color {
  color: #1edee4;
}
.blue-color {
  color: #255cff;
}

.pink-color {
  color: #ff2560;
}

.large-text1 {
  font-size: 16px;
}
.large-text2 {
  font-size: 17px;
}
.large-text3 {
  font-size: 12px;
}
.large-text {
  font-size: 18px;
}
.text-kelola {
  font-size: 18px;
}

@media (min-width: 992px) {
  .text-kelola {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .large-text {
    font-size: 16px;
  }
  .text-kelola {
    font-size: 16px;
  }
  .gray-bg-g {
    background: #fff;
  }
  .line {
    line-height: 25px;
  }
  .content-center {
    text-align: center;
  }
}

.opacity1 {
  opacity: 0.1;
}
.opacity2 {
  opacity: 0.2;
}
.opacity3 {
  opacity: 0.3;
}
.opacity4 {
  opacity: 0.4;
}
.opacity5 {
  opacity: 0.5;
}
.opacity6 {
  opacity: 0.6;
}
.opacity7 {
  opacity: 0.7;
}
.opacity8 {
  opacity: 0.8;
}
.opacity9 {
  opacity: 0.9;
}

.shapes-section {
  position: relative;
  overflow: hidden;
}

.shapes-box {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}

.shapes-box span {
  position: absolute;
}

.shapes-box span:nth-child(1) {
  left: 4.8%;
  top: 4.5%;
}
.shapes-box span:nth-child(2) {
  left: 9.6%;
  top: 27.2%;
}
.shapes-box span:nth-child(3) {
  left: 8.8%;
  bottom: 16%;
}
.shapes-box span:nth-child(4) {
  left: 25%;
  bottom: 21%;
}
.shapes-box span:nth-child(5) {
  left: 35%;
  top: 6.6%;
}
.shapes-box span:nth-child(6) {
  left: 43%;
  bottom: 30%;
}
.shapes-box span:nth-child(7) {
  left: 49%;
  top: 50%;
}
.shapes-box span:nth-child(8) {
  right: 11.8%;
  top: 33%;
}
.shapes-box span:nth-child(9) {
  right: 6%;
  top: 10%;
}
.shapes-box span:nth-child(10) {
  right: 4.5%;
  bottom: 33%;
}

/*-----------------------------------------
*  Social Icon
-----------------------------------------*/
.social-icons {
  margin: 0;
  padding: 0;
}
.social-icons li {
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
}
.social-icons li a {
  display: block;
  padding: 0;
  color: #fff;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  font-size: 12px;
  -webkit-transition: ease all 0.3s;
  transition: ease all 0.3s;
  border-radius: 5px;
}
.social-icons li a:hover {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
}

/*---------------------------------
* section title
-----------------------------------*/
.section-title h6 {
  margin: 0 0 15px;
  font-weight: 700;
  font-size: 15px;
}

.section-title h2 {
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 25px;
}

.section-title h2.theme-after {
  position: relative;
  padding: 0 0 25px;
}
.section-title h2.theme-after:after {
  width: 60px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  margin: auto;
}

.section-title p {
  font-size: 18px;
  margin: 0;
  color: black;
}
.section-title-b p {
  padding: 0;
  font-size: 17px;
  margin: 0;
  color: black;
}
@media (max-width: 767px) {
  .section-title p {
    font-size: 12px;
    margin: 0;
    color: black;
  }
  .section-title-b p {
    font-size: 13px;
    margin: 0;
    color: black;
  }
}

.section-title-01 h2 {
  font-size: 32px;
  font-weight: 700;
  margin: 0 0 15px;
  position: relative;
}
.section-title-01 p {
  margin: 0;
}

.section-title-02 h2 {
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 25px;
  position: relative;
  z-index: 1;
  padding: 0 0 20px;
}
.section-title-02 h2:after {
  content: "";
  width: 50px;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.section-title-02.text-center h2:after {
  right: 0;
  margin: auto;
}
.section-title-02 p {
  margin: 0;
}
.section-title-02 .btn-bar {
  margin-top: 20px;
}

@media (max-width: 991px) {
  .section-title-01 h2 {
    font-size: 35px;
  }
  .section-title h2 {
    font-size: 35px;
  }
  .section-title h3 {
    font-size: 18px;
  }
  .section-title-b h3 {
    font-size: 28px;
  }
  .section-title-b h5 {
    font-size: 17px;
  }
  .section-title h4 {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .section-title-01 h2 {
    font-size: 28px;
    margin: 0 0 20px;
  }
  .section-title h2 {
    font-size: 28px;
    margin: 0 0 20px;
  }
  .section-title-02 h2 {
    font-size: 26px;
  }
}

.sub-title h3 {
  margin: 0;
  padding: 0 0 15px;
  font-weight: 600;
  font-size: 32px;
}
.sub-title p:last-child {
  margin-bottom: 0;
}
.sub-title h2 {
  margin: 0 0 25px;
  padding: 0 0 20px;
  font-weight: 600;
  font-size: 38px;
  position: relative;
}
.sub-title h2.theme-after:after {
  width: 50px;
  height: 2px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}

.sub-title.text-center h2.theme-after:after {
  right: 0;
  margin: 0 auto;
}

@media (max-width: 992px) {
  .sub-title h3 {
    font-size: 26px;
  }
  .sub-title h2 {
    font-size: 30px;
  }
}

/*page not found*/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* padding-top: 15px; */
}

#notfound {
  position: relative;
  height: 100vh;
}

#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.notfound {
  max-width: 660px;
  width: 100%;
  text-align: center;
  line-height: 1.4;
}

.notfound h2 {
  font-size: 30px;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.notfound p {
  font-family: "Cabin", sans-serif;
  font-size: 16px;
  color: #000;
  font-weight: 400;
}

.notfound a {
  font-family: "Cabin", sans-serif;
  display: inline-block;
  padding: 10px 25px;
  background-color: #145dff;
  border: none;
  border-radius: 40px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.notfound a:hover {
  background-color: #0b3899;
  color: white;
}

.shil {
  margin-left: 20px;
  max-width: 220px;
  margin-bottom: 20px;
  pointer-events: none;
}
/*---------------------------------
* 06. Page Title
-----------------------------------*/
.heder1 {
  font-weight: bold;
  font-size: 40px;
}
.page-title-section {
  padding: 160px 0 80px;
  position: relative;
  overflow: hidden;
}
.page-title-section:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.6;
}

.page-title-white {
  margin-top: 70px;
  padding: 80px 0;
}

.page-title h1 {
  color: #fff;
  margin: 0 0 15px;
  text-align: center;
  font-weight: 600;
}
.page-title-section .container {
  position: relative;
  z-index: 1;
}
.page-title-section .breadcrumb {
  padding: 0;
  margin: 0;
  background: none;
  text-align: center;
}
.page-title-section .breadcrumb li {
  color: rgba(255, 255, 255, 0.58);
  font-size: 14px;
  margin: 0 15px;
  position: relative;
}
.page-title-section .breadcrumb li:not(:first-child):after {
  width: 5px;
  height: 5px;
  background: #fff;
  left: -15px;
  content: "";
  float: left;
  position: absolute;
  top: 9px;
  border-radius: 50%;
}
.page-title-section .breadcrumb a {
  color: #fff;
  text-decoration: none;
}
.aifrem {
  position: relative;
  overflow: hidden;
  padding-top: 35%;
  width: -200px;
}
.aifrem-ins {
  position: absolute;
  top: 60px;
  width: 93%;
  height: 280px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}
.aifrem-clinica {
  position: absolute;
  top: 0px;
  width: 650px;
  height: 365px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}
.aifrem-antrian {
  position: absolute;
  top: 0px;
  width: 95%;
  height: 315px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}
.aifrem-booking {
  position: absolute;
  top: 30px;
  width: 92%;
  height: 250px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}
.min200 {
  margin-top: -200px;
  margin-bottom: 100px;
}

@media (max-width: 991px) {
  .page-title h1 {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .page-title-section {
    padding: 100px 0 40px;
  }
  .min200 {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .heder1 {
    font-size: 24px;
  }
  .aifrem-ins {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
  .aifrem-clinica {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
  .aifrem-antrian {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
  .aifrem-booking {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
}

/*---------------------------------
* Header
-----------------------------------*/
.header-biru {
  margin-top: auto;
  margin-bottom: auto;
  background: #0575e6;
  color: #fff;
  font-size: 12px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  padding-top: 4px;
  padding-bottom: 4px;
}

.header-nav {
  position: fixed;
  /* top: 26px; */
  left: 0;
  right: 0;
  z-index: 9;
  padding-top: 0;
  padding-bottom: 0;
  background: #fff;
}
.header-clinica {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  padding-top: 0;
  padding-bottom: 0;
  background: #fff;
}

.header-nav a {
  transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
}
.header-clinica a {
  transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
}

.header-nav .dark-logo {
  display: none;
}
.header-clinica .dark-logo {
  display: none;
}

.header-nav .navbar-nav .nav-link {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  position: relative;
  line-height: 70px;
}

.header-clinica .navbar-nav .nav-link-clinica {
  color: #a39e9e;
  font-size: 14px;
  padding: 0 12px;
  position: relative;
  line-height: 70px;
}
.header-nav .navbar-nav .nav-link:before {
  content: "";
  width: 0;
  height: 1px;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
  position: absolute;
  bottom: 22px;
  left: 12px;
}
.header-clinica .navbar-nav .nav-link-clinica:before {
  content: "";
  width: 0;
  height: 1px;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
  position: absolute;
  bottom: 22px;
  left: 12px;
  color: #145dff;
}
.header-nav .navbar-nav .nav-link-btn {
  font-size: 12px;
  font-weight: 700;
  padding: 7px 18px;
}
.header-clinica .navbar-nav .nav-link-clinica-btn {
  font-size: 12px;
  font-weight: 700;
  padding: 7px 18px;
}
.header-nav .navbar-nav .nav-link-btn.btn-white:not(:hover) {
  color: #323232;
}
.header-clinica .navbar-nav .nav-link-clinica-btn.btn-white:not(:hover) {
  color: #323232;
}
.header-nav .navbar-nav li:hover .nav-link:before,
.header-nav .navbar-nav .nav-link.active:before {
  width: 50%;
}

.header-clinica .navbar-nav li:hover .nav-link-clinica:before,
.header-clinica .navbar-nav .nav-link-clinica.active:before {
  width: 50%;
}
.header-nav .navbar-brand {
  color: #fff;
  font-weight: 600;
}
.header-clinica .navbar-brand {
  color: #fff;
  font-weight: 600;
}

.fixed-header .header-nav {
  background: #fff;
  box-shadow: 0 8px 50px -6px rgba(84, 84, 120, 0.26);
}
.fixed-header .header-clinica {
  background: #fff;
  box-shadow: 0 8px 50px -6px rgba(84, 84, 120, 0.26);
}
.fixed-header .header-nav .navbar-nav .nav-link {
  color: #323232;
}
.fixed-header .header-clinica .navbar-nav .nav-link-clinica {
  color: #a39e9e;
}
.fixed-header .header-nav .navbar-brand {
  color: #323232;
}
.fixed-header .header-clinica .navbar-brand {
  color: #323232;
}
.fixed-header .header-nav .navbar-nav .nav-link:before {
  background: #000;
}
.fixed-header .header-clinica .navbar-nav .nav-link-clinica:before {
  background: #fff;
}

.fixed-header .header-nav .light-logo {
  display: none;
}
.fixed-header .header-clinica .light-logo {
  display: none;
}
.fixed-header .header-nav .dark-logo {
  display: block;
}
.fixed-header .header-clinica .dark-logo {
  display: block;
}

.fixed-header .header-nav a.btn {
  border-color: #323232;
}
.fixed-header .header-clinica a.btn {
  border-color: #323232;
}
.fixed-header .header-nav a.btn-white:not(:hover) {
  color: #111;
}
.fixed-header .header-clinica a.btn-white:not(:hover) {
  color: #111;
}
.fixed-header .header-nav-dark a.btn {
  color: #fff;
}

.header-nav-dark .navbar-nav .nav-link {
  color: #323232;
}
.header-nav-dark .navbar-nav .nav-link:before {
  background: #323232;
}
.header-nav-dark .navbar-nav .nav-link-clinica:before {
  background: #fff;
}
.header-nav-dark .navbar-brand {
  color: #323232;
}

.header-nav-style-1 {
  top: 0;
  width: 1180px;
  margin: 0 auto;
  background: #fff;
  border-radius: 0px 0px 10px 10px;
  max-width: 100%;
}
.header-clinica-style-1 {
  top: 0;
  width: 1180px;
  margin: 0 auto;
  background: #fff;
  border-radius: 0px 0px 10px 10px;
  max-width: 100%;
}

.header-nav-style-2 .navbar-nav .nav-link {
  font-size: 15px;
}
.header-clinica-style-2 .navbar-nav .nav-link-clinica {
  font-size: 15px;
}
.solusi {
  min-width: 280px;
}

/*Sidebar*/

.wrapper {
  display: flex;
  width: 100%;
  align-items: stretch;
}
#sidebar {
  width: 100%;
  color: #fff;
  transition: all 0.3s;
}

#sidebar.active {
  margin-left: -250px;
}

#sidebar .sidebar-header {
  padding: 20px;
}

#sidebar ul.components {
  padding: 20px 0px;
  font-weight: fixed;
}
#sidebar ul.nav {
  display: block;
}

#sidebar ul p {
  padding: 10px;
  font-size: 1.1em;
  display: block;
}

#sidebar ul li a {
  padding: 7px;
  font-size: 16px;
  display: block;
  color: #000;
}

#sidebar ul li a:hover {
  color: #000;
  background: #ededed;
}

#sidebar ul li.active > a,
a[aria-expanded="true"] {
  color: #000;
}

a[data-toggle="collapse"] {
  position: relative;
}

ul,
#myUL {
  list-style-type: none;
}

#myUL {
  margin: 0;
  padding: 0;
}

.dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.dropdown-toggle.collapsed::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(-90deg);
}
ul ul a {
  font-size: 13px !important;
  font-weight: normal;
}

.list-bantuan {
  color: #000;
  cursor: pointer;
}

/*Search*/
input {
  outline: none;
}
input[type="search"] {
  -webkit-appearance: textfield;
  font-family: inherit;
  font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
  display: none;
}

input[type="search"] {
  background: #ededed url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;
  border: solid 1px #ccc;
  padding: 4px 10px 4px 40px;
  width: 310px;

  -webkit-border-radius: 10em;
  -moz-border-radius: 10em;
  border-radius: 10em;

  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
input[type="search"]:focus {
  width: 310px;
  background-color: #fff;

  -webkit-box-shadow: 0 0 5px rgba(109, 207, 246, 0.5);
  -moz-box-shadow: 0 0 5px rgba(109, 207, 246, 0.5);
  box-shadow: 0 0 5px rgba(109, 207, 246, 0.5);
}

input:-moz-placeholder {
  color: #999;
}
input::-webkit-input-placeholder {
  color: #999;
}
@media (max-width: 991px) {
  input[type="search"] {
    background: #ededed url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;
    border: solid 1px #ccc;
    padding: 4px 10px 4px 40px;
    width: 100%;
    text-align: left;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
  }
  input[type="search"]:focus {
    width: 100%;
    background-color: #fff;

    -webkit-box-shadow: 0 0 5px rgba(109, 207, 246, 0.5);
    -moz-box-shadow: 0 0 5px rgba(109, 207, 246, 0.5);
    box-shadow: 0 0 5px rgba(109, 207, 246, 0.5);
  }
}
.fixed-header .header-nav-dark a.btn {
  color: #fff;
}

.header-nav-dark .navbar-nav .nav-link {
  color: #323232;
}
.header-nav-dark .navbar-nav .nav-link:before {
  background: #323232;
}
.header-nav-dark .navbar-brand {
  color: #323232;
}

.header-nav-style-1 {
  top: 0;
  width: 1180px;
  margin: 0 auto;
  background: #fff;
  border-radius: 0px 0px 10px 10px;
  max-width: 100%;
}

.header-nav-style-2 .navbar-nav .nav-link {
  font-size: 15px;
}

/*Navbar Toogle*/
.navbar-toggler {
  border: none;
  padding: 10px 6px;
  outline: none !important;
}

.navbar-toggler span {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background: #fff;
}
.navbar-toggler span + span {
  margin-top: 4px;
  width: 18px;
}
.navbar-toggler span + span + span {
  width: 10px;
}
.fixed-header .navbar-toggler span {
  background: #323232;
}

.header-nav-dark .navbar-toggler span {
  background: #323232;
}

/*Navbar Toogle Clinica*/

.navbar-toggler-clinica {
  border: none;
  padding: 10px 6px;
  outline: none !important;
  margin-left: 168px;
}
.navbar-toggler-clinica span {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background: #fff;
}
.navbar-toggler-clinica span + span {
  margin-top: 4px;
  width: 18px;
}
.navbar-toggler-clinica span + span + span {
  width: 10px;
}

.fixed-header .navbar-toggler-clinica span {
  background: #323232;
}

.header-nav-dark .navbar-toggler-clinica span {
  background: #323232;
}
@media (max-width: 767px) {
  .header-nav {
    /* top: 40px; */
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .header-clinica {
    top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
/**/
@media (max-width: 1200px) {
  .header-clinica .navbar-nav .nav-link-clinica {
    color: #a39e9e;
    font-size: 10px;
    padding: 0 10px;
    position: relative;
    line-height: 70px;
  }
}

@media (max-width: 991px) {
  .header-biru a {
    font-size: 10px;
  }
  .header-nav .navbar-nav {
    padding: 20px 0;
    max-height: 70vh;
    overflow-y: auto;
  }
  .header-clinica .navbar-nav {
    padding: 20px 0;
    max-height: 70vh;
    overflow-y: auto;
  }
  .header-nav .navbar-nav li {
    width: 100%;
  }
  .header-clinica .navbar-nav li {
    width: 100%;
  }
  .header-nav .navbar-nav .nav-link {
    display: inline-block;
    padding: 10px 0;
    line-height: normal;
  }
  .header-clinica .navbar-nav .nav-link-clinica {
    display: inline-block;
    padding: 10px 0;
    line-height: normal;
  }
  .header-nav .navbar-nav .nav-link:before {
    bottom: 10px;
    left: 0;
  }
  .header-clinica .navbar-nav .nav-link-clinica:before {
    bottom: 10px;
    left: 0;
  }
  .header-nav .navbar-nav .nav-link-btn {
    margin-top: 12px;
  }
  .header-clinica .navbar-nav .nav-link-btn {
    margin-top: 12px;
  }

  /*Header Color*/
  .navbar-toggler span {
    background: #323232;
  }
  .header-nav {
    background: #fff;
  }
  .header-clinica {
    background: #fff;
  }
  .header-nav .navbar-nav .nav-link {
    color: #323232;
  }
  .header-clinica .navbar-nav .nav-link-clinica {
    color: #323232;
  }
  .header-nav .navbar-brand {
    color: #323232;
  }
  .header-clinica .navbar-brand {
    color: #323232;
  }
  .header-nav .navbar-nav .nav-link:before {
    background: #000;
  }
  .header-clinica .navbar-nav .nav-link-clinica:before {
    background: #000;
  }

  .header-nav .light-logo {
    display: none;
  }
  .header-clinica .light-logo {
    display: none;
  }
  .header-nav .dark-logo {
    display: block;
  }
  .header-clinica .dark-logo {
    display: block;
  }

  .header-nav a.btn:not(.btn-white) {
    color: #fff;
  }
  .header-clinica a.btn:not(.btn-white) {
    color: #fff;
  }
  /**/
}

/*===================================
  01. Mega Menu
====================================== */
.m-dropdown-mega-menu {
  width: 100%;
  padding: 30px 35px;
  background: #fff;
  list-style-type: none;
  border-top: 1px solid #eee;
}
.mm-column ul:first-child {
  margin-top: 0;
}
.mm-column ul {
  margin: 15px 0 0 0;
  padding: 0;
}
.mm-column li {
  list-style-type: none;
  list-style-type: none;
  padding: 8px 0;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.mm-column li.mm-header {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 12px;
  white-space: inherit;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #eee;
}
.mm-column li.mm-header > a {
  font-size: 16px;
  padding: 0;
}

.mm-column li a {
  text-align: left;
  font-size: 14px;
  color: #051441;
  margin: 0;
  display: block;
  position: relative;
  left: 0;
  padding: 0 0 0 15px;
  line-height: normal;
}
.mm-column li:not(.mm-header) a:after {
  content: "";
  width: 5px;
  height: 5px;
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 0;
  border-radius: 50%;
}
.mm-column li:hover a {
  text-decoration: none;
}

.mm-column li a.active {
  color: #000;
}

/* Singale Menu */
.m-dropdown {
  position: relative;
}
.m-dropdown-multilevel .m-dropdown-menu {
  margin: 0;
  padding: 5px 0;
  background: #fff;
  width: 100%;
}
.m-dropdown-multilevel .m-dropdown-menu li {
  list-style-type: none;
  position: relative;
}

.m-dropdown-multilevel .m-dropdown-menu li a {
  font-size: 13px;
  color: #323232;
  text-transform: capitalize;
  margin: 0;
  display: block;
  position: relative;
  left: 0;
  padding: 8px 0;
  font-weight: 600;
  border-bottom: 0.5px solid #aaa;
  padding-left: 10px;
}

.m-dropdown-multilevel .m-dropdown-menu li a:hover {
  color: #000;
}

.m-dropdown-multilevel .m-dropdown-menu ul {
  margin: 0;
  padding: 13px 0 15px;
  background: #fff;
  width: 100%;
}

@media (min-width: 992px) {
  .m-dropdown > a::after {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0px;
    border-left: 0.3em solid transparent;
  }

  .m-dropdown-multilevel .m-dropdown-menu > li > ul,
  .m-dropdown-multilevel .m-dropdown-menu > li > ul > li > ul,
  .m-dropdown-multilevel .m-dropdown-menu > li > ul > li > ul > li > ul,
  .m-dropdown .m-dropdown-menu {
    -webkit-transition: all 400ms ease 0s;
    transition: all 400ms ease 0s;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  .m-dropdown-multilevel .m-dropdown-menu > li:hover > ul,
  .m-dropdown-multilevel .m-dropdown-menu > li > ul > li:hover > ul,
  .m-dropdown-multilevel .m-dropdown-menu > li > ul > li > ul > li:hover > ul,
  .m-dropdown:hover .m-dropdown-menu {
    -webkit-transition-delay: 200ms !important;
    transition-delay: 200ms !important;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
  }
  .m-dropdown .m-dropdown-toggle {
    display: none;
  }

  /*Mega menu */
  .m-mega-menu {
    position: static !important;
  }

  .m-dropdown-mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 50;
    box-shadow: 0 8px 20px -8px rgba(84, 84, 120, 0.26);
  }

  .m-dropdown-multilevel .m-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 50;
    width: 260px;
    box-shadow: 0 8px 20px -8px rgba(84, 84, 120, 0.26);
  }
  .m-dropdown-multilevel .produk {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 50;
    width: 110px;
    box-shadow: 0 8px 20px -8px rgba(84, 84, 120, 0.26);
  }

  .m-dropdown-multilevel .m-dropdown-menu li.hover-trigger > a i {
    position: absolute;
    right: 0;
    font-size: 12px;
    margin-top: 0;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }

  .m-dropdown-multilevel .m-dropdown-menu > li > ul > li > ul > li > ul > li:hover > a,
  .m-dropdown-multilevel .m-dropdown-menu > li > ul > li > ul > li:hover > a,
  .m-dropdown-multilevel .m-dropdown-menu > li > ul > li:hover > a,
  .m-dropdown-multilevel .m-dropdown-menu > li:hover > a {
    left: 4px;
    color: #000;
    text-decoration: none;
  }
  .m-dropdown-multilevel .m-dropdown-menu > li a.active {
    color: #000;
  }

  .m-dropdown-multilevel .m-dropdown-menu ul {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 50;
    width: 220px;
  }
  .m-dropdown-multilevel .m-dropdown-menu > li > ul {
    position: absolute;
    top: 0;
    left: 100%;
  }
} /*@media*/

@media (max-width: 991px) {
  .m-dropdown .m-dropdown-toggle {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    color: #323232;
    height: 36px;
    width: 36px;
    text-align: center;
    line-height: 36px;
  }
  .m-dropdown a .fa-angle-down {
    display: none;
  }
  .m-dropdown .m-dropdown-menu {
    padding: 8px 15px;
    display: none;
    background: #f5f5f5;
  }
  .m-dropdown .m-dropdown-mega-menu {
    padding: 15px 0;
  }
  .m-dropdown .m-dropdown-menu.open-menu {
    display: block;
  }
  .m-dropdown-multilevel .m-dropdown-menu li {
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }
  .m-dropdown-multilevel .m-dropdown-menu li.hover-trigger {
    margin-bottom: 10px;
  }
  .m-dropdown-multilevel .m-dropdown-menu li.hover-trigger > ul > li {
    border-top: 1px solid rgba(255, 255, 255, 0.07);
  }
  .m-dropdown-multilevel .m-dropdown-menu li.hover-trigger:last-child {
    margin-bottom: 0;
  }

  .m-dropdown-multilevel .m-dropdown-menu li a .arrow {
    display: none;
  }
  .m-dropdown-multilevel .m-dropdown-menu li li {
    padding-left: 0;
    padding-right: 0;
  }
  .m-dropdown-multilevel .m-dropdown-menu ul {
    padding: 0;
    float: none;
    background: #222;
  }
  .m-dropdown-multilevel .m-dropdown-menu ul.open-menu {
    display: block;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    padding: 0 0 0px 10px;
    margin-bottom: 15px;
  }
  .m-dropdown-multilevel .m-dropdown-menu .open-menu-parent > a {
    color: #fff;
  }

  .mm-column {
    margin-bottom: 15px;
  }
  .mm-column:last-child {
    margin-bottom: 0;
  }
  .mm-column li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  }
} /*@media*/

/*-----------------------------------------
*  Home Banner
-----------------------------------------*/
.full-screen {
  min-height: 100vh;
}

.full-width {
  width: 100vw;
}

.half-screen {
  min-height: 85vh;
}

.bg-effect-box {
  position: relative;
}
.bg-effect {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.bg-effect-bottom {
  position: absolute;
  bottom: -3px;
  left: -3px;
  right: -2px;
}
.bg-effect-bottom img {
  width: 100%;
}

.home-banner {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.home-banner:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.9;
  z-index: -1;
}

.bendera {
  width: 5%;
  padding-left: 5px;
}
.bendera1 {
  width: 4%;
  padding-left: 5px;
}
.hubungi {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 14px;
}
.hubungiberanda {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 15px;
}

.home-banner h5 {
  color: #fff;
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.home-banner h1 {
  font-weight: 300;
  letter-spacing: 6px;
  text-transform: uppercase;
  color: #fff;
  margin: 20px 0 20px 0;
  font-size: 40px;
}

.home-banner p {
  font-size: 15px;
  width: 600px;
  margin: 0 auto;
  color: #fff;
  font-weight: 300;
  max-width: 100%;
}

.home-banner .btn {
  margin: 0 8px;
  min-width: 150px;
}
.home-banner .got-to {
  width: 50px;
  height: 40px;
  background: #fff;
  text-align: center;
  line-height: 40px;
  border-radius: 10px 10px 0% 0%;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 18px;
}
.home-banner .got-to a {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

@media (max-width: 767px) {
  .full-width {
    width: 100%;
  }
  .home-banner h1 {
    font-size: 30px;
  }

  .referral {
    text-align: center;
  }
  .beranda {
    text-align: center;
  }
}
/*-----------------------------------------
*  DEMOOOOO
-----------------------------------------*/
.logo-demo1 {
  max-width: 200px;
  margin-bottom: 50px;
  left: 0;
}

/*-----------------------------------------
*  Home Banner 02
-----------------------------------------*/
.home-banner-01 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.home-banner-01 .bg-effect {
  opacity: 1;
}

.home-banner-01 h5 {
  font-weight: 600;
  font-size: 14px;
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0 15px;
}
.home-banner-01 h5:after {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  bottom: -5px;
  z-index: -1;
  opacity: 0.1;
  border-radius: 15px;
}

.home-banner-01 h1 {
  font-weight: 700;
  margin: 10px 0 15px 0;
  font-size: 46px;
}

.home-banner-01 p {
  font-weight: 400;
  max-width: 100%;
}
.subscribe-block {
  width: 400px;
  max-width: 100%;
}
.subscribe-block label {
  line-height: normal;
  font-size: 12px;
  font-weight: 400;
  color: #999;
  margin: 0;
}

.subscribe-block .form-control {
  border-radius: 5px !important;
}

.subscribe-block .form-group {
  margin-bottom: 0;
  position: relative;
}
.subscribe-block .form-group .btn {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 50px;
}
.lihat-fitur {
  font-size: 16px;
}
/* .subscribe-block .form-group span{} */

@media (max-width: 767px) {
  .heading h4 {
    font-size: 14px;
  }
  .home-banner-01 h1 {
    font-size: 30px;
  }
  .judul h1 {
    font-size: 26px;
    line-height: 35px;
  }
  .judul h6 {
    margin-left: 30px;
    margin-right: 30px;
    line-height: 20px;
  }
  .judul p {
    margin-left: 30px;
    margin-right: 30px;
    line-height: 20px;
  }
  .lihat-fitur {
    font-size: 12px;
  }
  .home-banner-01 h5 {
    font-weight: bold;
    font-size: 10px;
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0 7px;
  }
  .home-banner-01 p {
    font-weight: 400;
    max-width: 100%;
    font-size: 12px;
  }
  .bendera {
    width: 8%;
    padding-left: 5px;
  }
  .bendera1 {
    width: 8%;
    padding-left: 5px;
  }
  .hubungi {
    margin-top: auto;
    margin-bottom: auto;
    font-size: 12px;
  }
  .hubungiberanda {
    margin-top: auto;
    margin-bottom: auto;
    font-size: 8px;
  }
}

/*-----------------------------------------
*  Belajar Langsung Dari Klinik Yang Berpengalaman 
-----------------------------------------*/

.home-belajar-01 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.home-belajar-01 .bg-effect {
  opacity: 1;
}

.home-belajar-01 h5 {
  font-weight: 600;
  font-size: 14px;
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0 15px;
}
.home-belajar-01 h5:after {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  bottom: -5px;
  z-index: -1;
  opacity: 0.1;
  border-radius: 15px;
}

.home-belajar-01 h1 {
  font-weight: 700;
  margin: 10px 0 15px 0;
  font-size: 46px;
}

.home-belajar-01 p {
  font-weight: 400;
  max-width: 100%;
}

.link-belajar {
  font-weight: bold;
  font-size: 16px;
}

/* .subscribe-block .form-group span{} */

@media (max-width: 767px) {
  .home-belajar-01 h1 {
    font-size: 30px;
  }
  .home-belajar-01 h5 {
    font-weight: bold;
    font-size: 10px;
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0 7px;
  }
  .home-belajar-01 p {
    font-weight: 400;
    max-width: 100%;
    font-size: 12px;
  }
  .home-belajar-01 a {
    font-size: 12px;
  }
}

/*-----------------------------------------
*  mudah kelola klinik
-----------------------------------------*/
.section-solusi {
  padding: 0px 0;
}

/*-----------------------------------------
*  kelola klinik lebih mudah hari ini
-----------------------------------------*/
.icon-star {
  width: 3%;
}

@media (max-width: 767px) {
  .icon-star {
    width: 10%;
  }
  .informasi {
    font-weight: bold;
  }
}

/* mobile halaman implementasi dan go live dalam 1 minggu */
@media (max-width: 767px) {
  .implementasi h6 {
    font-size: 16px;
  }
  .implementasi p {
    font-size: 14px;
    margin-top: -5px;
  }
}

/* mobile halaman tidak perlu instalasi apapun */
@media (max-width: 767px) {
  .instalasi p {
    font-size: 12px;
  }
}

/*-----------------------------------------
*  testimonial pelanggan kami
-----------------------------------------*/

.image-testimonial {
  width: 50% !important;
  border-radius: 10px;
}

/* mobile halaman testimonial pelanggan kami */
@media (max-width: 767px) {
  .carousel-control-next {
    right: -20px;
  }
  .carousel-control-prev {
    left: -20px;
  }
  .image-testimonial {
    width: 100% !important;
    text-align: center;
    border-radius: 10px;
  }
}

/*-----------------------------------------
*  lihat produk assist.id
-----------------------------------------*/

.image-produk {
  width: 50% !important;
}

/* mobile halaman lihat produk assist.id */
@media (max-width: 767px) {
  .carousel-control-next {
    right: -20px;
  }
  .carousel-control-prev {
    left: -20px;
  }
  .image-produk {
    width: 100% !important;
    text-align: center;
    border-radius: 10px;
  }
}

/*-----------------------------------------
*  Home Banner 02
-----------------------------------------*/

.home-banner-02 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.home-banner-02:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.9;
  z-index: -1;
}
.home-banner-02 .bg-effect {
  opacity: 0.1;
}

.home-banner-02 h5 {
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.home-banner-02 h1 {
  font-weight: 300;
  letter-spacing: 6px;
  text-transform: uppercase;
  color: #fff;
  margin: 20px 0 25px 0;
  font-size: 45px;
}
.home-banner-02 p {
  font-size: 16px;
  color: #fff;
  font-weight: 300;
}

.home-banner-02 .btn-bar {
  margin-top: 40px;
}
.home-banner-02 .btn {
  margin-right: 10px;
  min-width: 150px;
}

@media (max-width: 767px) {
  .home-banner-02 h1 {
    font-size: 30px;
  }
}

/*-----------------------------------------
*  Banner 3
-----------------------------------------*/
.particles-effect {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
}

.home-banner-03 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.home-banner-03 .bg-effect {
  opacity: 0.3;
}

.home-banner-03 h5 {
  font-weight: 600;
  font-size: 15px;
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
}
.home-banner-03 h5:after {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  bottom: -5px;
  z-index: -1;
  border-radius: 15px;
  background: #000;
  opacity: 0.2;
}

.home-banner-03 h1 {
  font-weight: 700;
  margin: 10px 0 15px 0;
  font-size: 50px;
}
.home-banner-03 p {
  font-weight: 400;
  max-width: 100%;
  margin: 0 0 20px;
}

.home-banner-03 .subscribe-block .form-control {
  height: 56px;
  padding-left: 17px;
  font-size: 16px;
  border: none;
}
.home-banner-03 .subscribe-block .form-group .btn {
  bottom: 5px;
  right: 6px;
  height: 46px;
  box-shadow: none;
}
.home-banner-03 .subscribe-block label {
  color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 767px) {
  .home-banner-03 h1 {
    font-size: 30px;
  }
}

/*-----------------------------------------
*  Banner 4
-----------------------------------------*/
.home-banner-04 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.home-banner-04 .bg-effect {
  opacity: 0.3;
}

.home-banner-04 h5 {
  font-weight: 600;
  font-size: 15px;
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
}
.home-banner-04 h5:after {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  bottom: -5px;
  z-index: -1;
  border-radius: 15px;
  background: #000;
  opacity: 0.2;
}

.home-banner-04 h1 {
  font-weight: 700;
  margin: 10px 0 15px 0;
  font-size: 40px;
}
.home-banner-04 p.large-text {
  font-weight: 400;
}
.home-banner-04 p {
  max-width: 100%;
  margin: 0 0 20px;
}

.home-banner-04 .subscribe-block .form-control {
  height: 56px;
  padding-left: 17px;
  font-size: 16px;
  border: none;
}
.home-banner-04 .subscribe-block .form-group .btn {
  bottom: 5px;
  right: 6px;
  height: 46px;
  box-shadow: none;
}
.home-banner-04 .subscribe-block label {
  color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 767px) {
  .home-banner-04 h1 {
    font-size: 30px;
  }
}

/*-----------------------------------------
*  Home Bnnar 05
-----------------------------------------*/
.home-banner-05 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.home-banner-05 h1 {
  font-weight: 600;
  margin: 10px 0 15px 0;
  font-size: 50px;
}
.home-banner-05 p {
  max-width: 100%;
  margin: 0 0 20px;
  font-size: 16px;
}

.home-banner-05 .btn + .btn {
  margin-left: 10px;
}

@media (max-width: 767px) {
  .home-banner-05 h1 {
    font-size: 30px;
  }
}

/*-----------------------------------------
*  Home Bnnar 06
-----------------------------------------*/

.home-banner-06 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.home-banner-06 h1 {
  font-weight: 800;
  margin: 0 0 25px 0;
  font-size: 75px;
}
.home-banner-06 p {
  font-size: 18px;
  font-weight: 400;
  max-width: 70%;
  margin: 0 auto 30px;
}
.home-banner-06 .subscribe-block {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.home-banner-06 .subscribe-block .form-control {
  height: 65px;
  padding-left: 30px;
  font-size: 18px;
  border: none;
}
.home-banner-06 .subscribe-block .form-group .btn {
  bottom: 6px;
  right: 6px;
  height: 54px;
  box-shadow: none;
}
.home-banner-06 .subscribe-block label {
  color: rgba(255, 255, 255, 0.5);
}
.home-banner-06 .banner-slider {
  background: #fff;
  padding: 15px;
}

.home-banner-06 .round {
  width: 120vh;
  height: 120vh;
  bottom: auto;
  top: -50vh;
  left: auto;
  right: -25%;
  opacity: 0.3;
}
.home-banner-06 .round.r-bottom {
  bottom: -50vh;
  top: auto;
  left: -25%;
  right: auto;
}

@media (max-width: 1200px) {
  .home-banner-06 h1 {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .home-banner-06 h1 {
    font-size: 28px;
    margin: 0 0 15px 0;
  }
  .home-banner-06 p {
    max-width: 100%;
    font-size: 15px;
  }
}

.round-box {
  overflow: hidden;
  position: relative;
}

.round-box {
  overflow: hidden;
  position: relative;
}

.round {
  width: 800px;
  height: 800px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  opacity: 0.4;
}

.round .r1,
.round .r2,
.round .r3 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  box-shadow: 0px 0px 34px -2px rgba(0, 0, 0, 0.09);
}
.round .r1 {
  top: 10%;
  bottom: 10%;
  left: 10%;
  right: 10%;
  background: rgba(255, 255, 255, 0.14);
}

.round .r2 {
  top: 20%;
  bottom: 20%;
  left: 20%;
  right: 20%;
  background: rgba(255, 255, 255, 0.16);
}

.round .r3 {
  top: 30%;
  bottom: 30%;
  left: 30%;
  right: 30%;
  background: rgba(255, 255, 255, 0.11);
}

/*-----------------------------------------
*  Home Banner 07
-----------------------------------------*/
.home-banner-07 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.home-banner-07 .bg-effect {
  opacity: 1;
}

.home-banner-07 h5 {
  font-weight: 600;
  font-size: 14px;
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0 15px;
}
.home-banner-07 h5:after {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  bottom: -5px;
  z-index: -1;
  opacity: 0.1;
  border-radius: 15px;
}

.home-banner-07 h1 {
  font-weight: 700;
  margin: 10px 0 15px 0;
  font-size: 44px;
}

.home-banner-07 p {
  font-weight: 400;
  font-size: 18px;
  padding-right: 45px;
}
.subscribe-block {
  width: 400px;
  max-width: 100%;
}
.subscribe-block label {
  line-height: normal;
  font-size: 12px;
  font-weight: 400;
  color: #999;
  margin: 0;
}

.subscribe-block .form-control {
  border-radius: 5px !important;
}

.subscribe-block .form-group {
  margin-bottom: 0;
  position: relative;
}
.subscribe-block .form-group .btn {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 50px;
}

/* .subscribe-block .form-group span{} */

@media (max-width: 767px) {
  .home-banner-07 h1 {
    font-size: 23px;
  }
  .home-banner-07 h5 {
    font-weight: bold;
    font-size: 10px;
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0 7px;
  }
  .home-banner-07 p {
    font-weight: 400;
    font-size: 12px;
    padding-right: 0px;
  }
  .bendera {
    width: 8%;
    padding-left: 5px;
  }
  .hubungi {
    margin-top: auto;
    margin-bottom: auto;
    font-size: 12px;
  }
  .hubungiberanda {
    margin-top: auto;
    margin-bottom: auto;
    font-size: 8px;
  }
}

/*-----------------------------------------
*  subscribe-section
-----------------------------------------*/
.line-mtmb10 {
  width: 500px;
  border-top: 1px solid #d8d8d8;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 50px;
}
.line-mtmb100 {
  width: 500px;
  border-top: 1px solid #d8d8d8;
  margin-right: auto;
  margin-left: auto;
  margin-top: 100px;
  margin-bottom: 100px;
}
.line-mtmb50 {
  width: 500px;
  border-top: 1px solid #d8d8d8;
  margin-right: auto;
  margin-left: auto;
  margin-top: 50px;
  margin-bottom: 50px;
}
.space-mtmb100 {
  width: 500px;

  margin-right: auto;
  margin-left: auto;
  margin-top: 100px;
  margin-bottom: 100px;
}
.space-mtmb50 {
  width: 500px;

  margin-right: auto;
  margin-left: auto;
  margin-top: 50px;
  margin-bottom: 50px;
}
.subscribe-section .subscribe-inner {
  padding: 30px 30px;
  margin: 0px;
  background-color: #145dff;
  border-radius: 5px;
  z-index: 1;
  margin-top: -60px;
}
.subscribe-section .subscribe-innerp {
  padding: 30px 30px;
  margin: 0px;
  background-color: #b0161d;
  border-radius: 5px;
  position: relative;
  margin-top: -60px;
  z-index: 1;
}
.subscribe-section h2 {
  margin: 0;
  font-size: 28px;
  font-weight: 600;
}
.subscribe-section .subscribe-block {
  width: 100%;
}
.buton-mid-prod {
  margin-top: 60px;
  margin-bottom: -40px;
}
.buton-mid-prod2 {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .subscribe-section {
    margin-left: -18px;
    margin-right: -18px;
  }
  .subscribe-section h2 {
    font-size: 20px;
  }
  .subscribe-section .subscribe-inner {
    padding: 25px 25px;
  }
  .subscribe-section .subscribe-inner p {
    text-align: center;
    font-size: 12px;
  }
  .subscribe-section .subscribe-inner img {
    display: none;
  }
  .cta-cent {
    margin-left: auto;
    margin-right: auto;
  }
  .buton-mid-prod {
    margin-top: 80px;
    margin-bottom: 5px;
  }
  .buton-mid-prod2 {
    margin-bottom: 60px;
  }
}

/*-----------------------------------------
*  Card Box
-----------------------------------------*/
.card-box {
  box-shadow: 0 6px 50px rgba(0, 0, 0, 0.05);
  padding: 9%;
  background: #fff;
  min-height: 100%;
}
.card-box h6 {
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.card-box h2 {
  font-size: 38px;
  font-weight: 300;
  margin: 0 0 20px;
}

.card-box .btn-bar {
  padding: 40px 0 0;
}

/*-----------------------------------------
*  Card 2
-----------------------------------------*/
.card-box-01 h6 {
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 15px;
}
.card-box-01 h2 {
  font-size: 32px;
  font-weight: 600;
  margin: 0 0 20px;
  position: relative;
}
.card-box-01 h2:after {
  width: 50px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
}

.card-box-01 h3 {
  font-size: 26px;
  font-weight: 600;
  margin: 0 0 25px;
  position: relative;
}

.card-box-01 .btn-bar {
  padding: 15px 0 0;
}

/*-----------------------------------------
*  Klinik bertahan
-----------------------------------------*/
.iconx {
  text-align: center;
  margin: 0 0 30px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  z-index: 1;
}
.iconx i {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
  font-size: 20px;
  color: #fff;
  display: inline-block;
}

.std-box h4 {
  font-size: 26px;
  margin: 0 0 15px;
  font-weight: 600;
  line-height: 40px;
}

.std-box .btn-bar {
  margin-top: 30px;
}
.std-box .icon {
  text-align: center;
  margin: 0 0 30px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  z-index: 1;
}
.std-box .icon i {
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  border-radius: 50%;
  font-size: 23px;
  color: #fff;
  display: inline-block;
}
.std-box .icon:after {
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: -10px;
  right: -10px;
  content: "";
  z-index: -1;
  opacity: 0.2;
  border-radius: 50%;
  transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
}

.list-type {
  list-style: none;
  padding: 0;
  margin: 0;
}
.list-type li {
  position: relative;
  font-weight: 400;
  padding: 3px 0 3px 30px;
}
.list-type li i {
  position: absolute;
  left: 0px;
  top: 5px;
  content: "";
  width: 20px;
  height: 20px;
  text-align: center;
  color: #fff;
  font-size: 10px;
  line-height: 20px;
  border-radius: 50%;
}

/*-----------------------------------------
*  STD box 2
-----------------------------------------*/
.std-box-01 {
  position: relative;
  padding-left: 80px;
}
.std-box-01 h4 {
  font-size: 26px;
  margin: 0 0 15px;
  font-weight: 600;
}

.std-box-01 .btn-bar {
  margin-top: 30px;
}
.std-box-01 .icon {
  text-align: center;
  display: inline-block;
  position: absolute;
  vertical-align: top;
  z-index: 1;
  top: 10px;
  left: 7px;
}
.std-box-01 .icon i {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  display: inline-block;
}
.std-box-01 .icon:after {
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  content: "";
  z-index: -1;
  opacity: 0.2;
  transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
  border-radius: 50%;
}

.list-type-01 {
  list-style: none;
  padding: 0;
  margin: 0;
}
.list-type-01 li {
  position: relative;
  font-weight: 400;
  padding: 2px 0 3px 25px;
}
.list-type-01 li:after {
  position: absolute;
  left: 0px;
  top: 7px;
  content: "";
  width: 16px;
  height: 16px;
  text-align: center;
  color: #fff;
  font-size: 10px;
  line-height: 20px;
  border-radius: 50%;
}
.list-type-01 li:before {
  position: absolute;
  left: 4px;
  top: 11px;
  content: "";
  width: 8px;
  height: 8px;
  text-align: center;
  background: #fff;
  font-size: 10px;
  line-height: 20px;
  border-radius: 50%;
  z-index: 1;
}

.list-type-01 li h6 {
  font-size: 15px;
  font-weight: 600;
  margin: 4px 0 5px;
}

.list-type-01 li p {
  margin: 0 0 20px 0;
}

/*-----------------------------------------
*  Counter
-----------------------------------------*/
.counter-col {
  border: 1px solid rgba(255, 255, 255, 0.2);
  text-align: center;
}
.counter-col .count {
  color: #fff;
  font-size: 45px;
  font-weight: 700;
  position: relative;
}
.counter-col .count:after {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.18);
  position: absolute;
  bottom: 0;
  margin: auto;
  left: 0;
}
.counter-col h6 {
  color: #fff;
  font-size: 14px;
  padding: 20px 0;
  text-transform: uppercase;
  margin: 0;
}

.counter-data-01 {
  position: relative;
  background: #fff;
  padding: 20px 20px 20px 80px;
}

.counter-data-01 i {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 44px;
}
.counter-data-01 p {
  margin: 0;
}
.counter-data-01 .count {
  font-size: 30px;
  font-weight: 700;
  position: relative;
  line-height: normal;
}
.counter-data-01 h6 {
  font-size: 15px;
  padding: 10px 0 10px;
  margin: 0;
  font-weight: 700;
}

/*-----------------------------------------
*  Feature Box
-----------------------------------------*/
.icomg {
  max-height: 80px;
}

.feature-content {
  text-align: right;
}

.feature-content p {
  font-size: 17px;
}

.content p {
  font-size: 17px;
}
@media (max-width: 767px) {
  .content {
    text-align: center;
  }
  .content h3 {
    font-size: 18px;
  }
  .content p {
    font-size: 12px;
  }
  .content a {
    font-size: 12px;
  }
  .feature-content {
    text-align: center;
  }
  .feature-content h3 {
    font-size: 18px;
  }
  .feature-content p {
    font-size: 12px;
  }
  .feature-content a {
    font-size: 12px;
  }
}

.section-feature {
  padding: 0px 0;
}

.section-belajar {
  padding: 0px 0;
}

.feature-box {
  padding: 32px 20px;
  background: #fff;
  border: 1px solid #eee;
  border-bottom: 4px solid #eee;
}
.feature-box .icon {
  margin-bottom: 15px;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 22px;
  background: #f7f7fd;
  border-radius: 50%;
}
.feature-box h5 {
  font-weight: 600;
  margin: 0 0 10px;
  font-size: 16px;
}
.feature-box p {
  margin: 0;
}

.feature-box.active .icon i,
.feature-box.theme-hover:hover .icon i,
.feature-box.theme-hover:hover h5,
.feature-box.active h5,
.feature-box.theme-hover:hover p,
.feature-box.active p {
  color: #fff;
}

.feature-box.theme-hover:hover p,
.feature-box.active p {
  opacity: 0.8;
}

.feature-box-01 {
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
  transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
  border: 1px solid #eee;
  border-bottom: 4px solid #eee;
}
.feature-box-01:hover {
  margin-top: -10px;
}
.feature-box-01 .feature-content {
  padding: 20px;
}
.feature-box-01 h6 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 10px;
}
.feature-box-01 p {
  margin: 0 0 15px;
}
.feature-box-01 .more {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
}

.feature-box-02 {
  padding: 30px 20px 20px;
  background: #fff;
  position: relative;
  border-radius: 5px;
  transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
  border: 1px solid #eee;
  border-bottom: 4px solid #eee;
}
.feature-box-02:hover {
  margin-top: -10px;
}
.feature-box-02 .icon {
  text-align: center;
  margin: 0 0 30px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  z-index: 1;
}
.feature-box-02 .icon:after {
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: -10px;
  right: -10px;
  content: "";
  z-index: -1;
  opacity: 0.2;
  border-radius: 50%;
  transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
}
.feature-box-02:hover .icon:after {
  top: -15px;
  bottom: -15px;
  left: -15px;
  right: -15px;
}

.feature-box-02 .icon i {
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  border-radius: 50%;
  font-size: 23px;
  color: #fff;
  display: inline-block;
}

.feature-box-02 h5 {
  font-weight: 600;
  margin: 0 0 10px;
  font-size: 17px;
}

.feature-box-02 .link {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  width: 45px;
  margin: auto;
  transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  z-index: 1;
  opacity: 0;
}
.feature-box-02 .link:after {
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  margin: auto;
  border-radius: 50%;
  opacity: 0.3;
  z-index: -1;
  transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}
.feature-box-02:hover .link {
  bottom: -20px;
  opacity: 1;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
.feature-box-02:hover .link:after {
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
}

.feature-box-02 .link:hover:after {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.feature-box-02 .link i {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  font-size: 23px;
  color: #fff;
  display: inline-block;
}

.feature-box-03 {
  position: relative;
  padding-left: 85px;
}

.feature-box-03 .icon {
  position: absolute;
  left: 0;
  top: 0;
}

.feature-box-03 .icon i {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 25px;
  background: #fff;
  text-align: center;
  box-shadow: 5px 0px 15px rgba(0, 0, 0, 0.1);
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 1;
}

.feature-box-03 .icon:after {
  content: "";
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  position: absolute;
  border-radius: 50%;
  opacity: 0.1;
}

.feature-box-03 h5 {
  font-weight: 700;
  font-size: 18px;
  margin: 0 0 10px;
}
.feature-box-03 p {
  margin: 0;
  padding-right: 40px;
}

.feature-box-04 {
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.06);
  padding: 40px 30px 40px 60px;
  position: relative;
  overflow: hidden;
}
.feature-box-04 .icon {
  font-size: 70px;
  position: absolute;
  left: -30px;
  opacity: 0.2;
  transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
  transform: rotate(0deg);
}

.feature-box-04:hover .icon {
  left: 0;
  transform: rotate(20deg);
}

.feature-box-04 h5 {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  padding: 0 0 10px;
}
.feature-box-04 p {
  margin: 0;
}

.feature-box-05 .icon {
  margin-bottom: 25px;
}
.feature-box-05 .icon i {
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-size: 25px;
  border-radius: 5px;
}

.feature-box-05 h5 {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  padding: 0 0 10px;
}
.feature-box-05 p {
  margin: 0 0 10px;
}

/*-----------------------------------------
*  Work Flow
-----------------------------------------*/
.work-flow h2 {
  font-size: 28px;
  font-weight: 600;
  padding: 0;
}

.work-flow ul {
  margin: 0;
  padding: 0 0 0 18px;
  list-style: none;
  position: relative;
}
.work-flow ul:after {
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  width: 1px;
  height: 100%;
  border-left: 1px dashed #ddd;
}
.work-flow li {
  position: relative;
  padding: 0 0 0 30px;
}
.work-flow li p {
  margin-left: 15px !important;
  margin: 0;
  padding: 0 0 20px;
}
.work-flow li:last-child p:last-child {
  padding: 0;
}
.work-flow li .icon {
  position: absolute;
  top: 0;
  margin-left: -54px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 30px;
  z-index: 2;
}
.work-flow li:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  left: 0;
  top: -3px;
  border-radius: 50%;
  opacity: 0.5;
  z-index: 1;
}
.work-flow li h6 {
  font-size: 16px;
  margin: 0;
  padding: 5px 0 10px;
}

/*modal start*/
.exx {
  position: relative;
  margin-top: -15px;
  float: right;
  cursor: pointer;
  font-weight: bold;
  font-size: 30px;
  font-family: "Comic Sans MS";
  margin-bottom: -30px;
}
#modal {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999;
  height: 100%;
  width: 100%;
}
#modalx {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999;
  height: 100%;
  width: 100%;
}
.fade-in-bottom {
  -webkit-animation: fade-in-bottom 1s ease-in 2s both;
  animation: fade-in-bottom 1s ease-in 2s both;
}
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.marbotlef {
  max-width: 90%;
  margin-top: 50px;
  margin-left: 120px;
  margin-right: -100px !important;
}

.modalconent {
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 65%;
  padding: 20px;
}
.nopp {
  font-style: italic;
  cursor: pointer;
}
.btn-themeg {
  margin-bottom: 40px;
}
.modalconent img {
  pointer-events: none;
  max-width: 300px;
}
.hidd {
  display: block;
  width: 50px;
}

@media (max-width: 767px) {
  .exx {
    font-size: 19px;
    margin-top: 1px;
    margin-right: 6px;
  }
  .modalconent {
    width: 85%;
    padding: 2px;
  }
  .modalconent img {
    max-width: 100px;
  }
  .modalconent p {
    font-size: 12px;
  }
  .marbotlef {
    margin-top: 1px;
    margin-left: 20px;
    margin-right: 30px;
    margin-bottom: 25px;
  }
  .hidd {
    display: none;
  }
  .modalconent h3 {
    font-size: 18px;
  }
  .btn-themeg {
    font-size: 10px !important;
  }
  .nopp {
    font-size: 8px;
  }
  .btn-themeg {
    margin-bottom: 5px;
  }
}
/*modal ends*/

/*-----------------------------------------
*  Team
-----------------------------------------*/
.teax-info h6 {
  font-size: 22px !important;
  color: #000000;
  margin: 0;
  font-weight: bold;
}
.teax-info label {
  color: #000000;
  margin: 0;
  font-size: 13px;
}
.teax-info p {
  margin-top: 10px !important;
  color: #000000;
  margin: 0;
  font-size: 13px;
}

.teaz-info h6 {
  font-size: 22px !important;
  color: white;
  margin: 0;
  font-weight: bold;
}
.teaz-info label {
  color: white;
  margin: 0;
  font-size: 13px;
}
.teaz-info p {
  margin-top: 10px !important;
  color: white;
  margin: 0;
  font-size: 13px;
}

.our-team {
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
  transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
  border: 1px solid #eee;
  border-bottom: 4px solid #eee;
}

.our-team .team-avtar {
  position: relative;
  overflow: hidden;
  transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
}

.our-team .social-icons {
  position: absolute;
  text-align: center;
  background: #fff;
  padding: 10px;
  border-radius: 5px 5px 0 0;
  left: 10%;
  right: 10%;
  opacity: 0;
  bottom: -30px;
  transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
  border: 1px solid #eee;
  border-top: 2px solid #eee;
  border-bottom: none;
}

.our-team .team-info {
  padding: 20px 15px;
  text-align: center;
  border-top: 1px solid #eee;
}

.our-team .team-info h6 {
  font-size: 25px !important;
  margin: 0;
  font-weight: bold;
}
.our-team .team-info label {
  margin: 0;
  font-size: 13px;
}

.our-team:hover .team-avtar {
  margin-top: -10px;
}
.our-team:hover .social-icons {
  bottom: 0;
  opacity: 1;
}

/*-----------------------------------------
*  Team 2
-----------------------------------------*/
.max-height1 {
  max-height: 64px;
}
.our-team-01 {
  text-align: center;
}
.our-team-01 .team-imgx {
  max-width: 60px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-bottom: 50px;
}
.our-team-01 .team-img {
  width: 160px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-bottom: 25px;
}
.our-team-01 .team-img:after {
  content: "";
  position: absolute;
  bottom: -10px;
  top: 60%;
  left: -10px;
  right: -10px;
  border-radius: 10px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}
.our-team-01 .team-img .img {
  width: 160px;
  height: 160px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: 50%;
}
.our-team-01 h6 {
  font-weight: 700;
  font-size: 16px;
  margin: 0 0 5px;
}
.our-team-01 p {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 3px;
}

.social-links {
  margin: 0;
  padding: 0;
}
.social-links li {
  display: inline-block;
  vertical-align: top;
  list-style: none;
  margin: 0 8px;
}
.social-links li a:not(:hover) {
  color: #4c5a77;
}

/*-----------------------------------------
*  Tabs
-----------------------------------------*/
.tab-style-1 .nav-link {
  display: block;
  position: relative;
  font-weight: 700;
  font-size: 18px;
  padding: 0;
  margin: 0px 15px;
  color: #666;
}
.tab-style-1 .nav-link.active {
  color: #111;
}
.tab-style-1 .nav-link:after {
  width: 0;
  height: 5px;
  position: absolute;
  bottom: 8px;
  content: "";
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0.4;
  transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
}
.tab-style-1 .nav-link.active:after {
  width: 100%;
}
.tab-style-1 .tab-content {
  position: relative;
  margin-top: 20px;
}
.tab-style-1 .tab-pane {
  padding: 40px 0 0;
}

@media (max-width: 991px) {
  .tab-style-1 .nav-link {
    font-size: 15px;
    margin: 0px 10px;
  }
  .tab-style-1 .nav-link:after {
    height: 3px;
  }
  .tab-style-1 .tab-pane {
    padding: 20px;
  }
}

/*-----------------------------------------
*  Tab style1
-----------------------------------------*/
.tab-style-2 .nav .nav-item {
  width: 100%;
}

/*-----------------------------------------
*  Testimonial
-----------------------------------------*/

.mrg-lr-testi {
  margin-left: 5px !important;
  margin-right: 50px !important;
}
.testimonial {
  padding: 40px;
  margin: 0 0 20px;
  background: #fff;
  position: relative;
  border: 1px solid #eee;
  border-bottom: 4px solid #eee;
  border-radius: 5px;
}

.testimonial .testimonial-content {
  text-align: center;
}

.testimonial .testimonial-content p {
  font-style: italic;
  margin-top: 20px !important;
  margin: 0;
}
.testimonial .testimonial-info {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 10px;
}

.testimonial .avtar {
  display: none;
  width: 180px;
  height: 180px;
  overflow: hidden;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}

.testimonial .name {
  width: 100%;
  padding: 0;
  display: inline-block;
  vertical-align: text-top;
}
.testimonial .name span {
  display: block;
  font-weight: 600;
  font-size: 18px;
}
.testimonial .name label {
  font-size: 14px;
  margin: 0;
  font-weight: 400;
}

@media (max-width: 767px) {
  .mrg-lr-testi {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}

/*-----------------------------------------
*  16. HARGA
-----------------------------------------*/

.centt {
  text-align: center;
}

.headert {
  font-weight: bold;
  display: inline-flex;
  margin-bottom: -50px;
  padding: 10px;
  background: #145dff;
  color: #ffffff;
  width: 100%;
}

.sticky {
  position: fixed;
  top: 70px;
  width: 84.5%;
}

.customers {
  width: 100%;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}

.th-left-25 {
  width: 25% !important;
}
.th-cent-15 {
  text-align: center !important;
  width: 15% !important;
}
.th-cent-17 {
  text-align: center !important;
  width: 17% !important;
}
.customers th {
  border: 1px solid #ddd;
  padding: 10px;
  font-size: 14px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #0575e6;
  color: white;
}

.customers td {
  border: 1px solid #ddd;
  padding: 10px;
  font-size: 12px;
}

.customers tr:nth-child(even) {
  background-color: #f2f2f2;
}

.customers tr:hover {
  background-color: #ddd;
}

/*-----------------------------------------
*  16. Price Table
-----------------------------------------*/
.price-table {
  background: #fff;
  padding: 25px;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
  border: 1px solid #eee;
  border-bottom: 4px solid #eee;
}
.price-table:hover {
  margin-top: -10px;
}

.price-table:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
}

.price-table .price-title {
  font-weight: 700;
  font-size: 18px;
  margin: 0 0 10px;
}

.price-table .price-header p {
  margin: 0 0 15px;
  font-size: 13px;
}

.price-table .price-price .price-value {
  font-size: 45px;
  font-weight: 600;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  line-height: 45px;
  margin-bottom: 15px;
}

.price-table .price-header {
  position: relative;
  z-index: 1;
  margin-bottom: 25px;
}

.price-table .price-price .price-value sup {
  font-size: 20px;
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  top: -17px;
}

.price-header small {
  display: block;
}

.price-table .price-body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.price-table .price-body li {
  font-size: 14px;
  margin: 12px 0;
  color: #333357;
  position: relative;
  padding-left: 20px;
}
.price-table .price-body li:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  float: left;
  position: absolute;
  left: 0;
  top: 8px;
  background: #9a9a9a;
}

.price-table .price-body li.no {
  text-decoration: line-through;
  color: #999;
}

.price-table .price-footer {
  padding: 20px 0 0px;
}

.price-table .price-footer span {
  margin-top: 10px;
  font-size: 12px;
  font-style: italic;
}

@media (max-width: 991px) {
  .price-table {
    padding: 15px;
  }
  .price-table .price-body li {
    font-size: 13px;
  }
}

/*-----------------------------------------
*  CTA
-----------------------------------------*/
.cta-txt1 {
  margin-top: auto;
  margin-bottom: auto;
  color: white;
  font-size: 16px;
}

.bg-treee {
  background-image: url(/static/img/bg-tree.jpg);
  position: absolute;
  width: 100%;
}
.mrgg {
  margin-top: 20px;
  margin-bottom: -20px;
}

/*-----------------------------------------
*  Price table 2
-----------------------------------------*/
.price-table-01 {
  background: #fff;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
  border: 1px solid #eee;
  border-bottom: 4px solid #eee;
}
.price-table-01:hover {
  margin-top: -10px;
}
.price-table-01 .price-header {
  border-bottom: 1px solid #eee;
  padding: 20px;
  text-align: center;
}
.price-table-01 .price-title {
  font-weight: 700;
  font-size: 20px;
  margin: 0;
}
.price-table-01 .price-header p {
  font-size: 12px;
  margin: 0;
}
.price-table-01 .price-value {
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
  padding: 10px 0 0;
}

.price-table-01 .price-value span {
  font-size: 12px;
  font-weight: 500;
  vertical-align: text-top;
  margin-right: 2px;
}

.price-table-01 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.price-table-01 ul li {
  font-weight: 400;
  padding: 3px 0;
}

.price-table-01 .price-value span.mo {
  vertical-align: text-bottom;
}
.price-table-01 .price-body {
  text-align: center;
  padding: 20px;
  border-bottom: 1px solid #eee;
}
.price-table-01 .price-footer {
  padding: 20px;
  text-align: center;
}

.price-table-01.active .price-header,
.price-table-01.active .price-body {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/*-----------------------------------------
*  Blog
-----------------------------------------*/
.blog-item {
  background: #fff;
  -webkit-transition: ease all 0.3s;
  transition: ease all 0.3s;
  border: 1px solid #eee;
  border-bottom: 4px solid #eee;
  border-radius: 5px;
  overflow: hidden;
}
.blog-item .blog-img {
  position: relative;
}

.blog-item .blog-content {
  padding: 20px;
}
.blog-item .post-meta {
  color: #333;
  font-size: 12px;
  line-height: normal;
}
.blog-item h4 {
  margin: 8px 0 15px;
  font-size: 16px;
  line-height: normal;
  font-weight: 700;
}
.blog-item:hover {
  margin-top: -10px;
}
.blog-item p {
  margin: 0;
}
.blog-item .btn-bar {
  margin-top: 18px;
}

/*-----------------------------------------
*  Blog Pages
-----------------------------------------*/

/*Blog Listing*/
.blog-lising .blog-item {
  margin-bottom: 40px;
  height: calc(100% - 30px);
}

.blog-lising .blog-item:hover {
  margin-top: -0px;
}

.bottom-pagination {
  margin-top: 20px;
}

.sidebar-widget {
  margin-bottom: 40px;
  padding: 20px;
  background: #fff;
  border: 1px solid #eee;
  border-bottom: 4px solid #eee;
}

.sidebar-widget p {
  font-size: 15px;
  line-height: normal;
}
.sidebar-widget p:last-child {
  margin: 0;
}

.sidebar-widget .widget-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 25px;
  position: relative;
  padding: 0 0 10px;
  color: #323232;
}
.sidebar-widget .widget-title:after {
  content: "";
  width: 50px;
  height: 3px;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.widget-search form {
  position: relative;
}
.widget-search .form-control {
  padding-right: 45px;
  border-radius: 0;
  box-shadow: none;
  height: 45px;
  border: 1px solid #e5e8ed;
  font-size: 14px;
}
.widget-search .btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 45px;
  width: 45px;
  text-align: center;
  line-height: 45px;
  border: none;
  border-radius: 3px;
  padding: 0;
  font-size: 22px;
}

.widget-about .avtar {
  margin-bottom: 15px;
}

.widget-newsletter .newsletter-box {
  position: relative;
}
.widget-newsletter .newsletter-box .form-control {
  padding-right: 45px;
  border-radius: 0;
  box-shadow: none;
  height: 45px;
  border: 1px solid #e5e8ed;
  font-size: 14px;
}

.widget-newsletter .btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 45px;
  width: 45px;
  text-align: center;
  line-height: 45px;
  border: none;
  border-radius: 3px;
  padding: 0;
}

.blog-detail-title {
  text-align: center;
  padding-bottom: 20px;
}
.blog-detail-title h2 {
  margin: 0;
  padding: 0 0 10px;
  font-weight: 700;
  font-size: 30px;
}
.blog-detail-title .post-meta span {
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
}
.blog-detail-title .post-meta i {
  margin-right: 8px;
}
.blog-detail-title .post-meta a {
  color: #666;
}

.bog-content-area {
  margin-bottom: 40px;
  position: relative;
  background: #fff;
}

.blog-comment-area {
  margin-bottom: 40px;
  position: relative;
  background: #fff;
  padding: 20px;
  border: 1px solid #eee;
  border-bottom: 4px solid #eee;
}

.blog-tag-nav {
  margin-bottom: 40px;
  background: #fff;
  border-top: 1px solid #eee;
  padding-top: 40px;
}

.blog-tag-nav .social-icons {
  margin: 0;
  padding: 0;
}
.blog-tag-nav .social-icons li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}

.blog-tag-nav .social-icons li a {
  display: block;
  padding: 0;
  color: #7f7c97;
  width: 30px;
  height: 30px;
  border: 1px dashed #e5e8ed;
  text-align: center;
  line-height: 30px;
  border-radius: 0;
  background: transparent;
  -webkit-transition: ease all 0.3s;
  transition: ease all 0.3s;
}
.blog-tag-nav .social-icons li a:hover {
  color: #323232;
  background: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}

.pagination {
  margin: 0px;
}

.pagination li a {
  font-size: 15px;
  font-weight: 500;
  margin: 0 5px;
  color: #626262;
  border-radius: 3px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-radius: 3px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 3px;
}

.pagination > .active > a,
.pagination > .active > a:hover {
  color: #626262;
}

.pagination > li > a,
.pagination > li > span {
  background: #f6f7f8;
  text-align: center;
  border-style: solid;
  border-color: #e5e8ed !important;
  border-width: 1px 1px 3px 1px;
  font-size: 13px;
}

.pagination li a:focus,
.pagination li a:hover,
.pagination li span:focus,
.pagination li span:hover,
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.page-item.active .page-link {
  background: #fff;
  color: #323232;
}

.title-style-1 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 30px;
  position: relative;
  border-bottom: 1px solid #e5e8ed;
  padding: 0 0 16px;
  color: #323232;
}
.title-style-1:after {
  content: "";
  width: 50px;
  height: 3px;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.blog-comment {
  list-style: none;
  margin: 0;
  padding: 0;
}

.blog-comment li {
  padding: 30px 0;
  border-bottom: 1px dashed #e5e8ed;
  position: relative;
}

.blog-comment li .btn-reply {
  float: right;
  border: 1px solid #ededed;
  padding: 0 8px;
  font-size: 10px;
  font-weight: 600;
  position: relative;
}

.blog-comment > li:first-child {
  padding-top: 0;
}

.blog-comment li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.blog-comment li ul.child-comment {
  margin-left: 40px;
  list-style: none;
  padding: 0;
}

.blog-comment li ul.child-comment li {
  border: none;
  padding-bottom: 0;
  border-top: 1px dashed #e5e8ed;
  margin-top: 30px;
}

.blog-comment li .person {
  font-weight: 600;
  color: #323232;
}

.blog-comment li .date {
  font-style: italic;
  display: block;
  font-size: 12px;
  line-height: normal;
  margin-top: 5px;
}

.blog-comment li .reply {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 10px;
  border: 1px solid #323232;
  line-height: normal;
  color: #fff;
  padding: 3px 8px;
  text-decoration: none;
  background: #323232;
  text-transform: uppercase;
}
.blog-comment li .reply:after {
  content: "";
  border-bottom: 9px solid transparent;
  border-left: 8px solid #696969;
  position: absolute;
  bottom: -10px;
  right: 0;
}

.blog-comment li p {
  margin: 15px 0 0;
}

.blog-comment-form {
  position: relative;
  background: #fff;
  padding: 20px;
  border: 1px solid #eee;
  border-bottom: 4px solid #eee;
}

.blog-comment-form .form-group label {
  font-weight: 500;
  font-size: 14px;
  line-height: normal;
  color: #323232;
}

.blog-comment-form .form-group .form-control {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  border: 1px solid #dcdcdc;
  color: #000;
}

blockquote.blockquote-left {
  background: #f9f9f9;
  padding: 20px;
  border-left: 5px solid #d2e2ff;
  font-size: 16px;
  margin: 30px 0 50px;
}

blockquote.blockquote-left .parson {
  font-weight: 600;
  margin: 0;
  color: #111;
}

.latest-post {
  margin: 0;
  padding: 0;
}

.latest-post li {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

.latest-post li:not(:last-child) {
  padding: 0 0 18px 0;
  margin: 0 0 18px 0;
  border-bottom: 1px solid #e5e8ed;
}

.latest-post li:last-child {
  margin-bottom: 0;
}

.latest-post .lp-img {
  width: 60px;
  float: left;
}

.latest-post .lp-text {
  overflow: hidden;
  line-height: 14px;
  padding-left: 10px;
}

.latest-post .lp-text h6 {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 0 3px;
}

.latest-post .lp-text a {
  font-size: 14px;
  color: #555;
}

.latest-post .date {
  font-size: 13px;
}

.list-style-tag {
  margin: 0;
  padding: 0;
}

.list-style-tag li {
  display: inline-block;
  vertical-align: top;
}

.list-style-tag li a {
  position: relative;
  padding: 6px 12px;
  line-height: 20px;
  font-weight: 400;
  border: 1px dashed #e5e8ed;
  margin-right: 4px;
  margin-bottom: 3px;
  display: inline-block;
  vertical-align: top;
  color: #323232;
  font-size: 14px;
  margin-top: 3px;
}

.list-style-tag li a:hover {
  background: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

.list-style-1 {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-style-1 li {
  position: relative;
  padding: 0 0 8px 0;
  margin: 0 0 8px 0;
  border-bottom: 1px solid #e5e8ed;
}

.list-style-1 li span {
  position: absolute;
  top: 3px;
  right: 0;
}

.list-style-1 li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.list-style-1 a {
  color: #555;
  text-decoration: none;
}
.list-style-1 a:hover {
  color: #323232;
}

/*-----------------------------------------
*  ss slider
-----------------------------------------*/
.ss-slider {
  border: 1px solid #eee;
  border-bottom: 4px solid #eee;
  padding: 10px;
  border-radius: 5px;
  overflow: hidden;
}
.ss-slider .owl-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
}

/*-----------------------------------------
*  FAQ
-----------------------------------------*/
.faq-row {
  background: #fff;
  border-radius: 5px;
  margin: 0 0 10px;
  border: 1px solid #eee;
  border-bottom: 4px solid #eee;
}

.faq-row .faq-title {
  padding: 15px 20px 15px 55px;
  margin: 0;
  font-size: 14px;
  position: relative;
  font-weight: 400;
  cursor: pointer;
}

.faq-row .no {
  position: absolute;
  left: 10px;
  top: 9px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  border-radius: 50%;
}
.faq-row .faq-body {
  padding: 20px;
  border-top: 1px solid #ddd;
}

.faq-row .faq-body p:last-child {
  margin-bottom: 0;
}

.faq-menu {
  border: 1px solid #eee;
  border-bottom: 4px solid #eee;
  background: #fff;
}

.faq-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.faq-menu li {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  border-bottom: 1px dashed #ddd;
  padding: 0;
}
.faq-menu li:last-child {
  border-bottom: none;
}
.faq-menu li:after {
  left: 12px;
  top: 20px;
  content: "";
  width: 15px;
  height: 15px;
}

.faq-menu li:before {
  left: 16px;
  top: 24px;
  content: "";
  width: 7px;
  height: 7px;
}

.faq-menu li a {
  color: #111;
  padding: 15px 16px 15px 38px;
  display: inline-block;
  position: relative;
}

/*-----------------------------------------
*  Contact Us
-----------------------------------------*/
.output_message {
  vertical-align: top;
  margin-top: 15px;
  padding: 4px 10px;
  display: inline-block;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0.5px;
  border-radius: 3px;
}
.output_message.success {
  background: #25a224;
  display: block;
  color: #fff;
  width: 100%;
  float: left;
}
.output_message.error {
  background: #25a224;
  display: block;
  color: #fff;
  width: 100%;
  float: left;
}

.contact-form {
  background: #fff;
  padding: 35px;
  min-height: 100%;
  border: 1px solid #eee;
  border-bottom: 4px solid #eee;
  border-radius: 5px;
  overflow: hidden;
}
.contact-form h4 {
  font-size: 18px;
  font-weight: 700;
}

.contact-form .send {
  display: inline-block;
}

.form-group {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
.form-group .form-control {
  outline: none;
  box-shadow: none;
  height: 50px;
  border: 1px solid #d4d4d4;
  width: 100%;
  font-size: 14px;
  color: gray;
  background: #f7fafc;
  border-radius: 0;
}

.form-group .form-controlz {
  text-align: center;
  outline: none;
  box-shadow: none;
  height: 50px;
  border: 1px solid #d4d4d4;
  width: 20%;
  font-size: 14px;
  color: gray;
  background: #f7fafc;
  border-radius: 0;
}

.form-group .form-control.form-xl {
  height: 55px;
  border: 1px solid #ddd;
  font-size: 16px;
  border-bottom: 2px solid #ddd;
}

.form-group textarea.form-control {
  height: 60px;
}
.form-group textarea.form-control.form-xl {
  height: 170px;
}

.form-group .input-focus-effect {
  width: 0 !important;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: ease all 0.3s;
  transition: ease all 0.3s;
  height: 2px;
}

.form-group textarea:focus:not([readonly]) + span.input-focus-effect,
.form-group input:focus:not([readonly]) + span.input-focus-effect,
.form-group select:focus:not([readonly]) + span.input-focus-effect {
  width: 100% !important;
}

.contact-info {
  background: #fff;
  padding: 20px 15px 20px 65px;
  border-radius: 5px;
  position: relative;
  margin-bottom: 12px;
  border: 1px solid #eee;
  border-bottom: 4px solid #eee;
  border-radius: 5px;
  overflow: hidden;
}
.event-info {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  padding: 20px 15px 20px 10px;
  border-radius: 5px;
  position: relative;
  margin-bottom: 12px;
  border: 1px solid #eee;
  border-bottom: 4px solid #eee;
  border-radius: 5px;
  overflow: hidden;
}
.event-content {
  font-size: 20px;
  margin-top: -10px;
  line-height: 50px;
}
.event-info h6 {
  margin-top: 20px;
  font-weight: bold;
  font-size: 13px;
  color: #145dff;
}
.event-info h5 {
  margin-top: 10px;
  font-weight: bold;
  font-size: 20px;
}
/* .event-info p {
} */

.contact-info h6 {
  font-weight: 600;
  font-size: 16px;
}
.contact-info i {
  font-size: 28px;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 25px;
  left: 20px;
}
.contact-info p {
  margin: 0;
}
.contact-info:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .contact-form {
    padding: 20px;
  }
  .event-content {
    font-size: 12px;
    line-height: 20px;
  }
}
/*-----------------------------------------
*  Sistem Cocok Digunakan Berbagai Jenis Fasilitas Kesehatan
-----------------------------------------*/
.sistem-row {
  background: #fff;
  border-radius: 5px;
  margin: 0 0 22px;
  border: 1px solid #eee;
}

.sistem-row .sistem-title {
  padding: 10px 20px 15px 20px;
  margin: 0;
  font-size: 15px;
  position: relative;
  font-weight: bold;
  cursor: pointer;
  color: black;
}
.faq-header {
  background: #fff;
  border-radius: 5px;
  margin: 0 0 10px;
}
@media (max-width: 767px) {
  .sistem-info {
    height: 620px;
  }
}

/*-----------------------------------------
*  Bagaimana cara klinik bertahan ditengah Pandemi COVID-19 ?
-----------------------------------------*/

.section-covid {
  padding: 43px 0;
}
.link-buku {
  margin-top: 12px;
  font-size: 18px;
}
@media (max-width: 767px) {
  .section-covid h4 {
    font-size: 17px;
    margin: 0 0 10px;
    font-weight: 600;
    line-height: 25px;
  }
  .section-covid p {
    font-size: 13px;
  }
  .link-buku {
    font-size: 14px;
  }
}

/*-----------------------------------------
*  Garis Horizontal
-----------------------------------------*/

.borderpemisah {
  border-color: #aaa;
  border-style: solid;
  border-top-width: 4px;
}

/*-----------------------------------------
*  Didesain Untuk Kondisi Klinik Setelah Pendemi Covid-19
-----------------------------------------*/
.desain-info {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  padding-bottom: 100px;
}
.std-boxdesain h4 {
  font-size: 26px;
  margin: 0 0 15px;
  font-weight: 600;
  line-height: 40px;
}
.desain-info h6 {
  margin-top: 20px;
  font-weight: bold;
  font-size: 13px;
  color: blue;
}
.sectiondesain {
  padding: 85px 0;
}
.desain-covid {
  font-weight: bold;
  margin-top: 40px;
  line-height: 35px;
}

.desain-membantu {
  font-size: 15px;
  width: 420px;
  line-height: 25px;
}
.desain-video {
  font-weight: bold;
  font-size: 14px;
  line-height: 5px;
}
@media (max-width: 767px) {
  .desain-covid {
    font-weight: bold;
    margin-top: 20px;
    line-height: 30px;
  }
  .desain-info p {
    font-size: 12px;
  }
  .desain-info a {
    font-size: 12px;
  }
  .desain-info a {
    font-size: 12px;
  }
}

/*-----------------------------------------
*  Lihat bagaimana
-----------------------------------------*/
.desain-info2 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  padding-bottom: 100px;
}
.std-boxdesain h4 {
  font-size: 26px;
  margin: 0 0 15px;
  font-weight: 600;
  line-height: 40px;
}
.desain-info h6 {
  margin-top: 20px;
  font-weight: bold;
  font-size: 13px;
  color: blue;
}
.sectiondesain {
  padding: 85px 0;
}
.desain-covid {
  font-weight: bold;
  margin-top: 40px;
  line-height: 35px;
}

.desain-membantu {
  font-size: 15px;
  width: 420px;
  line-height: 25px;
}
.desain-video {
  font-weight: bold;
  font-size: 14px;
  line-height: 5px;
}
@media (max-width: 767px) {
  .desain-covid {
    font-weight: bold;
    margin-top: 20px;
    line-height: 30px;
  }
  .desain-info2 p {
    font-size: 10px;
  }
  .desain-info2 a {
    font-size: 10px;
    padding-left: 14px;
  }
  .desain-info a {
    font-size: 12px;
  }
  .desain-info2 h3 {
    font-size: 17px;
  }
  .desain-info2 large-text {
    font-size: 10px;
  }
}

/*-----------------------------------------
*  Fitur lengkap dalam satu aplikasi
-----------------------------------------*/
.link {
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 30px;
}

/* mobile halaman fitur lengkap dalam satu aplikasi */
@media (max-width: 767px) {
  .alert {
    font-size: 13px;
  }
  .link {
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 30px;
    font-size: 10px;
  }
  .content {
    font-size: 9px;
  }
}

/*-----------------------------------------
*  Mudah Kelola Klinik dan Apotek Dalam Satu Aplikasi
-----------------------------------------*/
.section-kelola {
  padding: 0px 0;
}
.content-kelola {
  text-align: center;
}

.content-kelola2 {
  text-align: left;
}

.kelola-p {
  color: black;
  font-size: 18px;
}
.our-kelola-01 {
  text-align: left;
  width: 234px;
}
.our-kelola-02 {
  text-align: left;
}
.teax-kelola h6 {
  font-size: 18px !important;
  color: #000000;
  margin: 0;
  font-weight: bold;
  width: 300px;
  margin-top: 15px;
}
.teax-kelola2 h6 {
  font-size: 14px !important;
  color: #000000;
  margin: 0;
  font-weight: bold;
  width: 300px;
  margin-top: 15px;
}

.teax-kelola p {
  font-size: 15px;
}
.our-team-01 .kelola-imgx {
  max-width: 40px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-bottom: 30px;
}
.our-team-01 .team-img {
  width: 160px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-bottom: 25px;
}
.our-team-01 .team-img:after {
  content: "";
  position: absolute;
  bottom: -10px;
  top: 60%;
  left: -10px;
  right: -10px;
  border-radius: 10px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}
.our-team-01 .team-img .img {
  width: 160px;
  height: 160px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: 50%;
}
.our-team-01 h6 {
  font-weight: 700;
  font-size: 16px;
  margin: 0 0 5px;
}
.our-team-01 p {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 3px;
}
.pelajari-pratama {
  font-weight: bold;
  font-size: 16px;
}

.icon-network {
  width: 18%;
}

.aplikasi-kelola {
  padding-left: 65px;
}
@media (max-width: 992px) {
  .icon-network {
    width: 7%;
  }
  .teax-kelola p {
    font-size: 12px;
  }
  .content-kelola {
    text-align: left;
  }
  .content-kelola2 {
    text-align: center;
  }
  .aplikasi-kelola {
    padding-left: 55px;
  }
}
@media (max-width: 767px) {
  .teax-kelola p {
    font-size: 12px;
  }
  .aplikasi-kelola {
    padding-left: 0px;
  }
  .content-kelola {
    text-align: left;
  }
  .content-kelola2 {
    text-align: center;
  }
  .icon-network {
    width: 10%;
  }
}
/*-----------------------------------------
*  Aplikasi Manajemen Klinik dan Apotek Terbaik di Indonesia
-----------------------------------------*/
.manajemen-info {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  padding-top: 40px;
}
.manajemen-info h6 {
  /* margin-top: 20px; */
  font-weight: bold;
  font-size: 17px;
}

.manajemen-isi {
  font-size: 16px;
}
.manajemen-video {
  font-weight: bold;
  font-size: 16px;
  line-height: 5px;
}
.aifrem1 {
  position: relative;
  overflow: hidden;
  padding-top: 25%;
  width: -200px;
}
.aifrem1-ins {
  position: absolute;
  top: 0px;
  width: 95%;
  height: 230px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}

[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}
[style*="--aspect-ratio"] > img {
  height: auto;
}
@supports (--custom: property) {
  [style*="--aspect-ratio"] {
    position: relative;
  }
  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }
  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
}

@media (max-width: 767px) {
  .aifrem1-ins {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
  .manajemen-info p {
    font-size: 12px;
  }
  .manajemen-info a {
    font-size: 12px;
  }
  .manajemen-info h6 {
    font-weight: bold;
    font-size: 15px;
  }
}

/*-----------------------------------------
*  Telah Dipercaya Lebih dari 4.000+ Fasilitas Kesehatan
-----------------------------------------*/
.section-logo {
  padding: 0px 0;
}
.logo-kerjasama {
  text-align: center;
  flex-wrap: wrap;
  display: flex;
  gap: 3em;
  justify-content: center;
}
.logo-klinik-hilya {
  width: 12%;
}
.logo-kiara {
  width: 9%;
}
.logo-dental {
  width: 7%;
}
.logo-pratama {
  width: 11%;
}
.logo-lanud {
  width: 7%;
}
.logo-dewa {
  width: 12%;
}
.logo-padjajaran {
  width: 7%;
}

.logo-annisa {
  width: 11%;
  padding-top: 20px;
}
.logo-itenas {
  width: 8%;
  padding-top: 20px;
}
.logo-alda {
  width: 6%;
  padding-top: 20px;
}
.logo-mutiara {
  width: 10%;
  padding-top: 20px;
}
.logo-unri {
  width: 7%;
  padding-top: 20px;
}
.logo-skdc {
  width: 12%;
  padding-top: 20px;
}
.logo-hera {
  width: 8%;
  padding-top: 20px;
}

.logo-bona {
  width: 12%;
  padding-top: 20px;
}
.logo-hemodialisa {
  width: 11%;
  padding-top: 20px;
}
.logo-essa {
  width: 9%;
  padding-top: 20px;
}
.logo-ayu {
  width: 9%;
  padding-top: 20px;
}
.logo-abdurrab {
  width: 6%;
  padding-top: 20px;
}
@media (max-width: 767px) {
  .logo-kerjasama {
    text-align: center;
    word-spacing: 2em;
  }
  .logo-klinik-hilya {
    width: 20%;
  }
  .logo-kiara {
    width: 15%;
  }
  .logo-dental {
    width: 10%;
  }
  .logo-pratama {
    width: 20%;
  }

  .logo-lanud {
    width: 14%;
    padding-top: 10px;
  }
  .logo-dewa {
    width: 25%;
    padding-top: 10px;
  }
  .logo-padjajaran {
    width: 11%;
    padding-top: 10px;
  }
  .logo-annisa {
    width: 15%;
    padding-top: 10px;
  }

  .logo-itenas {
    width: 11%;
    padding-top: 10px;
  }
  .logo-alda {
    width: 11%;
    padding-top: 10px;
    margin-left: 15px;
  }
  .logo-mutiara {
    width: 23%;
    padding-top: 10px;
    padding-left: 10px;
  }
  .logo-unri {
    width: 12%;
    padding-top: 10px;
  }

  .logo-skdc {
    width: 17%;
    padding-top: 10px;
  }
  .logo-hera {
    width: 13%;
    padding-top: 10px;
  }
  .logo-bona {
    width: 22%;
    padding-top: 10px;
  }
  .logo-hemodialisa {
    width: 20%;
    padding-top: 10px;
  }

  .logo-essa {
    width: 14%;
    padding-top: 12px;
  }
  .logo-ayu {
    width: 16%;
    padding-top: 12px;
  }
  .logo-abdurrab {
    width: 11%;
    padding-top: 12px;
  }
}

/*-----------------------------------------
*  Partner & Media Publicity Assist.id
-----------------------------------------*/

:root {
  --marquee-width: 40vw;
  --marquee-height: 40vh;
  /* --marquee-elements: 12; */ /* defined with JavaScript */
  --marquee-elements-displayed: 5;
  --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
  --marquee-animation-duration: calc(var(--marquee-elements) * 3s);
}

.marquee {
  overflow: hidden;
}
.marquee:before,
.marquee:after {
  position: absolute;
  top: 0;
  width: 10rem;
  height: 100%;
  content: "";
  /* z-index: 1; */
}
.marquee-content {
  list-style: none;
  height: 100%;
  display: flex;
  animation: scrolling var(--marquee-animation-duration) linear infinite;
}
/* .marquee-content:hover {
    animation-play-state: paused;
  } */
@keyframes scrolling {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)));
  }
}

.marquee-content img {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: var(--marquee-element-width);
  max-height: 100%;
  font-size: calc(var(--marquee-height) * 3 / 4); /* 5rem; */
  white-space: nowrap;
  margin-left: 90px;
}

@media (max-width: 600px) {
  html {
    font-size: 12px;
  }
  :root {
    --marquee-elements-displayed: 3;
  }
  .marquee:before,
  .marquee:after {
    width: 5rem;
  }
  .marquee-content img {
    margin-left: 20px;
  }
}

/*-----------------------------------------
*  Halaman Harga
-----------------------------------------*/
.harga h1 {
  font-size: 42px;
}
@media (max-width: 767px) {
  .harga h1 {
    font-size: 30px;
  }
  .harga p {
    font-size: 14px;
  }
  .mulai p {
    font-size: 12px;
  }
  .contenttelah h3 {
    font-size: 13px;
  }
  .telah h3 {
    font-size: 12px;
  }
  .contentpusing h4 {
    font-size: 14px;
  }
  .fasilitas p {
    font-size: 15px;
    font-weight: normal;
  }
}

/*-----------------------------------------
*  Pilih Paket Terbaik Untuk Klinik Anda
-----------------------------------------*/
.product {
  margin: 0 0 10px;
  background: #fff;
  position: relative;
  border: 1px solid #eee;
  border-bottom: 5px solid #eee;
  border-radius: 5px;
}
.left {
  text-align: left;
}
.hemoda {
  margin: 0 0 10px;
  background: #fff;
  position: relative;
  border: 1px solid #eee;
  border-bottom: 5px solid #eee;
  border-radius: 5px;
}
.table {
  margin-bottom: 0rem;
}
.icon-info {
  width: 5%;
}
.icon-checkmark {
  width: 8%;
}
.icon-checkmark1 {
  width: 9%;
}
.icon-checkmark2 {
  width: 9%;
}
.icon-checkmark3 {
  width: 9%;
}
.icon-crown {
  width: 15%;
  text-align: right;
}
.icon-crown-hemoda {
  width: 15%;
  padding-bottom: 10px;
}
.hemoda .product-hemoda {
  text-align: right;
  padding: 10px 20px;
}

.product .product-content {
  text-align: right;
  padding: 10px 20px;
  width: 380px;
}
.product .product-content1 {
  padding: 10px 20px;
}

.section-product {
  padding-top: 0px;
}
.section-hemat {
  margin-left: -2100px;
  width: 5055px;
}

.product-hemat {
  width: 230px;
  margin-left: 2075px;
  margin-top: 10px;
}

.product-isi {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 10px;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

@media only screen and (min-width: 425px) {
  #mobile {
    display: none;
  }
}
@media only screen and (max-width: 425px) {
  #table {
    display: none;
  }
}
@media (max-width: 1200px) {
  .icon-info {
    width: 13%;
  }
}

/* mobile halaman pilih paket terbaik */
@media (max-width: 767px) {
  .hemoda {
    width: 100%;
  }
  .std-box h2 {
    text-align: center;
    font-size: 35px;
  }
  .paket h1 {
    text-align: center;
    font-size: 35px;
  }
  .paket-product {
    text-align: center;
    font-size: 12px;
  }
  .paket-hemoda {
    text-align: center;
    font-size: 12px;
  }
  .product-hemat {
    font-size: 12px;
  }
  .icon-info {
    width: 5%;
  }
  .icon-checkmark {
    width: 8%;
  }
  .icon-checkmark1 {
    width: 16%;
  }
  .icon-checkmark2 {
    width: 29%;
  }
  .icon-checkmark3 {
    width: 10%;
  }
  .icon-crown {
    width: 13%;
  }
  .product .product-content {
    text-align: right;
    padding: 10px 20px;
  }
  .product .product-content1 {
    padding: 10px 20px;
  }
  .product-content h3 {
    font-size: 22px;
  }
  .table td {
    padding: 0.5rem;
    font-size: 5px;
  }
  .judul {
    font-size: 6px;
  }
  .product-content1 h3 {
    font-size: 30px;
  }
  .product-content h4 {
    font-size: 18px;
  }
  .product-content a {
    font-size: 13px;
  }
  .product-hemoda h3 {
    font-size: 30px;
  }
  .product-hemoda h4 {
    font-size: 25px;
  }
}

/*-----------------------------------------
*  ragu pindah dari sistem
-----------------------------------------*/
.sectionklinik {
  padding: 43px 0;
}
@media (max-width: 767px) {
  .ragu {
    text-align: center;
    font-size: 14px;
  }
  .btn-bar {
    text-align: center;
  }
}

/*-----------------------------------------
*  Cara kerja sistem referral assist.id
-----------------------------------------*/
.section-carakerja {
  padding: 0px 0;
}

.carakerja-p {
  color: black;
  font-size: 18px;
}
.our-carakerja-01 {
  text-align: left;
  /* width: 234px; */
}
.teax-carakerja h6 {
  font-size: 18px !important;
  color: #000000;
  margin: 0;
  font-weight: bold;
  margin-top: 15px;
}
.our-team-01 .carakerja-imgx {
  max-width: 40px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-bottom: 30px;
}
.our-team-01 .team-img {
  width: 160px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-bottom: 25px;
}
.our-team-01 .team-img:after {
  content: "";
  position: absolute;
  bottom: -10px;
  top: 60%;
  left: -10px;
  right: -10px;
  border-radius: 10px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}
.our-team-01 .team-img .img {
  width: 160px;
  height: 160px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: 50%;
}
.our-team-01 h6 {
  font-weight: 700;
  font-size: 16px;
  margin: 0 0 5px;
}
.our-team-01 p {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 3px;
}
.pelajari-pratama {
  font-weight: bold;
  font-size: 16px;
}

@media (max-width: 767px) {
  .teax-carakerja p {
    font-size: 12px;
  }
  .teax-carakerja h6 {
    font-size: 14px !important;
  }
}

/*HUBUNGKAN*/
.subscribe-hubungkan .subscribe-inner {
  padding: 30px 30px;
  margin: 0px;
  background-color: #d4edda;
  border-radius: 5px;
  z-index: 1;
  margin-top: -60px;
}
.subscribe-solusi .subscribe-innerp {
  padding: 30px 30px;
  margin: 0px;
  background-color: #b0161d;
  border-radius: 5px;
  position: relative;
  margin-top: -60px;
  z-index: 1;
}
.subscribe-solusi h2 {
  margin: 0;
  font-size: 28px;
  font-weight: 600;
}
.subscribe-solusi .subscribe-block {
  width: 100%;
}
.buton-mid-prod {
  margin-top: 60px;
  margin-bottom: -40px;
}
.buton-mid-prod2 {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .subscribe-section {
    margin-left: -18px;
    margin-right: -18px;
  }
  .subscribe-hubungkan p {
    font-size: 10px;
  }
  .subscribe-section h2 {
    font-size: 20px;
  }

  .subscribe-section .subscribe-inner {
    padding: 25px 25px;
  }
  .subscribe-section .subscribe-inner p {
    text-align: center;
    font-size: 12px;
  }
  .subscribe-section .subscribe-inner img {
    display: none;
  }
  .cta-cent {
    margin-left: auto;
    margin-right: auto;
  }
  .buton-mid-prod {
    margin-top: 80px;
    margin-bottom: 5px;
  }
  .buton-mid-prod2 {
    margin-bottom: 60px;
  }
}
/*----*/

/*-----------------------------------------
*  Siapa Yang Sebaiknya Anda Referralkan
-----------------------------------------*/
.content-referral h3 {
  width: 570px;
}

@media (max-width: 767px) {
  .content-referral h3 {
    width: 100%;
    font-size: 18px;
    line-height: 30px;
  }
  .content-referral p {
    font-size: 12px;
  }
}
/*-----------------------------------------
*   Clinica adalah Aplikasi Klinik Berbasis Cloud Assist.id
-----------------------------------------*/
.clinicacloud p {
  font-size: 17px;
  color: black;
}
@media (max-width: 767px) {
  .clinicacloud p {
    font-size: 12px;
    color: black;
  }
}
/*-----------------------------------------
*   Tidak Menemukan Fitur yang Anda cari?
-----------------------------------------*/
.fitur-cari h4 {
  font-size: 23px;
  margin: 0 0 15px;
  font-weight: 600;
  line-height: 40px;
}

/*-----------------------------------------
*  Fitur Halaman Produk Clinica
-----------------------------------------*/
.clinica-section .heading > div {
  float: left;
  width: 65px;
  height: 65px;
  border: 1px solid #e5ecfc;
  border-radius: 36px;
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  -o-border-radius: 36px;
  background-size: 50px;
  background-position: 12px 10px;
  background-repeat: no-repeat;
  margin: -13px 0px 0 -30px;
  overflow: hidden;
  background: #e5ecfc;
}

.vl {
  border-left: 6px solid #e5ecfc;
  z-index: -1;
}
.list-clinica {
  color: #a39e9e;
}

.pendaftaran h4 {
  font-size: 26px;
  font-weight: bold;
  color: #000;
}
.pendaftaran p {
  font-size: 17px;
  color: #000;
}
.scheduling h4 {
  font-size: 26px;
  font-weight: bold;
  color: #000;
}
.scheduling p {
  font-size: 17px;
  color: #000;
}
.normal h4 {
  font-size: 26px;
  font-weight: bold;
  color: #000;
}
.normal p {
  font-size: 17px;
  color: #000;
}
.bagian {
  font-size: 15px;
  color: #000;
  line-height: 30px;
}
.home-fitur-01 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.home-fitur-01 .bg-effect {
  opacity: 1;
}

.home-fitur-01 h5 {
  font-weight: 600;
  font-size: 18px;
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0 15px;
}
.home-fitur-01 h5:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: -5px;
  z-index: -1;
  opacity: 0.1;
  border-radius: 15px;
  height: 35px;
}
.icon-booking {
  padding-left: 19px;
  width: 72%;
  padding-top: 17px;
}
.icon-rekammedis {
  padding-left: 19px;
  width: 72%;
  padding-top: 13px;
}
.icon-stokobat {
  padding-left: 16px;
  width: 79%;
  padding-top: 17px;
}
.icon-pembayaran {
  padding-left: 17px;
  width: 73%;
  padding-top: 15px;
}
.icon-kasir {
  padding-left: 18px;
  width: 73%;
  padding-top: 15px;
}
.icon-manajemen {
  padding-left: 18px;
  width: 73%;
  padding-top: 20px;
}

@media (max-width: 767px) {
  .vl {
    border-left: 0px solid #fff;
  }
  .clinica-section .timeline-pendaftaran > div {
    margin: -20px 0 0 70px;
  }
  .clinica-section .timeline-rekammedis > div {
    margin: -20px 0 0 10px;
  }
  .clinica-section .timeline-stokobat > div {
    margin: -20px 0 0 20px;
  }
  .clinica-section .timeline-pembayaran > div {
    margin: -20px 0 0 30px;
  }
  .clinica-section .timeline-laporan > div {
    margin: -20px 0 0 45px;
  }
  .clinica-section .timeline-manajemen > div {
    margin: -10px 0 0 45px;
  }

  .pendaftaran h4 {
    font-size: 17px;
    font-weight: bold;
    color: #000;
  }
  .pendaftaran p {
    font-size: 12px;
    color: #000;
  }
  .scheduling h4 {
    font-size: 17px;
    font-weight: bold;
    color: #000;
  }
  .scheduling p {
    font-size: 12px;
    color: #000;
    width: 300px;
  }
  .normal h4 {
    font-size: 17px;
    font-weight: bold;
    color: #000;
  }
  .normal p {
    font-size: 12px;
    color: #000;
  }
  .bagian {
    font-size: 12px;
    color: #000;
    width: 300px;
    line-height: 25px;
  }
  .home-fitur-01 h5 {
    font-weight: 600;
    font-size: 14px;
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0 15px;
  }
  .home-fitur-01 h5:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: -5px;
    z-index: -1;
    opacity: 0.1;
    border-radius: 15px;
    height: 30px;
    width: 180px;
  }
}

/*-----------------------------------------
*  Footer
-----------------------------------------*/
.cik {
  font-size: 13px;
  font-style: italic;
  color: gray !important;
}

.subscribe-box {
  width: 400px;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.subscribe-box .form-control {
  height: 50px;
  border-radius: 30px;
  outline: none;
  padding: 3px 45px 3px 15px;
  font-size: 14px;
  border: none;
  box-shadow: 0 8px 50px -6px rgba(0, 0, 0, 0.4);
  width: calc(100% - 10px);
}
.subscribe-box button {
  height: 60px;
  color: #fff;
  position: absolute;
  top: -6px;
  right: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 600;
  width: 60px;
  border-radius: 50%;
}

.footer-dark {
  background: #ffffff;
}

.footer-section {
  padding-top: 40px;
}

.footer-section h4 {
  color: #000000;
  font-size: 17px;
  font-weight: 600;
  position: relative;
  padding: 0 0 10px;
}
.footer-section h4:after {
  content: "";
  width: 25px;
  height: 5px;
  background: #0020dd;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 10px;
}

.footer-section .social-icons {
  margin: 20px 0 0 0;
  padding: 0;
}
.footer-section .social-icons li a:not(:hover) {
  background: rgb(0, 32, 221);
}

.footer-section .fot-link {
  margin: 0;
  padding: 0;
}
.footer-section .fot-link li {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
}
.footer-section .fot-link a {
  color: grey;
  font-size: 14px;
  position: relative;
  text-decoration: none;
  font-weight: 400;
}
.footer-section .fot-link a:hover {
  color: #000000;
}
.footer-section .fot-link a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-transition: ease all 0.3s;
  -moz-transition: ease all 0.3s;
  -o-transition: ease all 0.3s;
  transition: ease all 0.3s;
}
.footer-section .fot-link a:hover:after {
  width: 100%;
}

.footer-section .footer-text {
  width: 310px;
  max-width: 100%;
}
.footer-section p {
  margin: 0;
  color: rgb(0, 0, 0);
  color: grey;
}

.fot-address p {
  position: relative;
  padding-left: 28px;
  margin-bottom: 15px;
}
.fot-address p i {
  position: absolute;
  top: 4px;
  left: 0;
  color: #000000;
  font-size: 18px;
}
.margi-lef {
  margin-right: auto;
  margin-left: auto;
}
.ggrk {
  border-top: 1px solid #c2c2c2;
  margin-top: 20px;
  margin-bottom: 30px;
}
.ggrt {
  border-top: 1px solid grey;
  padding: 50px 0;
  margin-top: 30px;
}
/* .ggrs {
    margin-bottom: -30px;
    width: 870px;
} */
.ggrx {
  font-size: 13px;
  margin-top: -50px;
  margin-bottom: 30px;
}
.ggrz {
  margin-top: 70px;
  padding-bottom: 50px;
}
.ggrv {
  margin-top: 20px;
}
.ggrj {
  margin-top: 70px;
}
.grre {
  margin-top: 10px !important;
  margin-left: 10px !important;
  color: grey !important;
}
.term {
  margin-top: -25px !important;
  margin-left: 10px !important;
  color: grey !important;
  text-align: justify;
}
.termChild {
  color: grey !important;
  text-align: justify;
  margin-bottom: auto;
}
.termChild1 {
  color: #255cff !important;
  text-align: justify;
  margin-bottom: auto;
}
.footer-copy {
  margin-top: 20px;
  padding: 15px 0;
  text-align: center;
}
.footer-copy p {
  margin: 0;
  font-size: 12px;
  color: rgb(0, 0, 0);
  font-weight: 300;
}

@media (max-width: 991px) {
  .footer-section {
    padding-top: 40px;
  }
  .footer-copy {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .ggrx {
    margin-top: 1px;
    margin-left: 1px;
    margin-right: 1px;
  }
  .footer-section {
    padding-top: 30px;
  }
  .footer-copy {
    margin-top: 20px;
  }
}

.footer-light {
  background: #fff;
  border-top: 1px solid #ddd;
}
.footer-light .footer-section h4 {
  color: #323232;
}
.footer-light .footer-section p {
  color: rgba(0, 0, 0, 0.75);
}
.footer-light .footer-section .social-icons li a {
  color: rgba(0, 0, 0, 0.75);
  background: rgba(88, 88, 88, 0.12);
}
.footer-light .footer-section .fot-link a {
  color: rgba(0, 0, 0, 0.75);
}
.footer-light .footer-copy {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

/*-----------------------------------------
*  Background Properties
-----------------------------------------*/
.bg-no-repeat {
  background-repeat: no-repeat;
}
.bg-repeat-x {
  background-repeat: repeat-x;
}
.bg-repeat-y {
  background-repeat: repeat-y;
}
.bg-cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.bg-center-center {
  background-position: center center;
}
.bg-center-right {
  background-position: center right;
}
.bg-center-left {
  background-position: center left;
}
.bg-fixed {
  background-attachment: fixed;
}

/*==============================
  Margins
================================*/

/*Margin All*/
.m-auto-all {
  margin: auto;
}
.m-0px {
  margin: 0;
}
.m-5px {
  margin: 5px;
}
.m-10px {
  margin: 10px;
}
.m-15px {
  margin: 15px;
}
.m-20px {
  margin: 20px;
}
.m-25px {
  margin: 25px;
}
.m-30px {
  margin: 30px;
}
.m-35px {
  margin: 35px;
}
.m-40px {
  margin: 40px;
}
.m-45px {
  margin: 45px;
}
.m-50px {
  margin: 50px;
}
.m-55px {
  margin: 55px;
}
.m-60px {
  margin: 60px;
}
.m-65px {
  margin: 65px;
}
.m-70px {
  margin: 70px;
}
.m-75px {
  margin: 75px;
}
.m-80px {
  margin: 80px;
}
.m-85px {
  margin: 85px;
}
.m-90px {
  margin: 90px;
}
.m-95px {
  margin: 95px;
}
.m-100px {
  margin: 100px;
}

/*Margin top buttom*/
.m-0px-tb {
  margin-top: 0px;
  margin-bottom: 0px;
}
.m-5px-tb {
  margin-top: 5px;
  margin-bottom: 5px;
}
.m-10px-tb {
  margin-top: 10px;
  margin-bottom: 10px;
}
.m-15px-tb {
  margin-top: 15px;
  margin-bottom: 15px;
}
.m-20px-tb {
  margin-top: 20px;
  margin-bottom: 20px;
}
.m-25px-tb {
  margin-top: 25px;
  margin-bottom: 25px;
}
.m-30px-tb {
  margin-top: 30px;
  margin-bottom: 30px;
}
.m-35px-tb {
  margin-top: 35px;
  margin-bottom: 35px;
}
.m-40px-tb {
  margin-top: 40px;
  margin-bottom: 40px;
}
.m-45px-tb {
  margin-top: 45px;
  margin-bottom: 45px;
}
.m-50px-tb {
  margin-top: 50px;
  margin-bottom: 50px;
}
.m-55px-tb {
  margin-top: 55px;
  margin-bottom: 55px;
}
.m-60px-tb {
  margin-top: 60px;
  margin-bottom: 60px;
}
.m-65px-tb {
  margin-top: 65px;
  margin-bottom: 65px;
}
.m-70px-tb {
  margin-top: 70px;
  margin-bottom: 70px;
}
.m-75px-tb {
  margin-top: 75px;
  margin-bottom: 75px;
}
.m-80px-tb {
  margin-top: 80px;
  margin-bottom: 80px;
}
.m-85px-tb {
  margin-top: 85px;
  margin-bottom: 85px;
}
.m-90px-tb {
  margin-top: 90px;
  margin-bottom: 90px;
}
.m-95px-tb {
  margin-top: 95px;
  margin-bottom: 95px;
}
.m-100px-tb {
  margin-top: 100px;
  margin-bottom: 100px;
}

/*Margin left right*/
.m-0px-lr {
  margin-left: 0px;
  margin-right: 0px;
}
.m-5px-lr {
  margin-left: 5px;
  margin-right: 5px;
}
.m-10px-lr {
  margin-left: 10px;
  margin-right: 10px;
}
.m-15px-lr {
  margin-left: 15px;
  margin-right: 15px;
}
.m-20px-lr {
  margin-left: 20px;
  margin-right: 20px;
}
.m-25px-lr {
  margin-left: 25px;
  margin-right: 25px;
}
.m-30px-lr {
  margin-left: 30px;
  margin-right: 30px;
}
.m-35px-lr {
  margin-left: 35px;
  margin-right: 35px;
}
.m-40px-lr {
  margin-left: 40px;
  margin-right: 40px;
}
.m-45px-lr {
  margin-left: 45px;
  margin-right: 45px;
}
.m-50px-lr {
  margin-left: 50px;
  margin-right: 50px;
}
.m-55px-lr {
  margin-left: 55px;
  margin-right: 55px;
}
.m-60px-lr {
  margin-left: 60px;
  margin-right: 60px;
}
.m-65px-lr {
  margin-left: 65px;
  margin-right: 65px;
}
.m-70px-lr {
  margin-left: 70px;
  margin-right: 70px;
}
.m-75px-lr {
  margin-left: 75px;
  margin-right: 75px;
}
.m-80px-lr {
  margin-left: 80px;
  margin-right: 80px;
}
.m-85px-lr {
  margin-left: 85px;
  margin-right: 85px;
}
.m-90px-lr {
  margin-left: 90px;
  margin-right: 90px;
}
.m-95px-lr {
  margin-left: 95px;
  margin-right: 95px;
}
.m-100px-lr {
  margin-left: 100px;
  margin-right: 100px;
}

/*Margin top*/
.m-0px-t {
  margin-top: 0px;
}
.m-5px-t {
  margin-top: 5px;
}
.m-10px-t {
  margin-top: 10px;
}
.m-15px-t {
  margin-top: 15px;
}
.m-20px-t {
  margin-top: 20px;
}
.m-25px-t {
  margin-top: 25px;
}
.m-30px-t {
  margin-top: 30px;
}
.m-35px-t {
  margin-top: 35px;
}
.m-40px-t {
  margin-top: 40px;
}
.m-45px-t {
  margin-top: 45px;
}
.m-50px-t {
  margin-top: 50px;
}
.m-55px-t {
  margin-top: 55px;
}
.m-60px-t {
  margin-top: 60px;
}
.m-65px-t {
  margin-top: 65px;
}
.m-70px-t {
  margin-top: 70px;
}
.m-75px-t {
  margin-top: 75px;
}
.m-80px-t {
  margin-top: 80px;
}
.m-85px-t {
  margin-top: 85px;
}
.m-90px-t {
  margin-top: 90px;
}
.m-95px-t {
  margin-top: 95px;
}
.m-100px-t {
  margin-top: 100px;
}

/*Margin Bottom*/
.m-0px-b {
  margin-bottom: 0px;
}
.m-5px-b {
  margin-bottom: 5px;
}
.m-10px-b {
  margin-bottom: 10px;
}
.m-15px-b {
  margin-bottom: 15px;
}
.m-20px-b {
  margin-bottom: 20px;
}
.m-25px-b {
  margin-bottom: 25px;
}
.m-30px-b {
  margin-bottom: 30px;
}
.m-35px-b {
  margin-bottom: 35px;
}
.m-40px-b {
  margin-bottom: 40px;
}
.m-45px-b {
  margin-bottom: 45px;
}
.m-50px-b {
  margin-bottom: 50px;
}
.m-55px-b {
  margin-bottom: 55px;
}
.m-60px-b {
  margin-bottom: 60px;
}
.m-65px-b {
  margin-bottom: 65px;
}
.m-70px-b {
  margin-bottom: 70px;
}
.m-75px-b {
  margin-bottom: 75px;
}
.m-80px-b {
  margin-bottom: 80px;
}
.m-85px-b {
  margin-bottom: 85px;
}
.m-90px-b {
  margin-bottom: 90px;
}
.m-95px-b {
  margin-bottom: 95px;
}
.m-100px-b {
  margin-bottom: 100px;
}
.m-130px-b {
  margin-bottom: 130px;
}

/*Margin Left*/
.m-0px-l {
  margin-left: 0px;
}
.m-5px-l {
  margin-left: 5px;
}
.m-10px-l {
  margin-left: 10px;
}
.m-15px-l {
  margin-left: 15px;
}
.m-20px-l {
  margin-left: 20px;
}
.m-25px-l {
  margin-left: 25px;
}
.m-30px-l {
  margin-left: 30px;
}
.m-35px-l {
  margin-left: 35px;
}
.m-40px-l {
  margin-left: 40px;
}
.m-45px-l {
  margin-left: 45px;
}
.m-50px-l {
  margin-left: 50px;
}
.m-55px-l {
  margin-left: 55px;
}
.m-60px-l {
  margin-left: 60px;
}
.m-65px-l {
  margin-left: 65px;
}
.m-70px-l {
  margin-left: 70px;
}
.m-75px-l {
  margin-left: 75px;
}
.m-80px-l {
  margin-left: 80px;
}
.m-85px-l {
  margin-left: 85px;
}
.m-90px-l {
  margin-left: 90px;
}
.m-95px-l {
  margin-left: 95px;
}
.m-100px-l {
  margin-left: 100px;
}
.m-135px-l {
  margin-left: 135px;
}
.m-244px-l {
  margin-left: 244px;
}

/*Margin right*/
.m-0px-r {
  margin-right: 0px;
}
.m-5px-r {
  margin-right: 5px;
}
.m-10px-r {
  margin-right: 10px;
}
.m-15px-r {
  margin-right: 15px;
}
.m-20px-r {
  margin-right: 20px;
}
.m-25px-r {
  margin-right: 25px;
}
.m-30px-r {
  margin-right: 30px;
}
.m-35px-r {
  margin-right: 35px;
}
.m-40px-r {
  margin-right: 40px;
}
.m-45px-r {
  margin-right: 45px;
}
.m-50px-r {
  margin-right: 50px;
}
.m-55px-r {
  margin-right: 55px;
}
.m-60px-r {
  margin-right: 60px;
}
.m-65px-r {
  margin-right: 65px;
}
.m-70px-r {
  margin-right: 70px;
}
.m-75px-r {
  margin-right: 75px;
}
.m-80px-r {
  margin-right: 80px;
}
.m-85px-r {
  margin-right: 85px;
}
.m-90px-r {
  margin-right: 90px;
}
.m-95px-r {
  margin-right: 95px;
}
.m-100px-r {
  margin-right: 100px;
}

@media (max-width: 1200px) {
  /*Margin All*/
  .lg-m-0px {
    margin: 0;
  }
  .lg-m-5px {
    margin: 5px;
  }
  .lg-m-10px {
    margin: 10px;
  }
  .lg-m-15px {
    margin: 15px;
  }
  .lg-m-20px {
    margin: 20px;
  }
  .lg-m-25px {
    margin: 25px;
  }
  .lg-m-30px {
    margin: 30px;
  }
  .lg-m-35px {
    margin: 35px;
  }
  .lg-m-40px {
    margin: 40px;
  }
  .lg-m-45px {
    margin: 45px;
  }
  .lg-m-50px {
    margin: 50px;
  }
  .lg-m-55px {
    margin: 55px;
  }
  .lg-m-60px {
    margin: 60px;
  }
  .lg-m-65px {
    margin: 65px;
  }
  .lg-m-70px {
    margin: 70px;
  }
  .lg-m-75px {
    margin: 75px;
  }
  .lg-m-80px {
    margin: 80px;
  }
  .lg-m-85px {
    margin: 85px;
  }
  .lg-m-90px {
    margin: 90px;
  }
  .lg-m-95px {
    margin: 95px;
  }
  .lg-m-100px {
    margin: 100px;
  }

  /*Margin top buttom*/
  .lg-m-0px-tb {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .lg-m-5px-tb {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .lg-m-10px-tb {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .lg-m-15px-tb {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .lg-m-20px-tb {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .lg-m-25px-tb {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .lg-m-30px-tb {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .lg-m-35px-tb {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .lg-m-40px-tb {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .lg-m-45px-tb {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .lg-m-50px-tb {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .lg-m-55px-tb {
    margin-top: 55px;
    margin-bottom: 55px;
  }
  .lg-m-60px-tb {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .lg-m-65px-tb {
    margin-top: 65px;
    margin-bottom: 65px;
  }
  .lg-m-70px-tb {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .lg-m-75px-tb {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .lg-m-80px-tb {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .lg-m-85px-tb {
    margin-top: 85px;
    margin-bottom: 85px;
  }
  .lg-m-90px-tb {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .lg-m-95px-tb {
    margin-top: 95px;
    margin-bottom: 95px;
  }
  .lg-m-100px-tb {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  /*Margin left right*/
  .lg-m-0px-lr {
    margin-left: 0px;
    margin-right: 0px;
  }
  .lg-m-5px-lr {
    margin-left: 5px;
    margin-right: 5px;
  }
  .lg-m-10px-lr {
    margin-left: 10px;
    margin-right: 10px;
  }
  .lg-m-15px-lr {
    margin-left: 15px;
    margin-right: 15px;
  }
  .lg-m-20px-lr {
    margin-left: 20px;
    margin-right: 20px;
  }
  .lg-m-25px-lr {
    margin-left: 25px;
    margin-right: 25px;
  }
  .lg-m-30px-lr {
    margin-left: 30px;
    margin-right: 30px;
  }
  .lg-m-35px-lr {
    margin-left: 35px;
    margin-right: 35px;
  }
  .lg-m-40px-lr {
    margin-left: 40px;
    margin-right: 40px;
  }
  .lg-m-45px-lr {
    margin-left: 45px;
    margin-right: 45px;
  }
  .lg-m-50px-lr {
    margin-left: 50px;
    margin-right: 50px;
  }
  .lg-m-55px-lr {
    margin-left: 55px;
    margin-right: 55px;
  }
  .lg-m-60px-lr {
    margin-left: 60px;
    margin-right: 60px;
  }
  .lg-m-65px-lr {
    margin-left: 65px;
    margin-right: 65px;
  }
  .lg-m-70px-lr {
    margin-left: 70px;
    margin-right: 70px;
  }
  .lg-m-75px-lr {
    margin-left: 75px;
    margin-right: 75px;
  }
  .lg-m-80px-lr {
    margin-left: 80px;
    margin-right: 80px;
  }
  .lg-m-85px-lr {
    margin-left: 85px;
    margin-right: 85px;
  }
  .lg-m-90px-lr {
    margin-left: 90px;
    margin-right: 90px;
  }
  .lg-m-95px-lr {
    margin-left: 95px;
    margin-right: 95px;
  }
  .lg-m-100px-lr {
    margin-left: 100px;
    margin-right: 100px;
  }

  /*Margin top*/
  .lg-m-0px-t {
    margin-top: 0px;
  }
  .lg-m-5px-t {
    margin-top: 5px;
  }
  .lg-m-10px-t {
    margin-top: 10px;
  }
  .lg-m-15px-t {
    margin-top: 15px;
  }
  .lg-m-20px-t {
    margin-top: 20px;
  }
  .lg-m-25px-t {
    margin-top: 25px;
  }
  .lg-m-30px-t {
    margin-top: 30px;
  }
  .lg-m-35px-t {
    margin-top: 35px;
  }
  .lg-m-40px-t {
    margin-top: 40px;
  }
  .lg-m-45px-t {
    margin-top: 45px;
  }
  .lg-m-50px-t {
    margin-top: 50px;
  }
  .lg-m-55px-t {
    margin-top: 55px;
  }
  .lg-m-60px-t {
    margin-top: 60px;
  }
  .lg-m-65px-t {
    margin-top: 65px;
  }
  .lg-m-70px-t {
    margin-top: 70px;
  }
  .lg-m-75px-t {
    margin-top: 75px;
  }
  .lg-m-80px-t {
    margin-top: 80px;
  }
  .lg-m-85px-t {
    margin-top: 85px;
  }
  .lg-m-90px-t {
    margin-top: 90px;
  }
  .lg-m-95px-t {
    margin-top: 95px;
  }
  .lg-m-100px-t {
    margin-top: 100px;
  }

  /*Margin Bottom*/
  .lg-m-0px-b {
    margin-bottom: 0px;
  }
  .lg-m-5px-b {
    margin-bottom: 5px;
  }
  .lg-m-10px-b {
    margin-bottom: 10px;
  }
  .lg-m-15px-b {
    margin-bottom: 15px;
  }
  .lg-m-20px-b {
    margin-bottom: 20px;
  }
  .lg-m-25px-b {
    margin-bottom: 25px;
  }
  .lg-m-30px-b {
    margin-bottom: 30px;
  }
  .lg-m-35px-b {
    margin-bottom: 35px;
  }
  .lg-m-40px-b {
    margin-bottom: 40px;
  }
  .lg-m-45px-b {
    margin-bottom: 45px;
  }
  .lg-m-50px-b {
    margin-bottom: 50px;
  }
  .lg-m-55px-b {
    margin-bottom: 55px;
  }
  .lg-m-60px-b {
    margin-bottom: 60px;
  }
  .lg-m-65px-b {
    margin-bottom: 65px;
  }
  .lg-m-70px-b {
    margin-bottom: 70px;
  }
  .lg-m-75px-b {
    margin-bottom: 75px;
  }
  .lg-m-80px-b {
    margin-bottom: 80px;
  }
  .lg-m-85px-b {
    margin-bottom: 85px;
  }
  .lg-m-90px-b {
    margin-bottom: 90px;
  }
  .lg-m-95px-b {
    margin-bottom: 95px;
  }
  .lg-m-100px-b {
    margin-bottom: 100px;
  }

  /*Margin Left*/
  .lg-m-0px-l {
    margin-left: 0px;
  }
  .lg-m-5px-l {
    margin-left: 5px;
  }
  .lg-m-10px-l {
    margin-left: 10px;
  }
  .lg-m-15px-l {
    margin-left: 15px;
  }
  .lg-m-20px-l {
    margin-left: 20px;
  }
  .lg-m-25px-l {
    margin-left: 25px;
  }
  .lg-m-30px-l {
    margin-left: 30px;
  }
  .lg-m-35px-l {
    margin-left: 35px;
  }
  .lg-m-40px-l {
    margin-left: 40px;
  }
  .lg-m-45px-l {
    margin-left: 45px;
  }
  .lg-m-50px-l {
    margin-left: 50px;
  }
  .lg-m-55px-l {
    margin-left: 55px;
  }
  .lg-m-60px-l {
    margin-left: 60px;
  }
  .lg-m-65px-l {
    margin-left: 65px;
  }
  .lg-m-70px-l {
    margin-left: 70px;
  }
  .lg-m-75px-l {
    margin-left: 75px;
  }
  .lg-m-80px-l {
    margin-left: 80px;
  }
  .lg-m-85px-l {
    margin-left: 85px;
  }
  .lg-m-90px-l {
    margin-left: 90px;
  }
  .lg-m-95px-l {
    margin-left: 95px;
  }
  .lg-m-100px-l {
    margin-left: 100px;
  }

  /*Margin right*/
  .lg-m-0px-r {
    margin-right: 0px;
  }
  .lg-m-5px-r {
    margin-right: 5px;
  }
  .lg-m-10px-r {
    margin-right: 10px;
  }
  .lg-m-15px-r {
    margin-right: 15px;
  }
  .lg-m-20px-r {
    margin-right: 20px;
  }
  .lg-m-25px-r {
    margin-right: 25px;
  }
  .lg-m-30px-r {
    margin-right: 30px;
  }
  .lg-m-35px-r {
    margin-right: 35px;
  }
  .lg-m-40px-r {
    margin-right: 40px;
  }
  .lg-m-45px-r {
    margin-right: 45px;
  }
  .lg-m-50px-r {
    margin-right: 50px;
  }
  .lg-m-55px-r {
    margin-right: 55px;
  }
  .lg-m-60px-r {
    margin-right: 60px;
  }
  .lg-m-65px-r {
    margin-right: 65px;
  }
  .lg-m-70px-r {
    margin-right: 70px;
  }
  .lg-m-75px-r {
    margin-right: 75px;
  }
  .lg-m-80px-r {
    margin-right: 80px;
  }
  .lg-m-85px-r {
    margin-right: 85px;
  }
  .lg-m-90px-r {
    margin-right: 90px;
  }
  .lg-m-95px-r {
    margin-right: 95px;
  }
  .lg-m-100px-r {
    margin-right: 100px;
  }
}

@media (max-width: 991px) {
  /*Margin All*/
  .md-m-0px {
    margin: 0;
  }
  .md-m-5px {
    margin: 5px;
  }
  .md-m-10px {
    margin: 10px;
  }
  .md-m-15px {
    margin: 15px;
  }
  .md-m-20px {
    margin: 20px;
  }
  .md-m-25px {
    margin: 25px;
  }
  .md-m-30px {
    margin: 30px;
  }
  .md-m-35px {
    margin: 35px;
  }
  .md-m-40px {
    margin: 40px;
  }
  .md-m-45px {
    margin: 45px;
  }
  .md-m-50px {
    margin: 50px;
  }
  .md-m-55px {
    margin: 55px;
  }
  .md-m-60px {
    margin: 60px;
  }
  .md-m-65px {
    margin: 65px;
  }
  .md-m-70px {
    margin: 70px;
  }
  .md-m-75px {
    margin: 75px;
  }
  .md-m-80px {
    margin: 80px;
  }
  .md-m-85px {
    margin: 85px;
  }
  .md-m-90px {
    margin: 90px;
  }
  .md-m-95px {
    margin: 95px;
  }
  .md-m-100px {
    margin: 100px;
  }

  /*Margin top buttom*/
  .md-m-0px-tb {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .md-m-5px-tb {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .md-m-10px-tb {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .md-m-15px-tb {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .md-m-20px-tb {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .md-m-25px-tb {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .md-m-30px-tb {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .md-m-35px-tb {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .md-m-40px-tb {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .md-m-45px-tb {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .md-m-50px-tb {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .md-m-55px-tb {
    margin-top: 55px;
    margin-bottom: 55px;
  }
  .md-m-60px-tb {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .md-m-65px-tb {
    margin-top: 65px;
    margin-bottom: 65px;
  }
  .md-m-70px-tb {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .md-m-75px-tb {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .md-m-80px-tb {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .md-m-85px-tb {
    margin-top: 85px;
    margin-bottom: 85px;
  }
  .md-m-90px-tb {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .md-m-95px-tb {
    margin-top: 95px;
    margin-bottom: 95px;
  }
  .md-m-100px-tb {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  /*Margin left right*/
  .md-m-0px-lr {
    margin-left: 0px;
    margin-right: 0px;
  }
  .md-m-5px-lr {
    margin-left: 5px;
    margin-right: 5px;
  }
  .md-m-10px-lr {
    margin-left: 10px;
    margin-right: 10px;
  }
  .md-m-15px-lr {
    margin-left: 15px;
    margin-right: 15px;
  }
  .md-m-20px-lr {
    margin-left: 20px;
    margin-right: 20px;
  }
  .md-m-25px-lr {
    margin-left: 25px;
    margin-right: 25px;
  }
  .md-m-30px-lr {
    margin-left: 30px;
    margin-right: 30px;
  }
  .md-m-35px-lr {
    margin-left: 35px;
    margin-right: 35px;
  }
  .md-m-40px-lr {
    margin-left: 40px;
    margin-right: 40px;
  }
  .md-m-45px-lr {
    margin-left: 45px;
    margin-right: 45px;
  }
  .md-m-50px-lr {
    margin-left: 50px;
    margin-right: 50px;
  }
  .md-m-55px-lr {
    margin-left: 55px;
    margin-right: 55px;
  }
  .md-m-60px-lr {
    margin-left: 60px;
    margin-right: 60px;
  }
  .md-m-65px-lr {
    margin-left: 65px;
    margin-right: 65px;
  }
  .md-m-70px-lr {
    margin-left: 70px;
    margin-right: 70px;
  }
  .md-m-75px-lr {
    margin-left: 75px;
    margin-right: 75px;
  }
  .md-m-80px-lr {
    margin-left: 80px;
    margin-right: 80px;
  }
  .md-m-85px-lr {
    margin-left: 85px;
    margin-right: 85px;
  }
  .md-m-90px-lr {
    margin-left: 90px;
    margin-right: 90px;
  }
  .md-m-95px-lr {
    margin-left: 95px;
    margin-right: 95px;
  }
  .md-m-100px-lr {
    margin-left: 100px;
    margin-right: 100px;
  }

  /*Margin top*/
  .md-m-0px-t {
    margin-top: 0px;
  }
  .md-m-5px-t {
    margin-top: 5px;
  }
  .md-m-10px-t {
    margin-top: 10px;
  }
  .md-m-15px-t {
    margin-top: 15px;
  }
  .md-m-20px-t {
    margin-top: 20px;
  }
  .md-m-25px-t {
    margin-top: 25px;
  }
  .md-m-30px-t {
    margin-top: 30px;
  }
  .md-m-35px-t {
    margin-top: 35px;
  }
  .md-m-40px-t {
    margin-top: 40px;
  }
  .md-m-45px-t {
    margin-top: 45px;
  }
  .md-m-50px-t {
    margin-top: 50px;
  }
  .md-m-55px-t {
    margin-top: 55px;
  }
  .md-m-60px-t {
    margin-top: 60px;
  }
  .md-m-65px-t {
    margin-top: 65px;
  }
  .md-m-70px-t {
    margin-top: 70px;
  }
  .md-m-75px-t {
    margin-top: 75px;
  }
  .md-m-80px-t {
    margin-top: 80px;
  }
  .md-m-85px-t {
    margin-top: 85px;
  }
  .md-m-90px-t {
    margin-top: 90px;
  }
  .md-m-95px-t {
    margin-top: 95px;
  }
  .md-m-100px-t {
    margin-top: 100px;
  }

  /*Margin Bottom*/
  .md-m-0px-b {
    margin-bottom: 0px;
  }
  .md-m-5px-b {
    margin-bottom: 5px;
  }
  .md-m-10px-b {
    margin-bottom: 10px;
  }
  .md-m-15px-b {
    margin-bottom: 15px;
  }
  .md-m-20px-b {
    margin-bottom: 20px;
  }
  .md-m-25px-b {
    margin-bottom: 25px;
  }
  .md-m-30px-b {
    margin-bottom: 30px;
  }
  .md-m-35px-b {
    margin-bottom: 35px;
  }
  .md-m-40px-b {
    margin-bottom: 40px;
  }
  .md-m-45px-b {
    margin-bottom: 45px;
  }
  .md-m-50px-b {
    margin-bottom: 50px;
  }
  .md-m-55px-b {
    margin-bottom: 55px;
  }
  .md-m-60px-b {
    margin-bottom: 60px;
  }
  .md-m-65px-b {
    margin-bottom: 65px;
  }
  .md-m-70px-b {
    margin-bottom: 70px;
  }
  .md-m-75px-b {
    margin-bottom: 75px;
  }
  .md-m-80px-b {
    margin-bottom: 80px;
  }
  .md-m-85px-b {
    margin-bottom: 85px;
  }
  .md-m-90px-b {
    margin-bottom: 90px;
  }
  .md-m-95px-b {
    margin-bottom: 95px;
  }
  .md-m-100px-b {
    margin-bottom: 100px;
  }

  /*Margin Left*/
  .md-m-0px-l {
    margin-left: 0px;
  }
  .md-m-5px-l {
    margin-left: 5px;
  }
  .md-m-10px-l {
    margin-left: 10px;
  }
  .md-m-15px-l {
    margin-left: 15px;
  }
  .md-m-20px-l {
    margin-left: 20px;
  }
  .md-m-25px-l {
    margin-left: 25px;
  }
  .md-m-30px-l {
    margin-left: 30px;
  }
  .md-m-35px-l {
    margin-left: 35px;
  }
  .md-m-40px-l {
    margin-left: 40px;
  }
  .md-m-45px-l {
    margin-left: 45px;
  }
  .md-m-50px-l {
    margin-left: 50px;
  }
  .md-m-55px-l {
    margin-left: 55px;
  }
  .md-m-60px-l {
    margin-left: 60px;
  }
  .md-m-65px-l {
    margin-left: 65px;
  }
  .md-m-70px-l {
    margin-left: 70px;
  }
  .md-m-75px-l {
    margin-left: 75px;
  }
  .md-m-80px-l {
    margin-left: 80px;
  }
  .md-m-85px-l {
    margin-left: 85px;
  }
  .md-m-90px-l {
    margin-left: 90px;
  }
  .md-m-95px-l {
    margin-left: 95px;
  }
  .md-m-100px-l {
    margin-left: 100px;
  }

  /*Margin right*/
  .md-m-05px-r {
    margin-right: -50px;
  }
  .md-m-0px-r {
    margin-right: 0px;
  }
  .md-m-5px-r {
    margin-right: 5px;
  }
  .md-m-10px-r {
    margin-right: 10px;
  }
  .md-m-15px-r {
    margin-right: 15px;
  }
  .md-m-20px-r {
    margin-right: 20px;
  }
  .md-m-25px-r {
    margin-right: 25px;
  }
  .md-m-30px-r {
    margin-right: 30px;
  }
  .md-m-35px-r {
    margin-right: 35px;
  }
  .md-m-40px-r {
    margin-right: 40px;
  }
  .md-m-45px-r {
    margin-right: 45px;
  }
  .md-m-50px-r {
    margin-right: 50px;
  }
  .md-m-55px-r {
    margin-right: 55px;
  }
  .md-m-60px-r {
    margin-right: 60px;
  }
  .md-m-65px-r {
    margin-right: 65px;
  }
  .md-m-70px-r {
    margin-right: 70px;
  }
  .md-m-75px-r {
    margin-right: 75px;
  }
  .md-m-80px-r {
    margin-right: 80px;
  }
  .md-m-85px-r {
    margin-right: 85px;
  }
  .md-m-90px-r {
    margin-right: 90px;
  }
  .md-m-95px-r {
    margin-right: 95px;
  }
  .md-m-100px-r {
    margin-right: 100px;
  }
}

@media (max-width: 767px) {
  /*Margin All*/
  .sm-m-0px {
    margin: 0;
  }
  .sm-m-5px {
    margin: 5px;
  }
  .sm-m-10px {
    margin: 10px;
  }
  .sm-m-15px {
    margin: 15px;
  }
  .sm-m-20px {
    margin: 20px;
  }
  .sm-m-25px {
    margin: 25px;
  }
  .sm-m-30px {
    margin: 30px;
  }
  .sm-m-35px {
    margin: 35px;
  }
  .sm-m-40px {
    margin: 40px;
  }
  .sm-m-45px {
    margin: 45px;
  }
  .sm-m-50px {
    margin: 50px;
  }
  .sm-m-55px {
    margin: 55px;
  }
  .sm-m-60px {
    margin: 60px;
  }
  .sm-m-65px {
    margin: 65px;
  }
  .sm-m-70px {
    margin: 70px;
  }
  .sm-m-75px {
    margin: 75px;
  }
  .sm-m-80px {
    margin: 80px;
  }
  .sm-m-85px {
    margin: 85px;
  }
  .sm-m-90px {
    margin: 90px;
  }
  .sm-m-95px {
    margin: 95px;
  }
  .sm-m-100px {
    margin: 100px;
  }

  /*Margin top buttom*/
  .sm-m-0px-tb {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .sm-m-5px-tb {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .sm-m-10px-tb {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .sm-m-15px-tb {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .sm-m-20px-tb {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .sm-m-25px-tb {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .sm-m-30px-tb {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .sm-m-35px-tb {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .sm-m-40px-tb {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .sm-m-45px-tb {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .sm-m-50px-tb {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .sm-m-55px-tb {
    margin-top: 55px;
    margin-bottom: 55px;
  }
  .sm-m-60px-tb {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .sm-m-65px-tb {
    margin-top: 65px;
    margin-bottom: 65px;
  }
  .sm-m-70px-tb {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .sm-m-75px-tb {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .sm-m-80px-tb {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .sm-m-85px-tb {
    margin-top: 85px;
    margin-bottom: 85px;
  }
  .sm-m-90px-tb {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .sm-m-95px-tb {
    margin-top: 95px;
    margin-bottom: 95px;
  }
  .sm-m-100px-tb {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  /*Margin left right*/
  .sm-m-0px-lr {
    margin-left: 0px;
    margin-right: 0px;
  }
  .sm-m-5px-lr {
    margin-left: 5px;
    margin-right: 5px;
  }
  .sm-m-10px-lr {
    margin-left: 10px;
    margin-right: 10px;
  }
  .sm-m-15px-lr {
    margin-left: 15px;
    margin-right: 15px;
  }
  .sm-m-20px-lr {
    margin-left: 20px;
    margin-right: 20px;
  }
  .sm-m-25px-lr {
    margin-left: 25px;
    margin-right: 25px;
  }
  .sm-m-30px-lr {
    margin-left: 30px;
    margin-right: 30px;
  }
  .sm-m-35px-lr {
    margin-left: 35px;
    margin-right: 35px;
  }
  .sm-m-40px-lr {
    margin-left: 40px;
    margin-right: 40px;
  }
  .sm-m-45px-lr {
    margin-left: 45px;
    margin-right: 45px;
  }
  .sm-m-50px-lr {
    margin-left: 50px;
    margin-right: 50px;
  }
  .sm-m-55px-lr {
    margin-left: 55px;
    margin-right: 55px;
  }
  .sm-m-60px-lr {
    margin-left: 60px;
    margin-right: 60px;
  }
  .sm-m-65px-lr {
    margin-left: 65px;
    margin-right: 65px;
  }
  .sm-m-70px-lr {
    margin-left: 70px;
    margin-right: 70px;
  }
  .sm-m-75px-lr {
    margin-left: 75px;
    margin-right: 75px;
  }
  .sm-m-80px-lr {
    margin-left: 80px;
    margin-right: 80px;
  }
  .sm-m-85px-lr {
    margin-left: 85px;
    margin-right: 85px;
  }
  .sm-m-90px-lr {
    margin-left: 90px;
    margin-right: 90px;
  }
  .sm-m-95px-lr {
    margin-left: 95px;
    margin-right: 95px;
  }
  .sm-m-100px-lr {
    margin-left: 100px;
    margin-right: 100px;
  }

  /*Margin top*/
  .sm-m--35px-t {
    margin-top: -35px;
  }
  .sm-m-0px-t {
    margin-top: 0px;
  }
  .sm-m-5px-t {
    margin-top: 5px;
  }
  .sm-m-10px-t {
    margin-top: 10px;
  }
  .sm-m-15px-t {
    margin-top: 15px;
  }
  .sm-m-20px-t {
    margin-top: 20px;
  }
  .sm-m-25px-t {
    margin-top: 25px;
  }
  .sm-m-30px-t {
    margin-top: 30px;
  }
  .sm-m-35px-t {
    margin-top: 35px;
  }
  .sm-m-40px-t {
    margin-top: 40px;
  }
  .sm-m-45px-t {
    margin-top: 45px;
  }
  .sm-m-50px-t {
    margin-top: 50px;
  }
  .sm-m-55px-t {
    margin-top: 55px;
  }
  .sm-m-60px-t {
    margin-top: 60px;
  }
  .sm-m-65px-t {
    margin-top: 65px;
  }
  .sm-m-70px-t {
    margin-top: 70px;
  }
  .sm-m-75px-t {
    margin-top: 75px;
  }
  .sm-m-80px-t {
    margin-top: 80px;
  }
  .sm-m-85px-t {
    margin-top: 85px;
  }
  .sm-m-90px-t {
    margin-top: 90px;
  }
  .sm-m-95px-t {
    margin-top: 95px;
  }
  .sm-m-100px-t {
    margin-top: 100px;
  }

  /*Margin Bottom*/
  .sm-m-0px-b {
    margin-bottom: 0px;
  }
  .sm-m-5px-b {
    margin-bottom: 5px;
  }
  .sm-m-10px-b {
    margin-bottom: 10px;
  }
  .sm-m-15px-b {
    margin-bottom: 15px;
  }
  .sm-m-20px-b {
    margin-bottom: 20px;
  }
  .sm-m-25px-b {
    margin-bottom: 25px;
  }
  .sm-m-30px-b {
    margin-bottom: 30px;
  }
  .sm-m-35px-b {
    margin-bottom: 35px;
  }
  .sm-m-40px-b {
    margin-bottom: 40px;
  }
  .sm-m-45px-b {
    margin-bottom: 45px;
  }
  .sm-m-50px-b {
    margin-bottom: 50px;
  }
  .sm-m-55px-b {
    margin-bottom: 55px;
  }
  .sm-m-60px-b {
    margin-bottom: 60px;
  }
  .sm-m-65px-b {
    margin-bottom: 65px;
  }
  .sm-m-70px-b {
    margin-bottom: 70px;
  }
  .sm-m-75px-b {
    margin-bottom: 75px;
  }
  .sm-m-80px-b {
    margin-bottom: 80px;
  }
  .sm-m-85px-b {
    margin-bottom: 85px;
  }
  .sm-m-90px-b {
    margin-bottom: 90px;
  }
  .sm-m-95px-b {
    margin-bottom: 95px;
  }
  .sm-m-100px-b {
    margin-bottom: 100px;
  }
  .sm-m-220px-b {
    margin-bottom: 220px;
  }

  /*Margin Left*/
  .sm-m-0px-l {
    margin-left: 0px;
  }
  .sm-m-5px-l {
    margin-left: 5px;
  }
  .sm-m-10px-l {
    margin-left: 10px;
  }
  .sm-m-15px-l {
    margin-left: 15px;
  }
  .sm-m-20px-l {
    margin-left: 20px;
  }
  .sm-m-25px-l {
    margin-left: 25px;
  }
  .sm-m-30px-l {
    margin-left: 30px;
  }
  .sm-m-35px-l {
    margin-left: 35px;
  }
  .sm-m-40px-l {
    margin-left: 40px;
  }
  .sm-m-45px-l {
    margin-left: 45px;
  }
  .sm-m-50px-l {
    margin-left: 50px;
  }
  .sm-m-55px-l {
    margin-left: 55px;
  }
  .sm-m-60px-l {
    margin-left: 60px;
  }
  .sm-m-65px-l {
    margin-left: 65px;
  }
  .sm-m-70px-l {
    margin-left: 70px;
  }
  .sm-m-75px-l {
    margin-left: 75px;
  }
  .sm-m-80px-l {
    margin-left: 80px;
  }
  .sm-m-85px-l {
    margin-left: 85px;
  }
  .sm-m-90px-l {
    margin-left: 90px;
  }
  .sm-m-95px-l {
    margin-left: 95px;
  }
  .sm-m-100px-l {
    margin-left: 100px;
  }

  /*Margin right*/
  .sm-m-0px-r {
    margin-right: 0px;
  }
  .sm-m-5px-r {
    margin-right: 5px;
  }
  .sm-m-10px-r {
    margin-right: 10px;
  }
  .sm-m-15px-r {
    margin-right: 15px;
  }
  .sm-m-20px-r {
    margin-right: 20px;
  }
  .sm-m-25px-r {
    margin-right: 25px;
  }
  .sm-m-30px-r {
    margin-right: 30px;
  }
  .sm-m-35px-r {
    margin-right: 35px;
  }
  .sm-m-40px-r {
    margin-right: 40px;
  }
  .sm-m-45px-r {
    margin-right: 45px;
  }
  .sm-m-50px-r {
    margin-right: 50px;
  }
  .sm-m-55px-r {
    margin-right: 55px;
  }
  .sm-m-60px-r {
    margin-right: 60px;
  }
  .sm-m-65px-r {
    margin-right: 65px;
  }
  .sm-m-70px-r {
    margin-right: 70px;
  }
  .sm-m-75px-r {
    margin-right: 75px;
  }
  .sm-m-80px-r {
    margin-right: 80px;
  }
  .sm-m-85px-r {
    margin-right: 85px;
  }
  .sm-m-90px-r {
    margin-right: 90px;
  }
  .sm-m-95px-r {
    margin-right: 95px;
  }
  .sm-m-100px-r {
    margin-right: 100px;
  }
}

/*==============================
  Padding
================================*/

/*Padding All*/
.p-0px {
  padding: 0;
}
.p-5px {
  padding: 5px;
}
.p-10px {
  padding: 10px;
}
.p-15px {
  padding: 15px;
}
.p-20px {
  padding: 20px;
}
.p-25px {
  padding: 25px;
}
.p-30px {
  padding: 30px;
}
.p-35px {
  padding: 35px;
}
.p-40px {
  padding: 40px;
}
.p-45px {
  padding: 45px;
}
.p-50px {
  padding: 50px;
}
.p-55px {
  padding: 55px;
}
.p-60px {
  padding: 60px;
}
.p-65px {
  padding: 65px;
}
.p-70px {
  padding: 70px;
}
.p-75px {
  padding: 75px;
}
.p-80px {
  padding: 80px;
}
.p-85px {
  padding: 85px;
}
.p-90px {
  padding: 90px;
}
.p-95px {
  padding: 95px;
}
.p-100px {
  padding: 100px;
}

/*Padding Left Right*/
.p-0px-lr {
  padding-left: 0;
  padding-right: 0;
}
.p-5px-lr {
  padding-left: 5px;
  padding-right: 5px;
}
.p-10px-lr {
  padding-left: 10px;
  padding-right: 10px;
}
.p-15px-lr {
  padding-left: 15px;
  padding-right: 15px;
}
.p-20px-lr {
  padding-left: 20px;
  padding-right: 20px;
}
.p-25px-lr {
  padding-left: 25px;
  padding-right: 25px;
}
.p-30px-lr {
  padding-left: 30px;
  padding-right: 30px;
}
.p-35px-lr {
  padding-left: 35px;
  padding-right: 35px;
}
.p-40px-lr {
  padding-left: 40px;
  padding-right: 40px;
}
.p-45px-lr {
  padding-left: 45px;
  padding-right: 45px;
}
.p-50px-lr {
  padding-left: 50px;
  padding-right: 50px;
}
.p-55px-lr {
  padding-left: 55px;
  padding-right: 55px;
}
.p-60px-lr {
  padding-left: 60px;
  padding-right: 60px;
}
.p-65px-lr {
  padding-left: 65px;
  padding-right: 65px;
}
.p-70px-lr {
  padding-left: 70px;
  padding-right: 70px;
}
.p-75px-lr {
  padding-left: 75px;
  padding-right: 75px;
}
.p-80px-lr {
  padding-left: 80px;
  padding-right: 80px;
}
.p-85px-lr {
  padding-left: 85px;
  padding-right: 85px;
}
.p-90px-lr {
  padding-left: 90px;
  padding-right: 90px;
}
.p-95px-lr {
  padding-left: 95px;
  padding-right: 95px;
}
.p-100px-lr {
  padding-left: 100px;
  padding-right: 100px;
}

/*Padding Top Bottm*/
.p-0px-tb {
  padding-top: 0;
  padding-bottom: 0;
}
.p-5px-tb {
  padding-top: 5px;
  padding-bottom: 5px;
}
.p-10px-tb {
  padding-top: 10px;
  padding-bottom: 10px;
}
.p-15px-tb {
  padding-top: 15px;
  padding-bottom: 15px;
}
.p-20px-tb {
  padding-top: 20px;
  padding-bottom: 20px;
}
.p-25px-tb {
  padding-top: 25px;
  padding-bottom: 25px;
}
.p-30px-tb {
  padding-top: 30px;
  padding-bottom: 30px;
}
.p-35px-tb {
  padding-top: 35px;
  padding-bottom: 35px;
}
.p-40px-tb {
  padding-top: 40px;
  padding-bottom: 40px;
}
.p-45px-tb {
  padding-top: 45px;
  padding-bottom: 45px;
}
.p-50px-tb {
  padding-top: 50px;
  padding-bottom: 50px;
}
.p-55px-tb {
  padding-top: 55px;
  padding-bottom: 55px;
}
.p-60px-tb {
  padding-top: 60px;
  padding-bottom: 60px;
}
.p-65px-tb {
  padding-top: 65px;
  padding-bottom: 65px;
}
.p-70px-tb {
  padding-top: 70px;
  padding-bottom: 70px;
}
.p-75px-tb {
  padding-top: 75px;
  padding-bottom: 75px;
}
.p-80px-tb {
  padding-top: 80px;
  padding-bottom: 80px;
}
.p-85px-tb {
  padding-top: 85px;
  padding-bottom: 85px;
}
.p-90px-tb {
  padding-top: 90px;
  padding-bottom: 90px;
}
.p-95px-tb {
  padding-top: 95px;
  padding-bottom: 95px;
}
.p-100px-tb {
  padding-top: 100px;
  padding-bottom: 100px;
}

/*Padding top*/
.p-0px-t {
  padding-top: 0px;
}
.p-5px-t {
  padding-top: 5px;
}
.p-10px-t {
  padding-top: 10px;
}
.p-15px-t {
  padding-top: 15px;
}
.p-20px-t {
  padding-top: 20px;
}
.p-25px-t {
  padding-top: 25px;
}
.p-30px-t {
  padding-top: 30px;
}
.p-35px-t {
  padding-top: 35px;
}
.p-40px-t {
  padding-top: 40px;
}
.p-45px-t {
  padding-top: 45px;
}
.p-50px-t {
  padding-top: 50px;
}
.p-55px-t {
  padding-top: 55px;
}
.p-60px-t {
  padding-top: 60px;
}
.p-65px-t {
  padding-top: 65px;
}
.p-70px-t {
  padding-top: 70px;
}
.p-75px-t {
  padding-top: 75px;
}
.p-80px-t {
  padding-top: 80px;
}
.p-85px-t {
  padding-top: 85px;
}
.p-90px-t {
  padding-top: 90px;
}
.p-95px-t {
  padding-top: 95px;
}
.p-100px-t {
  padding-top: 100px;
}
.p-135px-t {
  padding-top: 135px;
}

/*Padding Bottom*/
.p-0px-b {
  padding-bottom: 0px;
}
.p-5px-b {
  padding-bottom: 5px;
}
.p-10px-b {
  padding-bottom: 10px;
}
.p-15px-b {
  padding-bottom: 15px;
}
.p-20px-b {
  padding-bottom: 20px;
}
.p-25px-b {
  padding-bottom: 25px;
}
.p-30px-b {
  padding-bottom: 30px;
}
.p-35px-b {
  padding-bottom: 35px;
}
.p-40px-b {
  padding-bottom: 40px;
}
.p-45px-b {
  padding-bottom: 45px;
}
.p-50px-b {
  padding-bottom: 50px;
}
.p-55px-b {
  padding-bottom: 55px;
}
.p-60px-b {
  padding-bottom: 60px;
}
.p-65px-b {
  padding-bottom: 65px;
}
.p-70px-b {
  padding-bottom: 70px;
}
.p-75px-b {
  padding-bottom: 75px;
}
.p-80px-b {
  padding-bottom: 80px;
}
.p-85px-b {
  padding-bottom: 85px;
}
.p-90px-b {
  padding-bottom: 90px;
}
.p-95px-b {
  padding-bottom: 95px;
}
.p-100px-b {
  padding-bottom: 100px;
}
.p-180px-b {
  padding-bottom: 180px;
}
.p-300px-b {
  padding-bottom: 300px;
}

/*Padding Left*/
.p-0px-l {
  padding-left: 0px;
}
.p-5px-l {
  padding-left: 5px;
}
.p-10px-l {
  padding-left: 10px;
}
.p-15px-l {
  padding-left: 15px;
}
.p-20px-l {
  padding-left: 20px;
}
.p-25px-l {
  padding-left: 25px;
}
.p-30px-l {
  padding-left: 30px;
}
.p-35px-l {
  padding-left: 35px;
}
.p-40px-l {
  padding-left: 40px;
}
.p-45px-l {
  padding-left: 45px;
}
.p-50px-l {
  padding-left: 50px;
}
.p-55px-l {
  padding-left: 55px;
}
.p-60px-l {
  padding-left: 60px;
}
.p-65px-l {
  padding-left: 65px;
}
.p-70px-l {
  padding-left: 70px;
}
.p-75px-l {
  padding-left: 75px;
}
.p-80px-l {
  padding-left: 80px;
}
.p-85px-l {
  padding-left: 85px;
}
.p-90px-l {
  padding-left: 90px;
}
.p-95px-l {
  padding-left: 95px;
}
.p-100px-l {
  padding-left: 100px;
}
.p-110px-l {
  padding-left: 110px;
}
.p-130px-l {
  padding-left: 130px;
}
.p-250px-l {
  padding-left: 250px;
}

/*Padding right*/
.p-0px-r {
  padding-right: 0px;
}
.p-5px-r {
  padding-right: 5px;
}
.p-10px-r {
  padding-right: 10px;
}
.p-15px-r {
  padding-right: 15px;
}
.p-20px-r {
  padding-right: 20px;
}
.p-25px-r {
  padding-right: 25px;
}
.p-30px-r {
  padding-right: 30px;
}
.p-33px-r {
  padding-right: 33px;
}
.p-35px-r {
  padding-right: 35px;
}
.p-40px-r {
  padding-right: 40px;
}
.p-45px-r {
  padding-right: 45px;
}
.p-50px-r {
  padding-right: 50px;
}
.p-55px-r {
  padding-right: 55px;
}
.p-60px-r {
  padding-right: 60px;
}
.p-65px-r {
  padding-right: 65px;
}
.p-70px-r {
  padding-right: 70px;
}
.p-75px-r {
  padding-right: 75px;
}
.p-80px-r {
  padding-right: 80px;
}
.p-85px-r {
  padding-right: 85px;
}
.p-90px-r {
  padding-right: 90px;
}
.p-95px-r {
  padding-right: 95px;
}
.p-100px-r {
  padding-right: 100px;
}
.p-120px-r {
  padding-right: 120px;
}

/*Padding All %*/
.p-1 {
  padding: 1%;
}
.p-1-half {
  padding: 1.5%;
}
.p-2 {
  padding: 2%;
}
.p-2-half {
  padding: 2.5%;
}
.p-3 {
  padding: 3%;
}
.p-3-half {
  padding: 3.5%;
}
.p-4 {
  padding: 4%;
}
.p-4-half {
  padding: 4.5%;
}
.p-5 {
  padding: 5%;
}
.p-5-half {
  padding: 5.5%;
}
.p-6 {
  padding: 6%;
}
.p-6-half {
  padding: 6.5%;
}
.p-7 {
  padding: 7%;
}
.p-7-half {
  padding: 7.5%;
}
.p-8 {
  padding: 8%;
}
.p-8-half {
  padding: 8.5%;
}
.p-9 {
  padding: 9%;
}
.p-9-half {
  padding: 9.5%;
}
.p-10 {
  padding: 10%;
}
.p-10-half {
  padding: 10.5%;
}
.p-11 {
  padding: 11%;
}
.p-11-half {
  padding: 11.5%;
}
.p-12 {
  padding: 12%;
}
.p-12-half {
  padding: 12.5%;
}
.p-13 {
  padding: 13%;
}
.p-13-half {
  padding: 13.5%;
}
.p-14 {
  padding: 14%;
}
.p-14-half {
  padding: 14.5%;
}
.p-15 {
  padding: 15%;
}
.p-15-half {
  padding: 15.5%;
}
.p-16 {
  padding: 16%;
}
.p-16-half {
  padding: 16.5%;
}
.p-17 {
  padding: 17%;
}
.p-17-half {
  padding: 17.5%;
}
.p-18 {
  padding: 18%;
}
.p-18-half {
  padding: 18.5%;
}
.p-19 {
  padding: 19%;
}
.p-19-half {
  padding: 19.5%;
}
.p-20 {
  padding: 20%;
}
.p-20-half {
  padding: 20.5%;
}
.p-21 {
  padding: 21%;
}
.p-21-half {
  padding: 21.5%;
}
.p-22 {
  padding: 22%;
}
.p-22-half {
  padding: 22.5%;
}
.p-23 {
  padding: 23%;
}
.p-23-half {
  padding: 23.5%;
}
.p-24 {
  padding: 24%;
}
.p-24-half {
  padding: 24.5%;
}
.p-25 {
  padding: 25%;
}
.p-25-half {
  padding: 25.5%;
}

.p-1-l {
  padding-left: 1%;
}
.p-1-half-l {
  padding-left: 1.5%;
}
.p-2-l {
  padding-left: 2%;
}
.p-2-half-l {
  padding-left: 2.5%;
}
.p-3-l {
  padding-left: 3%;
}
.p-3-half-l {
  padding-left: 3.5%;
}
.p-4-l {
  padding-left: 4%;
}
.p-4-half-l {
  padding-left: 4.5%;
}
.p-5-l {
  padding-left: 5%;
}
.p-5-half-l {
  padding-left: 5.5%;
}
.p-6-l {
  padding-left: 6%;
}
.p-6-half-l {
  padding-left: 6.5%;
}
.p-7-l {
  padding-left: 7%;
}
.p-7-half-l {
  padding-left: 7.5%;
}
.p-8-l {
  padding-left: 8%;
}
.p-8-half-l {
  padding-left: 8.5%;
}
.p-9-l {
  padding-left: 9%;
}
.p-9-half-l {
  padding-left: 9.5%;
}
.p-10-l {
  padding-left: 10%;
}
.p-10-half-l {
  padding-left: 10.5%;
}
.p-11-l {
  padding-left: 11%;
}
.p-11-half-l {
  padding-left: 11.5%;
}
.p-12-l {
  padding-left: 12%;
}
.p-12-half-l {
  padding-left: 12.5%;
}
.p-13-l {
  padding-left: 13%;
}
.p-13-half-l {
  padding-left: 13.5%;
}
.p-14-l {
  padding-left: 14%;
}
.p-14-half-l {
  padding-left: 14.5%;
}
.p-15-l {
  padding-left: 15%;
}
.p-15-half-l {
  padding-left: 15.5%;
}
.p-16-l {
  padding-left: 16%;
}
.p-16-half-l {
  padding-left: 16.5%;
}
.p-17-l {
  padding-left: 17%;
}
.p-17-half-l {
  padding-left: 17.5%;
}
.p-18-l {
  padding-left: 18%;
}
.p-18-half-l {
  padding-left: 18.5%;
}
.p-19-l {
  padding-left: 19%;
}
.p-19-half-l {
  padding-left: 19.5%;
}
.p-20-l {
  padding-left: 20%;
}
.p-20-half-l {
  padding-left: 20.5%;
}
.p-21-l {
  padding-left: 21%;
}
.p-21-half-l {
  padding-left: 21.5%;
}
.p-22-l {
  padding-left: 22%;
}
.p-22-half-l {
  padding-left: 22.5%;
}
.p-23-l {
  padding-left: 23%;
}
.p-23-half-l {
  padding-left: 23.5%;
}
.p-24-l {
  padding-left: 24%;
}
.p-24-half-l {
  padding-left: 24.5%;
}
.p-25-l {
  padding-left: 25%;
}
.p-25-half-l {
  padding-left: 25.5%;
}

.p-1-r {
  padding-right: 1%;
}
.p-1-half-r {
  padding-right: 1.5%;
}
.p-2-r {
  padding-right: 2%;
}
.p-2-half-r {
  padding-right: 2.5%;
}
.p-3-r {
  padding-right: 3%;
}
.p-3-half-r {
  padding-right: 3.5%;
}
.p-4-r {
  padding-right: 4%;
}
.p-4-half-r {
  padding-right: 4.5%;
}
.p-5-r {
  padding-right: 5%;
}
.p-5-half-r {
  padding-right: 5.5%;
}
.p-6-r {
  padding-right: 6%;
}
.p-6-half-r {
  padding-right: 6.5%;
}
.p-7-r {
  padding-right: 7%;
}
.p-7-half-r {
  padding-right: 7.5%;
}
.p-8-r {
  padding-right: 8%;
}
.p-8-half-r {
  padding-right: 8.5%;
}
.p-9-r {
  padding-right: 9%;
}
.p-9-half-r {
  padding-right: 9.5%;
}
.p-10-r {
  padding-right: 10%;
}
.p-10-half-r {
  padding-right: 10.5%;
}
.p-11-r {
  padding-right: 11%;
}
.p-11-half-r {
  padding-right: 11.5%;
}
.p-12-r {
  padding-right: 12%;
}
.p-12-half-r {
  padding-right: 12.5%;
}
.p-13-r {
  padding-right: 13%;
}
.p-13-half-r {
  padding-right: 13.5%;
}
.p-14-r {
  padding-right: 14%;
}
.p-14-half-r {
  padding-right: 14.5%;
}
.p-15-r {
  padding-right: 15%;
}
.p-15-half-r {
  padding-right: 15.5%;
}
.p-16-r {
  padding-right: 16%;
}
.p-16-half-r {
  padding-right: 16.5%;
}
.p-17-r {
  padding-right: 17%;
}
.p-17-half-r {
  padding-right: 17.5%;
}
.p-18-r {
  padding-right: 18%;
}
.p-18-half-r {
  padding-right: 18.5%;
}
.p-19-r {
  padding-right: 19%;
}
.p-19-half-r {
  padding-right: 19.5%;
}
.p-20-r {
  padding-right: 20%;
}
.p-20-half-r {
  padding-right: 20.5%;
}
.p-21-r {
  padding-right: 21%;
}
.p-21-half-r {
  padding-right: 21.5%;
}
.p-22-r {
  padding-right: 22%;
}
.p-22-half-r {
  padding-right: 22.5%;
}
.p-23-r {
  padding-right: 23%;
}
.p-23-half-r {
  padding-right: 23.5%;
}
.p-24-r {
  padding-right: 24%;
}
.p-24-half-r {
  padding-right: 24.5%;
}
.p-25-r {
  padding-right: 25%;
}
.p-25-half-r {
  padding-right: 25.5%;
}

.p-1-t {
  padding-top: 1%;
}
.p-1-half-t {
  padding-top: 1.5%;
}
.p-2-t {
  padding-top: 2%;
}
.p-2-half-t {
  padding-top: 2.5%;
}
.p-3-t {
  padding-top: 3%;
}
.p-3-half-t {
  padding-top: 3.5%;
}
.p-4-t {
  padding-top: 4%;
}
.p-4-half-t {
  padding-top: 4.5%;
}
.p-5-t {
  padding-top: 5%;
}
.p-5-half-t {
  padding-top: 5.5%;
}
.p-6-t {
  padding-top: 6%;
}
.p-6-half-t {
  padding-top: 6.5%;
}
.p-7-t {
  padding-top: 7%;
}
.p-7-half-t {
  padding-top: 7.5%;
}
.p-8-t {
  padding-top: 8%;
}
.p-8-half-t {
  padding-top: 8.5%;
}
.p-9-t {
  padding-top: 9%;
}
.p-9-half-t {
  padding-top: 9.5%;
}
.p-10-t {
  padding-top: 10%;
}
.p-10-half-t {
  padding-top: 10.5%;
}
.p-11-t {
  padding-top: 11%;
}
.p-11-half-t {
  padding-top: 11.5%;
}
.p-12-t {
  padding-top: 12%;
}
.p-12-half-t {
  padding-top: 12.5%;
}
.p-13-t {
  padding-top: 13%;
}
.p-13-half-t {
  padding-top: 13.5%;
}
.p-14-t {
  padding-top: 14%;
}
.p-14-half-t {
  padding-top: 14.5%;
}
.p-15-t {
  padding-top: 15%;
}
.p-15-half-t {
  padding-top: 15.5%;
}
.p-16-t {
  padding-top: 16%;
}
.p-16-half-t {
  padding-top: 16.5%;
}
.p-17-t {
  padding-top: 17%;
}
.p-17-half-t {
  padding-top: 17.5%;
}
.p-18-t {
  padding-top: 18%;
}
.p-18-half-t {
  padding-top: 18.5%;
}
.p-19-t {
  padding-top: 19%;
}
.p-19-half-t {
  padding-top: 19.5%;
}
.p-20-t {
  padding-top: 20%;
}
.p-20-half-t {
  padding-top: 20.5%;
}
.p-21-t {
  padding-top: 21%;
}
.p-21-half-t {
  padding-top: 21.5%;
}
.p-22-t {
  padding-top: 22%;
}
.p-22-half-t {
  padding-top: 22.5%;
}
.p-23-t {
  padding-top: 23%;
}
.p-23-half-t {
  padding-top: 23.5%;
}
.p-24-t {
  padding-top: 24%;
}
.p-24-half-t {
  padding-top: 24.5%;
}
.p-25-t {
  padding-top: 25%;
}
.p-25-half-t {
  padding-top: 25.5%;
}

.p-1-b {
  padding-bottom: 1%;
}
.p-1-half-b {
  padding-bottom: 1.5%;
}
.p-2-b {
  padding-bottom: 2%;
}
.p-2-half-b {
  padding-bottom: 2.5%;
}
.p-3-b {
  padding-bottom: 3%;
}
.p-3-half-b {
  padding-bottom: 3.5%;
}
.p-4-b {
  padding-bottom: 4%;
}
.p-4-half-b {
  padding-bottom: 4.5%;
}
.p-5-b {
  padding-bottom: 5%;
}
.p-5-half-b {
  padding-bottom: 5.5%;
}
.p-6-b {
  padding-bottom: 6%;
}
.p-6-half-b {
  padding-bottom: 6.5%;
}
.p-7-b {
  padding-bottom: 7%;
}
.p-7-half-b {
  padding-bottom: 7.5%;
}
.p-8-b {
  padding-bottom: 8%;
}
.p-8-half-b {
  padding-bottom: 8.5%;
}
.p-9-b {
  padding-bottom: 9%;
}
.p-9-half-b {
  padding-bottom: 9.5%;
}
.p-10-b {
  padding-bottom: 10%;
}
.p-10-half-b {
  padding-bottom: 10.5%;
}
.p-11-b {
  padding-bottom: 11%;
}
.p-11-half-b {
  padding-bottom: 11.5%;
}
.p-12-b {
  padding-bottom: 12%;
}
.p-12-half-b {
  padding-bottom: 12.5%;
}
.p-13-b {
  padding-bottom: 13%;
}
.p-13-half-b {
  padding-bottom: 13.5%;
}
.p-14-b {
  padding-bottom: 14%;
}
.p-14-half-b {
  padding-bottom: 14.5%;
}
.p-15-b {
  padding-bottom: 15%;
}
.p-15-half-b {
  padding-bottom: 15.5%;
}
.p-16-b {
  padding-bottom: 16%;
}
.p-16-half-b {
  padding-bottom: 16.5%;
}
.p-17-b {
  padding-bottom: 17%;
}
.p-17-half-b {
  padding-bottom: 17.5%;
}
.p-18-b {
  padding-bottom: 18%;
}
.p-18-half-b {
  padding-bottom: 18.5%;
}
.p-19-b {
  padding-bottom: 19%;
}
.p-19-half-b {
  padding-bottom: 19.5%;
}
.p-20-b {
  padding-bottom: 20%;
}
.p-20-half-b {
  padding-bottom: 20.5%;
}
.p-21-b {
  padding-bottom: 21%;
}
.p-21-half-b {
  padding-bottom: 21.5%;
}
.p-22-b {
  padding-bottom: 22%;
}
.p-22-half-b {
  padding-bottom: 22.5%;
}
.p-23-b {
  padding-bottom: 23%;
}
.p-23-half-b {
  padding-bottom: 23.5%;
}
.p-24-b {
  padding-bottom: 24%;
}
.p-24-half-b {
  padding-bottom: 24.5%;
}
.p-25-b {
  padding-bottom: 25%;
}
.p-25-half-b {
  padding-bottom: 25.5%;
}

@media (max-width: 1200px) {
  .lg-p-0px {
    padding: 0;
  }
  .lg-p-5px {
    padding: 5px;
  }
  .lg-p-10px {
    padding: 10px;
  }
  .lg-p-15px {
    padding: 15px;
  }
  .lg-p-20px {
    padding: 20px;
  }
  .lg-p-25px {
    padding: 25px;
  }
  .lg-p-30px {
    padding: 30px;
  }
  .lg-p-35px {
    padding: 35px;
  }
  .lg-p-40px {
    padding: 40px;
  }
  .lg-p-45px {
    padding: 45px;
  }
  .lg-p-50px {
    padding: 50px;
  }
  .lg-p-55px {
    padding: 55px;
  }
  .lg-p-60px {
    padding: 60px;
  }
  .lg-p-65px {
    padding: 65px;
  }
  .lg-p-70px {
    padding: 70px;
  }
  .lg-p-75px {
    padding: 75px;
  }
  .lg-p-80px {
    padding: 80px;
  }
  .lg-p-85px {
    padding: 85px;
  }
  .lg-p-90px {
    padding: 90px;
  }
  .lg-p-95px {
    padding: 95px;
  }
  .lg-p-100px {
    padding: 100px;
  }

  /*Padding Left Right*/
  .lg-p-0px-lr {
    padding-left: 0;
    padding-right: 0;
  }
  .lg-p-5px-lr {
    padding-left: 5px;
    padding-right: 5px;
  }
  .lg-p-10px-lr {
    padding-left: 10px;
    padding-right: 10px;
  }
  .lg-p-15px-lr {
    padding-left: 15px;
    padding-right: 15px;
  }
  .lg-p-20px-lr {
    padding-left: 20px;
    padding-right: 20px;
  }
  .lg-p-25px-lr {
    padding-left: 25px;
    padding-right: 25px;
  }
  .lg-p-30px-lr {
    padding-left: 30px;
    padding-right: 30px;
  }
  .lg-p-35px-lr {
    padding-left: 35px;
    padding-right: 35px;
  }
  .lg-p-40px-lr {
    padding-left: 40px;
    padding-right: 40px;
  }
  .lg-p-45px-lr {
    padding-left: 45px;
    padding-right: 45px;
  }
  .lg-p-50px-lr {
    padding-left: 50px;
    padding-right: 50px;
  }
  .lg-p-55px-lr {
    padding-left: 55px;
    padding-right: 55px;
  }
  .lg-p-60px-lr {
    padding-left: 60px;
    padding-right: 60px;
  }
  .lg-p-65px-lr {
    padding-left: 65px;
    padding-right: 65px;
  }
  .lg-p-70px-lr {
    padding-left: 70px;
    padding-right: 70px;
  }
  .lg-p-75px-lr {
    padding-left: 75px;
    padding-right: 75px;
  }
  .lg-p-80px-lr {
    padding-left: 80px;
    padding-right: 80px;
  }
  .lg-p-85px-lr {
    padding-left: 85px;
    padding-right: 85px;
  }
  .lg-p-90px-lr {
    padding-left: 90px;
    padding-right: 90px;
  }
  .lg-p-95px-lr {
    padding-left: 95px;
    padding-right: 95px;
  }
  .lg-p-100px-lr {
    padding-left: 100px;
    padding-right: 100px;
  }

  /*Padding Top Bottm*/
  .lg-p-0px-tb {
    padding-top: 0;
    padding-bottom: 0;
  }
  .lg-p-5px-tb {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .lg-p-10px-tb {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .lg-p-15px-tb {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .lg-p-20px-tb {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .lg-p-25px-tb {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .lg-p-30px-tb {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .lg-p-35px-tb {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .lg-p-40px-tb {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .lg-p-45px-tb {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .lg-p-50px-tb {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .lg-p-55px-tb {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .lg-p-60px-tb {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .lg-p-65px-tb {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .lg-p-70px-tb {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .lg-p-75px-tb {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .lg-p-80px-tb {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .lg-p-85px-tb {
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .lg-p-90px-tb {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .lg-p-95px-tb {
    padding-top: 95px;
    padding-bottom: 95px;
  }
  .lg-p-100px-tb {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  /*Padding top*/
  .lg-p-5px-0 {
    padding-top: 0px;
  }
  .lg-p-5px-t {
    padding-top: 5px;
  }
  .lg-p-10px-t {
    padding-top: 10px;
  }
  .lg-p-15px-t {
    padding-top: 15px;
  }
  .lg-p-20px-t {
    padding-top: 20px;
  }
  .lg-p-25px-t {
    padding-top: 25px;
  }
  .lg-p-30px-t {
    padding-top: 30px;
  }
  .lg-p-35px-t {
    padding-top: 35px;
  }
  .lg-p-40px-t {
    padding-top: 40px;
  }
  .lg-p-45px-t {
    padding-top: 45px;
  }
  .lg-p-50px-t {
    padding-top: 50px;
  }
  .lg-p-55px-t {
    padding-top: 55px;
  }
  .lg-p-60px-t {
    padding-top: 60px;
  }
  .lg-p-65px-t {
    padding-top: 65px;
  }
  .lg-p-70px-t {
    padding-top: 70px;
  }
  .lg-p-75px-t {
    padding-top: 75px;
  }
  .lg-p-80px-t {
    padding-top: 80px;
  }
  .lg-p-85px-t {
    padding-top: 85px;
  }
  .lg-p-90px-t {
    padding-top: 90px;
  }
  .lg-p-95px-t {
    padding-top: 95px;
  }
  .lg-p-100px-t {
    padding-top: 100px;
  }

  /*Padding Bottom*/
  .lg-p-0px-b {
    padding-bottom: 0px;
  }
  .lg-p-5px-b {
    padding-bottom: 5px;
  }
  .lg-p-10px-b {
    padding-bottom: 10px;
  }
  .lg-p-15px-b {
    padding-bottom: 15px;
  }
  .lg-p-20px-b {
    padding-bottom: 20px;
  }
  .lg-p-25px-b {
    padding-bottom: 25px;
  }
  .lg-p-30px-b {
    padding-bottom: 30px;
  }
  .lg-p-35px-b {
    padding-bottom: 35px;
  }
  .lg-p-40px-b {
    padding-bottom: 40px;
  }
  .lg-p-45px-b {
    padding-bottom: 45px;
  }
  .lg-p-50px-b {
    padding-bottom: 50px;
  }
  .lg-p-55px-b {
    padding-bottom: 55px;
  }
  .lg-p-60px-b {
    padding-bottom: 60px;
  }
  .lg-p-65px-b {
    padding-bottom: 65px;
  }
  .lg-p-70px-b {
    padding-bottom: 70px;
  }
  .lg-p-75px-b {
    padding-bottom: 75px;
  }
  .lg-p-80px-b {
    padding-bottom: 80px;
  }
  .lg-p-85px-b {
    padding-bottom: 85px;
  }
  .lg-p-90px-b {
    padding-bottom: 90px;
  }
  .lg-p-95px-b {
    padding-bottom: 95px;
  }
  .lg-p-100px-b {
    padding-bottom: 100px;
  }

  /*Padding Left*/
  .lg-p-0px-l {
    padding-left: 0px;
  }
  .lg-p-5px-l {
    padding-left: 5px;
  }
  .lg-p-10px-l {
    padding-left: 10px;
  }
  .lg-p-15px-l {
    padding-left: 15px;
  }
  .lg-p-20px-l {
    padding-left: 20px;
  }
  .lg-p-25px-l {
    padding-left: 25px;
  }
  .lg-p-30px-l {
    padding-left: 30px;
  }
  .lg-p-35px-l {
    padding-left: 35px;
  }
  .lg-p-40px-l {
    padding-left: 40px;
  }
  .lg-p-45px-l {
    padding-left: 45px;
  }
  .lg-p-50px-l {
    padding-left: 50px;
  }
  .lg-p-55px-l {
    padding-left: 55px;
  }
  .lg-p-60px-l {
    padding-left: 60px;
  }
  .lg-p-65px-l {
    padding-left: 65px;
  }
  .lg-p-70px-l {
    padding-left: 70px;
  }
  .lg-p-75px-l {
    padding-left: 75px;
  }
  .lg-p-80px-l {
    padding-left: 80px;
  }
  .lg-p-85px-l {
    padding-left: 85px;
  }
  .lg-p-90px-l {
    padding-left: 90px;
  }
  .lg-p-95px-l {
    padding-left: 95px;
  }
  .lg-p-100px-l {
    padding-left: 100px;
  }

  /*Padding right*/
  .lg-p-0px-r {
    padding-left: 0px;
  }
  .lg-p-5px-r {
    padding-left: 5px;
  }
  .lg-p-10px-r {
    padding-left: 10px;
  }
  .lg-p-15px-r {
    padding-left: 15px;
  }
  .lg-p-20px-r {
    padding-left: 20px;
  }
  .lg-p-25px-r {
    padding-left: 25px;
  }
  .lg-p-30px-r {
    padding-left: 30px;
  }
  .lg-p-35px-r {
    padding-left: 35px;
  }
  .lg-p-40px-r {
    padding-left: 40px;
  }
  .lg-p-45px-r {
    padding-left: 45px;
  }
  .lg-p-50px-r {
    padding-left: 50px;
  }
  .lg-p-55px-r {
    padding-left: 55px;
  }
  .lg-p-60px-r {
    padding-left: 60px;
  }
  .lg-p-65px-r {
    padding-left: 65px;
  }
  .lg-p-70px-r {
    padding-left: 70px;
  }
  .lg-p-75px-r {
    padding-left: 75px;
  }
  .lg-p-80px-r {
    padding-left: 80px;
  }
  .lg-p-85px-r {
    padding-left: 85px;
  }
  .lg-p-90px-r {
    padding-left: 90px;
  }
  .lg-p-95px-r {
    padding-left: 95px;
  }
  .lg-p-100px-r {
    padding-left: 100px;
  }

  /*Padding All %*/
  .lg-p-1 {
    padding: 1%;
  }
  .lg-p-1-half {
    padding: 1.5%;
  }
  .lg-p-2 {
    padding: 2%;
  }
  .lg-p-2-half {
    padding: 2.5%;
  }
  .lg-p-3 {
    padding: 3%;
  }
  .lg-p-3-half {
    padding: 3.5%;
  }
  .lg-p-4 {
    padding: 4%;
  }
  .lg-p-4-half {
    padding: 4.5%;
  }
  .lg-p-5 {
    padding: 5%;
  }
  .lg-p-5-half {
    padding: 5.5%;
  }
  .lg-p-6 {
    padding: 6%;
  }
  .lg-p-6-half {
    padding: 6.5%;
  }
  .lg-p-7 {
    padding: 7%;
  }
  .lg-p-7-half {
    padding: 7.5%;
  }
  .lg-p-8 {
    padding: 8%;
  }
  .lg-p-8-half {
    padding: 8.5%;
  }
  .lg-p-9 {
    padding: 9%;
  }
  .lg-p-9-half {
    padding: 9.5%;
  }
  .lg-p-10 {
    padding: 10%;
  }
  .lg-p-10-half {
    padding: 10.5%;
  }
  .lg-p-11 {
    padding: 11%;
  }
  .lg-p-11-half {
    padding: 11.5%;
  }
  .lg-p-12 {
    padding: 12%;
  }
  .lg-p-12-half {
    padding: 12.5%;
  }
  .lg-p-13 {
    padding: 13%;
  }
  .lg-p-13-half {
    padding: 13.5%;
  }
  .lg-p-14 {
    padding: 14%;
  }
  .lg-p-14-half {
    padding: 14.5%;
  }
  .lg-p-15 {
    padding: 15%;
  }
  .lg-p-15-half {
    padding: 15.5%;
  }
  .lg-p-16 {
    padding: 16%;
  }
  .lg-p-16-half {
    padding: 16.5%;
  }
  .lg-p-17 {
    padding: 17%;
  }
  .lg-p-17-half {
    padding: 17.5%;
  }
  .lg-p-18 {
    padding: 18%;
  }
  .lg-p-18-half {
    padding: 18.5%;
  }
  .lg-p-19 {
    padding: 19%;
  }
  .lg-p-19-half {
    padding: 19.5%;
  }
  .lg-p-20 {
    padding: 20%;
  }
  .lg-p-20-half {
    padding: 20.5%;
  }
  .lg-p-21 {
    padding: 21%;
  }
  .lg-p-21-half {
    padding: 21.5%;
  }
  .lg-p-22 {
    padding: 22%;
  }
  .lg-p-22-half {
    padding: 22.5%;
  }
  .lg-p-23 {
    padding: 23%;
  }
  .lg-p-23-half {
    padding: 23.5%;
  }
  .lg-p-24 {
    padding: 24%;
  }
  .lg-p-24-half {
    padding: 24.5%;
  }
  .lg-p-25 {
    padding: 25%;
  }
  .lg-p-25-half {
    padding: 25.5%;
  }

  .lg-p-1-l {
    padding-left: 1%;
  }
  .lg-p-1-half-l {
    padding-left: 1.5%;
  }
  .lg-p-2-l {
    padding-left: 2%;
  }
  .lg-p-2-half-l {
    padding-left: 2.5%;
  }
  .lg-p-3-l {
    padding-left: 3%;
  }
  .lg-p-3-half-l {
    padding-left: 3.5%;
  }
  .lg-p-4-l {
    padding-left: 4%;
  }
  .lg-p-4-half-l {
    padding-left: 4.5%;
  }
  .lg-p-5-l {
    padding-left: 5%;
  }
  .lg-p-5-half-l {
    padding-left: 5.5%;
  }
  .lg-p-6-l {
    padding-left: 6%;
  }
  .lg-p-6-half-l {
    padding-left: 6.5%;
  }
  .lg-p-7-l {
    padding-left: 7%;
  }
  .lg-p-7-half-l {
    padding-left: 7.5%;
  }
  .lg-p-8-l {
    padding-left: 8%;
  }
  .lg-p-8-half-l {
    padding-left: 8.5%;
  }
  .lg-p-9-l {
    padding-left: 9%;
  }
  .lg-p-9-half-l {
    padding-left: 9.5%;
  }
  .lg-p-10-l {
    padding-left: 10%;
  }
  .lg-p-10-half-l {
    padding-left: 10.5%;
  }
  .lg-p-11-l {
    padding-left: 11%;
  }
  .lg-p-11-half-l {
    padding-left: 11.5%;
  }
  .lg-p-12-l {
    padding-left: 12%;
  }
  .lg-p-12-half-l {
    padding-left: 12.5%;
  }
  .lg-p-13-l {
    padding-left: 13%;
  }
  .lg-p-13-half-l {
    padding-left: 13.5%;
  }
  .lg-p-14-l {
    padding-left: 14%;
  }
  .lg-p-14-half-l {
    padding-left: 14.5%;
  }
  .lg-p-15-l {
    padding-left: 15%;
  }
  .lg-p-15-half-l {
    padding-left: 15.5%;
  }
  .lg-p-16-l {
    padding-left: 16%;
  }
  .lg-p-16-half-l {
    padding-left: 16.5%;
  }
  .lg-p-17-l {
    padding-left: 17%;
  }
  .lg-p-17-half-l {
    padding-left: 17.5%;
  }
  .lg-p-18-l {
    padding-left: 18%;
  }
  .lg-p-18-half-l {
    padding-left: 18.5%;
  }
  .lg-p-19-l {
    padding-left: 19%;
  }
  .lg-p-19-half-l {
    padding-left: 19.5%;
  }
  .lg-p-20-l {
    padding-left: 20%;
  }
  .lg-p-20-half-l {
    padding-left: 20.5%;
  }
  .lg-p-21-l {
    padding-left: 21%;
  }
  .lg-p-21-half-l {
    padding-left: 21.5%;
  }
  .lg-p-22-l {
    padding-left: 22%;
  }
  .lg-p-22-half-l {
    padding-left: 22.5%;
  }
  .lg-p-23-l {
    padding-left: 23%;
  }
  .lg-p-23-half-l {
    padding-left: 23.5%;
  }
  .lg-p-24-l {
    padding-left: 24%;
  }
  .lg-p-24-half-l {
    padding-left: 24.5%;
  }
  .lg-p-25-l {
    padding-left: 25%;
  }
  .lg-p-25-half-l {
    padding-left: 25.5%;
  }

  .lg-p-1-r {
    padding-right: 1%;
  }
  .lg-p-1-half-r {
    padding-right: 1.5%;
  }
  .lg-p-2-r {
    padding-right: 2%;
  }
  .lg-p-2-half-r {
    padding-right: 2.5%;
  }
  .lg-p-3-r {
    padding-right: 3%;
  }
  .lg-p-3-half-r {
    padding-right: 3.5%;
  }
  .lg-p-4-r {
    padding-right: 4%;
  }
  .lg-p-4-half-r {
    padding-right: 4.5%;
  }
  .lg-p-5-r {
    padding-right: 5%;
  }
  .lg-p-5-half-r {
    padding-right: 5.5%;
  }
  .lg-p-6-r {
    padding-right: 6%;
  }
  .lg-p-6-half-r {
    padding-right: 6.5%;
  }
  .lg-p-7-r {
    padding-right: 7%;
  }
  .lg-p-7-half-r {
    padding-right: 7.5%;
  }
  .lg-p-8-r {
    padding-right: 8%;
  }
  .lg-p-8-half-r {
    padding-right: 8.5%;
  }
  .lg-p-9-r {
    padding-right: 9%;
  }
  .lg-p-9-half-r {
    padding-right: 9.5%;
  }
  .lg-p-10-r {
    padding-right: 10%;
  }
  .lg-p-10-half-r {
    padding-right: 10.5%;
  }
  .lg-p-11-r {
    padding-right: 11%;
  }
  .lg-p-11-half-r {
    padding-right: 11.5%;
  }
  .lg-p-12-r {
    padding-right: 12%;
  }
  .lg-p-12-half-r {
    padding-right: 12.5%;
  }
  .lg-p-13-r {
    padding-right: 13%;
  }
  .lg-p-13-half-r {
    padding-right: 13.5%;
  }
  .lg-p-14-r {
    padding-right: 14%;
  }
  .lg-p-14-half-r {
    padding-right: 14.5%;
  }
  .lg-p-15-r {
    padding-right: 15%;
  }
  .lg-p-15-half-r {
    padding-right: 15.5%;
  }
  .lg-p-16-r {
    padding-right: 16%;
  }
  .lg-p-16-half-r {
    padding-right: 16.5%;
  }
  .lg-p-17-r {
    padding-right: 17%;
  }
  .lg-p-17-half-r {
    padding-right: 17.5%;
  }
  .lg-p-18-r {
    padding-right: 18%;
  }
  .lg-p-18-half-r {
    padding-right: 18.5%;
  }
  .lg-p-19-r {
    padding-right: 19%;
  }
  .lg-p-19-half-r {
    padding-right: 19.5%;
  }
  .lg-p-20-r {
    padding-right: 20%;
  }
  .lg-p-20-half-r {
    padding-right: 20.5%;
  }
  .lg-p-21-r {
    padding-right: 21%;
  }
  .lg-p-21-half-r {
    padding-right: 21.5%;
  }
  .lg-p-22-r {
    padding-right: 22%;
  }
  .lg-p-22-half-r {
    padding-right: 22.5%;
  }
  .lg-p-23-r {
    padding-right: 23%;
  }
  .lg-p-23-half-r {
    padding-right: 23.5%;
  }
  .lg-p-24-r {
    padding-right: 24%;
  }
  .lg-p-24-half-r {
    padding-right: 24.5%;
  }
  .lg-p-25-r {
    padding-right: 25%;
  }
  .lg-p-25-half-r {
    padding-right: 25.5%;
  }

  .lg-p-1-t {
    padding-top: 1%;
  }
  .lg-p-1-half-t {
    padding-top: 1.5%;
  }
  .lg-p-2-t {
    padding-top: 2%;
  }
  .lg-p-2-half-t {
    padding-top: 2.5%;
  }
  .lg-p-3-t {
    padding-top: 3%;
  }
  .lg-p-3-half-t {
    padding-top: 3.5%;
  }
  .lg-p-4-t {
    padding-top: 4%;
  }
  .lg-p-4-half-t {
    padding-top: 4.5%;
  }
  .lg-p-5-t {
    padding-top: 5%;
  }
  .lg-p-5-half-t {
    padding-top: 5.5%;
  }
  .lg-p-6-t {
    padding-top: 6%;
  }
  .lg-p-6-half-t {
    padding-top: 6.5%;
  }
  .lg-p-7-t {
    padding-top: 7%;
  }
  .lg-p-7-half-t {
    padding-top: 7.5%;
  }
  .lg-p-8-t {
    padding-top: 8%;
  }
  .lg-p-8-half-t {
    padding-top: 8.5%;
  }
  .lg-p-9-t {
    padding-top: 9%;
  }
  .lg-p-9-half-t {
    padding-top: 9.5%;
  }
  .lg-p-10-t {
    padding-top: 10%;
  }
  .lg-p-10-half-t {
    padding-top: 10.5%;
  }
  .lg-p-11-t {
    padding-top: 11%;
  }
  .lg-p-11-half-t {
    padding-top: 11.5%;
  }
  .lg-p-12-t {
    padding-top: 12%;
  }
  .lg-p-12-half-t {
    padding-top: 12.5%;
  }
  .lg-p-13-t {
    padding-top: 13%;
  }
  .lg-p-13-half-t {
    padding-top: 13.5%;
  }
  .lg-p-14-t {
    padding-top: 14%;
  }
  .lg-p-14-half-t {
    padding-top: 14.5%;
  }
  .lg-p-15-t {
    padding-top: 15%;
  }
  .lg-p-15-half-t {
    padding-top: 15.5%;
  }
  .lg-p-16-t {
    padding-top: 16%;
  }
  .lg-p-16-half-t {
    padding-top: 16.5%;
  }
  .lg-p-17-t {
    padding-top: 17%;
  }
  .lg-p-17-half-t {
    padding-top: 17.5%;
  }
  .lg-p-18-t {
    padding-top: 18%;
  }
  .lg-p-18-half-t {
    padding-top: 18.5%;
  }
  .lg-p-19-t {
    padding-top: 19%;
  }
  .lg-p-19-half-t {
    padding-top: 19.5%;
  }
  .lg-p-20-t {
    padding-top: 20%;
  }
  .lg-p-20-half-t {
    padding-top: 20.5%;
  }
  .lg-p-21-t {
    padding-top: 21%;
  }
  .lg-p-21-half-t {
    padding-top: 21.5%;
  }
  .lg-p-22-t {
    padding-top: 22%;
  }
  .lg-p-22-half-t {
    padding-top: 22.5%;
  }
  .lg-p-23-t {
    padding-top: 23%;
  }
  .lg-p-23-half-t {
    padding-top: 23.5%;
  }
  .lg-p-24-t {
    padding-top: 24%;
  }
  .lg-p-24-half-t {
    padding-top: 24.5%;
  }
  .lg-p-25-t {
    padding-top: 25%;
  }
  .lg-p-25-half-t {
    padding-top: 25.5%;
  }

  .lg-p-1-b {
    padding-bottom: 1%;
  }
  .lg-p-1-half-b {
    padding-bottom: 1.5%;
  }
  .lg-p-2-b {
    padding-bottom: 2%;
  }
  .lg-p-2-half-b {
    padding-bottom: 2.5%;
  }
  .lg-p-3-b {
    padding-bottom: 3%;
  }
  .lg-p-3-half-b {
    padding-bottom: 3.5%;
  }
  .lg-p-4-b {
    padding-bottom: 4%;
  }
  .lg-p-4-half-b {
    padding-bottom: 4.5%;
  }
  .lg-p-5-b {
    padding-bottom: 5%;
  }
  .lg-p-5-half-b {
    padding-bottom: 5.5%;
  }
  .lg-p-6-b {
    padding-bottom: 6%;
  }
  .lg-p-6-half-b {
    padding-bottom: 6.5%;
  }
  .lg-p-7-b {
    padding-bottom: 7%;
  }
  .lg-p-7-half-b {
    padding-bottom: 7.5%;
  }
  .lg-p-8-b {
    padding-bottom: 8%;
  }
  .lg-p-8-half-b {
    padding-bottom: 8.5%;
  }
  .lg-p-9-b {
    padding-bottom: 9%;
  }
  .lg-p-9-half-b {
    padding-bottom: 9.5%;
  }
  .lg-p-10-b {
    padding-bottom: 10%;
  }
  .lg-p-10-half-b {
    padding-bottom: 10.5%;
  }
  .lg-p-11-b {
    padding-bottom: 11%;
  }
  .lg-p-11-half-b {
    padding-bottom: 11.5%;
  }
  .lg-p-12-b {
    padding-bottom: 12%;
  }
  .lg-p-12-half-b {
    padding-bottom: 12.5%;
  }
  .lg-p-13-b {
    padding-bottom: 13%;
  }
  .lg-p-13-half-b {
    padding-bottom: 13.5%;
  }
  .lg-p-14-b {
    padding-bottom: 14%;
  }
  .lg-p-14-half-b {
    padding-bottom: 14.5%;
  }
  .lg-p-15-b {
    padding-bottom: 15%;
  }
  .lg-p-15-half-b {
    padding-bottom: 15.5%;
  }
  .lg-p-16-b {
    padding-bottom: 16%;
  }
  .lg-p-16-half-b {
    padding-bottom: 16.5%;
  }
  .lg-p-17-b {
    padding-bottom: 17%;
  }
  .lg-p-17-half-b {
    padding-bottom: 17.5%;
  }
  .lg-p-18-b {
    padding-bottom: 18%;
  }
  .lg-p-18-half-b {
    padding-bottom: 18.5%;
  }
  .lg-p-19-b {
    padding-bottom: 19%;
  }
  .lg-p-19-half-b {
    padding-bottom: 19.5%;
  }
  .lg-p-20-b {
    padding-bottom: 20%;
  }
  .lg-p-20-half-b {
    padding-bottom: 20.5%;
  }
  .lg-p-21-b {
    padding-bottom: 21%;
  }
  .lg-p-21-half-b {
    padding-bottom: 21.5%;
  }
  .lg-p-22-b {
    padding-bottom: 22%;
  }
  .lg-p-22-half-b {
    padding-bottom: 22.5%;
  }
  .lg-p-23-b {
    padding-bottom: 23%;
  }
  .lg-p-23-half-b {
    padding-bottom: 23.5%;
  }
  .lg-p-24-b {
    padding-bottom: 24%;
  }
  .lg-p-24-half-b {
    padding-bottom: 24.5%;
  }
  .lg-p-25-b {
    padding-bottom: 25%;
  }
  .lg-p-25-half-b {
    padding-bottom: 25.5%;
  }
}

@media (max-width: 991px) {
  .md-p-0px {
    padding: 0;
  }
  .md-p-5px {
    padding: 5px;
  }
  .md-p-10px {
    padding: 10px;
  }
  .md-p-15px {
    padding: 15px;
  }
  .md-p-20px {
    padding: 20px;
  }
  .md-p-25px {
    padding: 25px;
  }
  .md-p-30px {
    padding: 30px;
  }
  .md-p-35px {
    padding: 35px;
  }
  .md-p-40px {
    padding: 40px;
  }
  .md-p-45px {
    padding: 45px;
  }
  .md-p-50px {
    padding: 50px;
  }
  .md-p-55px {
    padding: 55px;
  }
  .md-p-60px {
    padding: 60px;
  }
  .md-p-65px {
    padding: 65px;
  }
  .md-p-70px {
    padding: 70px;
  }
  .md-p-75px {
    padding: 75px;
  }
  .md-p-80px {
    padding: 80px;
  }
  .md-p-85px {
    padding: 85px;
  }
  .md-p-90px {
    padding: 90px;
  }
  .md-p-95px {
    padding: 95px;
  }
  .md-p-100px {
    padding: 100px;
  }

  /*Padding Left Right*/
  .md-p-0px-lr {
    padding-left: 0;
    padding-right: 0;
  }
  .md-p-5px-lr {
    padding-left: 5px;
    padding-right: 5px;
  }
  .md-p-10px-lr {
    padding-left: 10px;
    padding-right: 10px;
  }
  .md-p-15px-lr {
    padding-left: 15px;
    padding-right: 15px;
  }
  .md-p-20px-lr {
    padding-left: 20px;
    padding-right: 20px;
  }
  .md-p-25px-lr {
    padding-left: 25px;
    padding-right: 25px;
  }
  .md-p-30px-lr {
    padding-left: 30px;
    padding-right: 30px;
  }
  .md-p-35px-lr {
    padding-left: 35px;
    padding-right: 35px;
  }
  .md-p-40px-lr {
    padding-left: 40px;
    padding-right: 40px;
  }
  .md-p-45px-lr {
    padding-left: 45px;
    padding-right: 45px;
  }
  .md-p-50px-lr {
    padding-left: 50px;
    padding-right: 50px;
  }
  .md-p-55px-lr {
    padding-left: 55px;
    padding-right: 55px;
  }
  .md-p-60px-lr {
    padding-left: 60px;
    padding-right: 60px;
  }
  .md-p-65px-lr {
    padding-left: 65px;
    padding-right: 65px;
  }
  .md-p-70px-lr {
    padding-left: 70px;
    padding-right: 70px;
  }
  .md-p-75px-lr {
    padding-left: 75px;
    padding-right: 75px;
  }
  .md-p-80px-lr {
    padding-left: 80px;
    padding-right: 80px;
  }
  .md-p-85px-lr {
    padding-left: 85px;
    padding-right: 85px;
  }
  .md-p-90px-lr {
    padding-left: 90px;
    padding-right: 90px;
  }
  .md-p-95px-lr {
    padding-left: 95px;
    padding-right: 95px;
  }
  .md-p-100px-lr {
    padding-left: 100px;
    padding-right: 100px;
  }

  /*Padding Top Bottm*/
  .md-p-0px-tb {
    padding-top: 0;
    padding-bottom: 0;
  }
  .md-p-5px-tb {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .md-p-10px-tb {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .md-p-15px-tb {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .md-p-20px-tb {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .md-p-25px-tb {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .md-p-30px-tb {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .md-p-35px-tb {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .md-p-40px-tb {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .md-p-45px-tb {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .md-p-50px-tb {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .md-p-55px-tb {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .md-p-60px-tb {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .md-p-65px-tb {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .md-p-70px-tb {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .md-p-75px-tb {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .md-p-80px-tb {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .md-p-85px-tb {
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .md-p-90px-tb {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .md-p-95px-tb {
    padding-top: 95px;
    padding-bottom: 95px;
  }
  .md-p-100px-tb {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  /*Padding top*/
  .md-p-0px-t {
    padding-top: 0px;
  }
  .md-p-5px-t {
    padding-top: 5px;
  }
  .md-p-10px-t {
    padding-top: 10px;
  }
  .md-p-15px-t {
    padding-top: 15px;
  }
  .md-p-20px-t {
    padding-top: 20px;
  }
  .md-p-25px-t {
    padding-top: 25px;
  }
  .md-p-30px-t {
    padding-top: 30px;
  }
  .md-p-35px-t {
    padding-top: 35px;
  }
  .md-p-40px-t {
    padding-top: 40px;
  }
  .md-p-45px-t {
    padding-top: 45px;
  }
  .md-p-50px-t {
    padding-top: 50px;
  }
  .md-p-55px-t {
    padding-top: 55px;
  }
  .md-p-60px-t {
    padding-top: 60px;
  }
  .md-p-65px-t {
    padding-top: 65px;
  }
  .md-p-70px-t {
    padding-top: 70px;
  }
  .md-p-75px-t {
    padding-top: 75px;
  }
  .md-p-80px-t {
    padding-top: 80px;
  }
  .md-p-85px-t {
    padding-top: 85px;
  }
  .md-p-90px-t {
    padding-top: 90px;
  }
  .md-p-95px-t {
    padding-top: 95px;
  }
  .md-p-100px-t {
    padding-top: 100px;
  }

  /*Padding Bottom*/
  .md-p-0px-b {
    padding-bottom: 0px;
  }
  .md-p-5px-b {
    padding-bottom: 5px;
  }
  .md-p-10px-b {
    padding-bottom: 10px;
  }
  .md-p-15px-b {
    padding-bottom: 15px;
  }
  .md-p-20px-b {
    padding-bottom: 20px;
  }
  .md-p-25px-b {
    padding-bottom: 25px;
  }
  .md-p-30px-b {
    padding-bottom: 30px;
  }
  .md-p-35px-b {
    padding-bottom: 35px;
  }
  .md-p-40px-b {
    padding-bottom: 40px;
  }
  .md-p-45px-b {
    padding-bottom: 45px;
  }
  .md-p-50px-b {
    padding-bottom: 50px;
  }
  .md-p-55px-b {
    padding-bottom: 55px;
  }
  .md-p-60px-b {
    padding-bottom: 60px;
  }
  .md-p-65px-b {
    padding-bottom: 65px;
  }
  .md-p-70px-b {
    padding-bottom: 70px;
  }
  .md-p-75px-b {
    padding-bottom: 75px;
  }
  .md-p-80px-b {
    padding-bottom: 80px;
  }
  .md-p-85px-b {
    padding-bottom: 85px;
  }
  .md-p-90px-b {
    padding-bottom: 90px;
  }
  .md-p-95px-b {
    padding-bottom: 95px;
  }
  .md-p-100px-b {
    padding-bottom: 100px;
  }

  /*Padding Left*/
  .md-p-0px-l {
    padding-left: 0px;
  }
  .md-p-5px-l {
    padding-left: 5px;
  }
  .md-p-10px-l {
    padding-left: 10px;
  }
  .md-p-15px-l {
    padding-left: 15px;
  }
  .md-p-20px-l {
    padding-left: 20px;
  }
  .md-p-25px-l {
    padding-left: 25px;
  }
  .md-p-30px-l {
    padding-left: 30px;
  }
  .md-p-35px-l {
    padding-left: 35px;
  }
  .md-p-40px-l {
    padding-left: 40px;
  }
  .md-p-45px-l {
    padding-left: 45px;
  }
  .md-p-50px-l {
    padding-left: 50px;
  }
  .md-p-55px-l {
    padding-left: 55px;
  }
  .md-p-60px-l {
    padding-left: 60px;
  }
  .md-p-65px-l {
    padding-left: 65px;
  }
  .md-p-70px-l {
    padding-left: 70px;
  }
  .md-p-75px-l {
    padding-left: 75px;
  }
  .md-p-80px-l {
    padding-left: 80px;
  }
  .md-p-85px-l {
    padding-left: 85px;
  }
  .md-p-90px-l {
    padding-left: 90px;
  }
  .md-p-95px-l {
    padding-left: 95px;
  }
  .md-p-100px-l {
    padding-left: 100px;
  }

  /*Padding right*/
  .md-p-0px-r {
    padding-right: 0px;
  }
  .md-p-5px-r {
    padding-right: 5px;
  }
  .md-p-10px-r {
    padding-right: 10px;
  }
  .md-p-15px-r {
    padding-right: 15px;
  }
  .md-p-20px-r {
    padding-right: 20px;
  }
  .md-p-25px-r {
    padding-right: 25px;
  }
  .md-p-30px-r {
    padding-right: 30px;
  }
  .md-p-35px-r {
    padding-right: 35px;
  }
  .md-p-40px-r {
    padding-right: 40px;
  }
  .md-p-45px-r {
    padding-right: 45px;
  }
  .md-p-50px-r {
    padding-right: 50px;
  }
  .md-p-55px-r {
    padding-right: 55px;
  }
  .md-p-60px-r {
    padding-right: 60px;
  }
  .md-p-65px-r {
    padding-right: 65px;
  }
  .md-p-70px-r {
    padding-right: 70px;
  }
  .md-p-75px-r {
    padding-right: 75px;
  }
  .md-p-80px-r {
    padding-right: 80px;
  }
  .md-p-85px-r {
    padding-right: 85px;
  }
  .md-p-90px-r {
    padding-right: 90px;
  }
  .md-p-95px-r {
    padding-right: 95px;
  }
  .md-p-100px-r {
    padding-right: 100px;
  }

  /*Padding All %*/
  .md-p-1 {
    padding: 1%;
  }
  .md-p-1-half {
    padding: 1.5%;
  }
  .md-p-2 {
    padding: 2%;
  }
  .md-p-2-half {
    padding: 2.5%;
  }
  .md-p-3 {
    padding: 3%;
  }
  .md-p-3-half {
    padding: 3.5%;
  }
  .md-p-4 {
    padding: 4%;
  }
  .md-p-4-half {
    padding: 4.5%;
  }
  .md-p-5 {
    padding: 5%;
  }
  .md-p-5-half {
    padding: 5.5%;
  }
  .md-p-6 {
    padding: 6%;
  }
  .md-p-6-half {
    padding: 6.5%;
  }
  .md-p-7 {
    padding: 7%;
  }
  .md-p-7-half {
    padding: 7.5%;
  }
  .md-p-8 {
    padding: 8%;
  }
  .md-p-8-half {
    padding: 8.5%;
  }
  .md-p-9 {
    padding: 9%;
  }
  .md-p-9-half {
    padding: 9.5%;
  }
  .md-p-10 {
    padding: 10%;
  }
  .md-p-10-half {
    padding: 10.5%;
  }
  .md-p-11 {
    padding: 11%;
  }
  .md-p-11-half {
    padding: 11.5%;
  }
  .md-p-12 {
    padding: 12%;
  }
  .md-p-12-half {
    padding: 12.5%;
  }
  .md-p-13 {
    padding: 13%;
  }
  .md-p-13-half {
    padding: 13.5%;
  }
  .md-p-14 {
    padding: 14%;
  }
  .md-p-14-half {
    padding: 14.5%;
  }
  .md-p-15 {
    padding: 15%;
  }
  .md-p-15-half {
    padding: 15.5%;
  }
  .md-p-16 {
    padding: 16%;
  }
  .md-p-16-half {
    padding: 16.5%;
  }
  .md-p-17 {
    padding: 17%;
  }
  .md-p-17-half {
    padding: 17.5%;
  }
  .md-p-18 {
    padding: 18%;
  }
  .md-p-18-half {
    padding: 18.5%;
  }
  .md-p-19 {
    padding: 19%;
  }
  .md-p-19-half {
    padding: 19.5%;
  }
  .md-p-20 {
    padding: 20%;
  }
  .md-p-20-half {
    padding: 20.5%;
  }
  .md-p-21 {
    padding: 21%;
  }
  .md-p-21-half {
    padding: 21.5%;
  }
  .md-p-22 {
    padding: 22%;
  }
  .md-p-22-half {
    padding: 22.5%;
  }
  .md-p-23 {
    padding: 23%;
  }
  .md-p-23-half {
    padding: 23.5%;
  }
  .md-p-24 {
    padding: 24%;
  }
  .md-p-24-half {
    padding: 24.5%;
  }
  .md-p-25 {
    padding: 25%;
  }
  .md-p-25-half {
    padding: 25.5%;
  }

  .md-p-1-l {
    padding-left: 1%;
  }
  .md-p-1-half-l {
    padding-left: 1.5%;
  }
  .md-p-2-l {
    padding-left: 2%;
  }
  .md-p-2-half-l {
    padding-left: 2.5%;
  }
  .md-p-3-l {
    padding-left: 3%;
  }
  .md-p-3-half-l {
    padding-left: 3.5%;
  }
  .md-p-4-l {
    padding-left: 4%;
  }
  .md-p-4-half-l {
    padding-left: 4.5%;
  }
  .md-p-5-l {
    padding-left: 5%;
  }
  .md-p-5-half-l {
    padding-left: 5.5%;
  }
  .md-p-6-l {
    padding-left: 6%;
  }
  .md-p-6-half-l {
    padding-left: 6.5%;
  }
  .md-p-7-l {
    padding-left: 7%;
  }
  .md-p-7-half-l {
    padding-left: 7.5%;
  }
  .md-p-8-l {
    padding-left: 8%;
  }
  .md-p-8-half-l {
    padding-left: 8.5%;
  }
  .md-p-9-l {
    padding-left: 9%;
  }
  .md-p-9-half-l {
    padding-left: 9.5%;
  }
  .md-p-10-l {
    padding-left: 10%;
  }
  .md-p-10-half-l {
    padding-left: 10.5%;
  }
  .md-p-11-l {
    padding-left: 11%;
  }
  .md-p-11-half-l {
    padding-left: 11.5%;
  }
  .md-p-12-l {
    padding-left: 12%;
  }
  .md-p-12-half-l {
    padding-left: 12.5%;
  }
  .md-p-13-l {
    padding-left: 13%;
  }
  .md-p-13-half-l {
    padding-left: 13.5%;
  }
  .md-p-14-l {
    padding-left: 14%;
  }
  .md-p-14-half-l {
    padding-left: 14.5%;
  }
  .md-p-15-l {
    padding-left: 15%;
  }
  .md-p-15-half-l {
    padding-left: 15.5%;
  }
  .md-p-16-l {
    padding-left: 16%;
  }
  .md-p-16-half-l {
    padding-left: 16.5%;
  }
  .md-p-17-l {
    padding-left: 17%;
  }
  .md-p-17-half-l {
    padding-left: 17.5%;
  }
  .md-p-18-l {
    padding-left: 18%;
  }
  .md-p-18-half-l {
    padding-left: 18.5%;
  }
  .md-p-19-l {
    padding-left: 19%;
  }
  .md-p-19-half-l {
    padding-left: 19.5%;
  }
  .md-p-20-l {
    padding-left: 20%;
  }
  .md-p-20-half-l {
    padding-left: 20.5%;
  }
  .md-p-21-l {
    padding-left: 21%;
  }
  .md-p-21-half-l {
    padding-left: 21.5%;
  }
  .md-p-22-l {
    padding-left: 22%;
  }
  .md-p-22-half-l {
    padding-left: 22.5%;
  }
  .md-p-23-l {
    padding-left: 23%;
  }
  .md-p-23-half-l {
    padding-left: 23.5%;
  }
  .md-p-24-l {
    padding-left: 24%;
  }
  .md-p-24-half-l {
    padding-left: 24.5%;
  }
  .md-p-25-l {
    padding-left: 25%;
  }
  .md-p-25-half-l {
    padding-left: 25.5%;
  }

  .md-p-1-r {
    padding-right: 1%;
  }
  .md-p-1-half-r {
    padding-right: 1.5%;
  }
  .md-p-2-r {
    padding-right: 2%;
  }
  .md-p-2-half-r {
    padding-right: 2.5%;
  }
  .md-p-3-r {
    padding-right: 3%;
  }
  .md-p-3-half-r {
    padding-right: 3.5%;
  }
  .md-p-4-r {
    padding-right: 4%;
  }
  .md-p-4-half-r {
    padding-right: 4.5%;
  }
  .md-p-5-r {
    padding-right: 5%;
  }
  .md-p-5-half-r {
    padding-right: 5.5%;
  }
  .md-p-6-r {
    padding-right: 6%;
  }
  .md-p-6-half-r {
    padding-right: 6.5%;
  }
  .md-p-7-r {
    padding-right: 7%;
  }
  .md-p-7-half-r {
    padding-right: 7.5%;
  }
  .md-p-8-r {
    padding-right: 8%;
  }
  .md-p-8-half-r {
    padding-right: 8.5%;
  }
  .md-p-9-r {
    padding-right: 9%;
  }
  .md-p-9-half-r {
    padding-right: 9.5%;
  }
  .md-p-10-r {
    padding-right: 10%;
  }
  .md-p-10-half-r {
    padding-right: 10.5%;
  }
  .md-p-11-r {
    padding-right: 11%;
  }
  .md-p-11-half-r {
    padding-right: 11.5%;
  }
  .md-p-12-r {
    padding-right: 12%;
  }
  .md-p-12-half-r {
    padding-right: 12.5%;
  }
  .md-p-13-r {
    padding-right: 13%;
  }
  .md-p-13-half-r {
    padding-right: 13.5%;
  }
  .md-p-14-r {
    padding-right: 14%;
  }
  .md-p-14-half-r {
    padding-right: 14.5%;
  }
  .md-p-15-r {
    padding-right: 15%;
  }
  .md-p-15-half-r {
    padding-right: 15.5%;
  }
  .md-p-16-r {
    padding-right: 16%;
  }
  .md-p-16-half-r {
    padding-right: 16.5%;
  }
  .md-p-17-r {
    padding-right: 17%;
  }
  .md-p-17-half-r {
    padding-right: 17.5%;
  }
  .md-p-18-r {
    padding-right: 18%;
  }
  .md-p-18-half-r {
    padding-right: 18.5%;
  }
  .md-p-19-r {
    padding-right: 19%;
  }
  .md-p-19-half-r {
    padding-right: 19.5%;
  }
  .md-p-20-r {
    padding-right: 20%;
  }
  .md-p-20-half-r {
    padding-right: 20.5%;
  }
  .md-p-21-r {
    padding-right: 21%;
  }
  .md-p-21-half-r {
    padding-right: 21.5%;
  }
  .md-p-22-r {
    padding-right: 22%;
  }
  .md-p-22-half-r {
    padding-right: 22.5%;
  }
  .md-p-23-r {
    padding-right: 23%;
  }
  .md-p-23-half-r {
    padding-right: 23.5%;
  }
  .md-p-24-r {
    padding-right: 24%;
  }
  .md-p-24-half-r {
    padding-right: 24.5%;
  }
  .md-p-25-r {
    padding-right: 25%;
  }
  .md-p-25-half-r {
    padding-right: 25.5%;
  }

  .md-p-1-t {
    padding-top: 1%;
  }
  .md-p-1-half-t {
    padding-top: 1.5%;
  }
  .md-p-2-t {
    padding-top: 2%;
  }
  .md-p-2-half-t {
    padding-top: 2.5%;
  }
  .md-p-3-t {
    padding-top: 3%;
  }
  .md-p-3-half-t {
    padding-top: 3.5%;
  }
  .md-p-4-t {
    padding-top: 4%;
  }
  .md-p-4-half-t {
    padding-top: 4.5%;
  }
  .md-p-5-t {
    padding-top: 5%;
  }
  .md-p-5-half-t {
    padding-top: 5.5%;
  }
  .md-p-6-t {
    padding-top: 6%;
  }
  .md-p-6-half-t {
    padding-top: 6.5%;
  }
  .md-p-7-t {
    padding-top: 7%;
  }
  .md-p-7-half-t {
    padding-top: 7.5%;
  }
  .md-p-8-t {
    padding-top: 8%;
  }
  .md-p-8-half-t {
    padding-top: 8.5%;
  }
  .md-p-9-t {
    padding-top: 9%;
  }
  .md-p-9-half-t {
    padding-top: 9.5%;
  }
  .md-p-10-t {
    padding-top: 10%;
  }
  .md-p-10-half-t {
    padding-top: 10.5%;
  }
  .md-p-11-t {
    padding-top: 11%;
  }
  .md-p-11-half-t {
    padding-top: 11.5%;
  }
  .md-p-12-t {
    padding-top: 12%;
  }
  .md-p-12-half-t {
    padding-top: 12.5%;
  }
  .md-p-13-t {
    padding-top: 13%;
  }
  .md-p-13-half-t {
    padding-top: 13.5%;
  }
  .md-p-14-t {
    padding-top: 14%;
  }
  .md-p-14-half-t {
    padding-top: 14.5%;
  }
  .md-p-15-t {
    padding-top: 15%;
  }
  .md-p-15-half-t {
    padding-top: 15.5%;
  }
  .md-p-16-t {
    padding-top: 16%;
  }
  .md-p-16-half-t {
    padding-top: 16.5%;
  }
  .md-p-17-t {
    padding-top: 17%;
  }
  .md-p-17-half-t {
    padding-top: 17.5%;
  }
  .md-p-18-t {
    padding-top: 18%;
  }
  .md-p-18-half-t {
    padding-top: 18.5%;
  }
  .md-p-19-t {
    padding-top: 19%;
  }
  .md-p-19-half-t {
    padding-top: 19.5%;
  }
  .md-p-20-t {
    padding-top: 20%;
  }
  .md-p-20-half-t {
    padding-top: 20.5%;
  }
  .md-p-21-t {
    padding-top: 21%;
  }
  .md-p-21-half-t {
    padding-top: 21.5%;
  }
  .md-p-22-t {
    padding-top: 22%;
  }
  .md-p-22-half-t {
    padding-top: 22.5%;
  }
  .md-p-23-t {
    padding-top: 23%;
  }
  .md-p-23-half-t {
    padding-top: 23.5%;
  }
  .md-p-24-t {
    padding-top: 24%;
  }
  .md-p-24-half-t {
    padding-top: 24.5%;
  }
  .md-p-25-t {
    padding-top: 25%;
  }
  .md-p-25-half-t {
    padding-top: 25.5%;
  }

  .md-p-1-b {
    padding-bottom: 1%;
  }
  .md-p-1-half-b {
    padding-bottom: 1.5%;
  }
  .md-p-2-b {
    padding-bottom: 2%;
  }
  .md-p-2-half-b {
    padding-bottom: 2.5%;
  }
  .md-p-3-b {
    padding-bottom: 3%;
  }
  .md-p-3-half-b {
    padding-bottom: 3.5%;
  }
  .md-p-4-b {
    padding-bottom: 4%;
  }
  .md-p-4-half-b {
    padding-bottom: 4.5%;
  }
  .md-p-5-b {
    padding-bottom: 5%;
  }
  .md-p-5-half-b {
    padding-bottom: 5.5%;
  }
  .md-p-6-b {
    padding-bottom: 6%;
  }
  .md-p-6-half-b {
    padding-bottom: 6.5%;
  }
  .md-p-7-b {
    padding-bottom: 7%;
  }
  .md-p-7-half-b {
    padding-bottom: 7.5%;
  }
  .md-p-8-b {
    padding-bottom: 8%;
  }
  .md-p-8-half-b {
    padding-bottom: 8.5%;
  }
  .md-p-9-b {
    padding-bottom: 9%;
  }
  .md-p-9-half-b {
    padding-bottom: 9.5%;
  }
  .md-p-10-b {
    padding-bottom: 10%;
  }
  .md-p-10-half-b {
    padding-bottom: 10.5%;
  }
  .md-p-11-b {
    padding-bottom: 11%;
  }
  .md-p-11-half-b {
    padding-bottom: 11.5%;
  }
  .md-p-12-b {
    padding-bottom: 12%;
  }
  .md-p-12-half-b {
    padding-bottom: 12.5%;
  }
  .md-p-13-b {
    padding-bottom: 13%;
  }
  .md-p-13-half-b {
    padding-bottom: 13.5%;
  }
  .md-p-14-b {
    padding-bottom: 14%;
  }
  .md-p-14-half-b {
    padding-bottom: 14.5%;
  }
  .md-p-15-b {
    padding-bottom: 15%;
  }
  .md-p-15-half-b {
    padding-bottom: 15.5%;
  }
  .md-p-16-b {
    padding-bottom: 16%;
  }
  .md-p-16-half-b {
    padding-bottom: 16.5%;
  }
  .md-p-17-b {
    padding-bottom: 17%;
  }
  .md-p-17-half-b {
    padding-bottom: 17.5%;
  }
  .md-p-18-b {
    padding-bottom: 18%;
  }
  .md-p-18-half-b {
    padding-bottom: 18.5%;
  }
  .md-p-19-b {
    padding-bottom: 19%;
  }
  .md-p-19-half-b {
    padding-bottom: 19.5%;
  }
  .md-p-20-b {
    padding-bottom: 20%;
  }
  .md-p-20-half-b {
    padding-bottom: 20.5%;
  }
  .md-p-21-b {
    padding-bottom: 21%;
  }
  .md-p-21-half-b {
    padding-bottom: 21.5%;
  }
  .md-p-22-b {
    padding-bottom: 22%;
  }
  .md-p-22-half-b {
    padding-bottom: 22.5%;
  }
  .md-p-23-b {
    padding-bottom: 23%;
  }
  .md-p-23-half-b {
    padding-bottom: 23.5%;
  }
  .md-p-24-b {
    padding-bottom: 24%;
  }
  .md-p-24-half-b {
    padding-bottom: 24.5%;
  }
  .md-p-25-b {
    padding-bottom: 25%;
  }
  .md-p-25-half-b {
    padding-bottom: 25.5%;
  }
}

@media (max-width: 767px) {
  .sm-p-0px {
    padding: 0;
  }
  .sm-p-5px {
    padding: 5px;
  }
  .sm-p-10px {
    padding: 10px;
  }
  .sm-p-15px {
    padding: 15px;
  }
  .sm-p-20px {
    padding: 20px;
  }
  .sm-p-25px {
    padding: 25px;
  }
  .sm-p-30px {
    padding: 30px;
  }
  .sm-p-35px {
    padding: 35px;
  }
  .sm-p-40px {
    padding: 40px;
  }
  .sm-p-45px {
    padding: 45px;
  }
  .sm-p-50px {
    padding: 50px;
  }
  .sm-p-55px {
    padding: 55px;
  }
  .sm-p-60px {
    padding: 60px;
  }
  .sm-p-65px {
    padding: 65px;
  }
  .sm-p-70px {
    padding: 70px;
  }
  .sm-p-75px {
    padding: 75px;
  }
  .sm-p-80px {
    padding: 80px;
  }
  .sm-p-85px {
    padding: 85px;
  }
  .sm-p-90px {
    padding: 90px;
  }
  .sm-p-95px {
    padding: 95px;
  }
  .sm-p-100px {
    padding: 100px;
  }

  /*Padding Left Right*/
  .sm-p-0px-lr {
    padding-left: 0;
    padding-right: 0;
  }
  .sm-p-5px-lr {
    padding-left: 5px;
    padding-right: 5px;
  }
  .sm-p-10px-lr {
    padding-left: 10px;
    padding-right: 10px;
  }
  .sm-p-15px-lr {
    padding-left: 15px;
    padding-right: 15px;
  }
  .sm-p-20px-lr {
    padding-left: 20px;
    padding-right: 20px;
  }
  .sm-p-25px-lr {
    padding-left: 25px;
    padding-right: 25px;
  }
  .sm-p-30px-lr {
    padding-left: 30px;
    padding-right: 30px;
  }
  .sm-p-35px-lr {
    padding-left: 35px;
    padding-right: 35px;
  }
  .sm-p-40px-lr {
    padding-left: 40px;
    padding-right: 40px;
  }
  .sm-p-45px-lr {
    padding-left: 45px;
    padding-right: 45px;
  }
  .sm-p-50px-lr {
    padding-left: 50px;
    padding-right: 50px;
  }
  .sm-p-55px-lr {
    padding-left: 55px;
    padding-right: 55px;
  }
  .sm-p-60px-lr {
    padding-left: 60px;
    padding-right: 60px;
  }
  .sm-p-65px-lr {
    padding-left: 65px;
    padding-right: 65px;
  }
  .sm-p-70px-lr {
    padding-left: 70px;
    padding-right: 70px;
  }
  .sm-p-75px-lr {
    padding-left: 75px;
    padding-right: 75px;
  }
  .sm-p-80px-lr {
    padding-left: 80px;
    padding-right: 80px;
  }
  .sm-p-85px-lr {
    padding-left: 85px;
    padding-right: 85px;
  }
  .sm-p-90px-lr {
    padding-left: 90px;
    padding-right: 90px;
  }
  .sm-p-95px-lr {
    padding-left: 95px;
    padding-right: 95px;
  }
  .sm-p-100px-lr {
    padding-left: 100px;
    padding-right: 100px;
  }

  /*Padding Top Bottm*/
  .sm-p-0px-tb {
    padding-top: 0;
    padding-bottom: 0;
  }
  .sm-p-5px-tb {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .sm-p-10px-tb {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .sm-p-15px-tb {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .sm-p-20px-tb {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .sm-p-25px-tb {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .sm-p-30px-tb {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .sm-p-35px-tb {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .sm-p-40px-tb {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .sm-p-45px-tb {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .sm-p-50px-tb {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .sm-p-55px-tb {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .sm-p-60px-tb {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .sm-p-65px-tb {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .sm-p-70px-tb {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .sm-p-75px-tb {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .sm-p-80px-tb {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .sm-p-85px-tb {
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .sm-p-90px-tb {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .sm-p-95px-tb {
    padding-top: 95px;
    padding-bottom: 95px;
  }
  .sm-p-100px-tb {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  /*Padding top*/
  .sm-p-0px-t {
    padding-top: 0px;
  }
  .sm-p-5px-t {
    padding-top: 5px;
  }
  .sm-p-10px-t {
    padding-top: 10px;
  }
  .sm-p-15px-t {
    padding-top: 15px;
  }
  .sm-p-20px-t {
    padding-top: 20px;
  }
  .sm-p-25px-t {
    padding-top: 25px;
  }
  .sm-p-30px-t {
    padding-top: 30px;
  }
  .sm-p-35px-t {
    padding-top: 35px;
  }
  .sm-p-40px-t {
    padding-top: 40px;
  }
  .sm-p-45px-t {
    padding-top: 45px;
  }
  .sm-p-50px-t {
    padding-top: 50px;
  }
  .sm-p-55px-t {
    padding-top: 55px;
  }
  .sm-p-60px-t {
    padding-top: 60px;
  }
  .sm-p-65px-t {
    padding-top: 65px;
  }
  .sm-p-70px-t {
    padding-top: 70px;
  }
  .sm-p-75px-t {
    padding-top: 75px;
  }
  .sm-p-80px-t {
    padding-top: 80px;
  }
  .sm-p-85px-t {
    padding-top: 85px;
  }
  .sm-p-90px-t {
    padding-top: 90px;
  }
  .sm-p-95px-t {
    padding-top: 95px;
  }
  .sm-p-100px-t {
    padding-top: 100px;
  }
  .sm-p-170px-t {
    padding-top: 170px;
  }
  .sm-p-180px-t {
    padding-top: 180px;
  }

  /*Padding Bottom*/
  .sm-p-0px-b {
    padding-bottom: 0px;
  }
  .sm-p-5px-b {
    padding-bottom: 5px;
  }
  .sm-p-10px-b {
    padding-bottom: 10px;
  }
  .sm-p-15px-b {
    padding-bottom: 15px;
  }
  .sm-p-20px-b {
    padding-bottom: 20px;
  }
  .sm-p-25px-b {
    padding-bottom: 25px;
  }
  .sm-p-30px-b {
    padding-bottom: 30px;
  }
  .sm-p-35px-b {
    padding-bottom: 35px;
  }
  .sm-p-40px-b {
    padding-bottom: 40px;
  }
  .sm-p-45px-b {
    padding-bottom: 45px;
  }
  .sm-p-50px-b {
    padding-bottom: 50px;
  }
  .sm-p-55px-b {
    padding-bottom: 55px;
  }
  .sm-p-60px-b {
    padding-bottom: 60px;
  }
  .sm-p-65px-b {
    padding-bottom: 65px;
  }
  .sm-p-70px-b {
    padding-bottom: 70px;
  }
  .sm-p-75px-b {
    padding-bottom: 75px;
  }
  .sm-p-80px-b {
    padding-bottom: 80px;
  }
  .sm-p-85px-b {
    padding-bottom: 85px;
  }
  .sm-p-90px-b {
    padding-bottom: 90px;
  }
  .sm-p-95px-b {
    padding-bottom: 95px;
  }
  .sm-p-100px-b {
    padding-bottom: 100px;
  }

  /*Padding Left*/
  .sm-p-0px-l {
    padding-left: 0px;
  }
  .sm-p-5px-l {
    padding-left: 5px;
  }
  .sm-p-10px-l {
    padding-left: 10px;
  }
  .sm-p-15px-l {
    padding-left: 15px;
  }
  .sm-p-20px-l {
    padding-left: 20px;
  }
  .sm-p-25px-l {
    padding-left: 25px;
  }
  .sm-p-30px-l {
    padding-left: 30px;
  }
  .sm-p-35px-l {
    padding-left: 35px;
  }
  .sm-p-40px-l {
    padding-left: 40px;
  }
  .sm-p-45px-l {
    padding-left: 45px;
  }
  .sm-p-50px-l {
    padding-left: 50px;
  }
  .sm-p-55px-l {
    padding-left: 55px;
  }
  .sm-p-60px-l {
    padding-left: 60px;
  }
  .sm-p-65px-l {
    padding-left: 65px;
  }
  .sm-p-70px-l {
    padding-left: 70px;
  }
  .sm-p-75px-l {
    padding-left: 75px;
  }
  .sm-p-80px-l {
    padding-left: 80px;
  }
  .sm-p-85px-l {
    padding-left: 85px;
  }
  .sm-p-90px-l {
    padding-left: 90px;
  }
  .sm-p-95px-l {
    padding-left: 95px;
  }
  .sm-p-100px-l {
    padding-left: 100px;
  }
  .sm-p-125px-l {
    padding-left: 125px;
  }

  /*Padding right*/
  .sm-p-0px-r {
    padding-right: 0px;
  }
  .sm-p-5px-r {
    padding-right: 5px;
  }
  .sm-p-10px-r {
    padding-right: 10px;
  }
  .sm-p-15px-r {
    padding-right: 15px;
  }
  .sm-p-20px-r {
    padding-right: 20px;
  }
  .sm-p-25px-r {
    padding-right: 25px;
  }
  .sm-p-30px-r {
    padding-right: 30px;
  }
  .sm-p-35px-r {
    padding-right: 35px;
  }
  .sm-p-40px-r {
    padding-right: 40px;
  }
  .sm-p-45px-r {
    padding-right: 45px;
  }
  .sm-p-50px-r {
    padding-right: 50px;
  }
  .sm-p-55px-r {
    padding-right: 55px;
  }
  .sm-p-60px-r {
    padding-right: 60px;
  }
  .sm-p-65px-r {
    padding-right: 65px;
  }
  .sm-p-70px-r {
    padding-right: 70px;
  }
  .sm-p-75px-r {
    padding-right: 75px;
  }
  .sm-p-80px-r {
    padding-right: 80px;
  }
  .sm-p-85px-r {
    padding-right: 85px;
  }
  .sm-p-90px-r {
    padding-right: 90px;
  }
  .sm-p-95px-r {
    padding-right: 95px;
  }
  .sm-p-100px-r {
    padding-right: 100px;
  }

  /*Padding All %*/
  .sm-p-1 {
    padding: 1%;
  }
  .sm-p-1-half {
    padding: 1.5%;
  }
  .sm-p-2 {
    padding: 2%;
  }
  .sm-p-2-half {
    padding: 2.5%;
  }
  .sm-p-3 {
    padding: 3%;
  }
  .sm-p-3-half {
    padding: 3.5%;
  }
  .sm-p-4 {
    padding: 4%;
  }
  .sm-p-4-half {
    padding: 4.5%;
  }
  .sm-p-5 {
    padding: 5%;
  }
  .sm-p-5-half {
    padding: 5.5%;
  }
  .sm-p-6 {
    padding: 6%;
  }
  .sm-p-6-half {
    padding: 6.5%;
  }
  .sm-p-7 {
    padding: 7%;
  }
  .sm-p-7-half {
    padding: 7.5%;
  }
  .sm-p-8 {
    padding: 8%;
  }
  .sm-p-8-half {
    padding: 8.5%;
  }
  .sm-p-9 {
    padding: 9%;
  }
  .sm-p-9-half {
    padding: 9.5%;
  }
  .sm-p-10 {
    padding: 10%;
  }
  .sm-p-10-half {
    padding: 10.5%;
  }
  .sm-p-11 {
    padding: 11%;
  }
  .sm-p-11-half {
    padding: 11.5%;
  }
  .sm-p-12 {
    padding: 12%;
  }
  .sm-p-12-half {
    padding: 12.5%;
  }
  .sm-p-13 {
    padding: 13%;
  }
  .sm-p-13-half {
    padding: 13.5%;
  }
  .sm-p-14 {
    padding: 14%;
  }
  .sm-p-14-half {
    padding: 14.5%;
  }
  .sm-p-15 {
    padding: 15%;
  }
  .sm-p-15-half {
    padding: 15.5%;
  }
  .sm-p-16 {
    padding: 16%;
  }
  .sm-p-16-half {
    padding: 16.5%;
  }
  .sm-p-17 {
    padding: 17%;
  }
  .sm-p-17-half {
    padding: 17.5%;
  }
  .sm-p-18 {
    padding: 18%;
  }
  .sm-p-18-half {
    padding: 18.5%;
  }
  .sm-p-19 {
    padding: 19%;
  }
  .sm-p-19-half {
    padding: 19.5%;
  }
  .sm-p-20 {
    padding: 20%;
  }
  .sm-p-20-half {
    padding: 20.5%;
  }
  .sm-p-21 {
    padding: 21%;
  }
  .sm-p-21-half {
    padding: 21.5%;
  }
  .sm-p-22 {
    padding: 22%;
  }
  .sm-p-22-half {
    padding: 22.5%;
  }
  .sm-p-23 {
    padding: 23%;
  }
  .sm-p-23-half {
    padding: 23.5%;
  }
  .sm-p-24 {
    padding: 24%;
  }
  .sm-p-24-half {
    padding: 24.5%;
  }
  .sm-p-25 {
    padding: 25%;
  }
  .sm-p-25-half {
    padding: 25.5%;
  }

  .sm-p-1-l {
    padding-left: 1%;
  }
  .sm-p-1-half-l {
    padding-left: 1.5%;
  }
  .sm-p-2-l {
    padding-left: 2%;
  }
  .sm-p-2-half-l {
    padding-left: 2.5%;
  }
  .sm-p-3-l {
    padding-left: 3%;
  }
  .sm-p-3-half-l {
    padding-left: 3.5%;
  }
  .sm-p-4-l {
    padding-left: 4%;
  }
  .sm-p-4-half-l {
    padding-left: 4.5%;
  }
  .sm-p-5-l {
    padding-left: 5%;
  }
  .sm-p-5-half-l {
    padding-left: 5.5%;
  }
  .sm-p-6-l {
    padding-left: 6%;
  }
  .sm-p-6-half-l {
    padding-left: 6.5%;
  }
  .sm-p-7-l {
    padding-left: 7%;
  }
  .sm-p-7-half-l {
    padding-left: 7.5%;
  }
  .sm-p-8-l {
    padding-left: 8%;
  }
  .sm-p-8-half-l {
    padding-left: 8.5%;
  }
  .sm-p-9-l {
    padding-left: 9%;
  }
  .sm-p-9-half-l {
    padding-left: 9.5%;
  }
  .sm-p-10-l {
    padding-left: 10%;
  }
  .sm-p-10-half-l {
    padding-left: 10.5%;
  }
  .sm-p-11-l {
    padding-left: 11%;
  }
  .sm-p-11-half-l {
    padding-left: 11.5%;
  }
  .sm-p-12-l {
    padding-left: 12%;
  }
  .sm-p-12-half-l {
    padding-left: 12.5%;
  }
  .sm-p-13-l {
    padding-left: 13%;
  }
  .sm-p-13-half-l {
    padding-left: 13.5%;
  }
  .sm-p-14-l {
    padding-left: 14%;
  }
  .sm-p-14-half-l {
    padding-left: 14.5%;
  }
  .sm-p-15-l {
    padding-left: 15%;
  }
  .sm-p-15-half-l {
    padding-left: 15.5%;
  }
  .sm-p-16-l {
    padding-left: 16%;
  }
  .sm-p-16-half-l {
    padding-left: 16.5%;
  }
  .sm-p-17-l {
    padding-left: 17%;
  }
  .sm-p-17-half-l {
    padding-left: 17.5%;
  }
  .sm-p-18-l {
    padding-left: 18%;
  }
  .sm-p-18-half-l {
    padding-left: 18.5%;
  }
  .sm-p-19-l {
    padding-left: 19%;
  }
  .sm-p-19-half-l {
    padding-left: 19.5%;
  }
  .sm-p-20-l {
    padding-left: 20%;
  }
  .sm-p-20-half-l {
    padding-left: 20.5%;
  }
  .sm-p-21-l {
    padding-left: 21%;
  }
  .sm-p-21-half-l {
    padding-left: 21.5%;
  }
  .sm-p-22-l {
    padding-left: 22%;
  }
  .sm-p-22-half-l {
    padding-left: 22.5%;
  }
  .sm-p-23-l {
    padding-left: 23%;
  }
  .sm-p-23-half-l {
    padding-left: 23.5%;
  }
  .sm-p-24-l {
    padding-left: 24%;
  }
  .sm-p-24-half-l {
    padding-left: 24.5%;
  }
  .sm-p-25-l {
    padding-left: 25%;
  }
  .sm-p-25-half-l {
    padding-left: 25.5%;
  }

  .sm-p-1-r {
    padding-right: 1%;
  }
  .sm-p-1-half-r {
    padding-right: 1.5%;
  }
  .sm-p-2-r {
    padding-right: 2%;
  }
  .sm-p-2-half-r {
    padding-right: 2.5%;
  }
  .sm-p-3-r {
    padding-right: 3%;
  }
  .sm-p-3-half-r {
    padding-right: 3.5%;
  }
  .sm-p-4-r {
    padding-right: 4%;
  }
  .sm-p-4-half-r {
    padding-right: 4.5%;
  }
  .sm-p-5-r {
    padding-right: 5%;
  }
  .sm-p-5-half-r {
    padding-right: 5.5%;
  }
  .sm-p-6-r {
    padding-right: 6%;
  }
  .sm-p-6-half-r {
    padding-right: 6.5%;
  }
  .sm-p-7-r {
    padding-right: 7%;
  }
  .sm-p-7-half-r {
    padding-right: 7.5%;
  }
  .sm-p-8-r {
    padding-right: 8%;
  }
  .sm-p-8-half-r {
    padding-right: 8.5%;
  }
  .sm-p-9-r {
    padding-right: 9%;
  }
  .sm-p-9-half-r {
    padding-right: 9.5%;
  }
  .sm-p-10-r {
    padding-right: 10%;
  }
  .sm-p-10-half-r {
    padding-right: 10.5%;
  }
  .sm-p-11-r {
    padding-right: 11%;
  }
  .sm-p-11-half-r {
    padding-right: 11.5%;
  }
  .sm-p-12-r {
    padding-right: 12%;
  }
  .sm-p-12-half-r {
    padding-right: 12.5%;
  }
  .sm-p-13-r {
    padding-right: 13%;
  }
  .sm-p-13-half-r {
    padding-right: 13.5%;
  }
  .sm-p-14-r {
    padding-right: 14%;
  }
  .sm-p-14-half-r {
    padding-right: 14.5%;
  }
  .sm-p-15-r {
    padding-right: 15%;
  }
  .sm-p-15-half-r {
    padding-right: 15.5%;
  }
  .sm-p-16-r {
    padding-right: 16%;
  }
  .sm-p-16-half-r {
    padding-right: 16.5%;
  }
  .sm-p-17-r {
    padding-right: 17%;
  }
  .sm-p-17-half-r {
    padding-right: 17.5%;
  }
  .sm-p-18-r {
    padding-right: 18%;
  }
  .sm-p-18-half-r {
    padding-right: 18.5%;
  }
  .sm-p-19-r {
    padding-right: 19%;
  }
  .sm-p-19-half-r {
    padding-right: 19.5%;
  }
  .sm-p-20-r {
    padding-right: 20%;
  }
  .sm-p-20-half-r {
    padding-right: 20.5%;
  }
  .sm-p-21-r {
    padding-right: 21%;
  }
  .sm-p-21-half-r {
    padding-right: 21.5%;
  }
  .sm-p-22-r {
    padding-right: 22%;
  }
  .sm-p-22-half-r {
    padding-right: 22.5%;
  }
  .sm-p-23-r {
    padding-right: 23%;
  }
  .sm-p-23-half-r {
    padding-right: 23.5%;
  }
  .sm-p-24-r {
    padding-right: 24%;
  }
  .sm-p-24-half-r {
    padding-right: 24.5%;
  }
  .sm-p-25-r {
    padding-right: 25%;
  }
  .sm-p-25-half-r {
    padding-right: 25.5%;
  }

  .sm-p-1-t {
    padding-top: 1%;
  }
  .sm-p-1-half-t {
    padding-top: 1.5%;
  }
  .sm-p-2-t {
    padding-top: 2%;
  }
  .sm-p-2-half-t {
    padding-top: 2.5%;
  }
  .sm-p-3-t {
    padding-top: 3%;
  }
  .sm-p-3-half-t {
    padding-top: 3.5%;
  }
  .sm-p-4-t {
    padding-top: 4%;
  }
  .sm-p-4-half-t {
    padding-top: 4.5%;
  }
  .sm-p-5-t {
    padding-top: 5%;
  }
  .sm-p-5-half-t {
    padding-top: 5.5%;
  }
  .sm-p-6-t {
    padding-top: 6%;
  }
  .sm-p-6-half-t {
    padding-top: 6.5%;
  }
  .sm-p-7-t {
    padding-top: 7%;
  }
  .sm-p-7-half-t {
    padding-top: 7.5%;
  }
  .sm-p-8-t {
    padding-top: 8%;
  }
  .sm-p-8-half-t {
    padding-top: 8.5%;
  }
  .sm-p-9-t {
    padding-top: 9%;
  }
  .sm-p-9-half-t {
    padding-top: 9.5%;
  }
  .sm-p-10-t {
    padding-top: 10%;
  }
  .sm-p-10-half-t {
    padding-top: 10.5%;
  }
  .sm-p-11-t {
    padding-top: 11%;
  }
  .sm-p-11-half-t {
    padding-top: 11.5%;
  }
  .sm-p-12-t {
    padding-top: 12%;
  }
  .sm-p-12-half-t {
    padding-top: 12.5%;
  }
  .sm-p-13-t {
    padding-top: 13%;
  }
  .sm-p-13-half-t {
    padding-top: 13.5%;
  }
  .sm-p-14-t {
    padding-top: 14%;
  }
  .sm-p-14-half-t {
    padding-top: 14.5%;
  }
  .sm-p-15-t {
    padding-top: 15%;
  }
  .sm-p-15-half-t {
    padding-top: 15.5%;
  }
  .sm-p-16-t {
    padding-top: 16%;
  }
  .sm-p-16-half-t {
    padding-top: 16.5%;
  }
  .sm-p-17-t {
    padding-top: 17%;
  }
  .sm-p-17-half-t {
    padding-top: 17.5%;
  }
  .sm-p-18-t {
    padding-top: 18%;
  }
  .sm-p-18-half-t {
    padding-top: 18.5%;
  }
  .sm-p-19-t {
    padding-top: 19%;
  }
  .sm-p-19-half-t {
    padding-top: 19.5%;
  }
  .sm-p-20-t {
    padding-top: 20%;
  }
  .sm-p-20-half-t {
    padding-top: 20.5%;
  }
  .sm-p-21-t {
    padding-top: 21%;
  }
  .sm-p-21-half-t {
    padding-top: 21.5%;
  }
  .sm-p-22-t {
    padding-top: 22%;
  }
  .sm-p-22-half-t {
    padding-top: 22.5%;
  }
  .sm-p-23-t {
    padding-top: 23%;
  }
  .sm-p-23-half-t {
    padding-top: 23.5%;
  }
  .sm-p-24-t {
    padding-top: 24%;
  }
  .sm-p-24-half-t {
    padding-top: 24.5%;
  }
  .sm-p-25-t {
    padding-top: 25%;
  }
  .sm-p-25-half-t {
    padding-top: 25.5%;
  }

  .sm-p-1-b {
    padding-bottom: 1%;
  }
  .sm-p-1-half-b {
    padding-bottom: 1.5%;
  }
  .sm-p-2-b {
    padding-bottom: 2%;
  }
  .sm-p-2-half-b {
    padding-bottom: 2.5%;
  }
  .sm-p-3-b {
    padding-bottom: 3%;
  }
  .sm-p-3-half-b {
    padding-bottom: 3.5%;
  }
  .sm-p-4-b {
    padding-bottom: 4%;
  }
  .sm-p-4-half-b {
    padding-bottom: 4.5%;
  }
  .sm-p-5-b {
    padding-bottom: 5%;
  }
  .sm-p-5-half-b {
    padding-bottom: 5.5%;
  }
  .sm-p-6-b {
    padding-bottom: 6%;
  }
  .sm-p-6-half-b {
    padding-bottom: 6.5%;
  }
  .sm-p-7-b {
    padding-bottom: 7%;
  }
  .sm-p-7-half-b {
    padding-bottom: 7.5%;
  }
  .sm-p-8-b {
    padding-bottom: 8%;
  }
  .sm-p-8-half-b {
    padding-bottom: 8.5%;
  }
  .sm-p-9-b {
    padding-bottom: 9%;
  }
  .sm-p-9-half-b {
    padding-bottom: 9.5%;
  }
  .sm-p-10-b {
    padding-bottom: 10%;
  }
  .sm-p-10-half-b {
    padding-bottom: 10.5%;
  }
  .sm-p-11-b {
    padding-bottom: 11%;
  }
  .sm-p-11-half-b {
    padding-bottom: 11.5%;
  }
  .sm-p-12-b {
    padding-bottom: 12%;
  }
  .sm-p-12-half-b {
    padding-bottom: 12.5%;
  }
  .sm-p-13-b {
    padding-bottom: 13%;
  }
  .sm-p-13-half-b {
    padding-bottom: 13.5%;
  }
  .sm-p-14-b {
    padding-bottom: 14%;
  }
  .sm-p-14-half-b {
    padding-bottom: 14.5%;
  }
  .sm-p-15-b {
    padding-bottom: 15%;
  }
  .sm-p-15-half-b {
    padding-bottom: 15.5%;
  }
  .sm-p-16-b {
    padding-bottom: 16%;
  }
  .sm-p-16-half-b {
    padding-bottom: 16.5%;
  }
  .sm-p-17-b {
    padding-bottom: 17%;
  }
  .sm-p-17-half-b {
    padding-bottom: 17.5%;
  }
  .sm-p-18-b {
    padding-bottom: 18%;
  }
  .sm-p-18-half-b {
    padding-bottom: 18.5%;
  }
  .sm-p-19-b {
    padding-bottom: 19%;
  }
  .sm-p-19-half-b {
    padding-bottom: 19.5%;
  }
  .sm-p-20-b {
    padding-bottom: 20%;
  }
  .sm-p-20-half-b {
    padding-bottom: 20.5%;
  }
  .sm-p-21-b {
    padding-bottom: 21%;
  }
  .sm-p-21-half-b {
    padding-bottom: 21.5%;
  }
  .sm-p-22-b {
    padding-bottom: 22%;
  }
  .sm-p-22-half-b {
    padding-bottom: 22.5%;
  }
  .sm-p-23-b {
    padding-bottom: 23%;
  }
  .sm-p-23-half-b {
    padding-bottom: 23.5%;
  }
  .sm-p-24-b {
    padding-bottom: 24%;
  }
  .sm-p-24-half-b {
    padding-bottom: 24.5%;
  }
  .sm-p-25-b {
    padding-bottom: 25%;
  }
  .sm-p-25-half-b {
    padding-bottom: 25.5%;
  }
}

iframe {
  width: 100%;
  position: relative;
}