html{-moz-box-sizing:border-box;box-sizing:border-box}
*,:before,:after{-moz-box-sizing:inherit;box-sizing:inherit}
html{font-family:sans-serif}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
h1,.bottom h2,.bottom main .middle .circle span,main .middle .circle .bottom span{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
a,input,img{-webkit-transition:all 400ms linear;transition:all 400ms linear}
a{text-decoration:none}
body{text-align:center}
img{max-width:100%}
.supercon{background:#e14b82 url(/wp-content/themes/realtea/images/bg.jpg) no-repeat center top;background-size:cover}
footer{background:url(/wp-content/themes/realtea/images/footerbg.png) no-repeat center top;background-size:cover}
footer .container .social ~ p{margin:0}
h1,.bottom h2,.bottom main .middle .circle span,main .middle .circle .bottom span,h2,main .middle .circle span,h3,h4,h5,h6,p{margin-top:0}
h1,.bottom h2,.bottom main .middle .circle span,main .middle .circle .bottom span,h2,main .middle .circle span,h3,h4,h5,h6{font-family:'Oswald',sans-serif;font-weight:400}
p{font-family:'Open Sans',sans-serif}
.bottom p:last-child{margin-bottom:0}
main .container,footer .container{max-width:1032px;margin-left:auto;margin-right:auto}
header #logo img{max-width:330px}
@media screen and (max-width: 768px) {
header #logo img{max-width:200px;margin-bottom:20px}
}
main .inContainer{background:#fff;border:10px solid #000;padding:174px 0 100px}
@media screen and (max-width: 768px) {
main .inContainer{padding:80px 0 20px}
}
main .top,main .bottom{padding-left:40px;padding-right:40px}
@media screen and (max-width: 768px) {
main .top,main .bottom{padding-left:20px;padding-right:20px}
}
main .middle{background: #4bce74;color:#fff; }
main .inmiddle{background-blend-mode: multiply;padding:50px 0;animation: animatedBackground 19s ease-in-out infinite; background: #4bce74 url(/wp-content/themes/realtea/images/bubble.png) no-repeat 0 0}
@media screen and (min-width: 769px) {
main .inmiddle{display:-webkit-flex;display:-ms-flexbox;display:flex;margin:90px 0}
}
@media screen and (max-width: 768px) {
main .inmiddle{display:block}
}
@media screen and (max-width: 768px) {
main .inmiddle{margin:40px 0;padding:40px 0!important}
main .inmiddle .circle{margin-bottom:30px}
main .inmiddle .circle:last-child{margin-bottom:0}
}
main .middle .circle{width:217px;height:217px;border-radius:100%;display:block;margin-left:auto;margin-right:auto;border:10px solid #fff;background:rgba(255,255,255,0.15);-webkit-transition:all 400ms linear;transition:all 400ms linear}
main .middle .circle:hover{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
main .middle .circle span{color:#fff!important;text-transform:uppercase;display:inline-block;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
@media screen and (max-width: 768px) {
main .middle{padding:20px 0}
}
.supercon{position:relative;padding:184px 20px}
@media screen and (max-width: 768px) {
.supercon{padding:40px 20px;padding-top:82px}
}
@media screen and (min-width: 769px) {
.supercon header{position:absolute;top:84px;left:0;width:100%;text-align:center}
}
@media screen and (max-width: 768px) {
.supercon header{position:absolute;top:20px;left:0;width:100%;text-align:center}
}
.supercon #logo a{display:block}
.supercon #logo img{display:block;margin-left:auto;margin-right:auto}
.supercon h1,.supercon .bottom h2,.bottom .supercon h2,.supercon .bottom main .middle .circle span,.bottom main .middle .circle .supercon span,.supercon main .middle .circle .bottom span,main .middle .circle .bottom .supercon span{margin-bottom:70px;color:#6c4646;font-size:37px;letter-spacing:2px}
@media screen and (max-width: 768px) {
.supercon h1,.supercon .bottom h2,.bottom .supercon h2,.supercon .bottom main .middle .circle span,.bottom main .middle .circle .supercon span,.supercon main .middle .circle .bottom span,main .middle .circle .bottom .supercon span{font-size:20px;letter-spacing:0;margin-bottom:20px}
}
.supercon h2,.supercon main .middle .circle span,main .middle .circle .supercon span{color:#eb4d03;font-size:24px;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}
@media screen and (max-width: 768px) {
.supercon h2,.supercon main .middle .circle span,main .middle .circle .supercon span{font-size:18px;letter-spacing:.5px;margin-bottom:10px}
}
main img{width:563px;max-width:100%;margin-bottom:45px}
@media screen and (max-width: 768px) {
main img{margin-bottom:10px}
}
.top p{font-size:23px;color:#7d7171}
@media screen and (min-width: 769px) {
.top p{max-width:70%;margin-left:auto;margin-right:auto}
}
@media screen and (max-width: 768px) {
.top p{font-size:16px}
}
.bottom h2,.bottom main .middle .circle span,main .middle .circle .bottom span{color:#eb4d03!important;position:relative;padding-bottom:40px;margin-bottom:50px!important}
.bottom h2::after,.bottom main .middle .circle span::after,main .middle .circle .bottom span::after{content:'';position:absolute;left:50%;bottom:0;width:160px;height:2px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:#eb4d03}
@media screen and (max-width: 768px) {
.bottom h2,.bottom main .middle .circle span,main .middle .circle .bottom span{padding-bottom:20px;margin-bottom:30px!important}
}
.bottom p{color:#6c4646;font-size:23px;text-align:left;margin-bottom:20px;font-weight:700}
@media screen and (max-width: 768px) {
.bottom p{margin-bottom:20px}
}
.bottom p:last-child{font-size:20px;margin-bottom:0;font-weight:400}
@media screen and (max-width: 768px) {
.bottom p{font-size:16px}
.bottom p:last-child{font-size:16px}
}
strong{font-weight:700}
footer .container{padding:100px 20px;width:920px;max-width:100%}
@media screen and (max-width: 768px) {
footer .container{padding:40px 20px}
}
footer p{font-size:18px;color:#6c4646;margin-bottom:40px}
@media screen and (max-width: 768px) {
footer p{font-size:16px;margin-bottom:20px}
}
footer h2,footer main .middle .circle span,main .middle .circle footer span{margin-bottom:20px;color:#ffbc00;font-size:37px!important;letter-spacing:2px;text-transform:uppercase;position:relative;line-height:1}
@media screen and (max-width: 768px) {
footer h2,footer main .middle .circle span,main .middle .circle footer span{font-size:20px!important;letter-spacing:0;margin-bottom:20px}
}
footer h2::after,footer main .middle .circle span::after,main .middle .circle footer span::after{content:'Join the club!';font-size:37px!important;letter-spacing:2px;text-transform:uppercase;position:absolute;left:calc(50% + 1px);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);color:#6c4646;margin-bottom:20px;top:-1px;line-height:1}
@media screen and (max-width: 768px) {
footer h2::after,footer main .middle .circle span::after,main .middle .circle footer span::after{font-size:20px!important;letter-spacing:0;margin-bottom:20px}
}
footer .social{padding-bottom:40px;margin-bottom:40px;position:relative}
footer .social::after{content:'';position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:160px;height:1px;background:#592e2e;bottom:0}
footer .social img{width:50px;height:50px;vertical-align:middle;margin-right:12px}
@media screen and (max-width: 768px) {
footer .social img{width:30px;height:30px;margin-right:6px}
}
footer .social .twitter{color:#568bcc;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 15px}
footer .social .facebook{color:#3a559d;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 15px}
footer .copyright{font-size:16px}
@media screen and (max-width: 768px) {
footer .copyright{font-size:14px}
}
footer form{width:548px;max-width:100%;margin-left:0;margin-right:0;margin-left:auto;margin-right:auto}
footer .singleLine{margin-bottom:30px}
@media screen and (max-width: 768px) {
footer .singleLine{margin-bottom:30px}
}
footer input[type="text"],footer input[type="email"],footer input[type="name"]{height:60px;line-height:60px;width:100%;border:none;background:transparent;font-size:20px;border-bottom:2px solid #502627;color:#502627;outline:none;text-align:center;letter-spacing:1px}
@media screen and (max-width: 768px) {
footer input[type="text"],footer input[type="email"],footer input[type="name"]{height:50px;line-height:50px;font-size:16px}
}
footer input[type="text"]::-webkit-input-placeholder,footer input[type="email"]::-webkit-input-placeholder,footer input[type="name"]::-webkit-input-placeholder{color:#502627;opacity:1;-webkit-transition:all 400ms linear;transition:all 400ms linear}
footer input[type="text"]::-moz-placeholder,footer input[type="email"]::-moz-placeholder,footer input[type="name"]::-moz-placeholder{color:#502627;opacity:1;-webkit-transition:all 400ms linear;transition:all 400ms linear}
footer input[type="text"]:-ms-input-placeholder,footer input[type="email"]:-ms-input-placeholder,footer input[type="name"]:-ms-input-placeholder{color:#502627;opacity:1;-webkit-transition:all 400ms linear;transition:all 400ms linear}
footer input[type="text"]:-moz-placeholder,footer input[type="email"]:-moz-placeholder,footer input[type="name"]:-moz-placeholder{color:#502627;opacity:1;-webkit-transition:all 400ms linear;transition:all 400ms linear}
footer input[type="text"]:focus,footer input[type="text"]:active,footer input[type="email"]:focus,footer input[type="email"]:active,footer input[type="name"]:focus,footer input[type="name"]:active{color:#f2bd1d;border-color:#f2bd1d}
footer input[type="text"]:focus::-webkit-input-placeholder,footer input[type="text"]:active::-webkit-input-placeholder,footer input[type="email"]:focus::-webkit-input-placeholder,footer input[type="email"]:active::-webkit-input-placeholder,footer input[type="name"]:focus::-webkit-input-placeholder,footer input[type="name"]:active::-webkit-input-placeholder{color:#f2bd1d}
footer input[type="text"]:focus::-moz-placeholder,footer input[type="text"]:active::-moz-placeholder,footer input[type="email"]:focus::-moz-placeholder,footer input[type="email"]:active::-moz-placeholder,footer input[type="name"]:focus::-moz-placeholder,footer input[type="name"]:active::-moz-placeholder{color:#f2bd1d}
footer input[type="text"]:focus:-ms-input-placeholder,footer input[type="text"]:active:-ms-input-placeholder,footer input[type="email"]:focus:-ms-input-placeholder,footer input[type="email"]:active:-ms-input-placeholder,footer input[type="name"]:focus:-ms-input-placeholder,footer input[type="name"]:active:-ms-input-placeholder{color:#f2bd1d}
footer input[type="text"]:focus:-moz-placeholder,footer input[type="text"]:active:-moz-placeholder,footer input[type="email"]:focus:-moz-placeholder,footer input[type="email"]:active:-moz-placeholder,footer input[type="name"]:focus:-moz-placeholder,footer input[type="name"]:active:-moz-placeholder{color:#f2bd1d}
footer input[type="submit"]{height:70px;width:100%;border:none;font-size:28px;line-height:1;font-family:'Oswald',sans-serif;text-transform:uppercase;background:none;border:3px solid #502627;color:#502627;font-weight:400;letter-spacing:1px;outline:none}
@media screen and (max-width: 768px) {
footer input[type="submit"]{height:50px;font-size:18px;line-height:1}
}
footer input[type="submit"]:hover{background:#502627;color:#fff}
footer input[type="checkbox"]{float:left}
footer .lastline{text-align:left}
footer .lastline span{font-size:18px;font-weight:400;text-align:left;display:block;width:100%;color:#6c4646}
@media screen and (max-width: 768px) {
footer .lastline span{font-size:16px}
}
footer p{color:#6c4646}
footer p a{color:#f2bd1d}
.social a:hover img{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
@media screen and (max-width: 768px) {
.social a{display:block}
.social a.twitter{margin-bottom:20px!important}
}
.social a:last-child{margin-bottom:0}
@-webkit-keyframes spaceboots {
0%{-webkit-transform:translate(2px,1px) rotate(0deg)}
10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg)}
20%{-webkit-transform:translate(-3px,0px) rotate(1deg)}
30%{-webkit-transform:translate(0px,2px) rotate(0deg)}
40%{-webkit-transform:translate(1px,-1px) rotate(1deg)}
50%{-webkit-transform:translate(-1px,2px) rotate(-1deg)}
60%{-webkit-transform:translate(-3px,1px) rotate(0deg)}
70%{-webkit-transform:translate(2px,1px) rotate(-1deg)}
80%{-webkit-transform:translate(-1px,-1px) rotate(1deg)}
90%{-webkit-transform:translate(2px,2px) rotate(0deg)}
100%{-webkit-transform:translate(1px,-2px) rotate(-1deg)}
0%{-webkit-transform:translate(2px,1px) rotate(0deg);transform:translate(2px,1px) rotate(0deg)}
10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}
20%{-webkit-transform:translate(-3px,0px) rotate(1deg);transform:translate(-3px,0px) rotate(1deg)}
30%{-webkit-transform:translate(0px,2px) rotate(0deg);transform:translate(0px,2px) rotate(0deg)}
40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}
50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}
60%{-webkit-transform:translate(-3px,1px) rotate(0deg);transform:translate(-3px,1px) rotate(0deg)}
70%{-webkit-transform:translate(2px,1px) rotate(-1deg);transform:translate(2px,1px) rotate(-1deg)}
80%{-webkit-transform:translate(-1px,-1px) rotate(1deg);transform:translate(-1px,-1px) rotate(1deg)}
90%{-webkit-transform:translate(2px,2px) rotate(0deg);transform:translate(2px,2px) rotate(0deg)}
100%{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}
}
@keyframes spaceboots {
0%{-webkit-transform:translate(2px,1px) rotate(0deg);transform:translate(2px,1px) rotate(0deg)}
10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}
20%{-webkit-transform:translate(-3px,0px) rotate(1deg);transform:translate(-3px,0px) rotate(1deg)}
30%{-webkit-transform:translate(0px,2px) rotate(0deg);transform:translate(0px,2px) rotate(0deg)}
40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}
50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}
60%{-webkit-transform:translate(-3px,1px) rotate(0deg);transform:translate(-3px,1px) rotate(0deg)}
70%{-webkit-transform:translate(2px,1px) rotate(-1deg);transform:translate(2px,1px) rotate(-1deg)}
80%{-webkit-transform:translate(-1px,-1px) rotate(1deg);transform:translate(-1px,-1px) rotate(1deg)}
90%{-webkit-transform:translate(2px,2px) rotate(0deg);transform:translate(2px,2px) rotate(0deg)}
100%{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}
}
.shake:hover,.shake:focus{-webkit-animation-name:spaceboots;animation-name:spaceboots;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}
.wpcf7-list-item{position:relative}
.wpcf7-list-item input[type="checkbox"]{position:absolute;left:0;top:3px}
.wpcf7-list-item .wpcf7-list-item-label{position:absolute;left:18px;top:0;width:calc(100% - 20px);padding-left:10px}
footer .lastline{margin-bottom:50px}
@media screen and (max-width: 768px) {
footer .lastline{margin-bottom:20px}
}footer a:hover{color: #eb4d03;}
@keyframes animatedBackground {from { background-position: 0 0; } to { background-position: 0 100%; }}
.heightAudio{height: 0px; font-size: 0px; overflow: hidden;}