@media (max-width: 700px) and (orientation: landscape) {
	.content_style .x {
		max-width: 480px;
		width: 100%;
		height: auto;
		min-height: 412px;
		max-height: 300px;
		overflow: auto;
	}
}
.show-couponcode.soo-invalid {font-size: 1em!important}
.hey_thebuttonclick{
    position: fixed;
    display: block;
    width: 0;
    height: 0;
    z-index: 99999998;
    margin: 0;
    outline: 0;
    -webkit-backface-visibility: hidden;

}
#hey_box_gdpr {border:5px solid transparent}
#hey_box_gdpr_checkbox input {float:left; margin:3px 5px 0px 0px}
#hey_box_gdpr_checkbox span {color:#000}
#hey_box_gdpr_checkbox {margin-top:20px}
#newsletter-newsletterpopupcouponapi-code-form input:focus, #newsletter-newsletterpopupcouponapi-code-form textarea:focus, #newsletter-newsletterpopupcouponapi-code-form select:focus{
        outline: none!important;
}

.hey-soosocial {font-size: 0.8em!important}
.sharing-bubble{
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    position: relative;
    float: none!important;
    text-align: center!important;
}
.float-left-acounts{
    width: auto;
    margin: 0 auto;
    text-align: center;
}
.hey_button_close,.hey_subscribebutton {cursor: pointer;}
.hey-thebutton-style-onleft-b {
z-index: 10000000;
transition:2s;
-webkit-transition:2s;
-moz-transition:2s;
left: 0; cursor: pointer;
position: fixed;
top: 45%;
}
.hey-thebutton-style-onleft-b:hover {left:5px;}
.hey-thebutton-style-onright-b {
z-index: 10000000;
transition:2s;
-webkit-transition:2s;
-moz-transition:2s; cursor: pointer;
right: 0;
position: fixed;
top: 45%;
}
.hey-thebutton-style-onright-b:hover {right:5px;}
.hey-thebutton-style-right {
z-index: 10000000;
transition:2s;
-webkit-transition:2s;
-moz-transition:2s;
right: 5px; cursor: pointer;
position: fixed;
bottom: 2%;
}
.hey-thebutton-style-right:hover {bottom:5%;}
.hey-thebutton-style {
z-index: 10000000;
transition:2s;
-webkit-transition:2s;
-moz-transition:2s;
left: 5px; cursor: pointer;
position: fixed;
bottom: 2%;
}
.hey-thebutton-style:hover {bottom:5%;}
.hey-thebutton-theme1 {
background: url("../img/icons/discount-box.png") center center no-repeat;
width:400px;
height: 274px;}
.hey-thebutton-theme2 {background-image: url("../img/icons/gift-box.png");
background-color:#ea296a;
background-position: 20px center;
background-repeat: no-repeat;
background-size: auto 60%;
width: auto;
height: 75px;box-shadow:
0 2.8px 2.2px rgba(0, 0, 0, 0.034),
0 6.7px 5.3px rgba(0, 0, 0, 0.048),
0 12.5px 10px rgba(0, 0, 0, 0.06),
0 22.3px 17.9px rgba(0, 0, 0, 0.072),
0 41.8px 33.4px rgba(0, 0, 0, 0.086),
0 100px 80px rgba(0, 0, 0, 0.12);
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
background-repeat: no-repeat;
text-indent: 85px;
line-height: 75px;
color:#fff;
font-size: 1.2em;
padding-right: 20px;}
.hey-thebutton-theme3{width: 150px;
height: 133px;
background: url("../img/icons/bubble.png");}
.hey-thebutton-theme4{width: 200px;
height: 200px;
background: url("../img/icons/party.png");}
.hey-thebutton-theme10{width: 400px;
height: 188px;
background: url("../img/icons/coupon1.png");}
.hey-thebutton-theme11{width: 400px;
height: 238px;
background: url("../img/icons/coupon2.png");}
.hey-thebutton-theme5{
	position: relative;height: 160px;width: 130px;
}
.hey-thebutton-theme7,.hey-thebutton-theme8,.hey-thebutton-theme9 {
	 display: flex;
	 align-items: stretch;
	 justify-content: stretch;
	 height: 140px;
	 width:450px;box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12);
	border-radius: 12px;
}
 .hey-thebutton-theme7 > div, .hey-thebutton-theme8 > div,.hey-thebutton-theme9 > div {
	 padding: 10px 20px;
	 border-radius: 12px;
}
 .hey-thebutton-theme7 .coupon-intro {
 background: url("../img/icons/people7-icon.png") #fa9c92 no-repeat 0px bottom;
	 position: relative;
	 flex: 3;
	 line-height: 2.1rem;
	 color: #fff;
	 font-size: 2em;padding: 30px 0px 30px 154px;
}
 .hey-thebutton-theme8 .coupon-intro {
 background: url("../img/icons/people8-icon.png") #72d9b4 no-repeat 0px bottom;
	 position: relative;
	 flex: 3;
	 color: #fff;
	 line-height: 2.1rem;
	 font-size: 2em;padding: 30px 0px 30px 154px;
}
 .hey-thebutton-theme9 .coupon-intro {
 background: url("../img/icons/people9-icon.png") #ebb743 no-repeat 0px bottom;
	 position: relative;
	 flex: 3;
	 color: #fff; line-height: 1.2em;
	 font-size: 2em;padding: 30px 0px 30px 154px;
}
 .hey-thebutton-theme7 .coupon-intro:after,.hey-thebutton-theme8 .coupon-intro:after,.hey-thebutton-theme9 .coupon-intro:after {
	 content: ' ';
	 border: 2px dashed #fff;
	 height: 100%;
	 position: absolute;
	 top: 0;
	 right: -2px;
	 z-index: 2;
}
 .hey-thebutton-theme7 .coupon-value span,.hey-thebutton-theme8 .coupon-value span,.hey-thebutton-theme9 .coupon-value span  {
	 -moz-transform: rotate(-90deg);
}
 .hey-thebutton-theme7 .coupon-value, .hey-thebutton-theme8 .coupon-value, .hey-thebutton-theme9 .coupon-value{
	 display: flex;
	 flex: 1;
	 width: 50px;
	 position: relative;
	 color: #fff;
	 font-size: 30px;
	 padding: 20px 0px;
	 align-items: center;
	 justify-content: center;
}
.hey-thebutton-theme7 .coupon-value {
background: #fa9c92;
}
.hey-thebutton-theme8 .coupon-value {
background: #72d9b4;
}
.hey-thebutton-theme9 .coupon-value {
background: #ebb743;
}
.hey-thebutton-theme7 .coupon-value .thebefore,.hey-thebutton-theme8 .coupon-value .thebefore,.hey-thebutton-theme9 .coupon-value .thebefore{
width: 24px;
height: 12px;
position: absolute;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
top: 0px;
left: -12px;
background:#fff;
}
 .hey-thebutton-theme7 .coupon-value .theafter,.hey-thebutton-theme8 .coupon-value .theafter,.hey-thebutton-theme9 .coupon-value .theafter{
	 width: 24px;
	 height: 12px;
	 position: absolute;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
	 bottom: 0px;
	 left: -12px;
	 background: #fff;
}
