.cont-img2 {
  width: 100%;

  /*max-width: 500px;*/

  /*padding-top: 13%;*/

  /*padding-bottom: 13%;*/

  margin: 0 auto;
}

.page {
  opacity: 1 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  /*color: #0C1123;*/
}

@media (min-width: 1200px) {
  h1 {
    font-size: 61px;
  }
}

.form-control-feedback {
  position: absolute;

  top: 0.5rem;

  right: 1.5rem;

  z-index: 2;

  display: block;

  text-align: center;

  pointer-events: none;
}

.ui-to-top {
  background-color: #191f38;
}

.ui-to-top:hover {
  background-color: #0c1123;
}

.no-padding-lr {
  padding-left: 0px;

  padding-right: 0px;
}

.no-padding-tb {
  padding-top: 0px;

  padding-bottom: 0px;
}

.divider-black:after {
  background: #000 !important;
}

.red {
  color: #ff0000;
}

.white {
  color: #fff;
}

.yellow {
  color: #fab915;
}

.yellow2 {
  color: #fae815;
}

.brown {
  color: #422c20;
}

.dark-grey {
  color: #191919;
}

.banner-promo {
  text-align: center;

  background-color: #700006;
}

@media (min-width: 576px) {
  .banner-promo .bp-desktop {
    display: inline;
  }

  .banner-promo .bp-mobile {
    display: none;
  }
}

@media (max-width: 575px) {
  .banner-promo .bp-desktop {
    display: none;
  }

  .banner-promo .bp-mobile {
    display: inline;
  }
}

/*-----------------     SECTION 1     ---------------*/

.section-1 {
  background: linear-gradient(
      to left,

      rgba(245, 246, 252, 0),
      rgba(0, 0, 0, 0.85)
    ),
    url(../images/backgrounds/s1-bg.jpg);

  background-size: cover;

  padding-bottom: 0px;

  padding-top: 0px;

  font-family: lato;
}

.section-1 .left-bg {
  padding: 12% 0 12% 5%;
}

.section-1 .left-bg h1 {
  /*font-size: 4.8vw;*/
}

.pl1 {
  background: linear-gradient(
    to left,

    rgba(245, 246, 252, 0),
    rgba(0, 0, 0, 0.85)
  );

  padding: 0 12px;
}

/*-----------------     SECTION 2     ---------------*/

