* {
  outline:0;
}
body {
  font-weight:400;
  color:#313131;
  font-family: 'Barlow', sans-serif;
}
svg {
  display: block;
  width: 100%;
  height: 90px;
  background: white;
  margin-bottom:3em;
}
svg.pre {
  background: #FFD200; 
}
.section {
  padding-top:4rem;
  padding-bottom: 4rem
}
 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #bbb !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #bbb !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #bbb !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #bbb !important;
}
.btn {
  border-radius: 30px;
  color:#fff !important;
  padding:15px 35px;
  font-size:15px;
  min-width:200px;
  text-align:center;
  border-bottom: 5px solid #b34700 !important;
}
.btn-primary{
  background: #E65100; 
  border:0;
}
.btn:hover, .btn:target, .btn:active {
  background:#d55400 !important
}
.bg-yellow {
  background: #FFD200;
}
.bg-pale {
  background:#f4f4f4;
}
.section-title {
  font-size:40px;
  font-weight:600;
  color:#263238;
  margin:0 0 50px 0;
  letter-spacing: -0.3px;
  line-height:1.3em;
}
.mini-title {
  font-weight:600;
  color:#263238;
  font-size:20px;
  margin:0 0 30px 0;
}
.bg-orange {
  background: #ff741a
}
.text-orange {
  color:#ff741a;
}
.text-darkorange {
  color:#B34700;
}
.socmed {
   
}
.socmed img {
  width:30px;
}
#mainmenu li a{
  font-weight: 500
}
.socmed a {
  display: inline-block;
  margin: 0 0 0 20px;
}
.testimoni .white-box {
    padding: 30px 50px 50px 50px;
    margin-top:3rem;
}
.carousel-control-next, .carousel-control-prev {
  opacity: 1 !important;
}
.carousel-control-next img, .carousel-control-prev img{
  width:65px;
}
.carousel-control-prev {
  margin-left:-50px;
}
.carousel-control-next {
  margin-right:-50px;
}
h1 {
  font-size:30px;
  margin:0 0 15px 0;
}
footer {
  background:#fff0e5;
  padding:40px 0 30px 0;
  color:#333;
  font-size:14px;
} 
header .mainmenu {
  width: 100%;
    text-align: right;
        padding-left: 0;
    padding-right: 0;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #ce9854;
    border-color: #ce9854;
}
.carousel-inner {
  overflow:visible;
}
.navbar-toggler {
    
    border: 2px solid #e84310;
    padding: 0.5rem .5rem .2rem .5rem;
}
.form-control {
    border-radius: 0;
    border: 0;
    border-bottom: 2px solid #ddd;
    padding: 13px 0;
}
.form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#produk [class*=col] {
  margin-bottom:30px;
}
#pakej [class*=col] {
    margin-bottom: 30px;
   
}
#pakej [class*=col]:nth-child(2) {
    
   margin-top:-20px;
}
#pakej [class*=col]:last-child {
  
}
#pakej .gold h3 {
  font-size:31px;
  margin-top:5px;
  margin-bottom:30px;
}
.gold .box-details p {
    font-size: 16px;
}
#pakej .gold .text-darkorange {
  font-size:28px;
}
#pakej del {
  display:block;
  margin:0;
} 
.cara {
  background:#fef178;
}
.cara img {
  width:100px;
  margin-bottom:20px;
}
.cara h3 {
  text-transform: uppercase;
  font-size:18px;
  font-weight: 600
}
.cara p {
  margin:0 20px 20px 20px;
}
#pakej .text-darkorange {
  font-size:24px;
}
.hubungi img {
  margin-left:30px;
  margin-top: -70px
}
.form-group {
  margin-bottom: 1.5rem
}
a.bookmark {
    position: fixed;
    z-index: 11;
    background: #fe993d;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    padding: 7px 10px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg) /* Standard syntax */;
    left: 0;
    margin-left: -36px;
    margin-top: 100px;
}
textarea.form-control {
  margin-bottom: 2.7rem
}
.white-box {
  background:#fff;
  border-radius:20px; 
  -webkit-box-shadow: 10px 12px 38px -19px rgba(66,66,66,0.2);
  -moz-box-shadow: 10px 12px 38px -19px rgba(66,66,66,0.2);
  box-shadow: 10px 12px 38px -19px rgba(66,66,66,0.2);
}
.white-box img {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px
}
.user-img  {
  float:left;
width:100%;
margin-top: -80px;
    margin-bottom: 30px;}
