::-moz-selection { /* Code for Firefox */

    color: white;

    background: blue;

}



::selection {

    color: white;

    background: blue;

}



.row-flex {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}



.content-flex {

  padding: 20px;

}



@media(max-width: 420px){

  .content-flex {

    padding: 10px;

  }

}



.load-screen {

    display: none;

    position: fixed;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: 9999;

    background: rgba(255, 255, 255, 0.7); 

}



.bg-img-load {

    /*background: url('http://gogomall.co.id/aktivasi-garansi/assets/images/Preloader_2.gif') center no-repeat #fff;*/

    position: absolute;

    background-color: transparent;

    display: block;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}



.fa-1s4x {

  font-size: 1.4em;

}



.f-cust {

  position: relative;

}



.f-c-cust {

    border-radius:  0px;

    border-left:  none;

    border-right:  none;

    border-top:  none;

    box-shadow: none;

    background: none;

}



.f-c-cust::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: black;

    opacity: 1; /* Firefox */

}



.f-c-cust:-ms-input-placeholder { /* Internet Explorer 10-11 */

    color: black;

}



.f-c-cust::-ms-input-placeholder { /* Microsoft Edge */

    color: black;

}



.cont-cust {

  color: #f9f9f9;

  visibility: visible;

  animation-name: tada;

  margin-bottom: 10px;

}



.cont-cust b, #ahli p {

  font-family: 'Open Sans','Helvetica Neue','Arial',sans-serif;

}



.padd {

  padding: 0px 15px;

}



.error {

  color: #A94442;

}



.has-success .f-c-cust {

    box-shadow: none;

    background: none;

}



.has-success .f-c-cust:focus {

    outline: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.has-error .f-c-cust {

    box-shadow: none;

    background: none;

}



.has-error .f-c-cust:focus {

    outline: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.f-c-cust:focus {

  /*border-color: #ff0000;*/

  outline: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

}



.f-cust input {

  padding-left: 35px;

  font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;

  font-weight: normal;

}



.f-c-cust[readonly], .f-c-cust:disabled {

  background: none;

}



textarea.f-c-cust {

  padding-left: 32px;

}



.f-cust input:focus {

  background: none;

}



.f-c-cust.is-valid:focus {

  box-shadow: 0 4px 2px -2px rgba(40,167,69,.25);

}



.f-c-cust.is-invalid:focus {

  box-shadow: 0 4px 2px -2px rgba(220,53,69,.25);

}



.fa-cust {

  position: absolute;

  padding: 8px;

}



.btn-cust {

  background-color: lightgrey; 

  color: red;

  /*visibility: visible;

  animation-name: tada;*/

  margin-bottom: 10px;

}



.modal-cust {

  /*background: linear-gradient(to bottom, rgba(146, 135, 187, 0.8) 0%, rgba(0, 0, 0, 0.6) 100%);*/

  background: rgba(214, 214, 214);

  border-radius: 15px;

}



#form * {

  transition: all 0.3s ease;

}



.ajax-button{

  position:relative;

  display:inline-block;

  width: 100%;

  max-width:170px;

  height:40px;

  text-align:center;

}



.ajax-button input {

  transition: all 0.3s ease;

}



label.valid {

    display: none !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;

}



.submit:hover, .submit:active{

  background-color:#eee;

}



.submit-wa {

  background-color: #00a500;

  color: #fff !important;

}



.submit-wa:hover, .submit-wa:active {

  background-color: #00c900;

  color: #fff;

}



.close-cust{

  -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;

}



.close-cust:hover{

  background-color:#eee;

}



.loading{

  font-size:0;

  width:30px;

  height:30px;

  margin-top:5px;

  border-radius:15px;

  padding:0;

  border:3px solid #FFFFFF;

  border-bottom:3px solid rgba(255,255,255,0.0);

  border-left:3px solid rgba(255,255,255,0.0);

  background-color:transparent !important;

  animation-name: rotateAnimation;

  -webkit-animation-name: wk-rotateAnimation;

  animation-duration: 1s;

  -webkit-animation-duration: 1s;

  animation-delay: 0.2s;

  -webkit-animation-delay: 0.2s;

  animation-iteration-count: infinite;

  -webkit-animation-iteration-count: infinite;

}



@keyframes rotateAnimation {

    0%   {transform: rotate(0deg);}

    100% {transform: rotate(360deg);}

}

@-webkit-keyframes wk-rotateAnimation {

    0%   {-webkit-transform: rotate(0deg);}

    100% {-webkit-transform: rotate(360deg);}

}



.finish{

  -webkit-transform:scaleX(1) !important;

  transform:scaleX(1) !important;

}

.hide-loading{

  opacity:0;

  -webkit-transform: rotate(0deg) !important;

  transform: rotate(0deg) !important;

  -webkit-transform:scale(0) !important;

  transform:scale(0) !important;

}



textarea.form-input {

  height: auto;

}



.form-wrap .select2-selection {

  background-color: transparent;

}



.form-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {

  border-color: #333 transparent transparent transparent;

}



.f-btn {

  padding-top: 15px;

  text-align: center;

}



.modal-form {

  text-align: center;

  padding: 0!important;

}



.modal-form:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle;

  margin-right: -4px;

}



.modal-dialog {

  display: inline-block;

  text-align: left;

  vertical-align: middle;

  max-width: 500px;

}



.modal-content {

  border: none;

}



