#et-main-area { overflow: hidden !important;}
#page-container{overflow: hidden;} .ssm-tri-both::before,
.ssm-tri-both::after {
position: absolute;
content: '';
pointer-events: none;
}
.ssm-tri-both{
padding: 6em;
z-index: 99;
}
.ssm-tri-both::before,
.ssm-tri-both::after {
left: 50%;
width: 100px;
height: 100px;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
}
.ssm-tri-both::before{
top: -50px;
background: inherit;
}     
.ssm-tri-both::after{
bottom: -50px;
background: inherit;
left: 50%;
width: 100px;
height: 100px;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
} .ssm-tri-top::before {
position: absolute;
content: '';
pointer-events: none;
}
.ssm-tri-top{
padding: 6em;
z-index: 99;
}
.ssm-tri-top::before {
left: 50%;
width: 100px;
height: 100px;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
}
.ssm-tri-top::before{
top: -50px;
background: inherit;
} .ssm-tri-bottom::after {
position: absolute;
content: '';
pointer-events: none;
}
.ssm-tri-bottom{
padding: 6em;
z-index: 99;
}
.ssm-tri-bottom::after {
left: 50%;
width: 100px;
height: 100px;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
}
.ssm-tri-bottom::after{
bottom: -50px;
background: inherit;
left: 50%;
width: 100px;
height: 100px;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
} .ssm-diagonal-both::before,
.ssm-diagonal-both::after {
position: absolute;
content: '';
pointer-events: none;
}
.ssm-diagonal-both {
z-index: 1;
padding-top: 6em;
}
.ssm-diagonal-both::before {
top: 0;
left: -25%;
z-index: -1;
width: 150%;
height: 75%;
-webkit-transform: rotate(-2deg);
background: inherit;
transform: rotate(-2deg);
-webkit-transform-origin: 3% 0;
transform-origin: 3% 0;
}	
.ssm-diagonal-both::after {
bottom: 0;
left: -25%;
z-index: -1;
width: 150%;
height: 75%;
background: inherit;
-webkit-transform: rotate(2deg);
transform: rotate( 2deg);
-webkit-transform-origin: -3% 0;
transform-origin: -3% 0;} .ssm-diagonal-top::before {
position: absolute;
content: '';
pointer-events: none;
}
.ssm-diagonal-top {
z-index: 1;
padding-top: 6em;
}
.ssm-diagonal-top::before {
top: 0;
left: -25%;
z-index: -1;
width: 150%;
height: 75%;
background: inherit;
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
-webkit-transform-origin: 3% 0;
transform-origin: 3% 0;
} .ssm-diagonal-bottom::after {
position: absolute;
content: '';
pointer-events: none;
}
.ssm-diagonal-bottom {
z-index: 1;
padding-top: 6em;
}
.ssm-diagonal-bottom::after {
bottom: 0;
left: -25%;
z-index: -1;
width: 150%;
height: 75%;
background: inherit;
-webkit-transform: rotate(2deg);
transform: rotate( 2deg);
-webkit-transform-origin: -3% 0;
transform-origin: -3% 0;} .ssm-half-circle-both::before,
.ssm-half-circle-both::after {
position: absolute;
content: '';
pointer-events: none;
}
.ssm-half-circle-both::before,
.ssm-half-circle-both::after{
left: 50%;
z-index: 10;
width: 100px;
height: 100px;
border-radius: 50%;
background: inherit;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.ssm-half-circle-both::before{
top: -50px;
background: inherit;
} .ssm-half-circle-top::before{
position: absolute;
content: '';
pointer-events: none;
}
.ssm-half-circle-top::before{
left: 50%;
z-index: 10;
width: 100px;
height: 100px;
border-radius: 50%;
background: inherit;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.ssm-half-circle-top::before{
top: -50px;
background: inherit;
} .ssm-half-circle-bottom::after {
position: absolute;
content: '';
pointer-events: none;
}
.ssm-half-circle-bottom::after{
left: 50%;
z-index: 10;
width: 100px;
height: 100px;
border-radius: 50%;
background: inherit;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.ssm-half-circle-bottom::after{
bottom: -50px;
background: inherit;
} .ssm-rnd-split::before,
.ssm-rnd-split::after {
position: absolute;
content: '';
pointer-events: none;
}
.ssm-rnd-split {
padding-top: 7em;
border-radius: 0 0 80px 80px;
background: inherit;
}
.ssm-rnd-split::before,
.ssm-rnd-split::after {
top: -70px;
left: 0;
z-index: 10;
width: 50%;
height: 70px;
background: inherit;
}
.ssm-rnd-split::before {
border-radius: 0 80px 0 0;
}
.ssm-rnd-split::after {
left: 50%;
border-radius: 80px 0 0 0;
} .ssm-rnd-split-on::before,
.ssm-rnd-split-on::after {
position: absolute;
content: '';
pointer-events: none;
}
.ssm-rnd-split-on {
padding-top: 7em;
background: inherit;
}
.ssm-rnd-split-on::before,
.ssm-rnd-split-on::after {
top: -70px;
left: 0;
z-index: 10;
width: 50%;
height: 70px;
background: inherit;
}
.ssm-rnd-split-on::before {
border-radius: 0 80px 0 0;
}
.ssm-rnd-split-on::after {
left: 50%;
border-radius: 80px 0 0 0;
} .ssm-fs-wh .et_pb_slide .et_pb_container {
background-size: cover !important;
height: 100% !important;
min-height: 90vh !important; 
top: 0;
}
.ssm-hs .et_pb_slide .et_pb_container {
background-size: cover !important;
height: 50% !important;
min-height: 50vh !important; 
} .ssm-angle-both::before,
.ssm-angle-both::after{
position: absolute !important;
content: '';
z-index: 99;
}
.ssm-angle-both::before{
background: inherit;
width: 100px;
height: 100px;
position: absolute;
overflow: hidden;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
top: -50px!important;
left: -57px!important;
z-index: 99;
}
.ssm-angle-both::after{
background: inherit;
width: 100px;
height: 100px;
position: absolute;
overflow: hidden;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
top: -50px!important;
right: -57px!important;
z-index: 99;
} .ssm-angle-left::before{
position: absolute !important;
content: '';
z-index: 99;
}
.ssm-angle-left::before{
background: inherit;
width: 100px;
height: 100px;
position: absolute;
overflow: hidden;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
top: -50px!important;
left: -57px!important;
z-index: 99;
} .ssm-angle-right::after{
position: absolute !important;
content: '';
z-index: 99;
}
.ssm-angle-right::after{
background: inherit;
width: 100px;
height: 100px;
position: absolute;
overflow: hidden;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
top: -50px!important;
right: -57px!important;
z-index: 99;
} .ssm-fc::before,
.ssm-fc::after {
position: absolute;
content: '';
pointer-events: none;
}
.ssm-fc::before,
.ssm-fc::after {
bottom: 0;
width: 100px;
height: 100px;
}
.ssm-fc::before {
right: 0;
background-image: -webkit-linear-gradient(top left, #1e1e1e 50%, #ff3a3a 50%);
background-image: linear-gradient(315deg, #1e1e1e 50%, #ff3a3a 50%);
}
.ssm-fc::after {
right: 100px;
background-image: -webkit-linear-gradient(top left, transparent 50%, #d13030 50%);
background-image: linear-gradient(315deg, #d13030 50%, transparent 50%);
} .ssm-cse:before {
position: absolute;
content: '';
pointer-events: none;
}
.ssm-cse:before {
left: 0;
width: 100%;
height: 50px;
background-size: 200px 100%;
top: 0;
background-image: -webkit-linear-gradient(40deg, #d13030 50%, #dd3333 50%);
background-image: linear-gradient(40deg, #d13030 50%, #dd3333 50%);
} .ssm-mt::before,
.ssm-mt::after {
position: absolute;
content: '';
pointer-events: none;
}
.ssm-mt::before,
.ssm-mt::after {
left: 50%;
width: 50px;
height: 50px;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
}
.ssm-mt::before{
top: -25px;
background: inherit;
box-shadow: -50px 50px 0 #d13030, 50px -50px 0 #d13030;
}
.ssm-mt::after {
bottom: -25px;
z-index: 10;
background: inherit;
box-shadow: -50px 50px 0 #d13030, 50px -50px 0 #d13030;
} .ssm-irnd::before,
.ssm-irnd::after {
position: absolute;
content: '';
pointer-events: none;
}
.ssm-irnd {
margin-bottom: 90px;
padding: 13em 10% 10em;
border-radius: 0 0 0 90px;
}
.ssm-irnd::before,
.ssm-irnd::after {
left: 0;
z-index: -1;
height: 90px;
background: inherit;
}
.ssm-irnd::before {
top: 100%;
width: 100%;
border-radius: 0 90px 0 0;
} 
.ssm-irnd::after {
bottom: 0;
z-index: -1;
width: 50%;
} .ssm-bxs::before {
position: absolute;
content: '';
pointer-events: none;
}
.ssm-bxs {
padding-top: 4em;
padding-bottom: 13em;
}
.ssm-bxs::before {
bottom: 0;
left: 0;
width: 100%;
height: 50px;
background-image: -webkit-gradient(linear, 100% 0, 0 100%, color-stop(0.5, #d13030), color-stop(0.5, #dd3333));
background-image: linear-gradient(to right, #d13030 50%, #dd3333 50%);
-webkit-background-size: 130px 100%;
background-size: 130px 100%;
} .ssm-zz::before,
.ssm-zz::after {
position: absolute;
content: '';
pointer-events: none;
}
.ssm-zz::before,
.ssm-zz::after {
right: 0;
left: 0;
z-index: 10;
display: block;
height: 90px;
background-size: 50px 100%;
}
.ssm-zz::before {
top: -90px;
background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, transparent), color-stop(0.25, #000));
background-image:
linear-gradient(315deg, #d13030 25%, transparent 25%),
linear-gradient( 45deg, #d13030 25%, transparent 25%);
background-position: 50%;
}
.ssm-zz::after {
top: 100%;
background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #000), color-stop(0.25, #000));
background-image: 
linear-gradient(135deg, #d13030 25%, transparent 25%),
linear-gradient(225deg, #d13030 25%, transparent 25%);
background-position: 50%;
} .ssm-rnde::before,
.ssm-rnde::after {
position: absolute;
content: '';
pointer-events: none;
}
.ssm-rnde {
padding-bottom: 16em;
}
.ssm-rnde::before,
.ssm-rnde::after {
width: 200px;
height: 200px;
border-radius: 50%;
top: -100px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.ssm-rnde::before {
left: -100px;
}
.ssm-rnde::after {
right: -100px;
}
.ssm-slit::before,
.ssm-slit::after {
position: absolute;
content: '';
pointer-events: none;
}
.ssm-slit {
padding-top: 5em;
}
.ssm-slit::before, 
.ssm-slit::after {
width: 50.5%;
width: -webkit-calc(50% + 10px);
width: -moz-calc(50% + 10px);
width: calc(50% + 10px);
height: 160px;
background: #dd3333;
top: -160px;
}
.ssm-slit::before {
left: -20px;
-webkit-transform: skewX(10deg);
transform: skewX(10deg);
box-shadow: -10px -20px #ff3a3a;
}
.ssm-slit::after {
right: -20px;
-webkit-transform: skewX(-10deg);
transform: skewX(-10deg);
box-shadow: 10px -20px #ff3a3a;
}
.ssm-inczigzag::before,
.ssm-inczigzag::after {
position: absolute;
content: '';
pointer-events: none;
}
.ssm-inczigzag::before,
.ssm-inczigzag::after {
left: 0;
width: 100%;
height: 50px;
background-size: 100px 100%;
}
.ssm-cross::before,
.ssm-cross::after {
position: absolute;
content: '';
pointer-events: none;
}
.ssm-cross{
padding-bottom: 20em;
}
.ssm-cross::before,
.ssm-cross::after {
background: #fff;
bottom: 0px;
width: 200px;
height: 2px;
left: 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.ssm-cross::before {
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
}
.ssm-cross::after {
-webkit-transform: translateX(-50%) rotate(-45deg);
transform: translateX(-50%) rotate(-45deg);
}
.ssm-double-lines::before {
position: absolute;
content: '';
pointer-events: none;
}
.ssm-double-lines::before {
bottom: 30px;
width: 140px;
height: 2px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: #fff;
box-shadow: 0 30px 0 #eee;
}
.ssm-dots::before {
position: absolute;
content: '';
pointer-events: none;
}
.ssm-dots::before {
bottom: 20px;
width: 14px;
height: 14px;
border-radius: 50%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: #fff;
box-shadow: 30px 0 #eee, -30px 0 #eee;
}  .ssm-ttb:after,.ssm-ttb:before {
content:'';
position:absolute;
bottom:0;
width:50%;
z-index:100;
-moz-transform:rotate(0.000001deg);
-webkit-transform:rotate(0.000001deg);
-o-transform:rotate(0.000001deg);
-ms-transform:rotate(0.000001deg);
transform:rotate(0.000001deg);
}
.ssm-ttb:before{
right:50%;
border-right:1000px solid transparent;
border-left:1000px solid;}
.ssm-ttb:after{
left:50%;
border-left:1000px solid transparent;
border-right:1000px solid;}  .ssm-tts:after,.ssm-tts:before {
content:'';
position:absolute;
bottom:0;
width:50%;
z-index:100;
-moz-transform:rotate(0.000001deg);
-webkit-transform:rotate(0.000001deg);
-o-transform:rotate(0.000001deg);
-ms-transform:rotate(0.000001deg);
transform:rotate(0.000001deg);
}
.ssm-tts:before{
right:50%;
border-right:75px solid transparent;
border-left:1000px solid;}
.ssm-tts:after{
left:50%;
border-left:75px solid transparent;
border-right:1000px solid;}.spu-box,
.spu-box *{
box-sizing: border-box;
}
.wppopups-whole{
position: relative;
width: 100%;
left: 0;
top: 0;
z-index: 999998;
display: flex;
align-items: center;
justify-content: center;
}
.spu-bg{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
z-index: 99999;
}
.spu-box:before,
.spu-box:after {
content:"";
display:table;
}
.spu-box:after {
clear:both;
}
.spu-box {
zoom:1;
}
.spu-box {
position:fixed;
z-index: 999999;
width: 100%;
max-height: 100vh;
}
.spu-box img{
max-width: 100%;
height: auto;
}
.spu-box img.aligncenter {
clear: both;
display: block;
margin: 0 auto;
} .spu-box.spu-position-top-left{
top: 0; left: 0; bottom: auto; right: auto;
}
.spu-box.spu-position-top-right{
top: 0; right: 0; bottom: auto; left: auto;
}
.spu-box.spu-position-bottom-left{
bottom: 0; left: 0; top: auto; right: auto;
}
.spu-box.spu-position-bottom-right{
bottom: 0; right: 0; top: auto; left: auto;
}
.spu-box.spu-position-top-bar,
.spu-box.spu-position-bottom-bar{
margin: 0;
width: 100% !important;
max-width: 100% !important;
position: fixed;
}
.spu-box.spu-position-top-bar{
top: 0;
}
.spu-box.spu-position-bottom-bar{
bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content .spu-fields-container,
.spu-box.spu-position-top-bar .spu-content .spu-fields-container{
padding: 0;
}
.spu-box.spu-position-bottom-bar .spu-content,
.spu-box.spu-position-top-bar .spu-content {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100% !important;
}
.spu-box.spu-position-bottom-bar .spu-content > *,
.spu-box.spu-position-top-bar .spu-content > *{
margin-left: 20px;
margin-bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content .spu-optin-form,
.spu-box.spu-position-top-bar .spu-content label.spu-fields.spu-gdpr,
.spu-box.spu-position-bottom-bar .spu-content label.spu-fields.spu-gdpr,
.spu-box.spu-position-top-bar .spu-content .spu-optin-form {
display: inline-flex;
margin-bottom: 0;
}
.spu-box.spu-position-top-bar .spu-content .spu-optin-fields,
.spu-box.spu-position-bottom-bar .spu-content .spu-optin-fields,
.spu-box.spu-position-top-bar .spu-content label.spu-fields.spu-gdpr,
.spu-box.spu-position-bottom-bar .spu-content label.spu-fields.spu-gdpr{
margin-bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content label.spu-fields.spu-gdpr ,
.spu-box.spu-position-top-bar .spu-content label.spu-fields.spu-gdpr {
margin-left: 20px;
margin-bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content .spu-optin-fields .spu-fields ,
.spu-box.spu-position-top-bar .spu-content .spu-optin-fields .spu-fields {
min-width: 250px;
}
.spu-box.spu-position-bottom-bar .spu-content button.spu-fields.spu-submit ,
.spu-box.spu-position-top-bar .spu-content button.spu-fields.spu-submit {
width: 120px;
margin-left: 20px;
} .spu-close{
position:absolute;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
line-height: .5;
text-decoration: none;
cursor: pointer;
}
html .spu-box a.spu-close {
text-decoration: none;
}
.spu-close-top_right{
right:8px;
top:5px;
}
.spu-close-top_left{
left:8px;
top:5px;
}
.spu-close-bottom_right{
right:8px;
bottom:5px;
}
.spu-close-bottom_left{
left:8px;
bottom:5px;
}
.spu-close:hover,
.spu-close:focus {
text-decoration: none;
display: block;
} p.spu-powered {
position: absolute;
bottom: -55px;
width: 100%;
text-align: center;
color: #fff;
left: 0px;
}
p.spu-powered a{
color: #ccc;
text-decoration: underline;
}
.spu-box.spu-scrollable p.spu-powered {
display: none;
} .spu-addon-container {
text-align: center;
margin: 36px 32px 44px;
}
.spu-addon-container:after {
clear: both;
content: " ";
display: table;
}
.spu-addon-title {
font-size: 24px;
}
.spu-addon-msg {
font-size: 17px;
}
.spu-input-text {
background-color: #fff;
width: 49%;
height: 44px;
border: 1px solid #cdd1d4;
-webkit-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
-moz-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
border-radius: 3px;
font-size: 18px;
line-height: 38px;
padding: 4px 6px;
overflow: hidden;
outline: none;
margin: 0;
vertical-align: middle;
}
.spu-button {
display: block;
-webkit-box-shadow: 0 1px 1px -1px #fff inset;
-moz-box-shadow: 0 1px 1px -1px #fff inset;
box-shadow: 0 1px 1px -1px #fff inset;
-webkit-text-shadow: #888 -0 0 1px;
-moz-text-shadow: #888 -0 0 1px;
text-shadow: #888 0 0 1px;
font-size: 15px;
padding: 10px 12px;
line-height: 24px;
text-align: center;
vertical-align: middle;
cursor: pointer;
text-decoration: none;
margin: 0;
height: auto;
width: 35%;
border: 0;  
}
.spu-button-bg {
width: 100% !important;
}
.spu-inline {
display: inline-block !important;
}
.spu-errors {
color: red;
text-align: center;
margin-top: 20px;
} .spu-optin-form .spu-helper-fields{
display: none;
}
.spu-fields-container{
padding: 36px 32px 44px;
position: relative;
}
.spu-fields.spu-name,
.spu-fields.spu-email{
background-color: #fff;
width: 100%;
height: 48px;
border: 1px solid #cdd1d4;
-webkit-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
-moz-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
border-radius: 3px;
font-size: 18px;
line-height: 38px;
padding: 4px 6px;
overflow: hidden;
outline: none;
margin: 0 0 20px 0;
vertical-align: middle;
display: block;
}
.spu-fields.spu-submit{
background: #50bbe8;
border: 1px solid #429bc0;
-webkit-box-shadow: 0 1px 1px -1px #fff inset;
-moz-box-shadow: 0 1px 1px -1px #fff inset;
box-shadow: 0 1px 1px -1px #fff inset;
-webkit-text-shadow: #888 -0 0 1px;
-moz-text-shadow: #888 -0 0 1px;
text-shadow: #888 -0 0 1px;
width: 24%;
color: #fff;
font-size: 16px;
padding: 10px 6px;
line-height: 24px;
text-align: center;
vertical-align: middle;
cursor: pointer;
display: inline;
margin: 0;
height: auto;
}
.spu-fields.spu-submit i{
display: none;
}
.spu-optin-fields {
display: block;
}
.spu-optin-fields.spu-inline-fields {
display: flex;
margin-bottom: 20px;
}
.spu-optin-fields.spu-inline-fields .spu-fields{
margin-bottom: 0px;
}
.spu-optin-fields.spu-inline-fields .spu-fields.spu-name {
margin-right: 20px;
}
.spu-fields.spu-email{
margin-right: 0;
}
.spu-fields.spu-submit {
width: 100%;
max-width: 100%;
}
.spu-fields.spu-submit span{
transition: all 1s;
opacity:1;
}
.spu-fields.spu-submit svg{
display:none;
margin:0 auto;
transition: all 1s;
}
.spu-fields.spu-submit svg path,
.spu-fields.spu-submit svg rect{
fill: #fff;
}
.spu-fields.spu-submit.spu-sending span{
display: none;
opacity: 0;
}
.spu-fields.spu-submit.spu-sending svg{
display: block;
opacity: 1;
}
.optin-errors {
color: red;
text-align: center;
margin-top: 20px;
} span.spu-timer {
position: absolute;
bottom: 0px;
left: 0px;
font-size: 12px;
position: absolute;
width: 100%;
text-align: right;
padding: 0 10px;
}
@media all and (max-width: 568px){
.spu-box{
max-width: 90vw !important;
}
.spu-box.spu-position-fullscreen,
.spu-box.spu-position-top-bar,
.spu-box.spu-position-bottom-bar{
max-width: 100vw !important;
}
}