.qlg-shortcode{}
.qlg-shortcode .close-popup{position: absolute; top: -15px !important; right: -15px !important; width: 30px; transform: none; left: auto; bottom: auto; }
.qlg-shortcode .close-popup .close-icon-img{width: 100%; cursor: pointer;}

.qlg-shortcode .offer-icon{position: fixed; top: 50%; transform: translateY(-50%); z-index: 9; right: 0; z-index: 9999;}
.qlg-shortcode .offer-icon-img{width: 85px; cursor: pointer;}

#qlg-offers{display: none; background: rgba(255,255,255,0.9); width: 100%; position: fixed; height: 100vh; top: 50%; z-index: 99999; justify-content: center; align-items: center; transform: translateY(-50%);}
#qlg-offers .qlg-inner{background: #fff; /*width: 95%;*/ border: 2px solid #000; /*border-radius: 10px;*/ margin: 0 auto; text-align: center; position: fixed; top: 50%; z-index: 999999999; left: 50%; transform: translate(-50%, -50%); box-shadow: 7px 7px 4px -2px #000;}
#qlg-offers .qlg-inner-form-1,#qlg-offers .qlg-inner-form-2,#qlg-offers .qlg-inner-form-3,#qlg-offers .qlg-inner-form-4{display: none; background: #fff; width: 300px; border: 2px solid #000; /*border-radius: 10px;*/ margin: 0 auto; text-align: center; position: fixed; top: 50%; z-index: 999999999; left: 50%; transform: translate(-50%, -50%);}

.qlg-popup{position: relative;}
.qlg-popup h1{font-size: 32px; margin: 10px 0 20px 0;}
.qlg-offer-images{display: flex; line-height: 0;}
.qlg-offer-images div{width: auto; cursor: pointer;}


body .qlg-shortcode ::-webkit-input-placeholder{color:#6e6e6e !important; font-style: italic !important; font-size: 14px;  font-family: 'Helvetica-thin'!important; font-weight: bold;}
body .qlg-shortcode ::-moz-placeholder{color:#6e6e6e !important; font-style: italic !important; font-size: 14px;  font-family: 'Helvetica-thin'!important; font-weight: bold;}
body .qlg-shortcode :-ms-input-placeholder{color:#6e6e6e !important; font-style: italic !important; font-size: 14px;  font-family: 'Helvetica-thin'!important; font-weight: bold;}
body .qlg-shortcode :-moz-placeholder{color:#6e6e6e !important; font-style: italic !important; font-size: 14px;  font-family: 'Helvetica-thin'!important; font-weight: bold;}
body .qlg-shortcode .qlg-name-field{width: 100% !important;  background: #000000 !important; padding: 10px !important; border-radius: 0 !important; outline: none !important; border: 1px solid #b39347 !important; margin: 0 !important; color:#fff !important; font-size: 12px !important;  font-family: 'Helvetica-thin' !important; letter-spacing: 1px;}
body .qlg-shortcode .qlg-web-field{width: 100% !important;  background: #000000 !important; padding: 10px !important; border-radius: 0 !important; outline: none !important; border: 1px solid #b39347 !important; margin: 0 !important; color:#fff !important; font-size: 12px !important;  font-family: 'Helvetica-thin' !important; letter-spacing: 1px;}
body .qlg-shortcode .qlg-phone-field{width: 100% !important;  background: #000000 !important; padding: 10px !important; border-radius: 0 !important; outline: none !important; border: 1px solid #b39347 !important; margin: 0 !important; color:#fff !important; font-size: 12px !important;  font-family: 'Helvetica-thin' !important; letter-spacing: 1px;}
body .qlg-shortcode .qlg-offer-submit{background: url(../images/black-btn-arrow.gif)no-repeat center right 10px !important; background-size: 18px !important; width: 100% !important;  padding: 10px 0 !important; text-align: center !important; height: auto !important; text-transform: uppercase !important; font-size: 18px !important; letter-spacing: 0 !important; font-weight: 600 !important; border-radius: 0 !important; background-color: #b39347 !important; color: #000000 !important; cursor: pointer !important; border: none !important; font-family: Helvetica, HelveticaNeueLT-Medium !important; }
.details {text-align: center; padding: 0 0; color: #fff; font-size: 26px;  width: 99%; margin: 0 auto; margin-top: 0; border: 1px solid #fff;}
.details p{font-family: Helvetica, HelveticaNeueLT-Medium !important; margin-bottom: 0; font-weight: bold; font-size: 18px; color: #000; line-height: 24px; text-transform: uppercase;}
.qlg-popup .wpcf7{width: 100%; margin: 0 auto;}
.qlg-inner-form-1 img,.qlg-inner-form-2 img,.qlg-inner-form-3 img,.qlg-inner-form-4 img{width: 100%;}
.qlg-inner-form-1 p,.qlg-inner-form-2 p,.qlg-inner-form-3 p,.qlg-inner-form-4 p{margin-bottom: 0 !important;}
.qlg-shortcode .success{font-family: Helvetica, HelveticaNeueLT-Medium !important; color: #dc3232; font-size: 12px !important; display: block; text-transform: lower; font-weight: bold;}


.qlg-inner-form-1 .wpcf7-response-output{width: 100%; display: inline-block; color: #b39347 !important; padding: 10px 0 !important; font-family: Helvetica, HelveticaNeueLT-Medium !important; font-weight: bold; margin: 0 !important; background: #ffffff; font-size: 16px !important;}
.qlg-inner-form-1 .wpcf7-spinner{margin: 11px !important; position: absolute !important; left: -10px !important;}
.qlg-image{line-height: 0;}

@media screen and (max-width:768px) {
#qlg-offers .qlg-inner{width: 68%;}
.qlg-offer-images{flex-wrap: wrap;}
.qlg-offer-images div{width: 100%;}
}

@media screen and (max-width:480px) {
#qlg-offers .qlg-inner-form-1,#qlg-offers .qlg-inner-form-2,#qlg-offers .qlg-inner-form-3,#qlg-offers .qlg-inner-form-4{width: 75%;}
.details p{font-size: 16px; line-height: 22px;}
body .qlg-shortcode .qlg-offer-submit{background-size: 14px !important; font-size: 14px !important;}
body .qlg-shortcode .qlg-web-field{padding: 10px !important; font-size: 12px !important;}
body .qlg-shortcode .qlg-name-field{padding: 10px !important; font-size: 12px !important;}
body .qlg-shortcode .qlg-phone-field{padding: 10px !important; font-size: 12px !important;}
/*.flip-clock-wrapper{width: 100%; margin: 0 0 10px 0 !important; display: flex !important; justify-content: center !important;}
.flip-clock-wrapper ul{width: 25px !important; height: 50px !important; line-height: 48px !important;}
.flip-clock-wrapper ul li{line-height: 50px !important;}
.flip-clock-wrapper ul li a div div.inn{font-size: 30px !important;}
.flip-clock-divider{height: auto !important;}
.flip-clock-dot.top{top: 15px !important;}
.flip-clock-dot.bottom{bottom: 15px !important;}
.flip-clock-divider.hours .flip-clock-label{right: -48px !important;}
.flip-clock-divider.days .flip-clock-label{right: -48px !important;}
.flip-clock-divider.minutes .flip-clock-label{right: -58px !important;}
.flip-clock-divider.seconds .flip-clock-label {right: -58px !important;}*/