.section-2 {
  padding: 70px 0;

  background: linear-gradient(to left, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url(../images/backgrounds/s2-parallax.jpg);

  background-attachment: fixed;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;
}

.pl2-cont {
  text-align: center;

  max-width: 900px;
}

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

/*-----------------     SECTION 3     ---------------*/

.section-3 {
  background-color: #c1c6c2;

  padding-top: 40px;

  padding-bottom: 40px;
}

.pl3-title {
  color: #191919;

  border-bottom: 1.4px #000 solid;

  padding-bottom: 5px;

  margin-bottom: 30px;
}

@media (max-width: 575px) {
  .section-3 .right-col {
    margin-top: 35px;
  }
}

/*-----------------     SECTION 11     ---------------*/

.section-11 {
  background: url("../images/backgrounds/s11-bg.jpg");

  background-position: center;

  background-size: cover;

  padding-top: 40px;
}

.section-11 .container-fluid {
  max-width: 1920px;
}

.pl11-title {
  /*color: #422c20;*/

  padding-bottom: 8px;

  border-bottom: 1px #000 solid;
}

.dr-qyu-logo {
  width: 100%;

  max-width: 100px;
}

.lumbar-desc {
  /*max-width: 767px;*/

  margin: 0 5%;
}

.section-11 .label-produk {
  text-align: center;

  font-size: 22px;

  font-weight: bold;

  padding-bottom: 40px;
}

.section-11 .product-1 {
  margin-top: 240px;
}

.text-gold {
  color: #cd9609;
}

@media (max-width: 767px) {
  .lumbar-desc {
    margin: auto;

    text-align: center;
  }

  .section-11 .product-1 {
    margin-top: 0px;
  }

  /*.dr-qyu-logo {	

  

		  float: right;

  

			 padding-top: 15px;

  

	  }*/
}

/*-----------------     SECTION 10     ---------------*/

.section-10 {
  padding: 60px 0;

  background-color: #252525;
}

/*-----------------     SECTION 12     ---------------*/

.section-12 {
  background-color: #d8d8d8;

  /*padding: 30px 0;*/

  padding-top: 60px;

  padding-bottom: 30px;
}

.section-12 .container {
  padding-top: 30px;

  color: #fff;
}

.section-12 .container h3 {
  /*background-color: #191F38;*/

  /*color: #fff;*/
}

.pl12-cont h3,
.pl12-cont h5 {
}

/*-----------------     SECTION 13     ---------------*/

.section-13 {
  padding: 30px 0;

  background: linear-gradient(to right, #333, #666, #555, #666, #333);
}

/*-----------------     SECTION 14     ---------------*/

.section-14 {
  background-color: #d8d8d8;

  padding: 30px 0;
}

.section-14 h4 {
  /*color: #fff;*/
}

.section-14 ul li {
  /*color: #fff;*/

  font-size: 18px;

  display: list-item;

  list-style: disc;
}

@media (max-width: 576px) {
  .section-14 ul {
    padding-left: 15px;
  }
}

@media (min-width: 768px) {
  .section-14 ul li {
    font-size: 20px;
  }

  .pl14-desc {
    padding-left: 15px;
  }
}

@media (min-width: 1200px) {
  .section-14 ul li {
    font-size: 24px;
  }
}

/*-----------------     SECTION 15     ---------------*/

.section-15 {
  background-color: #252525;

  padding-top: 30px;

  padding-bottom: 30px;

  color: #fff;
}

.section-15 .testi-wa-list {
  padding: 10px 0 25px 0;
}

.section-15 .testi-wa-list .col-sm-6 {
  /*max-width: 300px;*/

  padding-top: 15px;

  margin: auto;
}

.section-15 .testi-video-list {
  padding: 25px 0 25px 0;
}

.section-15 .testi-video-list .col-6 {
  max-width: 400px;

  padding-top: 15px;

  margin: auto;
}

.box-minimal__divider15 {
  margin-top: 10px;
}

.box-minimal__divider15::after {
  content: "";

  display: inline-block;

  width: 100%;

  max-width: 125px;

  height: 3px;

  background: #fab915;
}

.section-15 .container + .container {
  margin-top: 10px;
}

.section-15 .swiper-slide {
  margin: auto;
}

/*.section-15 .swiper-button-next, .section-15 .swiper-button-prev {

  

	  width: calc(var(--swiper-navigation-size)/ 50 * 27);

  

	  height: var(--swiper-navigation-size);

  

	  background-color: #000c26b3;

  

	  border-radius: 25px;

  

	  transition-duration: 300ms;

  

  }

  

  

  

  .section-15 .swiper-button-next:after, .section-15 .swiper-button-prev:after {

  

	  font-size: 20px;

  

	  font-weight: 900;

  

	  color: #fff;

  

  }

  

  

  

  .section-15 .swiper-button-next:hover, .section-15 .swiper-button-prev:hover {

  

	  width: calc(var(--swiper-navigation-size)/ 45 * 27);

  

	  height: 47px;

  

	  background-color: #000c26;

  

	  transition-duration: 300ms;

  

  }

  

  

  

  .section-15 .swiper-button-next {

  

	  right: 0;

  

  }

  

  

  

  .section-15 .swiper-button-prev {

  

	  left: 0;

  

  }*/

.section-15 .swiper-button-next:after,
.section-15 .swiper-button-prev:after {
  font-size: 22px;

  font-weight: 900;

  color: #333;
}

.section-15 .swiper-pagination-bullet-active {
  background: #333;
}

@media (max-width: 767px) {
  .section-15 .testi-video-list {
    padding: 25px 0 0 0;
  }

  /*.section-15 .swiper-button-next, .section-15 .swiper-button-prev {

  

		  width: 25px;

  

		  height: 35px;

  

	  }

  

  

  

	  .section-15 .swiper-button-next:after, .section-15 .swiper-button-prev:after {

  

		  font-size: 13px;

  

	  }

  

  

  

	  .section-15 .swiper-button-next:hover, .section-15 .swiper-button-prev:hover {

  

		  width: 32px;

  

		  height: 42px;

  

	  }*/
}

@media (min-width: 576px) {
  .section-15 .testi-wa-list .pb-2 {
    padding-bottom: 0;
  }
}

/*-----------------     SECTION 16     ---------------*/

.section-16 {
  background-color: #252525;

  padding: 45px 0;
}

/*-----------------     SECTION 17     ---------------*/

.section-17 h1 {
  padding: 30px 0;

  background: linear-gradient(to bottom, #e4e4e4, #d0d0d0, #e4e4e4);
}

/*-----------------     SECTION 18     ---------------*/

.section-18 {
  background: url(../images/bg-ongkir.jpg);

  padding: 10px 0;
}

.pl18 {
  text-align: center;
}

.pl18 h3,
.pl18 p {
  background-color: #757171;

  opacity: 0.8;

  text-shadow: 2px 2px #4b4b4a;
}

.pl18 .col-md-3,
.pl18 .col-md-9 {
  margin: auto;
}

.pl18 .section-xs img {
  max-width: 250px;
}

.pl18 .sp1 {
  color: #fff000;
}

.pl18 .sp2 {
  color: #fff;
}

/*-----------------     SECTION 19     ---------------*/

.section-19 {
  background-color: #000c26;

  padding: 60px 0 30px 0;
}

.section-19 .button {
  margin-top: 0;
}

.section-19 .boxshadow {
  /*margin: 10px 0;*/
}

* + .box-minimal__divider3 {
  margin-top: 12px;

  margin-bottom: 12px;
}

.box-minimal__divider3:after {
  content: "";

  display: inline-block;

  width: 45px;

  height: 3px;

  background: #fab915;
}

.pl19 {
  padding-bottom: 40px;
}

.pl19-cont .col-hi-plus {
  background-color: #191f38;

  padding-bottom: 20px;

  padding-top: 20px;

  margin-top: 10px;

  margin-bottom: 10px;
}

.pl19-cont .col-p19 {
  background-color: #112342;

  padding-bottom: 30px;

  padding-top: 30px;
}

.pl19-title h1 {
  padding-bottom: 10px;

  font-size: 60px;
}

.pl19-title h3 {
  font-size: 30px;
}

.pl19-cont .li-head h6 {
  font-size: 18px;
}

.pl19-cont .tx-1 {
  padding-bottom: 30px;
}

.pl19-cont .li-body {
  padding-left: 90px;
}

.pl19-cont .img-hi-plus1 {
  margin-top: 130px;
}

@media (max-width: 767px) {
  .section-19 {
    padding-top: 30px;

    padding-bottom: 0;
  }

  .pl19-cont .col-hi-plus {
    padding-top: 10px;

    margin: 0;
  }

  .pl19-title h1 {
    padding-bottom: 10px;

    font-size: 41px;
  }

  .pl19-title h3 {
    font-size: 19px;
  }

  .pl19-cont h2 {
    font-size: 26px;
  }

  .pl19-cont h4 {
    font-size: 15px;
  }
}

.pl19-cont {
  margin-top: 0;
}

.pl19-left-desc {
  color: #fff;

  text-align: center;

  padding: 10px 0;
}

.img-hi-plus {
  max-width: 350px;
}

.pl19-hi-plus h5 {
  color: #fff;

  margin-top: 0px;

  margin-bottom: 0px;
}

.pl19-hi-plus ul li h6,
.pl19-hi-plus .class-promo1 {
  color: #fff;

  letter-spacing: normal;

  text-transform: none;

  font-size: 14px;

  font-weight: 400;

  max-width: 277px;

  margin: 0 auto;

  text-align: left;
}

.pl19-hi-plus .class-promo1 {
  text-align: center;

  font-size: 15px;
}

.pl19-hi-plus ul li .fa-check-square-o {
  color: #55fbb6;
}

.pl19-hi-plus ul li .fa-check {
  color: #fa591d;
}

.pl19-hi-plus a,
.pl19-cont button {
  color: #fff;

  border: none;

  border-radius: 300px;

  font-size: 18px;

  font-weight: 700;

  padding: 10px 20px;

  line-height: 1.1;

  margin: 10px 0;

  white-space: normal;

  text-transform: uppercase;

  -webkit-transition: all 0.35s;

  -moz-transition: all 0.35s;

  transition: all 0.35s;

  visibility: visible;

  animation-name: tada;
}

.pl19-hi-plus .btn-act {
  color: #fff;
}

.pl19-hi-plus .btn-psn {
  background-color: #fa591d;
}

.pl19-hi-plus .btn-wa {
  background-color: #00a500;
}

.pl19-hi-plus .btn-psn:hover,
.pl19-hi-plus .btn-psn:active,
.pl19-hi-plus .btn-psn:focus {
  background-color: #ef430c;
}

.pl19-hi-plus .btn-wa:hover,
.pl19-hi-plus .btn-wa:active,
.pl19-hi-plus .btn-wa:focus {
  background-color: #4fa149;
}

.pl19-hi-plus .tx-1 {
  padding-top: 20px;

  max-width: 277px;

  margin: 0 auto;
}

.pl19-hi-plus .tx-2 {
  padding-top: 10px;
}

.pl19-hi-plus .tx-3 {
  padding-top: 0px;
}

@media (max-width: 767px) {
  .pl19-hi-plus {
    margin-top: 20px;
  }

  .pl19-left-desc {
    font-size: 15px;
  }

  .pl19-cont .video-testi {
    display: none;
  }

  .pl19-title .box-minimal__divider3 {
    display: none;
  }
}

.select-bg {
  background: transparent !important;

  color: black !important;
}

.submit-btn {
  max-width: 190px !important;

  margin-top: 20px;

  background-color: #00a500 !important;

  color: #fff !important;
}

.submit {
  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  width: 100%;

  height: 40px;

  background-color: #666;

  border-radius: 10px;

  color: #000000;

  font-size: 17px;

  cursor: pointer !important;

  outline: none;
}

/*-----------------     SECTION 19 old     ---------------*/

/* .section-19 {

	background-color: #252525;

  

	padding: 30px 0;

  }

  

  .pl19 h2 {

	padding: 10px 0 30px 0;

  }

  

  .pl19 h3 {

	padding: 5px 0 0 0;

  }

  

  .pl19 img {

	max-width: 300px;

  

	padding: 20px 10px;

  

	margin: auto;

  }

  

  .pl19 a {

	color: #fff;

  

	font-size: 20px;

  } */

/* .pl19 a:hover,

  .pl19 a:active,

  .pl19 a:focus {

	color: #be8a04;

  

	color: #505050;

  

	background: #ffc801;

  } */

/* @media (min-width: 768px) {

	.pl19 a {

	  margin-left: 10px;

  

	  margin-right: 10px;

	}

  }

  

  @media (max-width: 470px) {

	.pl19 a {

	  margin-top: 15px;

	}

  }

  

  .pl19 .promo {

	border: 2px #fff dashed;

  

	border-radius: 25px;

  

	padding: 10px 0px;

  

	max-width: 400px;

  

	margin: 15px auto 0 auto;

  }

  

  .pl19 .promo h2 {

	padding: 0;

  

	margin: 0;

  } */

/*-----------------     SECTION 20     ---------------*/

.section-20 {
  background-color: #c7c5c5;

  padding: 30px 0;
}

.section-20 .main-cont {
  vertical-align: middle;
}

.section-20 .main-cont .fadeInLeftBig {
  padding-top: 10px;

  text-align: center;

  visibility: visible;

  animation-name: fadeInLeftBig;
}

.section-20 .main-cont .fadeInRightBig {
  visibility: visible;

  animation-name: fadeInRightBig;

  margin: auto;
}

.section-20 .main-cont .fadeInRightBig .fadeInLeft {
  visibility: visible;

  animation-name: fadeInLeft;
}

.section-20 .main-cont .fadeInRightBig .fadeInLeft img {
  max-width: 400px;
}

@media (max-width: 575px) {
  .section-20 .main-cont .fadeInRightBig .fadeInLeft {
    margin-top: 20px;
  }
}

/*-----------------     SECTION 21     ---------------*/

.section-21 {
  padding-bottom: 30px;

  padding-top: 40px;

  background-image: url(../images/backgrounds/store2.jpg);

  width: 100%;

  position: relative;
}

.section-21 .content-flex {
  padding: 5px;

  text-align: center;
}

.section-21 .content-flex .fadeInLeft {
  visibility: visible;

  animation-name: fadeInLeft;
}

.section-21 .content-flex .fadeInRight {
  visibility: visible;

  animation-name: fadeInRight;
}

.section-21 .content-flex h5 {
  color: #fff;

  margin-top: 10px;
}

.section-21 .content-flex p {
  font-size: 13px;

  color: #fff;

  margin-top: 10px;
}

/*-----------------     SECTION 22     ---------------*/

.section-22 {
  padding-bottom: 30px;

  padding-top: 40px;

  background-image: url(../images/backgrounds/hasil1.jpg);

  background-position: center;

  background-size: cover;

  width: 100%;

  position: relative;
}

.section-22 .container-fluid {
  max-width: 1920px;
}

.section-22 .fadeInRight {
  /*animation-name: fadeInRight;*/
}

.pl22 .sp2 {
  padding: 20px 0;
}

.pl22 .sp3 {
  padding: 25px 0;
}

.pl22 .cta-btn {
  margin: 0 auto;
}

.pl22 .cta-btn a {
  font-size: 14.5px;

  margin-bottom: 10px;

  padding: 10px 0;

  border-radius: 30px;
}

.pl22 .cta-btn .btn-primary {
  color: #fff;

  background: #252525;

  border-color: #252525;
}

.pl22 .cta-btn .btn-primary:hover {
  color: #000;

  background: #fab915;

  border-color: #fab915;
}

.pl22 .cta-btn .btn-primary:active {
  background-color: #ea890f;

  border-color: #d67a06;
}

@media (min-width: 768px) {
  .section-22 {
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .img-mobile {
    margin-top: 0px !important;
  }
  .pl22 .cta-btn {
    max-width: 400px;
  }

  .pl22 .sp3 {
    padding: 0 0 25px 0;
  }
}

.box-minimal__divider20 {
  margin-top: 10px;

  margin-bottom: 20px;
}

.box-minimal__divider20::after {
  content: "";

  display: inline-block;

  width: 100%;

  max-width: 260px;

  height: 3px;

  background: #fab915;
}

/*-----------------     SECTION 23     ---------------*/

.section-23 {
  background-color: #252525;

  color: #fff;

  padding: 40px 0 10px 0;

  text-align: center;
}

.section-23 a {
}

.section-23 h4 {
  color: #fff;
}

.pl23 {
  margin-top: 20px !important;

  margin-bottom: 10px;

  max-width: 767px;

  margin-left: auto;

  margin-right: auto;
}

.pl23 a {
  color: #fff;
}

.pl23 .col-sm-4 a {
  font-size: 16px;
}

.pl23 span {
  display: block;
}

.pl23 .col-sm-12 {
  padding-top: 5px;
}

.pl23 .tx-1,
.pl23 .tx-3 {
  padding-bottom: 12px;
}

.pl23 .tx-2 {
  padding-bottom: 36px;
}

/*-----------------     SECTION 24     ---------------*/

.section-24 {
  background-color: #252525;
}

.pl24-img-header {
  max-width: 200px;

  text-align: center;

  margin: 0 auto;

  padding: 30px 0;
}

/*-----------------     SECTION 25     ---------------*/

.section-25 {
  padding: 0 15px 30px 15px;
}

.section-25 p {
  padding-bottom: 8px;
}

.section-25 .notice-disc {
  font-size: 12.5px;
}

.pl25-title {
  padding-top: 30px;

  padding-bottom: 10px;
}

.divider-25-1 {
  max-width: 600px;

  margin: 0 auto;

  padding: 10px 0;
}

.divider-25-1 hr {
  border: 1px #000c26 solid;
}

.divider-25-2 {
  margin: 0 auto;

  padding: 35px 0 0px 0;

  max-width: 25%;
}

.divider-25-2 hr {
  border: 0.4px #000c26 solid;
}

/*-----------------     SECTION 26     ---------------*/

.section-26 {
  background-image: linear-gradient(
    to bottom,

    #d8d8d8,
    #bfbfbf,
    #bfbfbf,
    #bfbfbf,
    #d8d8d8
  );

  padding: 30px 0;
}

.section-26 .swiper-button-next:after,
.section-26 .swiper-button-prev:after {
  font-size: 22px;

  font-weight: 900;

  color: #333;
}

.section-26 .swiper-pagination-bullet-active {
  background: #333;
}

/*----------------------------------- SECTION 26-2 -----------------------------------*/

@media (min-width: 576px) and (max-width: 767px) {
  .s26-2 .container {
    max-width: 700px;
  }
}

.profile-light4 {
  text-align: center;
}

.profile-light4 > * {
  /*margin-bottom: 16px;*/
}

.profile-light4 h1,
.profile-light4 h3,
.profile-light4 h4,
.profile-light4 p {
  /*color: #fff;*/

  text-align: justify;

  width: 100%;
}

.profile-light4 h1 {
  font-size: 84px;

  /*font-weight: 900; */

  line-height: 1;

  padding: 0;
}

.profile-light4 h3 {
  font-size: 22px;

  font-weight: 300;

  padding: 3% 0;
}

.profile-light4 h4 {
  font-weight: 300;

  padding: 0 0 1% 0;
}

.profile-light4 h4 strong {
  font-weight: 900;
}

.profile-light4 p {
  padding: 1% 0;

  margin: 0;

  font-size: 14px;
}

.profile-light4__figure img {
  max-width: 350px;
}

.profile-light4__main {
  display: flex;

  justify-content: center;

  flex-direction: column;

  flex-grow: 1;

  padding: 30px 25px;

  text-align: left;

  margin-left: -50px !important;

  z-index: 9;

  margin-bottom: 0;
}

.profile-light4__text {
  font-family: "Exo 2", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;

  font-size: 14px;

  color: #151515;
}

* + .profile-light4__text {
  margin-top: 15px;
}

.profile-light4__title {
  /*max-width: 400px;*/

  max-width: 80%;

  float: right;

  padding-top: 3%;

  padding-bottom: 3%;

  text-transform: none;
}

@media (max-width: 1200px) {
  .profile-light4__title {
    max-width: 75%;
  }
}

@media (max-width: 700px) {
  .profile-light4 {
    max-width: 540px;

    margin-left: auto;

    margin-right: auto;
  }

  .profile-light4__figure {
    flex-shrink: 0;

    position: relative;

    left: 0;

    padding: 13px 10px 9px 10px;

    margin-bottom: 0px;

    z-index: 20;
  }

  .profile-light4__figure img {
    /*max-width: 150px;*/
  }

  .profile-light4__main {
    display: flex;

    justify-content: center;

    flex-direction: column;

    flex-grow: 1;

    padding: 10px;

    text-align: left;

    margin-left: 0px !important;

    z-index: 9;

    margin-bottom: 0;
  }

  .profile-light4__inner {
    /*background-image: linear-gradient(to bottom, #00040c, #000c26, #00040c);*/

    background: none;

    padding: 10px;
  }

  .profile-light4 h1,
  .profile-light4 h3,
  .profile-light4 h4,
  .profile-light4 p {
    text-align: center;
  }

  .profile-light4 h3 {
    padding: 1% 0 0 0;
  }

  .profile-light4__title {
    padding: 3% 6%;

    max-width: 100%;
  }

  .profile-light4 h1 {
  }
}

@media (max-width: 575px) {
  .profile-light4__main {
    margin-left: 0px !important;
  }
}

@media (min-width: 701px) {
  .profile-light4 {
    display: flex;

    margin-left: -16px;
  }

  .profile-light4 > * {
    margin-left: 16px;
  }

  .profile-light4__main {
    margin-left: -50px !important;
  }

  .profile-light4__figure {
    flex-shrink: 0;

    position: relative;

    left: 0;

    padding: 43px 10px 59px 10px;

    margin-bottom: 0px;

    z-index: 20;

    width: 40%;
  }

  .profile-light4__inner {
    margin-left: -82%;

    background-image: linear-gradient(to right, #eee, #bfbfbf);
  }
}

@media (min-width: 701px) and (max-width: 991px) {
  .profile-light4 h1 {
    font-size: 79px;
  }

  .profile-light4 h3 {
    font-size: 23px;
  }

  .profile-light4 h4 {
    font-size: 15px;
  }

  .profile-light4 p {
    font-size: 12px;
  }
}

@media (min-width: 701px) {
  .profile-light4__inner {
    position: relative;

    overflow: hidden;

    padding: 0 5px 0 50px;

    margin-left: -34%;
  }

  .profile-light4__title {
    position: relative;
  }

  .profile-light4__title::before {
  }

  .profile-light4__text {
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  .profile-light4 h4 {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  .profile-light4__main {
    /*padding: 35px 30px 25px 70px;*/
  }

  .profile-light4__inner {
    /*padding-left: 90px;*/

    /*max-width: 750px;*/
  }

  .profile-light4__text {
    font-size: 17px;
  }
}

/*-----------------     SECTION 27     ---------------*/

.section-27 {
  background-color: #bfbfbf;

  padding: 40px 0;
}

.section-27 .container {
  max-width: 800px;

  margin: 0 auto;
}

.section-27 .box-minimal__divider15 {
  text-align: center;

  margin-top: 5px;

  margin-bottom: 10px;
}

.section-27 h6 {
  text-transform: none;

  letter-spacing: normal;

  font-weight: 400;
}

/*-----------------     SECTION 28     ---------------*/

.section-28 {
  background: linear-gradient(to bottom, #252525, #353535, #252525);
}

.section-28 .col-md-3,
.s28-col-inner {
  padding: 5px;
}

.s28-col-outer {
  padding: 0;
}

.s28-slider {
  padding: 40px 15px;

  max-width: 550px;

  margin: 0 auto;
}

.s28-slider .owl-nav.disabled {
  display: block !important;
}

.s28-slider .owl-prev,
.s28-slider .owl-next {
  font: 400 25px/25px "Material Design Icons";
}

.s28-slider .owl-prev:hover,
.s28-slider .owl-next:hover {
  color: #ff0000;
}

.pl28 {
  padding: 40px 0;
}

@media (min-width: 1200px) {
  .pl28 {
    padding: 0 0 40px 0;
  }
}

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

@media (min-width: 768px) {
  .s28-desktop {
    display: block;
  }

  .s28-slider {
    display: none;
  }
}

@media (max-width: 767px) {
  .s28-desktop {
    display: none;
  }

  .s28-slider {
    display: block;
  }
}

/*-----------------     SECTION 29     ---------------*/

.section-29 {
  background-image: url(../images/backgrounds/s29-bg.jpg);

  background-position: center;

  background-size: cover;

  padding: 40px 0 10px 0;
}

@media (min-width: 576px) {
  .section-29 .swiper-wrapper {
    align-items: center;
  }
}

.section-29 .swiper-button-next,
.section-29 .swiper-button-prev {
  width: calc(var(--swiper-navigation-size) / 50 * 27);

  background-color: #000c26b3;

  border-radius: 25px;

  transition-duration: 300ms;
}

.section-29 .swiper-button-next:after,
.section-29 .swiper-button-prev:after {
  font-size: 22px;

  font-weight: 900;

  color: #fff;
}

.section-29 .swiper-button-next:hover,
.section-29 .swiper-button-prev:hover {
  width: calc(var(--swiper-navigation-size) / 40 * 27);

  height: 50px;

  background-color: #000c26;

  transition-duration: 300ms;
}

.section-29 .swiper-pagination-bullet-active {
  background: #333;
}

@media (max-width: 575px) {
  .section-29 h3 {
    font-size: 20px;

    line-height: 1;
  }

  .section-29 .swiper-button-next {
    right: 3px;
  }

  .section-29 .swiper-button-prev {
    left: 3px;
  }
}

/*----------------------------------- SECTION T1 -----------------------------------*/

.section-t1 {
  padding: 10px 0;
}

/*----------------------------------- SECTION T1-1 -----------------------------------*/

.st1-1 h3 {
  font-weight: 400;
}

.st1-1 .item-img {
  max-width: 550px;

  margin-top: 0;

  padding: 10px 0;
}

.st1-1 .prod-item-desk {
  background: linear-gradient(
    to right,

    rgba(255, 255, 255, 0),
    #fff,
    #fff,
    #fff,
    #fff,
    rgba(255, 255, 255, 0)
  );
}

.st1-1 .prod-desk {
  padding: 10px 0;
}

.st1-1 .prod-mb {
  background: linear-gradient(
    to right,

    rgba(255, 255, 255, 0),
    #fff,
    #fff,
    #fff,
    #fff,
    rgba(255, 255, 255, 0)
  );

  margin: auto;

  padding: 10px 0;
}

@media (min-width: 576px) {
  .st1-1 .left-bd {
    border-right: 1px #666 solid;
  }
}

@media (max-width: 575px) {
  .divider-st1-1:after {
    content: "";

    display: inline-block;

    width: 100%;

    height: 1px;

    background: #666;
  }

  .st1-1 h3 {
    font-size: 18px;

    line-height: 1;
  }

  .st1-1 .item-img {
    max-width: 200px;
  }
}

/*----------------------------------- SECTION T1-2 -----------------------------------*/

.st1-2 .top-cont {
  padding-bottom: 10px;
}

.st1-2 .top-cont .col-sm-8 {
  margin: auto;
}

.st1-2 .bottom-cont {
  margin-top: 0;

  padding: 20px 0;

  background-color: #e5e5e5;
}

.st1-2 .item-img {
  max-width: 420px;

  /*margin-top: 0; */

  /*padding: 10px 0;*/
}

.st1-2 .prod-item-desk {
  background: linear-gradient(
    to right,

    rgba(255, 255, 255, 0),
    #c1c6c2,
    #c1c6c2,
    #c1c6c2,
    #c1c6c2,
    rgba(255, 255, 255, 0)
  );
}

.st1-2 .prod-desk {
  padding: 10px 0;
}

.st1-2 .prod-mb {
  background: linear-gradient(
    to right,

    rgba(255, 255, 255, 0),
    #c1c6c2,
    #c1c6c2,
    #c1c6c2,
    #c1c6c2,
    rgba(255, 255, 255, 0)
  );

  margin: auto;

  padding: 10px 0;
}

@media (min-width: 576px) {
  .st1-2 .left-bd {
    border-right: 1px #666 solid;
  }
}

@media (max-width: 575px) {
  .divider-st1-2:after {
    content: "";

    display: inline-block;

    width: 100%;

    height: 1px;

    background: #666;
  }

  .st1-2 h3 {
    font-size: 18px;

    line-height: 1;
  }

  .st1-2 h4 {
    font-size: 14px;

    line-height: 1;
  }

  .st1-2 .item-img {
    max-width: 150px;
  }
}