@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');
/*font-family: 'Source Sans Pro', sans-serif;*/

.aturlead-campaign-preview {
   background-color: #eee;
   padding: 50px 0;
   position: relative
}
.aturlead-campaign-preview .aturlead-campaign, .aturlead-campaign-preview .preview-notes {
   box-sizing: border-box;
   width: 95%;
   max-width: 740px;
   margin: 0 auto;
   font-family: 'Source Sans Pro', sans-serif !important;
}
.aturlead-campaign-preview .preview-notes {
   margin-bottom: 3rem;
   background-color: #FD7272;
   font-size: 14px;
   padding: 15px;
   border-radius: 4px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, .175);
   color: #fff;
   text-align: center
}
.aturlead-campaign, .aturlead-campaign *, .fl-select-2.select2-dropdown * {
   box-sizing: border-box;
   font-family: 'Source Sans Pro', sans-serif
}
.aturlead-campaign {
   background-color: #fff;
   border-radius: 4px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, .175);
   font-size: 16px;
   font-weight: normal;
   line-height: 1.4;
   padding: 30px 25px 50px;
}
.fl-select-2.select2-dropdown * {
   font-size: 16px;
   line-height: 1.4
}
.aturlead-campaign .form-header {
   margin-bottom: 2.5em
}
.aturlead-campaign .form-header, .aturlead-campaign h2.form-title {
   color: #222!important
}
.aturlead-campaign h2.form-title, .aturlead-campaign .form-title {
   font-size: 1.9em;
   font-weight: 600;
   margin: 0;
   letter-spacing: normal;
   padding: 0;
   line-height: 1.2em;
   font-family: 'Source Sans Pro', sans-serif;
   border-bottom: 1px solid #eaeaea;
   padding-bottom: 10px;
}
.aturlead-campaign .form-header p {
   font-size: 1.25em;
   margin: .5em 0 1.7em
}
.aturlead-campaign .field {
   margin-bottom: 1.75em
}
.aturlead-campaign .field label {
   display: flex;
   margin-bottom: 8px;
   font-size: 1em;
   color: #333!important;
   align-items: flex-start;
   font-weight: 400;
}
.aturlead-campaign .field label .req {
   color: red;
   display: inline-block;
   margin-left: 3px
}
.aturlead-campaign .field.variant-field select {
   display: block;
   width: 100%;
   margin-bottom: 1.5em
}
.aturlead-campaign .field select, .aturlead-campaign .field input[type="text"], .aturlead-campaign .field input[type="email"], .aturlead-campaign .field input[type="number"], .aturlead-campaign .field textarea, .aturlead-campaign button[type="submit"], .aturlead-campaign .select2-container--default .select2-selection--single {
   background-color: #fff;
   border-radius: 3px;
   border: 1px solid #ddd;
   display: block;
   -webkit-box-shadow: 0 0 0 1px transparent, 0 1px 0 0 rgba(22, 29, 37, .05);
   box-shadow: 0 0 0 1px transparent, 0 1px 0 0 rgba(22, 29, 37, .05);
   height: 43px;
   line-height: 1.3em;
   padding: .5em 0.8em .6em;
   width: 100%;
   font-size: 15px;
   color: #222
}
.aturlead-campaign .field input.error, .aturlead-campaign .field select.error {
   border-color: red
}
.aturlead-campaign .field .error-msg {
   color: red;
   font-style: italic;
   font-size: 12px;
   display: inline-block;
   margin-top: 3px
}
.aturlead-campaign .field textarea {
   resize: vertical;
   min-height: 80px
}
.aturlead-campaign .field.variant-field select:last-child {
   margin-bottom: 0
}
.aturlead-campaign button[type="submit"] {
   background-color: #075e54;
   color: #fff;
   cursor: pointer;
   height: 3em;
   line-height: 1;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-weight: 600;
   text-decoration: none!important;
   font-family: 'Source Sans Pro', sans-serif;
}
.aturlead-campaign.processing {
   position: relative;
   overflow: hidden
}
.aturlead-campaign.processing::before {
   position: absolute;
   content: "";
   display: block;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(255, 255, 255, .9);
   background-image: url("../images/loader.svg");
   background-position: center;
   background-repeat: no-repeat;
   background-size: 10%;
   z-index: 10
}
.aturlead-campaign.success .form-header, .aturlead-campaign.success .form-header p:last-of-type {
   margin-bottom: 0
}
a[aturlead-popup] {
   display: block;
   background-color: #075e54;
   width: 230px!important;
   color: #fff !important;
   cursor: pointer;
   height: 40px;
   line-height: 40px;
   font-size: 16px;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-weight: 600;
   text-decoration: none!important;
   margin: 0 auto!important;
   text-align: center;
   font-family: 'Source Sans Pro', sans-serif;
}
div[aturlead-modal] {
   height: 100%;
   display: none;
   position: fixed!important;
   top: 50px;
   bottom: 50px;
   left: 50%;
   transform: translateX(-50%);
   width: 95%;
   max-width: 760px;
   z-index: 999999999999999;
   overflow-y: scroll;
   box-shadow: 0 60px 100px rgba(0, 0, 0, .5);
   border-radius: 10px;
   overflow-x: hidden
}
div[aturlead-modal].open {
   display: block
}
.aturlead-opened {
   overflow: hidden!important;
   height: 100vh;
}
/* .aturlead-opened:before {
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background-color: rgba(0, 0, 0, .7);
   content: "";
   display: block;
   z-index: 9999999
} */
a[aturlead-modal-close] {
   position: absolute;
   width: 30px;
   height: 33px;
   background-color: #404040;
   color: #fff !important;
   font-size: 24px;
   text-align: center;
   text-decoration: none;
   cursor: pointer;
   top: 0;
   right: 0;
   border-radius: 0 0 0 10px
}
.aturlead-campaign .detail>div {
   margin-bottom: 15px;
   font-size: 18px;
   overflow: hidden;
}
.aturlead-campaign .detail .field {
   margin: 0!important
}
.aturlead-campaign .detail .field label {
   margin: 5px 0 8 0px!important
}
.aturlead-campaign .detail>div:last-child {
   margin-bottom: 0
}
.aturlead-campaign .detail h4 {
   font-size: 20px;
   text-transform: uppercase;
   text-decoration: underline;
   letter-spacing: 2px;
   line-height: normal;
   margin: 0;
   color: #000;
   margin-bottom: 5px;
}
.aturlead-campaign .detail p, .aturlead-campaign .detail span {
   color: #333
}
.aturlead-campaign .detail {
   background-color: #eee;
   padding: 25px;
   margin-bottom: 25px;
   border: 1px dashed #ccc
}
.aturlead-campaign .pengiriman .field {
   margin-bottom: 0;
   margin-top: 15px
}
.aturlead-campaign .pengiriman .field label {
   cursor: pointer
}
div[aturlead-modal] .select2-container {
   z-index: 9999999999!important
}
.aturlead-campaign .select2 {
   width: 100%!important
}
.aturlead-campaign .variant-field>.select2 {
   margin-bottom: 15px
}
.aturlead-campaign .variant-field>.select2:last-child {
   margin-bottom: 0
}
.aturlead-campaign .select2-container .select2-selection--single .select2-selection__rendered {
   padding-left: 0
}
.aturlead-campaign .select2-container--default .select2-search--dropdown .select2-search__field {
   outline: none;
   border-radius: 2px
}
.fl-select-2.select2-dropdown {
   border-color: #ddd
}
.fl-select-2.select2-dropdown li {
   margin: 0;
   padding: 3px 10px
}
.aturlead-campaign .select2-container--default .select2-selection--single .select2-selection__arrow {
   height: 42px
}
.aturlead-opened .select2-container.select2-container--default.select2-container--open {
   z-index: 999999999999999
}
.aturlead-campaign__shadow {
   display: none;
   content: "";
   left: 0;
   top: 0;
   position: fixed;
   width: 100%;
   height: 100%;
   z-index: 999999999;
   background: rgba(0, 0, 0, 0.7);
}
.aturlead-campaign__shadow.open {
   display: block;
}
.aturlead-campaign .field label input[type="radio"] {
   position: relative;
   top: 7px;
   margin-right: 6px;
}
div[aturlead-modal].aturlead-campaign.open {
   padding-bottom: 100px;
}
.aturlead-campaign .detail .total .results .cost_total {
   font-size: 1.4em;;
   font-weight: 700;
   margin-top: 4px;
   color: #018e01 !important;
}
.aturlead-campaign .detail span.percentage-discount {
   background-color: #EF4D2D;
   color: #ffffff;
   padding: 3px 8px;
   font-size: 18px;
   display: inline-block;
}

.aturlead-campaign .results .harga {
	font-weight:  18px;
	font-weight: 700;
	color: #ee4d2d;
}
.aturlead-campaign .results .harga.regular_price {
	display: inline-block;
	margin-right: 7px;
	text-decoration: line-through;
	font-weight: 400;
	color: #333;
}

.aturlead-campaign .results  .harga.sale_price {
	display: inline-block;
	font-size: 1.3em;
	font-weight: 700;
	color: #ee4d2d;
	margin-right: 5px;
}

.aturlead-campaign .results .quantity  {
	display: block;
	margin-top: 8px;
	line-height: 1.4em;
}

.aturlead-campaign .results .quantity > strong {
	display: inline-block;
	font-size: 1.3em;
	font-weight: 700;
	color: #ee4d2d;
}