.user-img img {
    width: 100px;
    padding: 5px;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 3px 7px 26px -6px rgba(0,0,0,0.37);
-moz-box-shadow: 3px 7px 26px -6px rgba(0,0,0,0.37);
box-shadow: 3px 7px 26px -6px rgba(0,0,0,0.37)
}
.comment-text {
  position:relative;
  margin:0 6rem 
}
p.comment {
  font-size:18px;
}
p.comment::before {
  content:'';
  background:url(../quote1.jpg);
  background-size:40px;
  display: block;
  width: 40px;
    height: 40px;
    position: absolute;
    margin-top: -15px;
    margin-left: -60px;
}
p.comment::after {
  content:'';
  background:url(../quote2.jpg);
  background-size:40px;
  display: block;
  width: 40px;
        height: 40px;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0 -50px -10px 0;
}
.white-box h3 {
  font-size:16px;
  line-height:24px;
  text-transform: uppercase;
}
.box-details {
  padding:25px;
}
.box-details span {
    font-weight: 600;
    font-size: 19px;
}
.user-name {
    color: #B34700;
    font-weight: 600;
    font-size: 21px;
    text-transform: uppercase;
}
.combo::before {
     content: 'COMBO';
    position: absolute;
    color: #ffff;
    display: block;
    background: #cd3b47;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 10px;
    text-align:center;
    line-height: 40px;
    margin-top: -15px;
    right: 0;
}
.user-web {
  font-size:15px;
  margin-bottom: 50px
}
.box-details p {
    font-size: 14px;
} 
span del {
    color: #999;
    font-weight: 400;
    font-size: 18px;
    margin-left: 5px;
}
span.cat {
    color: #9b9b9b;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 14px;
    padding-bottom: 6px;
    border-bottom: 1px solid #ccc;
    display: table;
    margin: 0 0 20px 0;
}
.navbar-toggler-icon span {
    display: block;
    background: #e84310;
    width: 100%;
    height: 3px;
    margin-bottom: 7px;
    border-radius: 10px;
}
.navbar-toggler-icon span:last-child {
  margin-bottom: 0
}
.row.justify-content-md-center h3 {
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 20px;
}
.ketik {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    background: #fff;
    margin: 10px;
    padding: 5px 10px;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
}
.jumbo-banner {
  position: relative;
}

@media (max-width: 991px) {
  .testimoni .white-box {
    padding: 30px 30px 50px 30px;
  }
}
@media (max-width: 767px) {
  .pss-form .col-md-8 {
  border:0 !important;
  }
  .pss-form .container {
    width: 100%;
    padding:0;
    max-width: 100%
  }
  .pss-form .pl-4.col-md-4 {
    text-align:center;
    padding:0 20px;
  }
  .matcangkung {
    margin-top:40px;
  }
  .bookmark {
    display: none;
  }
  
   
  ul.navbar-nav {
    border-top:3px solid #eee
  }
  .navbar-collapse {
    margin:0 -20px;
  }
  header .mainmenu {
    padding: 0 20px;
    width:100%;
    position:fixed;
    background: #fff;
    z-index:999;
  }
  .navbar-brand {
    padding-bottom:1.2rem;
    padding-top:1.2rem;
  }
  .navbar-brand img {
    width:60px;
  }
  ul.navbar-nav li {
    padding: 13px 0;
    border-bottom:2px solid #f3f3f3;
  }
  ul.navbar-nav li a {
    font-weight: 600
  }
  .body-content {
    border-top: 4px solid #ddd;
  }
  .container {
    max-width:80%;
  }
  .carousel-control-next {
    margin-right: -70px;
  }
  .carousel-control-prev {
    margin-left: -70px;
  }
  .carousel-control-next img, .carousel-control-prev img {
      width: 35px;
  }
  .comment-text {
    position: relative;
    margin: 0 2rem;
  }
  .hubungi img {
      width: 70%;
      margin: 50px auto 0 auto !important;
      display: block;
  }
  .body-content {
    padding-top:86px;
  }
  header .mainmenu {
    text-align: center !important
  }
  .white-box {
    text-align: center
  }
  .scrolled a.navbar-brand {
    left:20px;
  }
  span.cat {
    margin:0 auto 20px auto;
  }
  .top {
    text-align: center
  }
  .misichef-logo {
    width:200px;
  }
   
  footer {
    text-align: center
  }
  .col-md-6.socmed div {
    text-align: center;
    margin-top: 20px;
  }
  .socmed a {
    display: inline-block;
    margin: 0;
  }
  p.comment::before { 
    margin-top: -15px;
    margin-left: -50px;
  }
  p.comment {
    font-size: 16px;
  }
  .row.justify-content-md-center {
    margin-bottom: 0px !important
  }
  p.comment::before, p.comment::after {
    display: none
  }
  .box-details span.text-darkorange {
    font-weight: 600;
    font-size: 27px;
  }

} 
@media (max-width: 550px) {
  .carousel-control-next {
    margin-right: -50px;
  }
  .carousel-control-prev {
    margin-left: -50px;
  }
  .user-web {
    font-size: 15px;
    margin-bottom: 30px;
  }

  
  .comment-text {
    position: relative;
    margin: 0 1em;
  }

}
@media (min-width: 768px) and (max-width: 991.98px) { 
  header .container {
    max-width: 100%;
    width:100%;
  }
  #pakej [class*=col] {
      margin-bottom: 30px;
      border-right: 0;
    }
     
}
@media (max-width:1200px) {
  .iframe {
    height:840px;
  }
}
@media (min-width: 1200px) {
.container {
    max-width: 1050px;
}