.modal-form .modal-header {

  padding-bottom: 41%;

  border-bottom: none;

  /*height: 160px;*/

  /*background-image: url('http://gogomall.co.id/jamlaser/img/form-order.jpg');*/

  background-size: 100% 100%;

  background-repeat: no-repeat;

  /*background-position: center center;*/

  -webkit-border-top-left-radius: 15px;

  -webkit-border-top-right-radius: 15px;

  -moz-border-radius-topleft: 15px;

  -moz-border-radius-topright: 15px;

  border-top-left-radius: 15px;

  border-top-right-radius: 15px;

}



#modal_video {

  text-align: center;

}  



#modal_video:before {

  content: '';

  display: inline-block;

  height: 0;

  vertical-align: middle;

  margin-right: -4px;

}



@media(max-width: 536px) {

  #modal_video:before {

    height: 0;

  }

}



#modal_video .modal-backdrop.in {

  filter: alpha(opacity=7);

  opacity: 0.7;

}



#modal_video .modal-content {

  background: none;

  border: 0;

  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;

  -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;

}



#modal_video .modal-body {

  padding: 0 0px 25px 0px;

}



#modal_video .modal-header {

  padding: 25px 0px 15px 0px;

  text-align: right;

  margin-left: 91%;

}



#modal_video .modal-dialog {

  width: 100%;

  padding-right: 18px;

}



#modal_video .modal-header, #modal_video .modal-footer {

  border: 0;

}



#modal_video .modal-header .close {

  float: none;

  margin: 0;

  font-size: 36px;

  color: #fff;

  font-weight: 300;

  text-shadow: none;

  opacity: 1;

} 



#modal_video .modal-header .close:before {

  content: none;

}



.video-testi a {

  text-decoration: none;

  color: #000000;

} 



.video-testi-list .wow {

  padding-right: 5px; 

  padding-left: 5px;

  max-width: 360px;

  margin: 0 auto;

}



.thumb-youtube { 

  border: 2px #fff solid;

  border-radius: 65%;

  color: #FFFFFF;

  font-size: 0.8em; /* change this to change size */

  height: 3em;

  margin-top: 20%;

  padding: 0;

  position: absolute;

  left: 0;

  right: 0;

  margin-left: auto;

  margin-right: auto;

  text-align: center;

  text-indent: 0.1em;

  transition: all 150ms ease-out;

  width: 3em;

}



.thumb-youtube:hover {

  /*background: rgb(229, 11, 11);*/

}



.thumb-youtube::after {

  border-style: solid;

  border-width: 1em 0 1em 1.732em;

  border-color: transparent transparent transparent rgba(255, 255, 255, 1);

  content: ' ';

  font-size: 0.75em;

  height: 0;

  margin: -1em 0 0 -0.75em;

  top: 50%;

  position: absolute;

  transition: all 150ms ease-out;

  width: 0;

}



.thumb-youtube:hover:after {

  border-color: transparent transparent transparent rgba(229, 11, 11, 1);

}



.ty-3 {

  margin-top: 26%;

  font-size: 1.1em;

}



.mh-p {

  background-image: url('https://gogomall.co.id/jamlaser/img/form-order.jpg');

}



.mh-p10 {

  background-image: url('https://gogomall.co.id/jamlaser/img/form-order-perfect10.jpg');

}



.mh-chat-wa {

  background-image: url('../images/hiplus-01.jpg');

}



.button-custom {

  font-size: 35px;

  color: #fff;

}



.button-custom:hover {

  color: #fff;

}



.button-custom1 {

  font-size: 35px;

  color: #555;

}



.button-custom1:hover {

  color: #555;

}



.form-control {

  border-color: #666;

}



/*.row {

  margin-right: 0px;

  margin-left: 0px;

}

*/

.img-cust {

  background: url(https://gogomall.co.id/jamlaser/img/bgimg3.jpg) no-repeat center center; 

  background-size: 100% 100%;

}



@media (max-width: 768px){

  .img-cust {

    background: url(https://gogomall.co.id/jamlaser/img/bgimg3.jpg) no-repeat center center; 

    background-size: cover;

  }

}



#btn_kupon,#btn_kupon2,#btn_kupon3,#btn_kupon4,#btn_kupon5 {

  border-radius: 0 4px 4px 0;

  font-weight: normal;

  background-color: #efefef;

  margin-bottom: 0px; 

  border: 1px #777 solid;

}



#btn_kupon:hover,#btn_kupon2:hover,#btn_kupon3:hover,#btn_kupon4:hover,#btn_kupon5:hover {

  background-color: #cccccc;

}



.order {

    font-size:24px;

    background-color: #fff;

    color: red;

    visibility: visible; 

    animation-name: tada; 

    padding-left: 25px;

    padding-right: 25px;

    white-space: normal;

}

@media(max-width: 337px){

    .order {

        font-size: 22px;

    }

}

@media(max-width: 317px){

    .order {

        font-size: 20px;

    }

}

@media(max-width: 297px){

    .order {

        font-size: 18px;

    }

}

@media(max-width: 277px){

    .order {

        font-size: 16px;

    }

}

.card-bundle{
  border: 2px solid rgb(239 149 41);
  border-radius: 7px;
  padding: 10px;
}
.card-bundle p{
  font-weight: 600;
  font-size: 13px;
  line-height: 1.2;
}
.card-bundle .row{
  margin-top: 0px;
}
.card-bundle .img-as10{
  width: 145px;
}
.card-bundle .title-left{
  padding-top: 20px;
}
.card-bundle .title-left .check{
  cursor: pointer;
}
.card-bundle .high{
  font-weight: 700;
  padding-left: 10px;
}
.card-bundle .pricing{
  font-size: 18px;
  font-weight: 700;
  font-family: sans-serif;
}