body, html {
color:#383838;
margin:0;
padding:0;
font-weight:300;
font-size:17px;
font-family:"Lato";
background:#fff;
}
@font-face {
font-family: 'bebas';
src: url('../fonts/bebasneue-webfont.eot');
src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/bebasneue-webfont.woff2') format('woff2'),
url('../fonts/bebasneue-webfont.woff') format('woff'),
url('../fonts/bebasneue-webfont.ttf') format('truetype'),
url('../fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
font-weight: normal;
font-style: normal;
}
#home {
float: left;
width: 100%;
}
.stripe3 {
background: #121116;
float: left;
width: 100%;
text-align: center;
}
.logo { max-height:60px; margin:15px auto !important}
.stripe3 h2 {
position: relative;
color: #fff;
margin-top: 0;
font-size: 27px;
padding: 20px;
margin: 0;
}
.gen div {
width: 500px;
margin: 0 auto;
background: #ef003e;
clear: both;
color: #fff;
font: 400 18px "Lato";
padding: 20px;
position: relative;
top: 20px;
text-align: center;
box-shadow: 0 0 10px rgba(0,0,0,.6);
outline: 3px solid #fff;
}
.fullscreen-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index:1;
}
.shadow {
opacity: 0.3;
}
.fullscreen-bg__video {
position: absolute;
top: -9vw;
left: 0;
width: 100%;
height: 100%;
}
.video-wrapper .overflow {
width: 100%;
background-size: 1629px;
padding-bottom: 26px;
background: #f4f4f4;
background-size: cover;
z-index: 2;
}
#members .video-wrapper .members-content {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,ffffff+100 */
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top, #f4f4f4 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f4f4f4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f4f4f4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.gray-left
{
background: #f4f4f4;
}
@media (min-aspect-ratio: 16/9) {
.fullscreen-bg__video {
width: 100%;
height: auto;
}
}
@media (max-aspect-ratio: 16/9) {
.fullscreen-bg__video {
width: 100%;
height: auto;
}
}
@media (max-width: 767px) {
.fullscreen-bg {
background: url('../img/videoframe.jpg') center center / cover no-repeat;
}
.fullscreen-bg__video {
display: none;
}
}
h1,
h2,
h3,
h4,
h5 {
font-family:"Lato";
color:#fff;
text-align:center;
}
h3 {
font-size: 30px;
}
.headline h2 {
font:400 40px "bebas";
color:#fff;
text-shadow: 0 1px 0 rgba(0,0,0,0.75);
text-align:center;
}
.headline h2:first-child {
margin-top:30px;
margin-bottom:0;
}
.headline h2:nth-child(2) {
margin-top:0px;
margin-bottom:30px;
}
.headline h2 strong {
font-weight:normal;
color:#ffc631;
}
.section1 {
background:#f2f4f6 url('../img/testibg.jpg') no-repeat center bottom;
padding-bottom:35px;
margin-top: 40px;
padding-top:30px;
}
.section7 {
background:#fff;
margin-top: 0px;
}
.section7 h2 {
margin-top:40px;
margin-bottom:30px;
}
.section1 h3 {
font:400 23px "Lato";
text-transform:none;
text-align:left;
margin-top:0;
}
@media (max-width:767px) {
.section1 div,
.section1 h1,
.section1 h2,
.section1 h3,
.section1 h4 {
text-align:center;
}
.section1 div img {
float:none;
margin:0 auto;
}
.section1 {
background-size: cover;
}
}
.section2 {
background:#fff;
padding-bottom:60px;
}
.section2 h1 {
font:700 40px "Lato";
color:#383838;
margin-top:25px;
text-align:center;
margin-bottom:20px;
}
.section2 h2 {
font:300 30px "Lato";
color:#383838;
margin-top:45px;
text-align:left;
margin-bottom:20px;
}
.section2 h1 strong,
.section2 h2 strong {
font-weight:400;
color:#ffc631;
}
.section2 h3.title-line {
background:#0a518f;
width:44%;
font:400 24px "Lato";
color:#fff;
letter-spacing:10px;
margin: 50px auto 0px;
height: 29px;
position: relative;
padding-left: 10px;
text-shadow: 0 1px 0 rgba(0,0,0,0.75);
}
.section2 hr.title-line {
margin-top:-15px;
border:0;
border-top:1px solid #316da2;
margin-bottom:80px;
}
.section2 ul {
margin-left: 0;
margin-top: 12px;
padding-right: 20px;
}
.section2 ul li {
margin-bottom:15px;
padding-bottom: 3px;
}
.section2 ul li strong {
color:#c0d0de;
font-weight:500;
}
.section2 form .submit {
transform:scale(0.85);
}
.section3 {
}
.section6 {
background:#f2f4f6;
padding-bottom:40px;
padding-top:40px;
margin-bottom:50px;
}
.section8 {
background:url('../img/purple.jpg') no-repeat;
background-size:cover;
padding-bottom:55px;
}
.section8 h1 {
color:#fff !important;
}
.section8 h1 strong {
color:#ffd200;
}
.section8 ul li {
margin-bottom:0;
}
.modal input#fname, .modal input#email {
width: 384px;
height: 52px;
font-size: 18px;
line-height: 26px;
color: #979797;
padding: 0px 8px;
margin: 10px auto;
border: 1px solid #CACACA;
border-radius: 5px;
background: #F3F3F3 none repeat scroll 0% 0%;
display: block;
font-weight: 300;
text-align: center;
font-style: italic;
font-family:"Lato";
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.modal input:focus {
color:#979797 !important;
opacity:1 !important;
}
.modal input::-webkit-input-placeholder { color:#979797 !important; }
.modal input::-moz-placeholder { color:#979797 !important; opacity: 1 !important;} /* firefox 19+ */
.modal input:-ms-input-placeholder { color:#979797 !important; } /* ie */
.pricing {
background: #fff none repeat scroll 0% 0%;
margin: 0px auto 10px;
position: relative;
text-align: center;
padding-top: 20px;
}
.pricing:hover {
transform:scale(1.05);
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.pricing .title {
line-height: 32px;
padding: 17px 20px 21px;
text-transform: uppercase;
}
.pricing .title a {
color: #1E1E1E;
font-size: 24px;
font-weight: bold;
line-height: 32px;
text-decoration: none;
}
.pricing .price-box .price {
font-size: 36px;
font-weight: bold;
margin: 13px 0px 0px;
font-family: Oswald,sans-serif;
color:#f63d0e;
}
.pricing .options li {
border-top: 1px solid rgba(30, 30, 30, 0.1);
color: rgba(30, 30, 30, 0.4);
line-height: 22px;
padding: 13px 10px;
position: relative;
background:#f5f5f5;
}
.pricing .options li.active {
color: #1E1E1E;
}
.pricing .options li:hover {
background:#fff;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.pricing .btn-box .btn {
background:#f63d0e;
padding-bottom: 15px;
padding-top: 15px;
border:0;
font:900 25px "Lato";
text-transform:uppercase;
color:#fff;
}
.pricing .btn-box .btn:hover {
background:#34b0c2;
color:#fff;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.pricing .price-box {
font-size: 12px;
line-height: 1;
overflow: hidden;
padding: 0px 20px 20px;
}
.pricing .options {
list-style: outside none none;
margin: 0px;
padding: 0px;
}
.pricing .btn-box {
border-top: 1px solid rgba(30, 30, 30, 0.1);
overflow: hidden;
padding: 15px 15px;
}
@media (min-width:768px) {
.padding-sm {
padding-left:30px;
}
}
.section3 h3 {
margin-top:60px;
}
.section3 h2 {
margin-top: 40px;
margin-bottom: 25px;
}
.section3 ul {
margin-left:50px;
}
.section3 ul li {
color:#f23939;
font:700 18px "Lato";
margin-bottom:15px;
list-style-type:decimal;
}
.section3 p {
text-align: left;
line-height: 1.5;
}
p.subheadline {
font:400 16px/18px "Lato";
color:#6b6c6d;
text-align:center;
margin-bottom:70px;
margin-top:15px;
}
.feature:first-child {
border-left: 1px solid aliceblue;
}
.feature {
margin-top: 28px;
margin-bottom: 40px;
background: rgba(255,255,255,1);
padding: 0 17px;
text-align: center;
padding-top: 30px;
border-right: 1px solid aliceblue;
}
.feature .fa {
font-size: 60px;
display: block;
margin: 14px auto 28px;
float: none;
color: #34b0c2;
}
.center-block {
float:none !important;
margin:0 auto;
}
.feature-title {
text-align: center;
font: 700 30px "Roboto Condensed";
text-transform: uppercase;
}
.feature-desc {
text-align: center;
font: 300 16px/1.5 "Lato";
}
#features {
margin-top: -101px !important;
position: relative;
z-index: 3;
}
#presentation {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f0fafb+24 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6fbfb+24 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f6fbfb 24%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f6fbfb 24%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f6fbfb 24%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6fbfb',GradientType=0 ); /* IE6-9 */
}
.moneyback {
max-width: 160px;
float: left;
margin-right: 35px;
}
@media (max-width:991px) {
.feature {
margin-left: 22px;
margin-right: 22px;
}
}
@media (max-width:630px) {
.feature {
width:100%;
margin:auto 0 30px 0;
}
.form-container-3 .submit {
width:100% !important;
}
.section6 h3.title-line {
height: 46px !important;
}
}
.feature h4 {
color: rgb(242, 57, 57);
font-family: "bebas";
font-style: normal;
line-height: 35px;
text-align: center;
font-weight: 400 !important;
float: left;
font-size: 90px;
margin-left: 30px;
margin-top: 40px;
}
.feature h5 {
float: left;
margin-left: 31px;
max-width: 350px;
text-align: left;
margin-top: 18px;
font: 300 27px/30px "Lato";
}
.feature2 {
float: left;
text-align: center;
}
.vidicons {
position: absolute;
top: 145px;
right: 90px;
}
.feature2 img {
float:none;
margin:0 auto;
}
.feature2 h4 {
color:#cd5733;
font:400 30px/30px "bebas";
text-align:center;
font-weight:400 !important;
}
.section4 {
background:#f2f4f6 url('../img/news.jpg') no-repeat center bottom;
background-size:cover;
padding-bottom: 50px;
}
.subpage p {
color: #fff;
}
.section4 hr {
border:0;
}
.right-col {
padding-left: 10px;
}
.left-col {
padding-right: 10px;
}
@media (min-width:991px) {
.newspadding{
padding-left:20px;
padding-right:20px;
}
}
.section4 h3.title-line {
width: 65%;
font: 300 34px "Lato";
color: #2B2A2A;
letter-spacing: 10px;
margin: 60px auto 50px;
height: 82px;
position: relative;
padding-left: 10px;
}
@media (max-width:990px) {
.section4 h3.title-line {
width:100%;
height:auto;
}
.section4 hr.title-line {
display:none;
}
}
@media (max-width:767px) {
.feature .img-circle {
width:23vw;
}
.feature h4 {
font-size: 11vw !important;
}
.right-col {
padding-left: 0;
}
.left-col {
padding-right: 0;
}
}
.section4 hr.title-line {
margin-top: -18px;
border:0;
border-top:1px solid #d2d4d5;
margin-bottom:60px;
}
.section5 {
background:#fff;
padding-bottom:40px;
}
.section5 .img-overflow img {
max-width: 120%;
}
.section5 .img-overflow {
float: right;
width: 63%;
overflow: visible;
}
.section5 h1,
.bigtitle {
color:#434444;
font:400 77px "bebas";
margin-top: 35px;
margin-bottom: 0px;
}
.section5 p {
text-align:center;
margin-bottom:20px;
}
.section5 input.name {
width: 49.2%;
}
.section5 form {
text-align:center;
}
.section5 .submit {
width:65%;
transform:scale(0.85);
-webkit-transform:scale(0.85);
-moz-transform:scale(0.85);
margin:0 auto;
}
.section6 h3.title-line {
background: none repeat scroll 0% 0% #fff;
width: 65%;
font: 300 24px "Lato";
color: #2B2A2A;
letter-spacing: 10px;
margin: 60px auto 0px;
height: 29px;
position: relative;
padding-left: 10px;
}
.section6 hr.title-line {
margin-top:-15px;
border:0;
border-top:1px solid #d7dde2;
margin-bottom:60px;
}
@media (max-width:630px) {
.section2 hr.title-line,
.section4 hr.title-line,
.section6 hr.title-line {
display:none;
}
.section2 h3.title-line,
.section4 h3.title-line,
.section6 h3.title-line {
width:100%;
height:50px;
font: 400 4vw "Lato";
}
}
.panel-heading {
padding: 14px 15px !important;
background: #34b0c2; /* Old browsers */
background: -moz-linear-gradient(-45deg, #34b0c2 0%, #1885be 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #34b0c2 0%,#1885be 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #34b0c2 0%,#1885be 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34b0c2', endColorstr='#1885be',GradientType=1 ); /* IE6-9 */
border:1px dashed #d4d4d4;
border-radius: 3px 3px 0 0 !important;
-moz-border-radius: 3px 3px 0 0 !important;
-webkit-border-radius: 3px 3px 0 0 !important;
}
.panel-body {
font: 300 18px/29px "lato";
color: #6b6c6d;
border-top: 1px solid #e2e2e2;
padding: 20px 30px;
}
.panel {
box-shadow: 0px 0px 0px transparent !important;
}
.panel-body-arrow {
position: relative;
top: 18px;
}
.panel-group .panel-heading {
border:0;
}
.panel-heading h4 {
color: #fff;
font: 500 18px "Roboto Condensed";
text-transform: none !important;
text-align: center;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
margin-top: 20px;
border-top:0;
}
.panel-default {
border-color: transparent !important;
}
.footer-wrap .text-right {
padding-top: 13px;
}
.tester {
border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
-webkit-border-radius:3px 3px 0 0;
width:397px;
float:left;
background:#fff;
margin-bottom: 25px;
}
.tester:nth-child(odd) {
margin-right:25px;
}
.tester .name {
position:relative;
top:90px;
left:100px;
font:700 18px "Lato";
color:#fff;
text-transform:uppercase;
max-width: 230px;
}
.tester .icon {
position: relative;
top: -25px;
left: 25px;
}
.tester .img {
margin-top: -23px;
}
.tester table td,
.tester table tr {
background-color:transparent !important;
border:0 !important;
border-bottom:1px solid #dddddd !important;
color:#082948;
}
.tester table tr:last-child td,
.tester table tr:last-child {
border-bottom:0 !important;
}
.tester .desc {
padding-left: 70px;
margin-top: -30px;
}
.tester .btn {
width:100%;
height:28px;
background:#e7a62e;
border-radius:0 0 2px 2px;
-moz-border-radius:0 0 2px 2px;
-webkit-border-radius:0 0 2px 2px;
border-bottom:1px solid #908d8f;
text-align:right;
font:400 12px "Lato";
color:#000;
margin-top:12px;
}
.tester .btn:hover {
background:#d3982b;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.top {
background: #fff;
width: 100%;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}
.clipped {
max-width: 150%;
position: relative;
left: -60px;
}
.logo {
font:400 28px "dagger-regular";
color:#dde6ed;
text-transform:uppercase;
text-align:left;
}
.logo img {
max-height: 50px;
}
.logo-footer {
max-height: 40px;
float:left;
}
.logo strong {
font-weight:400;
color:#ffcb4e;
}
.logo a {
text-decoration:none;
color:#dde6ed;
}
.logo a:hover {
color:#dde6ed
}
.section-home {
width:100%;
}
.arrow {
margin: 0 auto;
height: 55px;
width: 55px;
margin-top: -30px;
}
@media (max-width:767px) {
.section-home {
background-size: 370.25% auto;
}
}
.section-home h1 {
color: #383838;
font: 500 64px/48px "Lato";
margin: 35px auto 0px;
letter-spacing: -0.3pt;
text-align: left;
}
.section-home .right {
text-align:center;
}
.section-home .right h3 {
text-align: center;
color: #34b0c2;
font-weight: 900;
margin-top: 30px;
font-size: 35px;
}
.section-home .right h4 {
margin-bottom: 25px;
}
.section-home .right .submit {
height: 91px;
font-size: 48px;
width: auto;
margin-left: 0 !important;
max-width: inherit;
padding: 18px 30px 17px 30px;
margin-top: 0px !important;
display: inline-block;
margin: 0 auto !important;
float: none;
border-bottom: 4px solid #cd5733;
}
.section-home .right small {
float: left;
width: 100%;
margin-top: 10px;
font-weight: bold;
}
#home h1.headline strong { color: #34b0c2; }
.lady {
position: absolute;
top: 303px;
max-height: 500px;
left: -174px;
}
.lady2 {
margin-top: 108px;
}
.section9 {
border-top:1px solid #CCC;
}
.subheadline {
font: 300 26px "Lato" !important;
color: rgb(51, 51, 51) !important;
margin-top: 0px;
}
.section-home h1 strong {
color: #34b0c2;
font-weight:900;
}
.section-home h2 {
color: #5d5d5d;
font: 300 32px "Lato";
text-align: left;
margin-top: 9px;
}
.section-home h2.under-video {
margin-top: 120px;
}
.section-home .left {
padding-right:30px;
}
@media (max-width:990px) {
.section-home h1,
.section-home h1 strong {
font: 900 30px/35px "Lato";
max-height: 130px;
}
}
@media (max-width:767px) {
.section-home h1,
.section-home h1 strong {
font: 900 3.6vw/4vw "Lato";
max-height: inherit;
height: inherit;
}
.section-home h2.under-video {
margin-top: 0px;
position: absolute;
top: 89vw;
}
}
@media (max-width:445px) {
.tester {
width:100%;
}
.tester .img img {
max-width:100%;
}
.tester .icon {
display:none;
}
.tester .desc {
padding-left:0;
margin-top: 11px;
}
.tester .name {
position: relative;
top: 20vw;
left: 3%;
}
}
@media (max-width:370px) {
.tester .name {
top: 17vw;
}
}
@media (max-width:767px) {
.logo,
.counter {
text-align:center;
}
.headline h2 {
font: 400 6vw "bebas";
}
.video-wrapper2 {
margin-left: 0;
}
.form-index .name,
.form-index .email,
.form-index .submit {
width:100%;
float:left;
}
}
@media (max-width:991px) {
.tester {
float:none;
margin: 0 auto 25px !important;
}
}
.form-index .name {
height:50px; width:35%;margin-right:6px;
}
.form-index .email {
height: 50px;
width: 35%;
margin-right: 6px;
}
.form-index .submit {
width: 27%;
margin-top: 0px !important;
}
@media (max-width:767px) {
.form-index .name,
.form-index .email,
.form-index .submit {
width:100%;
float:left;
}
.form-index .submit {
margin-top:8px !important;
}
}
.number {
display: inline-block;
background: url("../img/number.png") no-repeat scroll 0% 0% transparent;
height: 37px;
width: 77px;
color: #CD5733;
letter-spacing: 29px;
padding-left: 13px;
margin-left: 5px;
margin-right: 5px;
text-shadow: 0px 1px 0px rgb(255, 240, 121);
font: 500 28px/37px "bebas";
text-align: left;
}
.laptop {
width:906px;
height:527px;
background:url('../img/macbook.png') no-repeat;
padding: 45px 0 0 112px;
}
#home .video-wrapper {
position: relative;
}
#members .video-wrapper {
position: relative;
float: left;
width: 100%;
}
.video-wrapper2 {
width: 863px;
height: 527px;
background: url("../img/macbook.png") no-repeat scroll 0% 0% transparent;
margin: 0px auto;
padding-top: 51px;
padding-left: 7px;
margin-top: 32px;
}
.video2 {
width: 645px;
height: 360px;
margin: 0px auto;
}
.video {
width: 640px;
height: 403px;
margin: 0px auto;
}
@media (max-width:991px) {
.video-wrapper2 {
margin-left: -12%;
}
.video {
margin: 0px auto;
}
}
@media (min-width:768px) and (max-width:991px) {
.video {
width:639px;
}
}
@media (max-width:767px) {
.video2 { position: relative;
padding-bottom: 43.25%;
height: 0px;
overflow: hidden;
max-width: 77%;
}
.video2 iframe, .video2 object, .video2 iframe { position: absolute;
top: 0px;
left: 0px;
width: 98%;
height: 98%;
}
.video-wrapper2 {
background-size: 100% auto;
width: 100%;
margin-left: 0px;
height: 100%;
padding-top: 7%;
padding-bottom: 12%;
}
.video { position: relative;
padding-bottom: 46.25%;
height: 0px;
overflow: hidden;
max-width: 83%;
}
.video iframe, .video object, .video iframe { position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
}
@media (min-width:768px) {
.video2 iframe, .video2 object, .video2 iframe { width:640px; height:360px; }
.video iframe, .video object, .video iframe { width:640px; height:360px; }
}
.live-frame {
height:480px;
}
@media (max-height:991px) and (orientation:portrait) {
.live-frame {
height: 620px;
}
}=
@media (max-width:500px) {
.logo h1 {
font-size:22px !important;
}
.logo h2 {
font:400 16px "exosbold" !important;
}
}
.logo-visible-2 {
display:none;
}
@media (max-width:375px) {
.logo-visible-1 {
display:none !important;
}
.logo-visible-2 {
display:block !important;
}
}
a {
color:#5D5D5D;
font-weight:400;
}
.panel-default a{
text-decoration:none !important;
}
a:hover {
color:#000;
text-decoration:none;
}
.container {
position:relative;
}
#members .right {
position:relative;
left:50px;
}
@media (max-width:1199px) {
.form-text {
text-align:center;
}
}
.form-text h1 {
}
.form-title {
font:400 60px "bebas";
color:#fff;
text-align:center;
margin-top: 44px;
}
.form-title2 {
font:400 46px "Lato";
color:#063d6f;
text-align:center;
margin-top: 30px;
margin-bottom:10px;
}
@media (max-width:450px) {
.form-title2 {
margin-top: 70px;
}
}
@media(max-width:991px) {
.form-title {
color:#084274;
}
}
.index-form input {
height:46px;
}
.index-form .submit {
margin-top:-2px !important;
height:48px;
font:400 28px "bebas";
}
#home .form-arrow {
width:79px;
height:82px;
background:url('../img/arrow.png') no-repeat;
position: absolute;
top: 10px;
left: 13%;
}
#home .form-arrow-right {
width:79px;
height:82px;
background:url('../img/arrow.png') no-repeat;
position: absolute;
top: 10px;
right: 13%;
transform:scaleX(-1);
-moz-transform:scaleX(-1);
-webkit-transform:scaleX(-1);
-o-transform:scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
@media (max-width:1199px) {
#home .form-arrow {
left:7% !important;
}
#home .form-arrow-right {
right:7% !important;
}
}
@media (max-width:990px) {
#home .form-arrow {
left:-1% !important;
}
#home .form-arrow-right {
right:-1% !important;
}
}
@media (max-width:650px) {
#home .form-arrow,
#home .form-arrow-right {
display:none;
}
}
.form-title strong {
color:#c70920;
font-weight:100;
}
.no-card {
text-align:center;
margin:24px 0 24px 0;
color:#6a6a6a;
font:600 17px "Open Sans";
}
/*
@media (max-width:700px){
.video-wrapper {
margin-bottom: 18% !important;
}
}
@media (max-width:600px){
.video-wrapper {
margin-bottom: 8% !important;
}
}
@media (max-width:500px){
.video-wrapper {
margin-bottom: 0 !important;
}
}
.video {
width: 640px;
height: 360px;
margin: 0 auto;
}
#members .video-wrapper {
margin-top:0;
margin-bottom:0;
}
@media (max-width:1300px) {
#members .video-wrapper {
margin-left: -70px;
}
#members .right {
left: -25px;
}
.laptop {
margin: 0 auto;
}
}
#members .video {
width: 754px;
height: 426px;
}*/
.timeClass {
font-family:"Lato";
font-weight:900;
color:#e91111;
font-size: 67px;
text-align: center;
}
@media (max-width:990px) {
#members .video-wrapper {
margin-left: -15% !important;
}
}
@media (max-width:1199px) {
#members .video-wrapper {
margin-left: 0px;
}
#members .right {
left:0;
}
.form-title,
input,
.no-card {
text-align:center;
}
.verify {
margin:0 auto;
}
}
@media (min-width:768px) {
.logo {
}
}
@media (max-width:500px){
.logo {
}
}
@media (max-width:990px){
.page-header {
height:176px;
}
}
@media (max-width:400px){
.qualification-box {
display:none;
}
}
.qualification-box {
padding:0;
}
.qualification-box h1 {
width:30%;
float:left;
font:19px "norwester";
text-align:right;
margin:25px 0 0 0;
padding-right:25px;
}
.qualification-box .box {
width:70%;
background:#1b3b63;
float:left;
font:26px "blenda";
}
@media (min-width:991px) and (max-width:1199px){
.qualification-box h1 {
width:30%;
float:left;
font:17px "norwester";
text-align:right;
margin:45px 0 0 0;
padding-right:15px;
}
.qualification-box .box {
width:65%;
}
}
.profits-header {
font:36px "norwester";
color:#fff;
text-align: right;
padding-top: 8px;
float:left;
}
@media (max-width:650px){
.profits-header h1 {
margin-top:0px;
}
}
@media (max-width:990px){
.profits-header h1 {
font-size:25px;
text-align:center;
}
.draw {
display:none;
}
}
.profits-header h1 strong {
color:#ffea00;
margin-left:10px;
}
.draw {
margin-top: -106px;
position: relative;
left: 20px;
}
.txtarea {
padding: 0 5px;
}
input{
height: 52px;
font-size: 19px;
line-height: 26px;
color: #414141;
padding: 0px 8px;
margin: 10px auto;
background: #fff none repeat scroll 0% 0%;
display: block;
font-weight: 200;
text-align: center;
font-family: "Open Sans";
border: 1px solid #c8c8c8;
}
textarea {
overflow: auto;
background: rgba(0,0,0,0.7);
padding: 20px 30px;
margin-bottom: 20px;
border: 0;
width: 100%;
border-radius: 4px;
}
input:focus {
color:#414141 !important;
opacity:1 !important;
}
input::-webkit-input-placeholder { color:#414141 !important; }
input::-moz-placeholder { color:#414141 !important; opacity: 1 !important;} /* firefox 19+ */
input:-ms-input-placeholder { color:#414141 !important; } /* ie */
.section5 form input[type="text"],
.section5 form input[type="password"],
.section2 form input[type="text"],
.section2 form input[type="password"] {
height:46px !important;
}
input:focus {
color:#414141 !important;
opacity:1 !important;
}
#home form input {
margin-top:0;
}
.fieldspadding {
padding:0 5px;
}
#home input {
width:100% !important;
}
#members input.name {
width: 48.5%;
}
input.name:first-child {
margin-right:6px;
}
.section2 input.name {
width:100%;
margin-right:0 !important;
}
#home form input:first-child {
margin-top:0;
}
@media (max-width:990px) {
body#home {
background:#000 !important;
}
}
.footer {
width:100%;
float:left !important;
background: rgba(255,255,255,0.1);
border-top: 1px solid rgba(0,0,0,0.05);
}
.footer img {
margin-top: 0px;
}
.footer .submit {
font: 400 32px "Bebas";
color: #cd5733;
padding: 15px 20px;
height: 62px;
margin: 0 !important;
}
.footer-wrap {
margin:0 auto;
font-size:10px;
color:#737171;
text-align:left;
padding-top: 22px;
font: 500 14px "Lato";
padding-bottom: 25px;
}
#members .footer-wrap {
text-align:center;
}
.footer a {
color: #fff;
text-decoration: underline;
FONT-SIZE: 13PX;
}
.footer a:hover {
color:#ef003e;
}
.footer p {
font-size:13px !important;
}
.white-border {
background: #fff;
padding: 40px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
margin-top:15px !important;
}
.white-border h1,
.white-border h2 {
text-align:center;
color:#000;
}
.white-border h1 {
text-transform: uppercase;
color: #000;
text-align: center;
font-family: "b-regular";
font-weight: bold;
font-size: 80px;
margin-top: 0;
line-height: 75px;
margin-bottom: 0;
}
.white-border h1 strong {
color:#f00;
}
.white-border h2 {
color: #000;
text-align: center;
font-family: "b-regular";
font-weight: bold;
font-size: 40px;
margin-top: 0;
line-height: 45px;
}
.submit {
font: 700 18px/1 "Montserrat";
font-weight: 700;
color:
#fff;
width: 100%;
display: block;
border-radius: 0;
padding: 11px 17px 20px;
margin: 0 auto !important;
float: none;
text-align: center;
height: auto;
text-transform: uppercase;
font-weight: bold;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#efca00+0,e29300+100,efca00+100 */
background: #efca00; /* Old browsers */
background: -moz-linear-gradient(top, #efca00 0%, #e29300 100%, #efca00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #efca00 0%,#e29300 100%,#efca00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #efca00 0%,#e29300 100%,#efca00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efca00', endColorstr='#efca00',GradientType=0 ); /* IE6-9 */
border-radius: 6px;
text-shadow: 1px 1px 3px
rgba(0,0,0,0.3);
margin: 20px 0 !important;
}
.submit:hover {
background:#333 !important;
color:#fff !important;
border-color:#000;
}
.top .submit,
.gratis2 .submit {
border-bottom: 4px solid #cd5733;
padding: 7px 22px 7px 22px;
}
.footer .submit {
border-bottom: 4px solid #cd5733;
}
.footer .submit:hover {
color:#333;
}
h1.quick {
text-transform: uppercase;
color: #000;
text-align: center;
font-family: "b-regular";
font-weight: bold;
font-size: 20px !important;
margin-top: 0;
line-height: 45px;
}
.submit:hover {
color:#000;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.submit span {
font-size: 38px;
text-align: left;
width: 100%;
float: left;
margin-top: -30px;
}
.cartbtn {
max-width: 42px;
display: inline;
float: right;
margin-left: 5px;
}
.d30d {
max-width: 120px;
position: absolute;
left: -100px;
margin-top: 30px;
}
.container-marq {
width: 100%;
height: 51px;
padding-left: 45px !important;
padding-right: 5px !important;
overflow: hidden;
box-sizing: border-box;
position: relative;
}
.stripe1 {
background: #34b0c2;
padding: 20px 0;
text-align: center;
color: #fff;
font: 500 19px "Roboto Condensed";
box-shadow: 0 4px 8px rgba(0,0,0,0.4);
z-index: 2;
position: relative;
}
#home .stripe1 {
padding: 5px 0 12px;
}
.stripe {
width:100%;
height:5px;
background:#ffbb00;
}
.stripe1 a {
color:#fff;
}
.stripe1 a:hover {
color:#fbe20e;
}
button hr {
margin: 7px;
border-top: 1px solid
rgba(255,255,255,0.3);
border-bottom: 1px solid
rgba(0,0,0,0.1);
}
.stripe2 {
background: #26272d;
padding: 10px 0 10px;
text-align: center;
color: #fff;
font: 700 30px "Roboto Condensed";
}
.stripe2 h1 {
color: #fff;
font: 700 40px "Roboto Condensed";
text-align: left;
margin-bottom: 10px;
margin-top: 17px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.stripe2 h2 {
color: #fff;
font: italic 300 18px "Open Sans";
text-align: left;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
margin-top: 0;
}
.quote strong {
font-weight:400;
}
.marquee2 {
top: 6em;
position: relative;
box-sizing: border-box;
animation: anim 90s linear infinite;
-webkit-animation: anim 90s linear infinite;
}
.marquee2 h2 {
margin-bottom: 37px;
}
.marquee2:hover {
animation-play-state: paused;
-webkit-animation-play-state: paused;
}
/* Make it move! */
@keyframes anim {
0% { top: 8em }
100% { top: -150em }
}
@-webkit-keyframes anim {
0% { top: 8em }
100% { top: -150em }
}
@-moz-keyframes anim {
0% { top: 8em }
100% { top: -150em }
}
@-o-keyframes anim {
0% { top: 8em }
100% { top: -150em }
}
#affiliates .submit {
width: 100%;
background-size: 100% auto;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
}
@media (max-width:1199px) {
#members .video {
width: 100%;
height: auto;
}
#members .submit {
margin-left:-43px !important;
}
#members .video {
}
#members .video embed {
width:640px;
}
.laptop {
padding: 48px 0px 0px 132px;
}
}
@media (max-width:990px) {
#members .submit {
width:75%;
margin:0 auto;
text-align:center;
margin-left:0 !important;
}
}
@media (max-width:760px) {
#members .submit {
width:100%;
margin:0 auto;
min-height:170px;
}
.laptop {
background:transparent;
}
}
@media (max-width:560px) {
#members .submit {
min-height:120px;
}
}
@media (max-width:550px) {
.submit {
background-position: top center;
width:100%;
}
.counter-stripe h1 {
text-align:center;
}
}
@media (max-width:767px) {
.footer-wrap {
text-align:center;
}
.badges img {
float:none;
margin:0 auto;
margin-top:20px;
max-width:80%;
}
.footer {
padding-bottom: 29px !important;
height: auto !important;
text-align: center !important;
}
.footer-wrap .col-lg-7 {
padding-top:10px !important;
}
}
@media (max-width:400px) {
.submit {
margin-left:-2px;
margin-top:10px !important;
background-size: 100% auto;
}
}
.meter {
height: 20px; /* Can be anything */
position: relative;
width: 80% !important;
margin: 0 auto;
}
.meter > span {
display: block;
height: 100%;
background: #c70920;
position: relative;
overflow: hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.meter > span:after {
content: "";
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
background-image:
-webkit-gradient(linear, 0 0, 100% 100%,
color-stop(.25, rgba(255, 255, 255, .2)),
color-stop(.25, transparent), color-stop(.5, transparent),
color-stop(.5, rgba(255, 255, 255, .2)),
color-stop(.75, rgba(255, 255, 255, .2)),
color-stop(.75, transparent), to(transparent)
);
background-image:
-webkit-linear-gradient(
-45deg,
rgba(255, 255, 255, .2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .2) 50%,
rgba(255, 255, 255, .2) 75%,
transparent 75%,
transparent
);
background-image:
-moz-linear-gradient(
-45deg,
rgba(255, 255, 255, .2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .2) 50%,
rgba(255, 255, 255, .2) 75%,
transparent 75%,
transparent
);
background-image:
-ms-linear-gradient(
-45deg,
rgba(255, 255, 255, .2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .2) 50%,
rgba(255, 255, 255, .2) 75%,
transparent 75%,
transparent
);
background-image:
-o-linear-gradient(
-45deg,
rgba(255, 255, 255, .2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .2) 50%,
rgba(255, 255, 255, .2) 75%,
transparent 75%,
transparent
);
z-index: 1;
-webkit-background-size: 50px 50px;
-moz-background-size: 50px 50px;
background-size: 50px 50px;
-webkit-animation: move 2s linear infinite;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
overflow: hidden;
}
.animate > span:after {
display: none;
}
@-webkit-keyframes move {
0% {
background-position: 0 0;
}
100% {
background-position: 50px 50px;
}
}
.meter > span:after, .animate > span > span {
-webkit-animation: move 2s ease infinite;
}
@-webkit-animation expandWidth {
0% { width: 0; }
100% { width: auto; }
}
/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade-in {
opacity:0;
/* make things invisible upon start */
-webkit-animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
-moz-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;
-webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
animation-duration:1s;
text-align: center;
margin-top: 7px;
margin-bottom: 13px;
font-size: 17px;
}
.fade-in img {
margin-right: 15px;
}
.fade-in.one {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.fade-in.two {
-webkit-animation-delay: 6.5s;
-moz-animation-delay:6.5s;
animation-delay: 6.5s;
}
.fade-in.three {
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.blink_me {
-webkit-animation-name: blinker;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: 3;
-moz-animation-name: blinker;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: 3;
animation-name: blinker;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: 3;
-webkit-animation-delay: 15s;
-moz-animation-delay: 15s;
animation-delay: 15s;
}
.blink_me2 {
-webkit-animation-name: blinker;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blinker;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: blinker;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@-moz-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@media (min-width:1261px) {
.marquee-box {
margin-top: -100px;
}
}
.marquee-box h2 {
font:20px "Open Sans";
color:#767676;
font-weight:600;
margin:10px 0 10px 0;
text-align:right;
}
@media (max-width:1260px) {
.marquee-box {
margin-top: 0;
width:100% !important;
float:none !important;
margin-bottom:10px;
}
.marquee-box h2 {
text-align:center;
color:#fff;
}
}
/* Make it a marquee */
.marquee {
width: 100%;
height:57px;
margin: 0 auto;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
animation: marquee 50s linear infinite;
background:#719dd3;
color:#fff;
font:18px "Open Sans";
font-weight:100;
padding-top: 15px;
}
.marquee:hover {
animation-play-state: paused
}
/* Make it move */
@keyframes marquee {
0% { text-indent: 27.5em }
100% { text-indent: -105em }
}
/* MEMBERS */
#members .form-title {
font: 100 30px "exosbold";
color: #fff;
margin-top: 18px;
text-shadow: 1px 1px 1px #000;
margin-bottom: 18px;
}
@media (max-width:1199pcx) {
#members .form-title {
margin-top:10px;
}
}
@media (max-width:400px) {
#members .form-title {
font-size:20px;
}
}
@media (max-width:500px) {
#members input[type="text"],
#members input[type="password"],
#members input[type="tel"]{
margin-bottom: 4px !important;
height:42px !important
}
#members input[type="text"],
#members input[type="password"]{
font-size:18px !important;
}
}
@media (max-width:440px) {
#members .member {
display:none !important;
}
}
}
@media (min-width:501px){
.prefixInput {
width: 28% !important;
}
}
input[type="tel"] {
padding: 2px 0 0 10px !important;
font-size: 20px;
width: 28% !important;
position: relative;
top: -1px;
}
.phoneInput {
width: 71%;
}
#members input {
height: 46px;
padding: 10px 5px;
font: 300 19px "Lato";
}
#members input.name,
#members input.last-name {
width: 49%;
float: left;
margin-top:0;
}
#members input.name {
margin-right:2%;
}
#members input.code {
width: 20%;
float: left;
margin-right: 2%;
margin-top: 0px;
}
#members input.phone {
width: 78%;
float:left;
margin-top: 0px;
}
#members .submit {
height: 75px;
padding-top: 0px;
cursor: pointer;
font-size: 40px;
padding-top: 9px;
}
#members .main-wrapper {
height: auto;
margin-bottom:55px;
}
#members #index-form h2 {
color: #fff;
font: 700 23px "Roboto Condensed";
}
#members #index-form h1 {
font: 600 30px "Roboto Condensed";
color: #fff;
margin: -8px 0 20px;
}
#members .email, #members .password {
width: 100%;
}
@media (max-width:458px) {
input.phoneInput {
width:63.5%;
}
#members .main-wrapper {
height: 385px;
margin-bottom:0;
}
}
@media (max-width:500px) {
.phoneInput {
width:64.5%;
}
input[type="tel"] {
width: 35% !important;
font-size:18px !important;
}
#members input {
padding-left:8px;
}
}
.logo-members2 {
display:none !important;
}
@media (min-width:1260px) {
.logo-members {
display:none !important;
}
.logo-members2 {
display: block !important;
margin-top: 25px;
width: 420px !important;
background: transparent !important;
margin-bottom: 0;
}
#members .entry h1,
#members .entry h2 {
text-align:left !important;
}
#members .entry h1 {
font-size:48px !important;
margin-top:10px;
}
#members .entry h2 {
font-size:25px !important;
}
#members .page-header {
padding-bottom:0;
}
#members input[type="tel"] {
height:60px;
margin-bottom:8px;
}
#members .main-wrapper {
height:490px;
margin-bottom:80px;
}
}
#members input[type="text"],
#members input[type="password"]
{
margin-bottom:8px;
}
@media (max-width:1120px) {
#members .main-wrapper {
margin-bottom:0;
}
}
ul#items {
list-style-type: none;
padding: 0px;
}
ol#pagination {
margin: 0px auto;
list-style-type: none;
width: 220px;
margin-top: 24px;
float:right;
}
ol#pagination li {
margin-right: 10px;
float: left;
padding: 3px 9px;
background:#949494;
color:#fff;
}
ol#pagination li:hover {
background:#fbad00;
color:#000;
}
ol#pagination li.current {
background:#e91111;
}
ol#pagination li.current:hover {
color:#fff;
}
.table {
width:100%;
box-shadow: 0 0 50px rgba(0,0,0,0.1);
overflow:hidden;
}
table {
color:#fff;
font:100 11px "Lato";
margin-top:4px;
margin:0 auto;
}
thead th {
color:#3f3835;
height:20px;
}
td {
height:28px;
}
table {
font-family:"Lato";
font-weight:400;
color:#666;
font-size:13px;
border:1px solid #fff;
border-left:0;
border-right:0;
margin:0 auto;
}
table th {
padding:21px 25px 22px 25px;
background: #fbe20e;
}
table th:first-child {
text-align: left;
padding-left:20px;
}
table tr {
text-align: left;
}
table td {
padding:5px 10px;
border-top: 1px solid #ffffff;
border-bottom:1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
}
table tr.even td {
}
table tr:last-child td {
}
table tr:last-child td:first-child {
-moz-border-radius-bottomleft:3px;
-webkit-border-bottom-left-radius:3px;
border-bottom-left-radius:3px;
}
table tr:last-child td:last-child {
-moz-border-radius-bottomright:3px;
-webkit-border-bottom-right-radius:3px;
border-bottom-right-radius:3px;
}
table tr:hover td {
}
table td img {
margin-left:8px;
}
.live-bar {
margin:0 auto;
height:80px;
float:none !important;
margin-top:30px;
}
.live-bar div {
height:90px;
text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
}
.live-bar div:first-child {
background:#ffea00;
color:#706700;
font:800 38px "Open Sans";
text-align:center;
padding-top:18px;
}
.live-bar div:nth-child(2) {
color:#fff;
font:800 38px "Open Sans";
text-align:center;
background: #e32525 url('../img/live-bar.png');
}
.live-bar h1 {
font:800 33px "Open Sans";
margin:8px 0 0 0;
text-transform:uppercase;
}
.live-bar h2 {
font:600 20px "Open Sans";
margin:-3px 0 0 0;
text-transform:uppercase;
}
.numbers table {
width:100%;
}
.numbers font {
color:#e91111;
}
@media (max-width:1199px) {
table td {
font-size:12px;
padding: 12px;
}
table th {
font-size:12px;
padding:12px 0;
}
}
@media (max-width:990px) {
.live-bar h1 {
font-size:30px;
}
.live-bar h2 {
font-size:18px;
}
}
@media (max-width:768px) {
.live-bar {
height:170px;
}
.live-bar h1 {
padding-top:10px;
}
}
.member {
margin-top:30px;
}
.member .member-image img {
border-radius: 50%;
height: 142px;
width: 142px;
}
.member-image {
margin-top:20px;
}
.triangle-border.left:after {
top: 56px;
bottom: auto;
left: -19px;
border-width: 15px 15px 15px 0px;
border-color: transparent #3D84DB;
}
.triangle-border:after {
content: "";
position: absolute;
bottom: -13px;
left: 47px;
border-width: 13px 13px 0px;
border-style: solid;
border-color: #3D84DB transparent;
display: block;
width: 0px;
}
.triangle-border.left {
margin-left: 30px;
}
.triangle-border {
position: relative;
padding: 15px;
margin: 1em 0px 1em;
border: 5px solid #3D84DB;
color: #fff;
font:400 italic 14px/22px "Open Sans";
background: none repeat scroll 0% 0% #3D84DB;
border-radius: 10px;
}
.member h1 {
color:#3D84DB;
font:400 20px "Open Sans";
margin:0;
}
.member h2 {
color:#E32525;
font:600 22px "Open Sans";
margin:0;
}
.triangle-border.last {
font: 600 30px "Open Sans";
padding-top: 45px;
padding-bottom: 49px;
text-align: center;
text-decoration: underline;
}
/* BLANK PAGE */
body#blank {
background:#000 !important;
}
#blank.wrapper {
background:url('../img/bg-blank.jpg') no-repeat top center;
}
#blank .main-wrapper {
height:auto;
}
#blank h2 {
text-align:center;
font: 100 41px "exobold";
color:#fff;
margin-bottom:0;
padding-left:20px;
text-shadow: 1px 1px 0px #000;
}
#blank h3 {
text-align:center;
font: 100 32px "exobold";
text-shadow: 1px 1px 0px #000;
color: #fff;
margin-top: 0px;
padding-left: 20px;
}
@media (max-width:990px) {
.blank-title {
font-size:10vw !important;
}
}
@media (max-width:767px) {
#blank h2, #blank h3 {
text-align:center !important;
}
#blank h2 {
line-height: 60px;
}
}
.blank-title {
text-align:center !important;
font-size: 81px;
font-family: "exosbold";
text-transform: uppercase;
margin-bottom: 30px !important;
text-shadow: 1px 1px 1px #000, 0px 0px 50px #000;
}
.blank-title strong {
font-weight:normal;
color:#ffac28;
}
#blank .submit {
text-indent:-9999px;
}
#blank h3 strong {
color:#F30004;
font-weight:100;
}
#blank h2 strong {
color:#ffac28;
font-weight:100;
}
#exit h2 {
text-align: left;
font: 100 100px "b-regular";
color: #494949;
margin-bottom: 0px;
margin-top: 0;
}
#exit h3 {
text-align:left;
font:100 40px "hs-regular";
color:#494949;
margin-top:0;
line-height:36px;
}
#exit h3 strong,
#exit h2 strong {
font-weight:100;
color:#c70820;
}
.exit-wrapper .col-md-3,
.exit-wrapper .col-md-9 {
padding:0 !important;
}
.exit-wrapper {
margin: 0px auto;
float: none !important;
margin-bottom:30px;
}
.text1 {
font:100 15px/25px "Open Sans";
color:#616161;
text-align:center;
margin-top:20px;
}
/* AFFILIATES */
#affiliates .main-wrapper,
#exit .main-wrapper {
height:auto;
}
#affiliates .entry h3 {
font:600 25px "Open Sans";
text-align:center;
margin:0 0 20px 0;
}
#affiliates .entry h3 span {
color:#0e2440;
}
#affiliates .text h3 {
color:#e32525;
font-weight:100;
font-size:37px;
text-transform:uppercase;
margin-top:20px;
}
#affiliates h2.welcome {
font-size:58px !important;
}
.up-bar {
width:100%;
height:6px;
background:#1b3b63;
}
/* EXIT */
.stop h1 {
font:100px "norwester";
color:#e32525;
margin:0;
}
.stop h2 {
margin:0;
font:40px "norwester";
}
.stop h2 strong {
color:#ffea00;
}
@media (max-width:991px) {
#exit h2 {
font-size:70px;
}
#exit h3 {
font-size:30px;
}
}
#exit .padding-box {
padding-left:20px !important;
}
@media (max-width:767px) {
#exit h2,
#exit h3 {
text-align:center;
}
#exit .padding-box {
padding-left:0px !important;
}
.exit-wrapper {
margin-bottom:8px;
}
.form-title2 {
font: 400 36px "Lato";
}
}
@media (max-width:475px) {
input.name,
input.email,
#exit input.name,
#exit input.email {
font-size:15px;
}
}
@media (max-width:670px) {
#blank input.name,
#blank input.email {
width:90%;
margin-bottom:10px;
}
}
*{margin:0; padding:0;}
#marquee{
height:60px;
width:100%;
overflow:hidden;
position:relative;
background: none repeat scroll 0% 0% #719DD3;
font: 100 18px "Open Sans";
padding-top: 15px;
}
#text-marq{
cursor:pointer;
overflow:hidden;
position:absolute;
left:10px;
margin-right:10px;
top:10px;
}
.index-mobile-title {
font-size:18px;
text-align:center;
margin-top:0;
margin-bottom:0;
}
.board-count {
position: fixed;
z-index: 3 !important;
top: 135px;
right: 5%;
width: 135px;
padding: 15px;
color: #000;
text-align: center;
background: #FFD200 none repeat scroll 0% 0%;
border-radius: 6px;
box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2);
font-size: 15px;
line-height: 16px;
text-transform: uppercase;
font-family: "Lato";
font-weight: 500;
}
@media (min-width:1500px) and (max-width:1800px) {
.board-count {
right: 11%;
}
}
@media (min-width:1801px) {
.board-count {
right: 16%;
}
}
.board-count .round {
width: 92%;
border-radius: 7px;
background: #FFF none repeat scroll 0% 0%;
padding: 35px 10px 10px 10px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
}
.board-count2 {
position: fixed;
z-index:3 !important;
right: 2%;
bottom:32px;
width: 132px;
height: 108px;
padding:0px 8px 10px 8px;
color: #fff;
text-align: center;
background:rgba(0,0,0,0.8);
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.20);
box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.20);
font-size: 11px;
line-height: 12px;
text-transform: uppercase;
font-family: "exosbold";
font-weight: 400;
}
.board-count3 {
position: fixed;
z-index:3 !important;
right: 2%;
top:52px;
width: 135px;
height: 100px;
padding: 8px 8px 10px;
color: #fff;
text-align: center;
background:#231d1e;
border:2px solid #de0000;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.20);
box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.20);
font-size:10px;
line-height:10px;
text-transform:uppercase;
font-family:"pt-regular";
font-weight:400;
}
.board-count2 img {
vertical-align:top;
margin-top:8px;
}
@media (max-width:990px) {
.board-count,
.board-count2,
.board-count3 {
display:none;
}
}
.timeClass2 {
font-size: 58px;
font-family: "exobold";
font-weight: 800;
line-height: 29px;
color: #e58c00;
letter-spacing: -3px;
width: 100%;
float: left;
margin: 13px 0px 13px;
}
.timeClass3 {
font-size: 23px;
font-family: "exobold";
line-height: 8px;
color: #e58c00;
width: 100%;
float: left;
margin: 13px 0px 13px;
}
.graphic {
margin-bottom:30px;
}
@media (max-width:1199px) {
.graphic {
margin-top:20px;
}
}
#date_time {
font-size:25px;
}
.help {
width:100%;
text-align:center;
margin:0 auto;
margin-top:70px;
float:left;
}
.help h1 {
color: #fff !important;
margin-top: 20px;
font-family: "exobold";
font-size: 35px;
margin-bottom:15px !important;
}
.help h2 {font-size: 22px;
margin-top: -11px;
margin-bottom: 20px;
}
.help a {
color:#fff !important;
text-decoration:none;
}
.help a:hover {
color:#353536 !important;
}
#blank textarea {
width:100% !important;
padding:10px 20px;
color: #000;
}
@media (max-width:555px) {
#affiliates input.name,
#affiliates input.email {
width:97% !important;
}
}
.content {
font:400 14px "Open Sans";
line-height:25px;
color:#fff;
}
.content strong {
color:#fff;
}
.content h1 {
text-align: center;
font: 100 60px "b-regular";
color: #494949;
margin-bottom: 0px;
}
#exitpopup { text-align:center; }
#exitpopup h1 { margin-top:0px; padding-top:0px; }
#exitpopup p { text-align:left; }
#exitpopup_bg {
display: none; width:100%; height:100%; position:fixed; background:#000000; opacity: .8; filter:alpha(opacity=0.8); z-index:999998;
}
#exitpopup {
width: 670px;
height: 510px;
margin:0px auto;
color:#fff;
padding:20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index:999999;
background:#000;
border:4px solid #ffc92c;
}
#exitpopup input {
margin-bottom: 9px;
}
#exitpopup .submit {
width: 84%;
margin: 0px auto !important;
margin-bottom:20px;
text-indent:-9999px;
}
#exitpopup p {
text-align:center;
}
#exitpopup form,
#exitpopup #af-form-245981371 {
width:100% !important;
margin:0 auto;
}
#exitpopup h1 {
font: 100 50px "exobold";
color: #fff;
letter-spacing: -0.4pt;
}
#exitpopup h2 {
font-family: "Open Sans";
}
#exitpopup input {
width:43%;
}
#exitpopup h2 strong {
color:#fc2b2c;
}
/* Preload images */
body:after {
content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
display: none;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
background-color: white;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-container {
padding: 4px;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(../img/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(../img/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(../img/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(../img/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
/*
* Core Owl Carousel CSS File
* v1.3.3
*/
/* clearfix */
@media (min-width:990px) {
.testimonial-container .container {
width:950px;
}
}
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel{
display: none;
position: relative;
width: 100%;
margin: 0 auto;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
cursor:url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.owl-theme .owl-controls{
margin-top: 10px;
text-align: center;
}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
text-decoration: none;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 14px;
height: 14px;
margin: 5px 7px;
opacity:1;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
background-color: #bdc3c7;
border: 3px solid #fff;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
/* preloading images */
.owl-item.loading{
min-height: 150px;
background: url(AjaxLoader.gif) no-repeat center center
}
.testimonial-container {
width:100%;
background:#fff;
padding-bottom: 17px;
margin-top:30px;
}
.testimonial-container h1 {
font:300 24px "exoregular";
color:#363636;
text-align:center;
margin:25px 0px 40px 0;
}
#testimonials .item {
color:#282828;
}
#testimonials .item .img {
width:98px;
float:left;
margin-right:15px;
text-align:center;
color:#a3764f;
font:900 14px "Lato";
}
#testimonials .item .img img {
margin-bottom:10px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
#testimonials .item .text{
background:url('../img/mark.jpg') no-repeat top left;
text-indent:50px;
font:300 18px/28px "Lato";
font-style:italic;
color:#282828;
padding-top: 5px;
height: 180px;
}
#testimonials .item .text2 {
font:400 22px "Lato";
}
#testimonials .item .text2 strong {
font:900 30px "Lato";
color:#789510;
}
@media (max-width:990px) {
#testimonials .item .text2 {
font:400 17px "Lato";
}
#testimonials .item .text2 strong {
font:900 24px "Lato";
}
}
.owl-wrapper {
}
.owl-controls {
}
.counter-container {
width:100%;
background:#1a100b;
padding-bottom:25px;
}
.counter-container h1 {
font:300 24px "exoregular";
color:#fff;
text-align:center;
margin:0px 0px 20px 0;
padding-top:20px;
}
.counter-container h2 {
color:#ffd3ad;
font:400 18px "Lato";
margin-top:0;
text-align:center;
}
.counter-container h2 strong {
font-weight:normal;
color:#acd125;
}
#members .logo h1{
font-size:50px !important;
margin-bottom:0;
}
@media (max-width:750px) {
#members .video embed {
width:100% !important;
}
.laptop {
padding:inherit !important;
}
.laptop {
height:auto !important;
}
#members .video-wrapper {
margin-left:0 !important;
padding-left:0 !important;
}
}
@media (max-width:585px) {
#members .logo h1 {
font-size:7vw !important;
}
#members .logo img {
max-width:100%;
}
}
.btn-money {
margin-right:15px;
width:auto;
}
#graph {
position: relative;
}
@media (max-width:1199px) {
#graph,
#graph > svg {
width:850px;
height:430px;
}
}
@media (max-width:990px) {
#graph,
#graph > svg {
width:680px;
height:350px;
}
}
@media (max-width:767px) {
#graph,
#graph > svg {
width:550px;
height:350px;
margin:0 auto;
}
}
@media (max-width:615px) {
#graph,
#graph > svg {
width:450px;
height:270px;
margin:0 auto;
}
.millionaire-status {
font-size: 14px;
top:71px !important;
}
}
@media (max-width:480px) {
#graph,
#graph > svg {
width:320px;
height:190px;
margin:0 auto;
}
.millionaire-status {
font-size: 12px;
top:77px !important;
}
}
.graph-container {
background: none repeat scroll 0% 0% rgb(255, 255, 255);
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 20px;
}
#chart > svg {width: 100% !important;}
.millionaire-status {
color: #000;
position: relative;
top:80px;
z-index: 100000000;
text-align: center;
font-weight: bold;
}
.choose {
width:60%;
margin:0 auto !important;
min-height:73px;
background: #ffe700; /* Old browsers */
background: -moz-linear-gradient(top, #ffe700 0%, #ffbb00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe700), color-stop(100%,#ffbb00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe700 0%,#ffbb00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe700 0%,#ffbb00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffe700 0%,#ffbb00 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffe700 0%,#ffbb00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe700', endColorstr='#ffbb00',GradientType=0 ); /* IE6-9 */
position: relative;
overflow: visible;
margin-top: 0px !important;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border:0;
border-bottom:5px solid #cb5003;
-webkit-box-shadow:inset 0 -1px 0 0 #ffb400;
box-shadow:inset 0 -1px 0 0 #ffb400;
font:900 29px "Lato";
color:#370d05;
text-align:center;
padding-top: 17px;
}
.choose:hover {
opacity:0.8;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.submitButton {
width:60%;
margin:0 auto !important;
min-height:73px;
background: #ffe700; /* Old browsers */
background: -moz-linear-gradient(top, #ffe700 0%, #ffbb00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe700), color-stop(100%,#ffbb00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe700 0%,#ffbb00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe700 0%,#ffbb00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffe700 0%,#ffbb00 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffe700 0%,#ffbb00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe700', endColorstr='#ffbb00',GradientType=0 ); /* IE6-9 */
position: relative;
overflow: visible;
margin-top: 0px !important;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border:0;
border-bottom:5px solid #cb5003;
-webkit-box-shadow:inset 0 -1px 0 0 #ffb400;
box-shadow:inset 0 -1px 0 0 #ffb400;
font:900 29px "Lato";
color:#370d05;
text-align:center;
}
.submitButton:hover {
opacity:0.8;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.modal {
bottom: 0px;
display: none;
overflow: hidden;
outline: 0px none;
top: 0px;
right: 0px;
position: fixed;
left: 0px;
z-index: 1050;
}
.modal-dialog {
width: 701px !important;
min-height: 370px;
background: #FFF none no-repeat scroll -200px -80px;
border-radius: 5px;
padding: 4px 30px 23px 30px;
margin: 0 auto !important;
top: 20%;
z-index:1052;
}
modal.in .modal-dialog {
transform: translate(0px, 0px);
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out 0s;
}
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-open .modal-bg {
background: rgba(0,0,0,0.7);
width: 100%;
height: 100%;
position:absolute;
z-index:1051;
}
.fade.in {
opacity: 1;
}
.fade {
opacity: 0;
transition: opacity 0.15s linear 0s;
}
.modal-header .close {
top: 0px;
position: relative;
right: -20px;
}
ul {
margin-left:0;
}
nav ul li {
padding-left: 30px;
list-style-type: none;
margin-bottom: 11px;
font-weight: 500;
display: inline-block;
font-family: "Open Sans";
font-size: 15px;
margin-top: 36px;
text-transform: uppercase;
}
.top nav a {
color:#424242;
}
.top nav a:hover {
color:#ee513e;
}
.embed-background {
background: url("../img/mac.png") no-repeat;
background-size: 100%;
padding: 8.5% 9% 19% 9%;
}
@media (max-width:1200px) {
.embed-background {
background-size: 100%;
}
}
@media (max-width:767px) {
.embed-background {
padding: 5% 3.7% 3%;
height: 87vw;
}
}
@media (min-width:991px) {
.embed-background {
left: -30px !important;
position: relative;
}
}
#home #index-form {
margin-top: -32px;
position: relative;
z-index: 2;
margin-bottom: 50px;
}
.index3 #home #index-form {
margin-bottom:0;
}
.sww {
max-width: 285px;
position: relative;
top: -294px;
left: 284px;
}
.testi {
float:none;
margin:0 auto 30px;
}
.testi:hover {
opacity:0.8;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.scroll-left {
position: absolute;
top: 30%;
z-index: 3;
left: 4%;
}
.scroll-right {
position: absolute;
top: 30%;
z-index: 3;
right: 4%;
}
#exitpopup { text-align:center; }
#exitpopup h1 { margin-top:0px; padding-top:0px; }
#exitpopup p { text-align:left; }
#exitpopup_bg {
display: none; width:100%; height:100%; position:fixed; background:#000000; opacity: .8; filter:alpha(opacity=0.8); z-index:999998;
}
#exitpopup {
width: 670px;
height: 415px;
margin:0px auto;
color:#000;
padding:20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index:999999;
background: #fff;
border: none;
}
#exitpopup input {
margin-bottom: 9px;
}
#exitpopup .submit {
width: 84%;
margin: 0px auto !important;
margin-bottom:20px;
text-indent:-9999px;
}
#exitpopup p {
text-align:center;
}
#exitpopup form,
#exitpopup #af-form-245981371 {
width:100% !important;
margin:0 auto;
}
#exitpopup h1 {
font: 900 100px "Open Sans";
color: #000;
letter-spacing: -0.4pt;
margin: -10px 0 0;
}
#exitpopup h2 {
font-family: "Open Sans";
font-size: 40px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 0;
}
#exitpopup input {
width:43%;
}
#exitpopup h2 strong {
color:#fc2b2c;
}
/*form styles*/
#msform {
width: 400px;
margin: 50px auto;
text-align: center;
position: relative;
}
#msform fieldset {
background:#fff;
box-sizing: border-box;
width: 80%;
margin: 0 10%;
position: absolute;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
display: none;
}
/*inputs*/
#msform input, #msform textarea {
padding: 15px;
border: 1px solid #ccc;
border-radius: 9px;
margin-bottom: 10px;
box-sizing: border-box;
font-family: Open Sans;
color: #2C3E50;
font-size: 20px;
width: 68%;
float: left;
margin-right: 2%;
height: 71px;
}
#msform fieldset:nth-child(3) .submit2 {
width: 30%;
height: 70px;
margin-bottom: 30px !important;
}
/*buttons*/
#msform .action-button {
width: 100px;
cursor: pointer;
}
#msform .action-button:hover, #msform .action-button:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px #ffc342;
}
#msform .submit2:hover, #msform .submit2:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px #2a0838;
}
/*headings*/
.fs-title {
font-size: 15px;
text-transform: uppercase;
color: #2C3E50;
margin-bottom: 10px;
}
.fs-subtitle {
font-weight: normal;
font-size: 13px;
color: #666;
margin-bottom: 20px;
}
#msform .next {
background: #ffd257; /* Old browsers */
background: -moz-linear-gradient(top, #ffd257 0%, #ffc342 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd257), color-stop(100%,#ffc342)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffd257 0%,#ffc342 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffd257 0%,#ffc342 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffd257 0%,#ffc342 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffd257 0%,#ffc342 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd257', endColorstr='#ffc342',GradientType=0 ); /* IE6-9 */
}
#msform .next {
background: #ffd257; /* Old browsers */
background: -moz-linear-gradient(top, #ffd257 0%, #ffc342 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd257), color-stop(100%,#ffc342)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffd257 0%,#ffc342 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffd257 0%,#ffc342 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffd257 0%,#ffc342 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffd257 0%,#ffc342 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd257', endColorstr='#ffc342',GradientType=0 ); /* IE6-9 */
height: 96px;
width: 100%;
margin:0 auto !important;
padding: 0;
margin-top:10px !important;
font:400 32px "bebas";
color:#cd5733;
text-shadow: 0px 1px 0px rgb(255, 240, 121);
border:5px solid #082948;
-webkit-box-shadow:inset 0 2px 0 0 #ffeab2;
box-shadow:inset 0 2px 0 0 #ffeab2;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
float: left;
border: 0px none;
margin-right: 2% !important;
/*
float: left;
max-width: 300px;
border: 0px none;
font-size: 64px;
height: 127px;
padding: 11px 13px 13px 29px;
margin-top: 22px !important;
margin-left: 33px !important;*/
}
.btnleft {
height: 100%;
background: rgba(255, 255, 255, 0.2) none repeat scroll 0% 0%;
padding-top: 17px;
font-size: 57px;
}
.btnright {
padding-top: 17px;
font-size: 57px;
}
#msform .submit2 {
background: #6d3486; /* Old browsers */
background: -moz-linear-gradient(top, #6d3486 0%, #3e1052 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d3486), color-stop(100%,#3e1052)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6d3486 0%,#3e1052 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6d3486 0%,#3e1052 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #6d3486 0%,#3e1052 100%); /* IE10+ */
background: linear-gradient(to bottom, #6d3486 0%,#3e1052 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d3486', endColorstr='#3e1052',GradientType=0 ); /* IE6-9 */
height: 96px;
width: 49%;
margin:0 auto !important;
padding: 0;
margin-top:10px !important;
font:400 32px "bebas";
color:#fff;
border:5px solid #082948;
-webkit-box-shadow:inset 0 2px 0 0 #2a0838;
box-shadow:inset 0 2px 0 0 #2a0838;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
float: left;
border: 0px none;
/*
float: left;
max-width: 300px;
border: 0px none;
font-size: 64px;
height: 127px;
padding: 11px 13px 13px 29px;
margin-top: 22px !important;
margin-left: 33px !important;*/
}
.embed-container {
position: relative;
padding-bottom: 55.6%;
height: 0;
overflow: hidden;
height: 0;
max-width: 740px;
border: 4px solid #1800f3;
margin: 20px auto 0px;
}
#members .embed-container {
border:0 !important;
}
@media (max-width:1199px) {
.embed-container {
position: relative;
padding-bottom: 42.9%;
}
}
@media (max-width:990px) {
.embed-container {
position: relative;
padding-bottom: 55.7%;
}
}
@media (max-width:768px) {
.embed-container {
position: relative;
padding-bottom: 55.4%;
}
.gen div {
width:100%;
}
}
#members .embed-container {
padding-bottom: 56%;
}
.modal .embed-container {
border:0 !important;}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#presentation .embed-container {
border:0;
box-shadow:none;
border-radius:0;
padding-bottom:56.5%;
margin:0 auto;
}
#presentation .embed-background {
padding: 8.5% 10% 27% 10%;
}
.section-home {
width: 100%;
padding-bottom: 0;
position:relative;
}
.section-home:before {
background: #fff url('../img/snt1.jpg') no-repeat right top;
opacity:1;
position: absolute;
width: 100%;
height: 100%;
display:block;
}
.section-home h3 {
margin-top: 0;
text-align: left;
font-size: 27px;
}
.snt2 {
padding: 38px 0;
position:relative;
}
.snt2:before {
background: #fff url('../img/snt2.jpg') no-repeat left top;
opacity: 1;
position: absolute;
width: 100%;
height: 100%;
display: block;
background-size: 793px;
top: 0;
}
.text-step {
font: 400 16px/21px "Lato";
background: rgba(0,0,0,0.05);
padding: 20px;
text-align: center;
border-radius: 6px;
}
.snt2 .submit {
margin: 30px auto 0 !important;
float: none;
display: block;
font-size: 55px;
text-align: center;
height: auto;
line-height: 1.5;
padding: 0 0 31px;
box-shadow: 0 0 19px rgba(0,0,0,0.2);
border-bottom: 4px solid #cd5733;
}
.snt2 .submit span {
text-align: center;
}
.snt2 h2 {
font: italic 700 32px "Open Sans";
margin-bottom: 0;
letter-spacing:-0.5pt;
}
.snt3 {
background:#f3f3f3;
position:relative;
box-shadow:0 6px 6px rgba(0,0,0,0.07);
}
.components img {
margin:0 auto;
float:none;
}
@media (min-width:1350px) {
.components img {
max-width:900px;
}
.components {
padding-top:30px !important;
}
}
.components {
height: 100%;
min-height: 100%;
position: absolute;
right: 0;
background: #fff;
padding-top: 3vw;
}
@media (max-width:990px) {
.components {
position:relative;
}
}
.gif {
padding-bottom:55%;
}
.snt3 .owl-controls {
position: absolute;
bottom: 10px;
display: inline-block;
left: 22px;
}
.snt3 #carousel-slider {
position:relative;
}
.snt3 .owl-buttons {
display:none;
}
.snt3 ul li {
margin-bottom: 22px;
font-size: 22px;
}
.snt3 ul {
padding: 30px 40px 20px 30px;
}
.snt3 ul h2 {
margin-top: 0;
margin-bottom: 29px
}
.snt4 {
background: url('../img/bg-bg.jpg') no-repeat left top;
background-size: 1630px;
background-position: left -90px;
padding-bottom: 40px;
padding-top: 30px;
}
.snt4 h1 {
font: 700 60px "Roboto Condensed";
margin-top: 40px;
}
.snt4 .panel-group {
float: none;
margin: 20px auto 80px;
max-width: 550px;
height: 315px;
}
.gratis {
padding-bottom: 30px;
padding-top: 20px;
}
.gratis h2 {
color: #383838;
font: 500 44px/51px "Lato";
margin-top: 40px;
}
.gratis h2 strong {
color: #34b0c2;
}
.gratis1, .gratis3 {
padding: 0 50px;
}
.gratis2 {
padding-top: 30px;
text-align:center;
}
.gratis2 .submit {
display: block;
margin: 14px auto !important;
float: none;
height: 64px;
padding: 15px 20px;
margin-bottom: 6px !important;
}
.gratis2 small {
width:100%;
text-align:center;
font-size: 21px;
}
.panel-default > .panel-heading {
color: #fff;
background-color: #34b0c2;
}
.results {
position:relative;
}
.results:before {
background: #fff url('../img/snt6.jpg') no-repeat 140% top;
opacity: 0.1;
position: absolute;
width: 100%;
height: 100%;
display: block;
background-size: cover;
}
.quote {
font: italic 300 26px "Open Sans";
padding-top: 15px;
text-align: right;
letter-spacing: -1pt;
}
.footer .quote {
font: italic 300 26px "Open Sans";
padding-top: 0;
text-align: right;
letter-spacing: -1pt;
display: inline-block;
margin-left: 80px;
margin-bottom: 10px;
}
h1.headline {
color: #fff;
font: 400 29px/1 "Open Sans";
margin-top: 19px;
margin-bottom: 4px !important;
}
h1.headline strong {
font-weight:700;
color:#fff !important;
}
#home h2.headline {
color:
#111;
font-weight: 400;
margin-bottom: 0px;
margin-top: 0;
font-family:"Montserrat";
font-size: 40px;
}
h2.headline strong {
color:#fbe20e;
font-weight:300;
}
@media (max-width:990px) {
.lady {
position: absolute;
top: 403px;
max-height: 400px;
left: -100px;
}
.d30d {
max-width: 120px;
position: absolute;
left: inherit !important;
margin-top: 30px;
}
.submit {
margin-left: 143px !important;
}
.sww {
max-width: 285px;
position: relative;
top: -146px;
left: 484px;
}
.section-home {
width: 100%;
max-height: inherit;
height: 1370px;
}
}
@media (max-width:767px) {
.lady {
display:none;
}
#home h1.headline {
}
.section-home {
width: 100%;
max-height: inherit;
height: 1270px;
}
}
.d30d2 {
display:none;
}
#index-form h2 {
color: #fff;
font: 900 50px "Lato";
margin-top: 62px;
margin-bottom: 5px;
}
.col-right {
margin-left: 2%;
float: left;
width: 23%;
background:
rgba(0,0,0,0.6);
margin-top: 20px;
text-align: center;
color:
#fff;
border-radius:15px 15px 0 0;
}
@media (max-width:560px) {
.sww {
display:none;
}
#home h1.headline {
margin-top: 20px;
}
.section-home {
width: 100%;
max-height: inherit;
height: 1200px;
}
.submit {
float: left;
position: relative;
width: 82% !important;
max-width: 100% !important;
margin-left: 9% !important;
font-size: 53px !important;
height: 116px;
}
.cartbtn {
margin-top: 10px;
}
.d30d {
display:none;
}
.d30d2 {
display:block;
}
.mobile-padding {
padding-left: 20px;
}
.pricing .submit {
width: 100% !important;
margin-left: 0 !important;
}
}
@media (max-width:930px) {
.scroll-left, .scroll-right {
display:none !important;
}
}
@media (max-width:690px) {
.sww { display:none; }
.section-home {height: auto; }
}
.sww2 {
max-width:350px;
float:none;
margin:-100px auto 0;
}
.testimonial {
background:
#2f2f2f;
padding: 30px 45px;
text-align: left;
color:
#fff;
font: 300 15px/1.7 "Lato";
border: 1px solid;
border-radius: 20px;
margin: 13px;
}
.testimonial img {
margin: 6px 10px 0px 0;
border-radius: 3px;
}
.testimonial1 {
background: #fff;
padding: 15px 15px 5px 15px;
text-align: left;
position: absolute;
width: 43%;
right: 15px;
top: 15px;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.testimonial2 {
background: #fff;
padding: 15px 15px 5px 15px;
text-align: left;
position: absolute;
width: 43%;
left: 15px;
top: 15px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.testimonial3 {
background: #fff;
padding: 15px 15px 5px 15px;
text-align: left;
position: absolute;
width: 43%;
left: 15px;
top: 15px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.testimonial > p {
font-size: 15px;
color: #64717b;
font-weight: 300;
line-height: 20px;
}
.testimonial-review {
text-align: center;
width: 100%;
margin: 0px auto 0px;
}
.testimonial-review > img {
border-radius: 50%;
float: left;
margin-right: 15px;
border: 2px solid #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
margin-left: 11%;
max-width: 150px;
}
.testimonial-title {
text-align: left;
line-height: 14px;
color: #000;
text-transform: capitalize;
font-size: 23px;
}
.testimonial-title small{
display: block;
font-style: italic;
margin:10px 0;
color:#93a0aa;
}
.owl-buttons{
position: absolute;
top:45%;
width: 100%;
}
.owl-prev{
position: absolute;
left:-3%;
}
.owl-next{
position: absolute;
right:-3%;
}
#carousel .owl-prev {
left:-5%;
}
#carousel .owl-prev::after,
#carousel .owl-next::after {
color:#ccc;
}
#carousel .owl-next {
right:-5%;
}
.owl-theme .owl-controls .owl-buttons div{
background: #34b0c2;
opacity: 1;
}
.owl-theme .owl-controls .owl-buttons div{
border-radius: 50%;
}
.owl-prev:after,
.owl-next:after{
font-family: 'FontAwesome';
content: "\f104";
width: 28px;
height: 28px;
font-size: 14px;
}
.owl-next:after{
content: "\f105";
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
background:#34b0c2;
}
.owl-carousel:hover .owl-buttons{
opacity: 1;
}
@media screen and (max-width: 767px){
.owl-prev{
left:-2.5%;
}
.owl-next{
right: -2.5%;
}
}
.results {
background: #efefef;
position: relative;
width: 100%;
height: auto;
padding-bottom:40px;
}
.results h1 {
font-size:60px;
margin:30px 0 40px;
}
.results h1 strong {
color:#34b0c2;
}
.section-home .submit {
height: 100px;
font-size: 48px;
width: 100%;
margin-left: 0 !important;
max-width: inherit;
padding: 7px 12px 17px 22px;
margin-top: 0px !important;
}
.section-home .submit img {
max-width: 71px;
margin-top: -8px;
margin-bottom: -20px;
}
#index-form h3 {
position: relative;
color: #fff;
font: 900 21px "Lato";
margin-top: 0;
}
.section6 h3 {
background: rgba(0,0,0,0.9);
position: relative;
color:#fff;
padding: 10px;
width: 98%;
}
.crypto-logo {
max-width:65%;
}
.step {
background: #34b0c2;
width: 60px;
height: 60px;
border-radius: 50%;
margin: 0 auto;
color: #fff;
text-align: center;
font: 700 45px "Roboto Condensed";
padding-top: 0px;
}
.steps .title {
text-align: center;
font: 700 30px "Roboto Condensed";
margin: 10px auto 15px;
}
.steps .text {
font: 400 16px "Lato";
text-align: center;
padding: 0 10px;
margin-bottom: 40px;
}
#carousel-slider {
max-width: 1550px;
max-height: 980px;
}
#carousel .owl-prev,
#carousel .owl-next {
background:transparent;
}
#carousel .owl-prev:hover,
#carousel .owl-next:hover {
opacity:0.5;
}
#carousel .owl-prev::after,
#carousel .owl-next::after {
font-size: 80px;
text-shadow: 0 0 20px rgba(0,0,0,.3);
}
.question-wrap {
width:58.33%;
margin-left:25%;
}
@media (max-width:1280px) {
.question-wrap {
margin-left: 33%;
width: 65.333%;
}
}
@media (max-width:1580px) {
#carousel .owl-prev {
position: absolute;
left: 2%;
}
#carousel .owl-next {
position: absolute;
right: 2%;
}
}
@media (min-width:1581px) {
#carousel {
padding-top:50px;
}
}
@media (min-width:1650px) {
.section-home , #steps, #features , #warranty, #free, #testimonials, #questions {
max-width:1650px;
margin:0 auto;
}
.snt3 ul h2 {
margin-top: 20px;
margin-bottom: 40px;
}
}
.panel {
border: 1px solid rgba(0,0,0,0.1) !important;
margin-bottom: 20px !important;
box-shadow: 0 0 5px rgba(0,0,0,0.1) !important;
}
@media (max-width:990px) {
.question-wrap {
margin-left: 12.5%;
width: 75%;
}
.snt2:before {
opacity: 0.2;
background-size: cover;
background-position: 49% center;
}
}
@media (max-width:768px) {
.top {
height: auto !important;
}
.logo img {
float: none !important;
margin: 0px auto 0;
}
.quote {
font: italic 300 20px "Open Sans";
padding-top: 0;
text-align: center;
margin-top: -18px;
margin-bottom: 8px;
}
.section-home::before {
opacity: 0.2;
}
.section-home h2 {
color: #5d5d5d;
font: 300 25px "Lato";
text-align: center;
margin-top: 0px;
}
.section-home h1 {
text-align:center;
margin: 12px auto 0px;
}
.setion-home ul li {
margin-bottom: 7px;
font-weight: 400;
font-size: 15px;
}
.clipped {
max-width: 100%;
position: relative;
left: 0;
}
.section-home h3 {
margin-top: -11px;
text-align: left;
font-size: 22px;
}
.section-home {
padding-bottom: 30px;
}
.stripe1 {
text-align: center;
font: 700 22px "Roboto Condensed";
}
.section-home .left {
padding-right: 0px;
}
.snt2::before {
opacity: 0.2;
background-size: cover;
background-position: 49% center;
}
.steps .title {
margin: 10px auto 0;
}
.steps .text {
margin-bottom: 10px;
}
.text-step {
background: rgba(255,255,255,1);
}
.stripe2 h1 {
font: 700 30px "Roboto Condensed";
text-align: center;
}
.stripe2 h2 {
font: italic 300 16px/1.5 "Open Sans";
text-align: center;
padding: 0 5%;
}
.gratis h2 {
font: 500 23px "Lato";
padding: 0 5%;
}
.gratis2 {
padding: 0 8%;
}
.gratis2 .submit {
font-size: 25px !important;
}
.results h1 {
font-size: 34px;
margin: 20px 0 20px;
}
.testimonial {
padding: 25px;
}
.testimonial > p {
font-size: 14px;
line-height: 23px;
}
.results {
padding-bottom: 20px;
}
.testimonial-review > img {
margin-left: 16%;
}
.testimonial-title {
padding-top: 53px;
line-height: 16px;
font-size: 27px;
}
.snt3 ul li {
margin-bottom: 8px;
font-size: 15px;
}
.snt4 {
background: transparent;
padding: 0 6%;
}
.snt4 .panel-group {
height: auto;
}
.snt4 h1 {
font: 700 40px "Roboto Condensed";
}
.panel-heading h4 {
font: 500 15px "Roboto Condensed";
}
.panel-body {
font: 300 15px/21px "lato";
}
.footer .text-right {
text-align:center !important;
}
.footer .submit {
font-size: 25px !important;
text-align: center;
margin: 0 auto;
float: none;
display: inline-block;
}
.logo-footer {
float: none;
margin: 0 auto;
max-height:60px;
}
.footer .quote {
margin-top: 20px;
}
.testimonial-review {
margin: -25px auto 20px;
}
.testimonial-review > img {
max-width: 100px;
}
.testimonial-title {
padding-top: 28px;
line-height: 16px;
font-size: 27px;
}
.snt3 .owl-controls { display:none !important; }
.results::before {
background: #fff url('../img/snt6.jpg') no-repeat center top;
}
#dot-nav li {
border: 2px solid #fff !important;
padding: 4px !important;
margin: 10px 0px 0px 0px !important;
}
}
.prod {
background: #fff;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 10px 10px 0 0;
text-align: center;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.submit.checkout-btn {
margin-top: 30px !important;
margin-bottom: 50px !important;
text-align: center;
height: 80px;
padding-top: 14px;
}
.prod h2 {
margin-top:20px;
margin-bottom:30px !important;
}
.prod-left {
padding-right:10px;
}
.prod-right {
padding-left:10px;
}
.setup-panel li {
background:none;
padding-left:0;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .setup-panel li.active a {
background:#34b0c2;
}
.setup-panel li.active a h4 {
color:#fff !important;
}
.setup-panel.thumbnail {
margin-top: 26px !important;
padding:0 !important;
}
.setup-panel li a {
color:#fff;
}
.summary-head {
border-bottom:1px solid rgba(0,0,0,0.2);
float:left;
width:100%;
padding-bottom:6px;
margin-bottom:15px;
}
.summary-item {
padding-top: 11px;
float:left;
width:100%;
border-bottom:1px solid rgba(0,0,0,0.2);
margin-bottom:10px;
}
.summary-item p {
margin-bottom: 15px !important;
}
.summary-total {
background: #34b0c2;
border-radius: 5px;
padding: 20px;
color: #fff;
padding-bottom: 35px;
}
.summary-total .summary-head {
text-align: center;
font-size: 20px;
}
.summary-total .text-left,
.summary-total .text-right {
font-size: 22px;
line-height: 38px;
}
.summary-total .text-left {
padding-left: 10px !important;
}
.summary-total .submit {
height: 70px;
font-size: 38px;
width: 100%;
margin-left: 0 !important;
max-width: inherit;
padding: 14px 12px 13px 12px;
margin-top: 24px !important;
text-align: center;
cursor:pointer;
}
#state0selection {
width: 100%;
background: #fff;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
height: 41px;
padding-left:10px;
}
.finalbtn {
height: 60px !important;
font-size: 42px !important;
width: 85% !important;
margin-left: 0 !important;
max-width: inherit;
padding: 8px 12px 27px 12px !important;
margin-top: 0px !important;
margin: 0 auto !important;
float: none;
display: block;
}
input[type="checkbox"] {
width: auto;
float: left;
height: auto;
margin-top: 5px;
margin-right: 15px;
margin-left: 10px;
}
label {
color: #333;
}
.tooltip img {
}
#team, #support, #members-form {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#34b0c2+0,1885be+100 */
background: #34b0c2; /* Old browsers */
background: -moz-linear-gradient(-45deg, #34b0c2 0%, #1885be 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #34b0c2 0%,#1885be 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #34b0c2 0%,#1885be 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34b0c2', endColorstr='#1885be',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding: 40px 0;
}
#support { padding:0; }
.team-member {
text-align:center;
}
#live-results {
padding: 20px 0 40px;
}
.team-member p {
color: #fff;
font: 4300 18px "Lato";
text-align: center;
padding:0 30px;
}
.team-member h3 {
color: #fff;
font: 400 30px "Roboto Condensed";
text-align: center;
}
.img-responsive.img-circle.team-member-photo {
max-width: 250px;
float: none;
margin: 0 auto;
}
#members .img-responsive.img-circle.team-member-photo {
max-width: 150px;
}
#members #team h1 {
margin-top: -10px;
margin-bottom: 22px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
}
ul.social-member {
margin-top:30px;
}
ul.social-member li {
display:inline-block;
list-style-type:none;
margin:0 10px;
}
ul.social-member a {
color:#89e7ff;
}
ul.social-member a:hover {
color:#0b4a6b;
}
@media (min-width:990px) and (max-width:1300px) {
.features-container, .components {
width:50% !important;
}
}
ul.list li {
background: url('../img/tick.png') no-repeat left center;
min-height: 37px;
background-size: 30px;
list-style-type: none;
padding-left: 39px;
padding-top: 5px;
font-size: 19px;
font-weight: 400;
margin-bottom: 6px;
}
#members h3.feature-title strong {
color: #34b0c2;
}
#support .team-member h3 {
font: 700 42px "Roboto Condensed";
}
.pricing h3 {
font: 300 46px "Roboto Condensed";
color: #3e3f44;
margin: -9px 0 35px;
letter-spacing: -0.5pt;
}
.pricing .price { background: #34ace2;
border-radius: 27px;
display: inline-block;
padding: 5px 25px;
color: #fff;
margin-bottom: 40px;
}
.pricing h4 {
font: 300 28px "Roboto Condensed";
color: #3e3f44;
letter-spacing: -1pt;
margin-bottom: 41px;
}
.pricing li {
text-align: left;
}
.pricing ul {
margin-bottom: 40px;
}
.pricing {
z-index:2;
position:relative;
}
.pricing-dark {
margin: 40px 0 30px -24px;
z-index: 1;
position: relative;
padding-left: 60px;
box-shadow: none !important;
z-index: 1;
position: relative;
background: #e3e8eb;
padding-right: 30px;
padding-bottom: 37px;
padding-top: 31px;
}
.pricing-dark h3 {
font: 300 46px "Roboto Condensed";
color: #3e3f44;
margin: -9px 0 15px;
letter-spacing: -0.5pt;
}
.pricing-dark .price {
color: #222222;
background: transparent;
border: 1px solid rgba(0,0,0,0.4);
padding: 6px 17px;
margin-bottom: 10px;
}
.pricing-dark h4 {
font: 300 24px/24px "Roboto Condensed";
color: #3e3f44;
letter-spacing: -1pt;
margin-bottom: 22px;
}
.pricing-dark ul {
margin-bottom: 20px;
}
.snt4 h2 {
font: 400 40px "Roboto Condensed";
text-align: center;
letter-spacing: -1pt;
color: #222222;
margin-bottom: 0;
margin-top: 60px;
}
.snt4 h1 {
font: 700 50px "Roboto Condensed";
text-align: center;
letter-spacing: -1pt;
color: #222222;
margin-top: -8px;
margin-bottom: 20px;
}
.snt4 .submit {
border-radius: 30px;
padding: 14px 41px;
border-bottom: 0;
float: none;
margin: 0 auto !important;
display: inline-block;
width: auto;
font-size: 21px;
letter-spacing: -0.5pt;
}
.pricing-dark .submit2 {
background: transparent;
border: 1px solid rgba(0,0,0,0.5);
padding: 10px 33px !important;
text-shadow: none;
color: #333;
font-weight: 300 !important;
font-size: 18px !important;
}
.pricing {
background: #fff none repeat scroll 0% 0%;
margin: 0px auto 10px;
position: relative;
text-align: center;
padding: 45px;
border-radius: 35px;
box-shadow: 0 0 43px 0 rgba(0,0,0,0.1);
}
.pricing:hover {
transform:scale(1.05);
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.pricing .title {
line-height: 32px;
padding: 17px 20px 21px;
text-transform: uppercase;
}
.pricing .title a {
color: #1E1E1E;
font-size: 24px;
font-weight: bold;
line-height: 32px;
text-decoration: none;
}
.pricing .price-box .price {
font-size: 36px;
font-weight: bold;
margin: 13px 0px 0px;
font-family: Oswald,sans-serif;
color:#f63d0e;
}
.pricing .options li {
border-top: 1px solid rgba(30, 30, 30, 0.1);
color: rgba(30, 30, 30, 0.4);
line-height: 22px;
padding: 13px 10px;
position: relative;
background:#f5f5f5;
}
.pricing .options li.active {
color: #1E1E1E;
}
.pricing .options li:hover {
background:#fff;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.pricing .btn-box .btn {
background:#f63d0e;
padding-bottom: 15px;
padding-top: 15px;
border:0;
font:900 25px "Lato";
text-transform:uppercase;
color:#fff;
}
.pricing .btn-box .btn:hover {
background:#6146ab;
color:#fff;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.pricing .price-box {
font-size: 12px;
line-height: 1;
overflow: hidden;
padding: 0px 20px 20px;
}
.pricing .options {
list-style: outside none none;
margin: 0px;
padding: 0px;
}
.pricing .btn-box {
border-top: 1px solid rgba(30, 30, 30, 0.1);
overflow: hidden;
padding: 15px 15px;
}
.pricing-dark {
margin: 40px 0 30px -24px;
z-index: 1;
position: relative;
padding-left: 60px;
box-shadow: none !important;
z-index: 1;
position: relative;
background: #e3e8eb;
padding-right: 30px;
padding-bottom: 37px;
padding-top: 31px;
}
.pricing-dark h3 {
font: 300 46px "Roboto Condensed";
color: #3e3f44;
margin: -9px 0 15px;
letter-spacing: -0.5pt;
}
.pricing-dark .price {
color: #222222;
background: transparent;
border: 1px solid rgba(0,0,0,0.4);
padding: 6px 17px;
margin-bottom: 10px;
}
.pricing-dark h4 {
font: 300 24px/24px "Roboto Condensed";
color: #3e3f44;
letter-spacing: -1pt;
margin-bottom: 22px;
}
.pricing-dark ul {
margin-bottom: 20px;
}
.pricing ul {
margin-left:0;
}
.pricing ul li {
background: transparent url("../img/bullet.png") no-repeat scroll 0% 0%;
padding-left: 40px;
list-style-type:none;
margin-bottom: 11px;
font-weight: 300;
}
.circle {
position: absolute;
top: -1px;
left: 136px;
z-index: 1;
opacity: 0.5;
width: 152px;
}
#index-form .name, #index-form .email {
width: 100% !important;
float: left;
font-size: 20px;
height: 54px;
border-radius: 10px;
}
#index-form .submit {
width: 100% !important;
float: none;
padding: 15px 20px;
font: 900 32px "Lato";
height: auto;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1800f3+0,efca00+100 */
background: #1800f3; /* Old browsers */
background: -moz-linear-gradient(45deg, #1800f3 0%, #efca00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #1800f3 0%,#efca00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #1800f3 0%,#efca00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1800f3', endColorstr='#efca00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border:0 !important;
color:#fff;
border-radius:20px;
}
.product-desc {
margin-bottom: 30px;
}
.product-img {
margin-top:30px;
}
.stripe3 .submit {
float: right;
width: auto;
padding: 9px 30px;
margin-top: 20px !important;
font-size: 15px;
height: auto;
}
.stripe3 .submit:hover {
background:#fff !important;
color:#333 !important;
}
#members h2.headline {
text-align: left;
font: 700 35px "Open Sans";
margin-top: 0;
margin-bottom: 25px;
}
#members .product {
float: left;
width: 100%;
margin-top: 60px;
}
#members .members-content {
margin-bottom:60px;
}
.cb-disclaimer {
margin-bottom: 50px;
font-size: 12px;
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.3);
font-weight: 300;
color: rgba(255,255,255,0.3);
}
#index-form .submit.buynow {
width: auto !important;
margin-left: 0;
margin-right: 0;
float: none;
height: auto;
line-height: 2;
padding: 1% 6% 0%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe521+0,f7b102+100 */
background: #ffe521; /* Old browsers */
background: -moz-linear-gradient(top, #ffe521 0%, #f7b102 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffe521 0%,#f7b102 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffe521 0%,#f7b102 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe521', endColorstr='#f7b102',GradientType=0 ); /* IE6-9 */
border:0 !important;
border-radius: 14px;
border-bottom: 12px solid #BF8601 !important;;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.submit span.pricee {
font-size: 56px;
text-align: left;
width: 100%;
float: left;
margin-top: -30px;
font-weight: 900;
}
#index-form .submit.buynow:hover {
border-bottom:12px solid #3b3b3b !important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
transform:scale(0.9);
background:#000;
}
.tabs-left, .tabs-right {
border-bottom: none;
padding-top: 2px;
}
.tabs-left {
border-right: 1px solid #ddd;
}
.tabs-right {
border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
float: none;
margin-bottom: 2px;
}
.tabs-left>li {
margin-right: -1px;
}
.tabs-right>li {
margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
border-bottom-color: #ddd;
border-right-color: transparent;
}
.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
border-bottom: 1px solid #ddd;
border-left-color: transparent;
}
.tabs-left>li>a {
border-radius: 4px 0 0 4px;
margin-right: 0;
display:block;
}
.tabs-right>li>a {
border-radius: 0 4px 4px 0;
margin-right: 0;
}
.lesson-desc {
text-align: left;
padding-left: 20px;
font: 300 16px/26px "Lato";
color: #333;
}
.lesson-name {
text-align: left;
padding-left: 20px;
margin-top: 0;
font: 700 33px "Open Sans";
color: #333;
text-align: left;
}
.lesson-item .submit {
margin-left:20px !important;
}
.lesson-item a[data-toggle="modal"] {
max-width: 90%;
display: block;
}
.lesson-item .submit {
background: #cb1010;
font: 700 24px "Open Sans";
color:#fff;
}
.lesson-item {
float: left;
width: 100%;
padding-bottom: 20px;
border-bottom: 1px dashed rgba(0,0,0,0.3);
margin-bottom: 20px;
}
.lesson-item:hover {
background:rgba(0,0,0,0.03);
}
.topper .logo {
margin: 5px 0 0 25px;
}
.topper {
float: left;
width: 100%;
background: #fff;
border-bottom: 1px solid rgba(0,0,0,0.1);
min-height: 100px;
}
.topper .gray-left {
min-height: 100px;
}
.topper h3 {
text-align: right;
padding-right: 20px;
font: 600 21px "lato";
margin-bottom: 0;
margin-top: 26px;
}
.topper h4 {
text-align: right;
padding-right: 20px;
font: 900 21px "lato";
text-transform: uppercase;
margin-top: 0;
color:#ffbb00;
}
.gray-left .tabs-left > li > a {
border-radius: 4px 0 0 4px;
margin-right: 0;
display: block;
background: #eaeaea;
padding: 11px 30px;
color: #333;
}
.gray-left .nav-tabs > li > a:hover {
color: #fff;
background: #a86b37;
border-color: transparent;
}
.gray-left .tabs-left > li.active > a { background:#fff; color:#333;}
.modal {
bottom: 0px;
display: none;
overflow: hidden;
outline: 0px none;
top: 0px;
right: 0px;
position: fixed;
left: 0px;
z-index: 1050;
}
.modal-dialog {
width: 703px !important;
background: #FFF none no-repeat scroll -200px -80px;
border-radius: 5px;
padding: 1px 30px 20px 30px;
margin: 0 auto !important;
top: 4%;
z-index: 1052;
}
modal.in .modal-dialog {
transform: translate(0px, 0px);
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out 0s;
}
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-open .modal-bg {
background: rgba(0,0,0,0.7);
width: 100%;
height: 100%;
position:absolute;
z-index:1051;
}
.fade.in {
opacity: 1;
}
.fade {
opacity: 0;
transition: opacity 0.15s linear 0s;
}
.modal-header .close {
top: -10px;
position: relative;
right: -15px;
}
.focus-button {
letter-spacing:0;
font-weight:800;
}
@media (max-width:768px) {
.lesson-item .img-responsive {
margin: 0 auto;
float: none;
margin-top: 20px;
margin-bottom: 20px;
}
#members .submit {
font-size: 14px;
width: auto !important;
float: left;
height: auto !important;
font-size: 25px !important;
text-align: center;
margin: 0 auto;
float: none !important;
width: 100%;
height: auto !important;
min-height: inherit;
}
.modal-dialog {
width: 100% !important;
height: auto !important;
}
nav ul li {
padding-left: 15px;
list-style-type: none;
margin-bottom: 0;
font-weight: 500;
display: inline-block;
font-family: "Open Sans";
font-size: 15px;
margin-top: 6px;
text-transform: uppercase;
padding-right: 15px;
text-align: center !important;
}
nav .text-right {
text-align: center !important;
}
#home h1.headline {
font: 300 25px/1 "Open Sans";
}
#home .video-wrapper {
height: 500px;
}
#index-form .name, #index-form .email {
width: 49% !important;
}
#index-form .email {
margin-right:0 !important;
}
#index-form .submit {
width: 100% !important;
margin-left: 0;
margin-right: 0;
float: left;
font-size: 30px !important;
height: auto !important;
margin-left: 0 !important;
}
#index-form .submit.buynow {
font-size: 16px !important;
width: 100% !important;
text-align: center !important;
padding: 3% 6% 0px;
line-height: 1.25;
}
.submit span.pricee {
font-size: 46px;
text-align: center;
width: 100%;
float: left;
margin-top: -7px;
margin-bottom: 10px;
}
.note {
margin-right: 0 !important;
margin-top: 10px !important;
max-width: 150px !important;
}
}
@media (max-width:450px) {
#home .video-wrapper {
height: 420px;
}
}
.modal-body.vid1 .embed-container {
padding-bottom: 73.8% !important;
}
#myModalLabel {
color: #333;
font-weight: bold;
}
.vid1 .embed-container{
padding-bottom: 53.75% !important;
}
.vid2 .embed-container{
padding-bottom: 53.75% !important;
}
.vid3 .embed-container {
padding-bottom: 40.85%;
}
.vid4 .embed-container {
padding-bottom: 36.2%;
}
.modal-body.vid2 .embed-container {
padding-bottom: 49.75%;
}
.modal-body.vid5 .embed-container {
padding-bottom: 50.55% !important;
}
.sectionred {
margin:50px 0;
background: #ee523e; /* Old browsers */
background: -moz-linear-gradient(top, #ee523e 0%, #b73f2f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ee523e 0%,#b73f2f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ee523e 0%,#b73f2f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee523e', endColorstr='#b73f2f',GradientType=0 ); /* IE6-9 */
border-bottom: 12px solid #952d20;
}
#members .logo {
margin: 10px !important;
max-height: 60px;
}
.step-desc h4 {
color: #fff;
text-align: left;
font: 400 22px "Lato";
margin: 2px 0 10px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.step-title {
color: #fff;
text-align: left;
font: 700 37px "Open Sans";
margin: 19px 0 0;
}
.headline1 {
font: 700 57px "Open Sans";
text-align: left;
margin-left: 20px;
margin-top: 40px;
}
.headline2 {
font: 400 35px "Open Sans";
text-align: center;
}
.list1 {
margin:30px 0;
}
.list1 li {
font: 400 20px/32px "Lato";
font-size: 20px !important;
}
.list2 li {background-repeat: no-repeat;
padding-left: 42px;
list-style-type: none;
margin-bottom: 15px;
font-size: 20px; background-image: url(../img/check.png);}
.sectiongray {
background:#f3f3f3;
padding:40px 0;
}
@media (max-width:1200px) {
.index3 .embed-container {
padding-bottom: 42.9%;
}
}
@media (max-width:990px){
.index3 .embed-container {
padding-bottom: 55.75%;
}
}
.faqer {
font-size: 22px;
}
@media (max-width:768px) {
.index3 #home .video-wrapper {
height: 81vw;
}
.index3 #home h1.headline {
margin-top: 20px !important;
}
.headline1 {
font: 700 36px "Open Sans";
text-align: center;
margin-left: 20px;
margin-top: 40px;
}
.list1 {
margin: 20px 30px;
}
.list1 li {
font: 400 16px/29px "Lato";
font-size: 16px !important;
}
.sectiongray {
background: #f3f3f3;
padding: 25px 0;
}
.headline2 {
font: 400 27px "Open Sans";
}
.col-md-6.col-xs-12.testi-item.text-center {
margin-bottom: 45px;
}
.faqer {
font-size: 19px;
}
}
@media (max-width:550px) {
.index3 #home .video-wrapper {
height: 92vw;
}
}
.stepwizard-step.active p {
color: #fff;
text-decoration: underline;
}
.stepwizard-step p {
margin-top: 10px;
color: rgba(255,255,255,0.7);
font: 300 15px "Lato";
}
.stepwizard-row, .stepwizard-row2, .stepwizard-row3 {
display: table-row;
}
.stepwizard {
display: table;
width: 100%;
position: relative;margin-top: 20px;
}
.stepwizard-step button[disabled] {
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
.stepwizard-row:before,
.stepwizard-row2:before,
.stepwizard-row3:before{
top: 14px;
bottom: 0;
position: absolute;
content: " ";
width: 100%;
height: 4px;
background-color: rgba(0,0,0,0.2);
z-index: 0;
border-radius: 4px;
}
.stepwizard-step {
display: table-cell;
text-align: center;
position: relative;
}
.btn-circle {
width: 30px;
height: 30px;
text-align: center;
padding: 7px 0;
border:0;font-size: 12px;
line-height: 1.428571429;
border-radius: 15px;
}
.dropdown-menu {
max-width: 300px;
}
.dropdown-menu li {
width: 100%;
float: left;
margin: 0;
padding-left: 0;
}
.dropdown-menu > li > a {
display: block;
padding: 10px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
text-align: left;
}
.content-section {
background: #272727;
padding: 20px 0 40px;
}
.content-section .container {
background:#fff;
}
.stepwizard-step.active .btn-circle {
background: #cb2511;
border: 3px solid #fff;
padding-top: 3px;
color: #fff;
}
.stepwizard-step a:focus {
outline:0;
}
.stepwizard-step a:hover p {
color:#fff;
}
.stepwizard-step a:hover .btn-circle {
transform:scale(1.1);
}
.tab-content {
padding-top: 40px;
padding-bottom: 60px;
}
.tab-pane p {
max-width: 800px;
margin: 0 auto;
}
.membership-level {
background: rgba(201, 201, 201, 0.4);
height: 93px;
padding: 0 20px;
}
.membership-level h3 {
text-align: right;
font: 700 18px "Lato";
margin-bottom: 0 !important;
margin-top: 21px;
color: #333;
}
.membership-level h4 {
text-align: right;
font: 700 24px "Open Sans";
margin-top: 0;
color: #da0000;
}
.btn-primary {
color: #fff;
background-color: #00a6e8;
border-color: #00a6e8;
margin-bottom: 30px;
text-transform: uppercase;
font: 700 14px "Open Sans";
}
.comment-item {
margin: 0px 30px 25px;
padding: 20px;
background-color: #F6F6F6;
border: 1px solid rgba(0,0,0,0.1);
font-size: 16px;
}
.comment-item .title {
margin-bottom: 5px;
}
.comment-item {
font-size: 16px;
}
.comments {
width: 850px;
margin: 30px auto;
clear:both;
}
.comment p {
color: #333;
}
.comment {
color: #333;
}
.comment-item .title {
margin-bottom: 5px;
color: #333;
}
.reply {
background: #fff;
}
@media (max-width:990px) {
.comment-item {
margin: 0px 0px 16px;
padding: 10px;
font-size: 12px;
width: 100%;
}
.reply {
width: auto;
}
.comments {
width: 100%;
}
#formie .submit {
font-size: 23px !important;
height: auto !important;
}
}
.graybox {
background: #fff;
padding: 10px;
border-radius: 10px;
border: 1px solid #ddd;
min-height: 120px;
margin: 0 10px;
}
.graybox h4 {
color: #333;
font: 400 23px Montserrat;
text-align: left;
margin-top: 5px;
padding-left: 15px;
}
@media (max-width:768px) {
#home #index-form {
margin-top: 10px;
}
.col-right {
margin-left: 0;
float: left;
width: 100%;
}
#home .video-wrapper {
height: auto;
}
.overflow .embed-container {
position: relative;
padding-bottom: 55.5% !important;
}
.graybox {
float: left;
margin: 0px;
margin-bottom: 20px;
width:100%;
}
.graybox h4 {
text-align: center;
}
}
body, html {
background:#000 url(../img/bg.jpg) no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: center;
}
.video-wrapper .overflow { background:transparent;}
.stripe3 {
background: rgba(0,0,0,0.3);
}