/********** 1. FILE IMPORTS **********/
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
/*************************************/

html {
    position: relative;
    min-height: 100%;
}
body {
   background: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:12pt;
    color:#000;
}
label {
    color: #9f9f9f;
}
@media (min-width: 1200px){
.container {
  width: 1207px;
}
}
a:hover, a:focus, a:active{
    text-decoration: none;
    outline: none;
    color:inherit;
}
a {
    color: #006AFC;
}
h1, .h1 {
    font-size: 44px;

}

/* Heading/XL */
.heading-xl{

    font-style: normal;
    font-weight: 600;
    font-size: 44px;
    line-height: 52px;
    /* identical to box height, or 118% */

    letter-spacing: -0.022em;

    /* Neutral/100 */

    color: #0E0F11;
    margin-bottom: 30px;
}
.heading-xl strong{
    /* Primary/60* */
font-weight: 600;
color: #006AFC;
}
.heading-xl-w {
	font-style: normal;
	font-weight: 600;
	font-size: 36px;
	line-height: 44px;
	text-align: center;
	letter-spacing: -0.021em;
	color: #FFFFFF;
	margin-bottom: 20px;
}

.heading-xs {
	font-weight: 600;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -0.014em;
	color: #0E0F11;
	margin-bottom: 20px;
	display: block;
}


.body-text-w{
    font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
/* or 175% */

text-align: center;
letter-spacing: -0.011em;

/* Primary/20 */

color: #D3E4FA;
}

/* Body text/M - Regular */
.body-text{

font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
/* or 175% */

letter-spacing: -0.011em;

/* Neutral/80 */

color: #5E6268;
}

/* Neutral/20 */
.neutral-btn {
	background-color: #F9FAFB;
	border: 1px solid #D0D4D9;
	box-sizing: border-box;
	border-radius: 6px;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: -0.011em;
	color: #006AFC;
	padding: 12px !important;
	line-height: 28px;
	margin-right: 5px;
}




header{
    border-bottom:1px solid #1c1c1c;
}
header .logo{
    float: left;
width: 139px;
height:30px;
    margin-top: 20px;
}
.img-170{
    max-width: 170px;
}
.break-right{
    border-right: 1px solid #1c1c1c;
    padding-right: 29px!important;
    margin-right: 16px;
}
.nav-separator{
    display: inline-block;
    border-right: 1px solid #1c1c1c;
    height: 63px;
    float: left;
    margin-top: -13px;
    margin-bottom: -13px;
    margin-left: 16px;
}
.ref-info{
    background: #fff;
    display:block;
    padding:10px;
    border-radius: 10px;
    color:#636e7b;

}
.ref-info h3{
    margin-top:0px;
}


.main-nav {
	float: right;
	margin-right: 0;
	padding: 10px;
	width: 80%;
	padding-right: 0;
}

.main-nav a {
	color: #fff;
	float: left;
	font-size: 16px;
	margin-left: 11px;
	padding: 12px;
}
.main-nav a i.fa{
    margin-right:5px;

}
.rounded-btn{
    border: 1px solid #fff;
    border-radius: 6px;
    padding: 12px 12px !important;
}

.highlight-btn{
    background-color: #006AFC;
border-radius: 6px;
    border: 0 none;
    color: #fff;
  
    padding: 12px 12px !important;
    text-align: center;
}

.highlight-btn:hover, .highlight-btn:active, .highlight-btn:focus, .highlight-btn-frame:hover, .highlight-btn-frame:active, .highlight-btn-frame:focus{
color: #fff;
}
.highlight-btn-frame{

    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.5);
box-sizing: border-box;
border-radius: 6px;
    padding: 11px 12px !important;
    text-align: center;
    background:#0e0f11;
}

.icon-vector-right {
	padding-right: 30px !important;
	background-image: url("../images/index-v3/icons/icon-vector-right.svg");
	background-position-x: 92%;
	background-repeat: no-repeat;
	background-position-y: 54%;
}
.icon-eye {
	padding-right: 39px !important;
	background-image: url("../images/index-v3/icons/icon-eye.svg");
	background-position-x: 93%;
	background-repeat: no-repeat;
	background-position-y: 54%;
}
.icon-arrow-forward {
	padding-right: 39px !important;
	background-image: url("../images/index-v3/icons/icon-arrow-forward.svg");
	background-position-x: 92%;
	background-repeat: no-repeat;
	background-position-y: 54%;
}
.check-ul{
    padding-left:0;
}
.check-ul li {
	padding-left: 32px !important;
	background-image: url("../images/index-v3/icons/icon-check.svg");
	background-position-x: left;
	background-repeat: no-repeat;
	list-style-type: none;
}

.navright{
   float: right !important;

}
.navright a{
    margin-left:8px;
}
.top-misc{
    text-align: right;
    padding:8px;
background: #1E2024;
font-weight: 400;
font-size: 16px;
/* identical to box height, or 175% */

letter-spacing: -0.011em;

/* Neutral/50 */

color: #D0D4D9;
}
.top-nav{
    /* Neutral/100 */

background: #0E0F11;
}
.cta-box{
    color: #fff;
    padding: 30px 0;
    text-align: center;
}

.cta-box h1{
    display: block;
    font-size: 48px;
    margin-bottom: 20px;
    margin-top: 40px;
    text-align: center;
    font-weight:bold;
}
.cta-box h1 strong{
    color:#0069ff;
    display:block;
}

.cta-box p{
    display: block;
    font-size: 18px;
    font-weight: lighter;
    padding: 0 40px;
    text-align: center;
}
.cta-front-btn a{
    padding:14px 32px!important;
}
.cta-login-btn{
    width: 260px;
    margin:0 auto!important;
}
.cta-play-btn{
    margin:0 auto;
    display:inline-block;
    margin-top:18px;
    margin-bottom:40px;
    cursor: pointer;
}

.platform-schema{
    text-align: center;
    margin-bottom: 30px;
    display: block;
}
#paralax-head{
    background-image: url("../images/index-n/images/city-bg.jpg");
    background-size: cover;
    min-height: 503px;

}



#howitworks-dsc{
    background: #fff;
    padding:90px 0;
}

#staff-dsc{
    background: #fff;
    padding:62px 0;
}
#why-dsc {
	background: #fff;
	padding: 30px 0;
	padding-bottom: 60px;
}

#plans-dsc{
    background: #F9FAFB;
	padding: 30px 0;
	padding-bottom: 50px;
}
#power-no{
    background: #F9FAFB;
	padding: 30px 0;
	padding-bottom: 60px;
    
}
#power-no-white{
     background: #fff;
}



.power-cards{
    margin-top:62px;
}
.power-card{
    display: block;
    min-height: 195px;
    background: #006AFC;
    color:fff;
    text-align: center;
    padding:30px 25px;
}

.power-card h2 {
	font-weight: 600;
	font-size: 36px;
	line-height: 44px;
	text-align: center;
	letter-spacing: -0.021em;
	color: #fff;
	margin-top: 0;
}
.power-card span {
	font-weight: 600;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	letter-spacing: -0.011em;
	color: #FFFFFF;
	margin-bottom: 10px;
	display: block;
}
.power-card p{
    font-weight: 400;
font-size: 14px;
line-height: 20px;
/* or 143% */

text-align: center;
letter-spacing: -0.006em;

/* Neutral/10 */

color: #FFFFFF;
}
.white-cards{
    margin-top:0;
}
.white-cards .power-card{
    text-align: left;
    background: #fff;
    padding: 0;
}
.white-cards .power-card h2{
    color:#006AFC;
     text-align: left;
     font-size: 44px;
}
.white-cards .power-card span{
    color:#0E0F11;
     text-align: left;
     font-size: 18px;
}
.white-cards .power-card, .white-cards .power-card p{
     text-align: left;
    color:#636B75;
    font-size:16px;
    
}


.light-grey-section{
    background: #F9FAFB;
	
}

.section-padding{
    padding: 64px 0;
	
}

#quotes{
    background: #F9FAFB;
	padding: 60px;
	
}

#warranty{
    background: #F9FAFB;
	padding: 99px 0;
	padding-bottom: 60px;
}

.qoute-cards{
    margin:52px 0;
}

.qoute-av{
    float:left;
    width:60px;
}
.qoute-av img{
 max-width: 60px;
 border-radius: 30px;
 border:3px solid #006AFC;
}

.quote-text {
	float: left;
	margin-left: 12px;
	margin-top: 7px;
}
.quote-text span{
    font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 28px;

letter-spacing: -0.011em;

/* Neutral/100 */
display:block;
color: #0E0F11;
}
.qoute-top {
	display: block;
	width: 100%;
	
	margin-bottom: 18px;
	float: left;
}
.quote-text b{
    font-weight: 400;
font-size: 16px;
line-height: 28px;
/* or 175% */

display: flex;
align-items: center;
letter-spacing: -0.011em;

/* Neutral/80 */

color: #636B75;
display:block;
}


.quote-card{
    background: #fff;
    display:block;
    width: 576px;
height: 288px;
left: 0px;
top: 0px;
box-shadow: inset 0px -2px 0px #7B61FF;
padding:45px;
float:left;
margin-bottom: 20px;
}
.quote-card .body-text{
    padding-right: 50px;
}


.quote-icon {
	float: right;
	margin-top: 25px;
}
#sign-up{
    background: #EAF3FE;
    padding: 99px 0;
    padding-bottom: 60px;
}
#sign-up .primary-label{
    background: #D3E4FA;
}
#sign-up .body-text{
    color: #102646;
}

.centering-pane{
    display:block;
    margin-top:60px;
    margin-left:55px;
}

.width-limiter {
	max-width: 532px;
	display: block;
	margin: 0 auto;
}

.article-head{
    background-image: url("../images/index-n/images/bg-article.jpg") !important;

}

.book-head{
    background-image: url("../images/index-n/images/book-bg-n.jpg") !important;

}

.subsite-head{

    min-height: 64px !important;
}


.book-result article{

    max-width: 554px!important;

}
.book-result{
    margin-bottom: 30px;


}
.blue-btn{
    background: #0069ff none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-weight: bold;
    padding: 12px 30px;
    text-align: center;
    width: 100%;
    font-size: 20px;
    letter-spacing: 1px;
    display:block;
}
.book-result .blue-btn{
    margin-top:30px;


}

.blue-btn:active, .blue-btn:hover, .blue-btn:focus{
    color:#fff;
}

.highlighted{
    font-weight: bold;
    color:#ff0036;
    display:block;
    margin:20px 0;
}

#paralax-opinions{
    overflow: hidden;
    width:100%;
}
#partners{
    background-color: #fff;
    border-bottom:1px solid #ececec;
    padding:20px 0;
}
#partners h2{

    font-size: 22px;

}
#partners .partner-logo{
    display: inline-block;
    width:175px;
    text-align: center;
    height:90px;
}


#mustread{
    padding:30px 0;
    background: #fff;
    min-height: 550px;


}
#mustread h1{
    text-align: center;
    margin-bottom: 50px;
}

#colorcta{
    background: #2F54EB url("../images/index-v3/cta-blue-w.webp") no-repeat center bottom;
     background-size: cover;
    min-height:400px;

}
#colorcta h1{
    color:#fff;
    margin-top:60px;

}
#colorcta h1 strong{
    display:block;
}
#calculatorcta{
   background: #2F54EB url("../images/index-v3/blue-splash-v2.jpg");
   background-size: cover;
   padding:63px 0;
}

.blue-splash-r{
    background: #2F54EB url("../images/index-v3/blue-splash-r.jpg");
   background-size: cover;
   min-height: 750px

}
.blue-splash-l{
    background: #2F54EB url("../images/index-v3/blue-splash-l.jpg");
   background-size: cover;
min-height: 750px
}

#videocta{
    min-height:400px;
    padding:64px 0;
}
.ctavideo-content{
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-top:40px;
}
.scroller {
	display: block;
	position: relative;
	height: 20px;
	width: 100%;
	background: #467EF7;
	border: 1px solid #7BC6FF;
	border-radius: 109px;
	margin-bottom: 20px;
	margin-top: 15px;
	padding-left: 5%;
}

.scroller span{
    position: absolute;
width: 82.62px;
height: 13.44px;
left: 2px;
top: 2px;

/* Primary/10 */

background: #EAF3FE;
border-radius: 115px;
}

.tubapay-btn{
    margin:10px auto;
    display: block;
}

.tubapay-btn span{
    display: block;
    color:#F82691;
    font-size: 12px;
    text-align: center;
}
/*suwak tmp*/
    
    /* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {

	font-weight: normal;
	color: #555555;
}
    
    
.ui-widget-content {
	border: 0;
	background: transparent;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: 20px;
        
}
.ui-slider-horizontal .ui-slider-handle {
	top: 2px;
	margin-left: -5%;
	width: 5%;
	height: 14px;
        background: #EAF3FE;
border-radius: 115px;
cursor: pointer;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

/*eof suwak tmp*/
.bar-poining{
    padding: 0;
}

.bar-poining li {
	padding: 8px;
        padding-left:58px;
	/* height: 48px; */
	background: #FFFFFF url("../images/index-v3/icons/feature-icon.png") no-repeat 9px;
	box-shadow: 0px 1px 3px rgba(38, 44, 73, 0.08);
	margin-bottom: 6px;
	list-style: none;
        font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 28px;
/* identical to box height, or 175% */

letter-spacing: -0.011em;

/* Primary/60* */

color: #006AFC;

}


.white-frame{
    border: 1px solid #65A5FF;
box-sizing: border-box;

}
.blue-splash{
    background: #2F54EB url("../images/index-v3/blue-splash.jpg");
    background-size: cover;
}
.white-content .heading-xl{
    color:#fff;
    
}
.white-content .body-text{
    color: #7BC6FF;
}

.body-text-s{
    font-weight: 400;
font-size: 14px;
line-height: 20px;
/* or 143% */

text-align: center;
letter-spacing: -0.006em;

/* Primary/20 */

}
.white-content .body-text-s{   
    color: #D3E4FA;
}
.help-text{
    font-weight: 600;
font-size: 16px;
line-height: 28px;
/* identical to box height, or 175% */

text-align: center;
letter-spacing: -0.011em;

/* Neutral/10 */

color: #FFFFFF;
}
.low-margin{
    margin-bottom: 5px;
}



#features{
      background: #2F54EB url("../images/index-v3/cta-blue-w.webp") no-repeat center bottom;
     background-size: cover;
    min-height:400px;
    padding:62px 0;
}
#features h1{
    color:#fff;
}

#features p{
    color:#fff;
}
#features h2{
    color:#fff;
}
#features .primary-label, #features .fa-pane b{
    color:#fff;
    background: #1845a9;
} 
#features .fa{
   color:#fff; 
}
#features .fa-pane, #features .feature-dsc{
    width:100%;
}
#features .fa-pane{
    margin-bottom: 28px;
    
}

.btn-cta-white {
    background-color: #fff ;
    border: 0 none;
    text-align: center;
    font-size: 20px;
    display: inline-block;
    margin:40px 0;
    border-radius:6px;
    padding: 8px 12px;
    font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 28px;
/* identical to box height, or 175% */

letter-spacing: -0.011em;

/* Primary/60* */

color: #006AFC;
    
}
.btn-cta-white:hover{
    color:#0069ff;
}

.want-more{
    display: block;
    color:#fff;
}
.want-more:hover{
    color:#fff;
}

figure.snap{
    cursor:pointer;

}

figure.snap span{
    display: block;
    margin-top:15px;
    font-weight: bold;
}

figure.snap:hover span{
    color:#0069ff;
    transition-duration: 200ms;
    transition-property: all;
    transition-timing-function: ease;
}

#opinion-section{
    background-color: #f5f5f5;
    min-height: 380px;
    padding-bottom: 80px;

}

#map-section{
    background: #24424A none repeat scroll 0 0;
}

#map-section a{
    color:#f5f5f5;



}
.opinion-list-item{
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: 0 4px 4px #c0c0c0;
    margin: 10px;
    padding: 15px;
}
.opinion-list-item span{
    color: #444;
    display: block;
    font-size: 13px;
    font-style: italic;
    margin-top: 20px;
    text-align: right;

}
#login-form{
    background-color: #2F54EB;
    min-height: 700px;

}
.singupframe {
	background: #fff none repeat scroll 0 0;
	/* margin: 23% 0px 0px 0px; */
	padding: 50px;
	width: 490px;
	float: right;
	/* margin-right: 12%; */
}
.no-bg{
    background: none;
}
.singupframe-margins{
    margin:40px 12%;
  
}

.centering-l-pane {
	display: block;
	max-width: 450px;
	text-align: center;
	margin-top:20%;
        margin-left: 12%;
}

.singupframe .moniter-logo-login{
    margin: 20px auto;
    display: table;
    margin-top: 10px;
    margin-bottom: 40px;
}

.singupframe label{
    font-weight: 400;
font-size: 16px;
line-height: 28px;
letter-spacing: -0.011em;

}
.singupframe .form-control {
	border-radius: 0;
	margin-bottom: 12px;
	padding: 10px 12px;
	background: #FFFFFF;
	border: 1px solid #D3E4FA;
	box-sizing: border-box;
	box-shadow: inset 3px 0px 0px #7B61FF;
	filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.08));
	height: auto;
}
.singupframe .text-muted {
    color: #636B75;
    font-size: 14px!important;
}
.singupframe .text-muted a{
    color: #1E2024;
    text-decoration: underline;
}

.singupframe .blue-btn{
    padding: 10px 30px;
    background: #006AFC;
    font-weight: 600;
font-size: 16px;
line-height: 28px;
/* identical to box height, or 175% */

letter-spacing: -0.011em;

/* Neutral/10 */
border-radius: 6px;
color: #FFFFFF;
}

.singupframe .form-misc{
    display:block;
    border-top:1px solid #ebebeb;
    font-size: 13px;
    margin-top:20px;
    padding-top:15px;
}
.singupframe .form-misc a{
    color:#0069ff;

}
.other-login-info{
    display: block;
    margin-top: 30px;
    text-align: center;
    width: 360px;
    float: right;
    margin-right: 12%;
    font-size: 13px;


}
.other-login-info a{
    font-size: 13px;
    padding: 6px 18px;
    display: inline-block;
    color: #0069ff;
    font-weight: bold;
    letter-spacing: 1px;
    border: 2px solid #0069ff;
    margin-top: 15px;
    background:#fff;
}

.login-right-side{
    background-image: url(../images/index-n/images/login-bg.jpg);
    height: 100%;
    position:relative;
    overflow: hidden;
}
.login-right-side h1{
    color:#fff;
    margin-top:77px;
    margin-left: 40px;
    font-weight: 300;
}

.login-right-side h1 strong{
    font-weight: 300;
    display: block;
    color:#0069ff;
}


.login-right-side .login-screen{
    margin-left: 245px;
    margin-top: 140px;
}
.landing p{
    font-weight: normal;
}

@media (max-width: 767px) {

    .singupframe{
        width: 96%;
        margin:2%;
    }

}

.img-responsive{
    display: inline-block;
}
.img-spacing{
    margin-bottom: 60px;
}
.quote-box{
    background: #000;
    position: relative;
    padding:0px;
    cursor: pointer;

}




.quote-box img.quote-bg{
    opacity:0.5;
    width: 100%;
}

.quote-item{
    position: absolute;
    color: #404040;
    padding: 20px;
    bottom: 13%;
    right: 5%;
    width: 56%;
    border: 5px solid #fff;
}


.quote-item span.quote-author{
    display: block;
    font-size: 40px;
    position: relative;
    text-align: left;
    color: #fff;
    font-weight: bold;
    line-height: 110%;
    letter-spacing: 2px;
}

.quote-item a.qoute-go-btn{
    background-color: #0069ff;
    color: #fff;
    letter-spacing: 1px;
    padding: 10px 20px;
    font-weight: bold;
    font-size: 15px;
    margin-top: 16px;
    display: inline-block;
    margin-bottom: 8px;

}
.quote-box:hover{

    transition-duration: 200ms;
    transition-property: all;
    transition-timing-function: ease;

}


.quote-box:hover img.quote-bg{
    opacity:1;
    transition-duration: 200ms;
    transition-property: all;
    transition-timing-function: ease;

}
.quote-box:hover .quote-item{
    background-color: #fff;
    transition-duration: 200ms;
    transition-property: all;
    transition-timing-function: ease;
}

.quote-box:hover .quote-item span.quote-author{
    color:#000;
}

.modal-backdrop.in{
    opacity:0.9;
}

.close{
    color:#fff;
    font-size: 30px;
    text-shadow:none;
}
.quote-dialog{

    width: 640px;

}
.book-dialog{
    width: 1000px !important;

}

.close:hover{
    color:#fff;
}
#cta-break{
    display:block;
    padding:50px 0;
    background: #fff;
}

a.cta-btn-frame{
    display: inline-block;
    color:#000;
    font-weight: bold;
    font-size:20px;
    letter-spacing: 1px;
    padding:10px 28px;
    border:2px solid #0069ff;
}

.single-color{
    color:#0069ff!important;
}

#paralax-dsc{

    background-size: cover;
    background-color: #fff;
}

.primary-label, .grey-label, .light-label{
    padding: 4px 8px;
    background: #EAF3FE;
border-radius: 6px;
    font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 143% */

text-align: center;
letter-spacing: -0.006em;

/* Primary/60* */

color: #004099;
margin-bottom: 20px;
}

.grey-label{
    background: #EDF0F3;
    color: #0E0F11;
}
.light-label{
    color: #fff;
background: #467EF7;
}
.white-side{
    float: left;
    width: 50%;
    background-color: #fff;
    
    height: 100%;
    min-height: 542px;
}

.cta-theme {
    float: left;
    width: 50%;
    background: rgb(29,32,39);
    background: linear-gradient(0deg, rgb(14 15 20) 0%, rgb(24 27 34) 35%, rgb(34 38 47) 100%);
    height: 100%;
    min-height: 542px;
}

.cta-label{
    padding: 4px 8px;
background: #99999921;
border-radius: 6px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
text-align: center;
letter-spacing: -0.006em;
color: #FFF;
margin-bottom: 20px;
}

.side-55{
    
    float: left;
    width: 55%;
    
}

.color-side{
    float: left;
    width: 50%;
    background-color: #0069ff;
    color: #fff;
    height: 100%;
    min-height: 600px;
}
.color-content-article, .color-stripe{
    margin-left: -15px;
    margin-right: -15px;
}

.color-content-article .col-sm-6{
    padding:0;
}

.color-stripe{
    min-height: 100px;
    background-color: #0069ff;
}
.h-bg{
    background: #fff;
    margin:50px;
    display: block;
}
.h-bg span{
    padding:20px;
    font-size:48px;
    display: block;
    text-align: center;
}
.h-bg span strong{
    color: #0069ff;
    font-weight: normal;
}
.screen-content{

    background-position:left top;
    background-repeat: no-repeat;
    min-height: 600px;

}
.screen-content-left{
    background-position:right top;
    background-repeat: no-repeat;
    min-height: 644px;
}

.article-color-side{
    background-color: #0069ff;
    color: #fff;
    min-height: 600px;
}

.grey-split{
    background-color: #ececec;
}

.cta-content {
	float: right;
	max-width: 570px;
	padding: 40px 0;
	padding-right: 95px;
	padding-top: 8%;
}
.cta-content p{
  margin-bottom: 45px;
}


.side-55 .cta-content{
    max-width: 680px;
    
}

.heading-xl-white{
    color:#fff;
}


.body-text-light {
	color: #C6C6C6;
}

.color-content, .color-content-a{
    float: right;
    max-width: 585px;
    padding:40px 0;
    padding-right: 95px;
}


.color-content-a{
    max-width: 400px;
}
.grey-split-content-a{
    max-width: 520px;
    float: left;
    padding:40px 0;
    padding-left: 70px;
}

.color-content, .color-content-a h1{
    font-size:44px;
    margin-bottom: 20px;
}
.color-content-a h1{
    text-align: left !important;
    font-weight: bold;
    font-size:40px !important;
    letter-spacing: 1px;
    margin-top:30px!important;
}
.grey-split-content-a h1{
    text-align: left !important;
    letter-spacing: 1px;
    margin-top:0px!important;
}
.grey-split-content-a p{
    padding: 0!important;
    text-align: left !important;
}
.notice{
    font-size: 17px;
    display: block;
    margin-top: 30px;
    font-style: italic;
}
.color-content p{
    font-size: 18px;
}

.quote-color{
    border: 3px solid #fff;
    color:#fff;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    position: relative;
    display: block;
    padding: 25px;
    padding-top: 35px;
    margin-left: 20px;
}
.quote-color:after{
    content: ' ';
    position: absolute;
    background: transparent url(../images/index-n/images/quote-color.png) no-repeat 0 0;
    width: 66px;
    height: 55px;
    top: -28px;
    left: -18px;

}

.color-quote-bg{
    margin-left:-15px;
    margin-right: -15px;
    background: #0069ff url(../images/index-n/images/quote-bg.jpg);

    background-size: cover;
    min-height: 434px;
    padding-top:75px;
    padding-bottom: 70px;
}
.color-quote-container{
    display:block;
    margin:0 auto;
    width: 835px;

}
.quote-large{
    font-size:44px;
    padding:50px 70px;
    text-align: center;
}
.grey-pane{
    min-height:300px;
    background-color: #ececec;
    margin-left:-15px;
    margin-right: -15px;
    padding-bottom: 20px;
}
.grey-quote{
    display: table;
    background: #fff;
    min-height: 170px;
    padding:0;

}
.grey-quote b{
    display: table-cell;
    color:#fff;
    background: #0069ff;
    height: 100%;
    padding:5px 7px;
    font-size: 20px;
}
.grey-quote span{
    display: table-cell;
    height: 100%;
    font-size: 18px;
    text-align: left;
    padding: 15px;
}
.color-frame{
    border: 3px solid #0069ff;
    max-width: 635px;
    padding: 20px;
    margin: 30px auto;

}

.color-frame ol{
    margin:0 !important;

}
.color-frame ol li{
    font-size:18px!important;

    margin-bottom: 10px!important;
}
.color-frame ol li b{
    float:left;
    margin-left: -20px;
}
.color-frame ol li span{
    font-weight: normal!important;
    display:block;
}

.color-frame h1{
    margin-top:20px!important;
    margin-bottom: 40px!important;
}

.grey-frame{
    border-color: #ececec;
}
.frame-spacer{
    padding: 20px 0;


}
.text-left p{
    text-align: left!important;
}
.min-height-600{
    min-height: 600px;
}

.colapse-panel h4{
    position: relative;

}
.colapse-panel h4 a{

    color:#0069ff;
    font-weight: bold;


}

.colapse-panel h4 a:after{

    font-family: 'FontAwesome';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f077";
    position: absolute;
    right:0;
    top: 22px;
    width:30px;
    height: 30px;

    color:#0069ff;

}

.colapse-panel h4 a.collapsed:after{
    content: "\f078";
}
.colapse-panel h4 a.collapsed{

    color:#000;
}


.colapse-panel h4{
    border-bottom: 1px solid #d4d4d4;
    padding:20px 30px;
    font-size: 20px;
    margin-bottom: 0!important;
    margin-top: 0!important;
}
.colapse-panel p{
    text-align: left !important;
    margin-top:20px;
}

.variant-box {
	display: block;
	text-align: left;
	padding: 64px 0px;
	background: #FFFFFF;
	border: 1px solid #DDE1E6;
	padding-bottom: 44px;
}
.variant-box .variant-box-head{
    display: block;
    letter-spacing: 1px;
    padding:26px 10px;
    color:#fff;
    background: #000;
    font-size: 20px;
}

.variant-box .variant-box-head span{
    display: block;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
}
.variant-dsc{
    color:#888888;
    font-size: 15px;
    display: block;
    padding:26px 44px;
    line-height: 120%;
}
.variant-dsc a {
	color: #5E5E5E;
	font-weight: 700;
}
.variant-label{
   margin-left:44px; 
}


.variant-list-tab li{
    margin-right: 90px;
}
.variant-list b.pricev {
    float:right;
    color:#444;
    margin-right: -90px;
}
.variant-list .text-right{
    text-align: right!important;
    border-bottom: 0 none;
}

.variant-box span.variant-price {
	font-weight: 600;
	font-size: 44px;
	line-height: 20px;
	letter-spacing: -0.022em;
	color: #006AFC;
	margin-left: 44px;
	margin-top: 40px;
	display: inline-block;
	margin-bottom: 15px;
}

.variant-box span.variant-price i {
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: normal;
	letter-spacing: -0.014em;
	color: #636B75;
}

.variant-incentive {
	max-width: 395px;
	height: 76px;
	background-image: url("../images/index-v3/icons/Vector.svg");
	background-repeat: no-repeat;
	background-position: 16px center;
	border: 1px solid #D3E4FA;
	box-shadow: 0px 4px 8px rgba(38, 44, 73, 0.1);
	border-radius: 54px;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -0.014em;
	color: #636B75;
	display: block;
	margin: 0 auto;
	padding-left: 79px;
	padding-right: 76px;
	padding-top: 7px;
}
.variant-incentive:hover{
    color: #636B75;
}

.variant-box ul{
    margin:0;
    padding:26px 0;
    list-style: none;
    padding-top:0;

}
.variant-box ul b.title {
	padding-left: 44px;
	padding-bottom: 5px;
	display: block;
}

.variant-box ul li {
	text-align: left;
	padding-left: 70px;
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url("../images/index-v3/icons/icon-check.svg");
	background-repeat: no-repeat;
	background-position: 41px center;
}
.variant-box ul li:nth-child(even) {
  background-color: #EAF3FE;
}



.variant-box-body{
    border: 1px solid #ececec;
    border-top:0 none;
    padding-bottom: 30px;
}

.variant-highlight{
    box-shadow: 0 0px 15px #c0c0c08f;
    border: 2px solid #006AFC;
}

.variant-highlight .variant-box-head{
    background-color: #0069ff;
}

.variant-highlight ul li i.fa{
    color:#0069ff;
}

.variant-coupon{
    display:block;
    text-align: center;
    padding:15px;
}
.variant-coupon input{
    background: #fff;
    border: 2px solid #ccc;
    font-size: 14px;
    padding: 3px 10px;
}

.variant-coupon button{
    background: #fff;
    border: 2px solid #0069ff;
    font-size: 14px;
    padding: 3px 10px;

}
.variant-dsc-code{
    font-weight: 600;
font-size: 16px;
line-height: 28px;
/* identical to box height, or 175% */

letter-spacing: -0.011em;

/* Primary/60* */

color: #006AFC;
    display: block;
    text-align: center;
    width: 100%;
    
}
.variant-dsc-code:active, .variant-dsc-code:hover, .variant-dsc-code:focus{
    color: #006AFC;
}
.variant-dsc-code i{
    display:inline-block;
    width:17px;
    height:14px;
    background-image: url("../images/index-v3/icons/bonus-code.svg");
    margin-left:5px;
}


.purchase-switch {
	display: table;
	background: #EDF0F3;
	padding: 4px;
	margin: 40px 0;
	width: 100%;
	font-weight: bold;
	height: 52px;
	border-radius: 8px;
	list-style: none;
}





.purchase-switch li{
    display:table-cell;
    width: 50%;

}
.purchase-switch li a {
	text-align: center;
	padding: 5px;
	color: #000;
	display: block;
	opacity: 0.7;
	height: 44px;
	font-weight: 600;
	font-size: 16px;
	line-height: 32px;
	letter-spacing: -0.011em;
	padding-left: 33px;
}
.purchase-switch li a:hover{
    opacity: 0.9;
}
.purchase-switch li.active a{
    background-color: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(38, 44, 73, 0.08);
    border-radius: 6px;
    opacity: 1;
}

.switch-annual{
     background-image: url("../images/index-v3/icons/calendar_today3.svg");
    background-repeat: no-repeat;
    background-position: 8px center;
}
.switch-yearly {
	background-image: url("../images/index-v3/icons/calendar_today12.svg");
	background-repeat: no-repeat;
	background-position: 14px center;
}

.clear-style{
    border:0px;
    padding:0px;
    box-shadow: none;
}

.btn-framed{
    display: inline-block;
    padding:10px 30px;
    border:2px solid #fff;
    font-size:20px;
    font-weight: bold;
    margin-top:70px;
    color:#fff;
    letter-spacing: 1px;
}
.btn-framed:hover{
    color:#fff;


}
.screen-side{
    float: left;
    width: 50%;
    background: url('../images/index-n/images/screen-panel.jpg') no-repeat 100px 50px;
    height: 100%;
    min-height: 600px;
}
.cta-side {
	float: left;
	width: 50%;
	background: #fff;
	background-size: cover;
	height: 100%;
	min-height: 542px;
}

.cta-main{
    background: #0e0f14;
    background-size: cover;
}
.cta-opinion{
    background: #fff url('../images/index-v3/unsplash_iusJ25iYu1c.jpg') no-repeat;
    
}
.cta-about{
    background: #fff url('../images/index-v3/unsplash_6awfTPLGaCE.png') no-repeat;
    
}

.cta-test{
    background: #fff url('../images/index-v3/imac-mockup-moniter.jpg') no-repeat;
    background-size: cover;
}
.cta-test-n{
    background: #fff url('../images/index-n/images/bg-think.jpg') no-repeat;
    background-size: cover;
}

.cta-article h1{
    font-size: 43px;
    max-width: 711px;
    margin: 0 auto;
    margin-top: 40px;
    line-height: 141%;
    letter-spacing: 1px;
}
.cta-article h1 strong, .cta-book h1 strong{
    color:#0069ff;
}

.cta-book h1{
    font-size: 28px;

    margin: 0 auto;
    margin-top: 40px;
    line-height: 141%;
    letter-spacing: 1px;
}
.side-45{
    float: left;
    width: 45%;
}

.buy-row{
    margin:30px 0;
}
h1 span{
    color:#0069ff;
    display: block;
    font-weight: bold;
    margin-top:40px;
    font-size: 22px;
}
.buy-choice span{
    color: #fff;
    font-weight: bold;
    display: block;
    margin-top: 40px;
    font-size: 28px;
}

.buy-choice a{
    background: #0069ff none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-weight: bold;
    padding: 12px 30px;
    text-align: center;
    width: 100%;
    font-size: 20px;
    letter-spacing: 1px;
    display:block;
}
.refund-dsc{
    margin-top:30px;
}
.refund-dsc img{
    max-width: 112px;
}
.refund-dsc p{
    color: #999999;

    display: block;
    text-transform: uppercase;
    margin-top: 31px;
    font-size: 15px;
    line-height: 122%;

}
.buy-choice strong{
    color: #0069ff;
    display: block;
    font-weight: bold;
    margin-bottom: 29px;
    font-size: 48px;
    line-height: 100%;
}

.read-first-chapter{
    color:#fff;
    font-size:15px;
    font-weight: bold;
    line-height: 122%;
    text-transform: uppercase;
    margin: 75px 0;
    margin-top: 85px;
    display: inline-block;
    min-width: 235px;
}
.read-first-chapter span{
    max-width: 200px;
    margin-top:6px;
}

.read-first-chapter b{
    color: #0069ff;
}

.read-first-chapter input{
    background: transparent;
    border:1px solid #808080;
    padding:10px 12px;
    font-size: 15px;
    color:#fff;
    display: inline-block;
}
.read-first-chapter button{
    background: transparent;
    border:2px solid #fff;
    padding:9px 18px;
    font-size: 15px;
    color:#fff;
    display: inline-block;
}
.paragraph-list-content{
    padding-bottom: 60px;
}
.paragraph-list{

    margin-bottom: 40px;
    display:table;
}


.paragraph-list p{
    text-align: left!important;
    margin:20px 0;
    display: block;
    border-left:3px solid #ececec;
    padding-left:30px!important;
}
.paragraph-list p span{
    float: left;
    margin-left: -61px;
    color: #0069ff;
    font-weight: bold;
}
.book-contents-row{
    margin:0 -15px;
}
.book-contents{
    background:#090909 url('../images/index-n/images/contents-bg.jpg') right top;
    min-height: 500px;
}

.contents-list{
    float:right;
    width: 460px;
    color:#fff;
    position: relative;
    min-height: 670px;
    margin-bottom: 90px;
}
.content-left-txt{
    position: absolute;
    left:-100px;
    bottom: 40px;
}
.book-screens{
    min-height: 600px;
    margin-top: -70px;
    overflow: hidden;

}
.book-sample{
    float: left;
}
.sample-pages{
    padding: 20px;
    display: block;
    width: 100%;
}
.sample-pages b{
    display:block;
}
.book-sample-page{
    display: inline-block;
    width: 90px;
    height: 90px;
    border:3px solid #0069ff;
    margin-right: 20px;
    margin-top:20px;
    position: relative;
    overflow:hidden;
}
.magnify-bg{
    opacity:0;
    background:#0069FF;
    color:#FFFFFF;
    cursor:pointer;
    font-size:25px;
    height:100%;
    left:0;
    line-height:87px;
    position:absolute;
    text-align:center;
    top:0;
    width:100%;

}
.magnify-bg:hover, .magnify-bg:active, .magnify-bg:focus{
    color:#fff;
    opacity:1;
    transition-duration: 200ms;
    transition-property: all;
    transition-timing-function: ease;
}





.contents-list h4{

    text-transform: uppercase;
    margin-top:45px;
    color:#0069ff;
    font-weight: bold;

}

.contents-list span{
    display: block;
    padding-left: 30px;
    font-size: 18px;
}
.contents-list span i.fa{
    float:left;
    margin-left:-30px;
    color:#0069ff;
}
.author-credentials-pane{
    display: block;
    padding: 30px 50px;
    margin-bottom: 40px;
}

.author-credentials{

    display: block;
    margin-left: 195px;
    background: #fff;
    padding: 25px 12px;
    font-size: 22px;
    font-style: italic;
    min-height: 165px;

}
.author-credentials img.img-author{
    float:left;
    margin-left:-195px;
    margin-top:-25px;

}
.author-credentials img.author-signature{
    display: block;
    margin-top:20px;
}
.author-title{
    display: block;
    color: #fff;
    background: #0069ff;
    padding: 8px 22px;
    font-size: 15px;
    position: relative;
    margin-top: 30px;
}
.author-title strong{
    font-size: 22px;
    font-weight: normal;

}
.author-title img{
    position: absolute;
    top:-13px;
    left:68px;
}

#article-dsc{
    min-height: 483px;
    /*  background-image: url('images/paralax-dsc.jpg');*/
    background-size: cover;
    background-color: #fff;
}
#article-dsc article{
    max-width: 900px;
    margin:0 auto;
    padding-top:20px;
    font-size:17px;
    padding-bottom: 40px;
}
#article-dsc article table{
    font-size:15px;
}
#article-dsc article{
    line-height: 170%;
}
#article-dsc article p{
    text-align: center;
}


#article-dsc article h1{
    font-size: 43px;
    margin-bottom: 32px;
}
#article-dsc article h1 b{
    display: block;

}
.full-width-mosaic{
    margin-left: -15px;
    margin-right: -15px;
}
.full-width-mosaic .col-sm-3{
    padding:0;
}


#article-dsc article h4{
    color: #dd5702;
    font-size: 16pt;
    margin-bottom: 20px;
    margin-top: 30px;

}
#article-dsc article h3 {
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 35px;
    text-align: center;
}

#article-dsc article h5 {
    font-size: 18px;
    font-weight: bold;
}

#article-dsc ol{

    margin: 20px auto;
    display: table;
    list-style: none;
}
#article-dsc ol li{
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    margin: 5px 0;
}
#article-dsc ol li b{
    color:   #0069ff;
}

#paralax-plans{
    min-height: 483px;
    /*  background-image: url('images/paralax-dsc.jpg');*/
    background-size: cover;
    background-color: #f5f5f5;
}


#numbers, #blogitems{
    background-color: #fff;
    min-height: 400px;
    padding: 60px 0;

}


.feature-item{
    
}
.feature-item .fa-pane{
  float:left;
  width:20%;
    text-align: center;
    
}
.fa-pane b{
    width:48px;
    height:48px;
    border-radius: 30px;
    background: #EAF3FE;
    position:relative;
    display: block;
}
.fa-pane .fa {
	width: 24px;
	height: 24px;
	padding: 15px;
	padding-left: 5px;
	color: #006AFC;
}

.fa-card .fa{
    
   
	padding-left: 5px;
	color: #006AFC;
        font-size:24px;
    margin-bottom: 15px;
}

.feature-dsc{
  float:left;
  width:80%;
}
.feature-dsc h2{
    margin:0;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 28px;
/* identical to box height, or 156% */
margin-bottom: 5px;
letter-spacing: -0.014em;

/* Neutral/100 */

color: #0E0F11;
}

.blog-postcard{
    border: 1px solid #DDE1E6;
}
.blog-dsc{
    padding:20px; 
    
}
.blog-dsc h2{
    margin:0;
font-style: normal;
font-weight: 600;
font-size: 18px;
/* identical to box height, or 156% */
margin-bottom: 5px;
letter-spacing: -0.014em;

/* Neutral/100 */

color: #0E0F11;
}
.blog-dsc h2 a{
    color:#0E0F11;
}

.counter-item{
    display: block;
    color:#0069ff;
    margin-top:30px;
    
}
.counter-item .fa{
    display: block;
    font-size: 73pt;
    text-align: center;
}

.counter-item span.counter-no{
    display: block;
    font-family: 'RobotoRegular';
    font-size: 41pt;
    padding: 10px;
    text-align: center;
}
.counter-item span.counter-dsc{
    display: block;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #000;
    margin-top: 45px;
}

.features-ul{
    list-style: none;
}

.features-ul li i.fa{
    float:left;
    margin-left:-25px;
    margin-top:4px;
}

.features-ul li{


}

.header-short{
    min-height:50px!important;
}

.buy-header{

    min-height:250px!important;
}

.buy-header h1{
    color: #fff;
    text-align: center;
    margin-top: 70px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 0;
}

.thank-u{
    background: #fafcff;
    display: block;
    text-align: center;
    margin: 30px 0;
    color: #333;
    padding: 20px;
}
.thank-u p{
    font-weight: normal;
    font-size: 18px;
}
.thank-u h3{
    font-weight: bold;
    font-size: 22px;
}

#Cart .paymentForm hgroup h1 {
    font-size: 38px;
    margin-bottom: 12px;
    font-weight: bold;
    text-align: center;
    color:#0069ff;
    padding-bottom: 0
}
.paymentForm hgroup h2 {
    clear:both;
    font-size:22px;
    margin-bottom:22px;
    margin-top:0;
    padding-bottom:22px;
    position:relative;
    text-align:center;
    font-weight: bold;
    color:#333333;
}
.paymentForm hgroup h2:after {
    position: absolute;
    content: ' ';
    border-bottom: 2px solid #d7d7d7;
    width: 36px;
    bottom: 3px;
    left: 50%;
    margin-left: -18px;
}

.CartList{
    list-style: none;
}
.CartList li {
    background:#EBEBEB;
    display:block;
    float:left;
    margin-bottom:5px;
    margin-left:0;
    padding:5px 15px;
    position:relative;
    width:100%;
}
.CartList li strong {
    float:left;
    font-size:16px;
    line-height:35px;
    text-align:left;
}
.CartList li span {
    color:rgba(33, 33, 33, 0.5);
    float:right;
    font-size:12px;
    line-height:35px;
    text-align:right;
    text-transform:uppercase;
    width:150px;
}
.CartList li span em {
    color:#212121;
    font-size:16px;
    text-transform:none;
}
#Cart{

    display:block;

    font-weight:700;

    margin-top:5px;
    padding:15px;
    position:relative;

}
.Summary {
    background:#000000;
    color:#FFFFFF;
    display:block;
    float:right;
    font-size:15px;
    font-weight:normal;
    height:50px;
    margin-top:5px;
    padding:12px 60px 15px 15px;
    position:relative;
}
.Summary b{
    color:rgba(255, 255, 255, 0.5);
}
.Summary:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 50px 0;
    border-color: transparent #000 transparent transparent;
    position: absolute;
    top: 0;
    left: -20px;
}
.Summary em {
    color:#0069ff;
    font-size:150%;
    text-transform:none;
    font-style: normal;
    font-weight: bold;
}

.paymentForm input {
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
    border-bottom-color: #F0F0F0;
    border-bottom-style: solid;

    border-width: 0 0 2px;
    display: block;
    font-weight: normal;
    font-size: 18px;
    color: #000;
    height: 36px;
    padding: 8px;
    transition: all 0.2s ease-in-out;
    border-radius: 0;
}
.paymentForm input:focus{
    border-bottom-color: #0069ff;
}
.paymentForm fieldset{
    margin:0 auto;
    max-width:555px;
}


.landing-header{
    min-height: 300px;
    border-top:10px solid #0069ff;
    color:#fff;
    padding-top: 16px;
    background:#000 url(../images/index-n/images/lp-bg.jpg);
}

.landing-header h1{
    text-align: center;
    font-weight: bold;
}

.landing-form{

    display: block;
    width:1248px;
    height:710px;
    margin:0 auto;


}

.lp1-product{
    background:#f3f3f3 url(../images/index-n/images/lp1-product.png) no-repeat top;
}
.lp2-product{
    background:#f3f3f3 url(../images/index-n/images/lp2-product.png) no-repeat top;
}
.lp3-product{
    background:#f3f3f3 url(../images/index-n/images/lp3-product.jpg) no-repeat top;
}
.lp4-product{
    background:#f3f3f3 url(../images/index-n/images/lp7bledow.png) no-repeat top;
}
.lpcheck-product{
    background:#f3f3f3 url(../images/index-n/images/lpcheck.png) no-repeat top;  
}
.lpcheckf-product{
    background:#f3f3f3 url(../images/index-n/images/lpcheckf.png) no-repeat top;  
}
#lp-split{
    width:100%;
    display: block;
    background:#f3f3f3 url(../images/index-n/images/lp-split-bg.png) repeat-x;

  
}
.landing-form form{
    display: block;
    width: 455px;
    height:550px;
    margin-top: 50px;
    margin-right:62px;
    padding:50px 70px;
    float:right;


}
.landing-form form span.lp-form-h{
    font-size: 26px;
    display:block;
    text-align: center;
    line-height: 120%;
    margin-bottom: 30px;
}
.landing-form form span.lp-form-h strong{
    display:block;
    text-transform: uppercase;
    color:#0069ff;
}

.landing-form form label{

    display:block;
    color:#444444;
    font-size: 14px;
    margin-bottom: 5px;
}
.landing-form form input{
    display: block;
    margin-bottom: 20px;
    height: 43px;
    border-color: #e1e1e1;
    border: 1px solid #e1e1e1;
    width: 100%;
    padding: 7px;


}

.landing-form form button.lp-send{
    background: #ff0036;
    display: block;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    position: relative;
    padding: 3px 0;
    border: 0;
    width: 100%;

}
.landing-form form a.lp-send i.fa{
    position: absolute;
    right: 23px;
    top: 27px;
    font-size: 30px;

}

.landing-form form span.lp-form-info{
    display:block;
    font-size: 12px;
    color:#999999;
    margin-top: 15px;
}

#social-dsc{
    padding: 50px 0;
    background: #fff;
    display: block;
}
.social-row{
    margin-bottom: 70px;

}
.social-row p{
    font-size: 18px;
    display: block;
    margin-bottom: 50px;
}
.social-row h3{
    margin-bottom: 24px;
    font-weight: bold;
}
.social-row h4{
    font-weight: bold;
}
#social-dsc .row-fb h4{
    color:#4d6eb3;
}
#social-dsc .row-yt h4{
    color:#d22222;
}
#social-dsc .row-li h4{
    color:#007ab5;
}
.social-row a{
    display: inline-block;
    padding:5px 40px;
    font-weight: bold;
    color:#fff;
    background:#0069ff;

}

.btn-buy-form{
    width: auto;
    margin: 0 auto;
    margin-top: 30px;
}
.elementor-post__title a {
    color: var(--e-global-color-primary );
    font-size: 1.125rem;
    font-weight: 600;
}

.misc-side{
    background: #ececec;
    padding:35px 30px;
}
.misc-side h2{
    margin-top: 0;
    font-size: 28px;

}
.misc-side p{
    margin-top:30px;
    font-weight: normal;
}
.misc-side a{
    display:block;
    color:#0069ff;
    font-size: 28px;
}
.misc-side .warranty{
    border-top:1px solid #d1d1d1;
    margin-top:30px;
    padding-top: 30px;
    display: block;
}

.misc-side .warranty h4{
    color:#0069ff;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 15px;
}
.misc-side .warranty h4 span{
    font-size: 16px;
    white-space: nowrap;
}
.misc-side .warranty h5{
    font-size: 14px;
    font-weight: bold;
    color:#333;
    margin-bottom: 15px;
}
.misc-side .warranty h6{
    font-size: 16px;
    font-weight: bold;
    color:#f1002d;
}
.phone-app{
    float:right;
    margin-top:-126px;
}
.app-dsc h2{
    font-size: 25pt;
    font-style: italic;
    font-weight: 900;
    margin-bottom: 53px;
    margin-top: 115px;
    padding: 0;
}
.app-dsc h2.authorh { 
	margin-bottom: 32px;
	margin-top: 30px;
	margin-left: 40px;
}

.app-dsc p{
    display: block;
    font-size: 18px;
    font-weight: lighter;
    padding: 0 40px;
    text-align: center;
}
.app-dsc h1{
    display: block;
    font-size: 43px;
    margin-bottom: 50px;
    margin-top: 50px;
    text-align: center;
}
.app-dsc h1 strong{
    color:#0069ff;
}

.grey-section{
    background-color: #ececec;
    width: 100%;
    display: block;
    float: left;
    margin-top: 60px;
}
.article-video-pane{
    display: block;
    margin: 0 auto;
    margin-top: -60px;
    width: 909px;
    margin-bottom: 60px;
}
.landing p{
    font-weight: normal;
}

.landing ol{
    font-style: italic;
    margin-left: 40px;
}



#break-dsc{
    min-height: 120px;
    /*  background-image: url('images/dsc-break.jpg');*/
    background-size: cover;
    background-color: #001419;
    padding:40px 0;
    display: block;
}
#break-dsc h2{
    color: #fff;
    font-weight: 900;
    display: block;
    text-align: center;
    font-style: italic;
    font-size: 25pt;
    padding:0;
    margin:0;
}
#paralax-screens{
    min-height: 790px;
    /* background-image: url('images/paralax-screens.jpg');*/
    background-size: cover;
    background-color: #020104;
    padding:50px 0;

}

.screens-cover{
    display:block;
    width:1300px;
    margin:0 auto;

}
figure.app-screen{
    float:left;
    margin-right: 20px;
    width: 300px;
}

figure.app-screen span{
    color:#fff;
    display: block;
    min-height: 60px;
    font-size: 13pt;
    text-align: center;
}

.get-app-btn{
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    color: #000;
    display: block;
    font-size: 20pt;
    font-weight: bold;
    margin: 42px auto 0;
    padding: 8px 0;
    text-align: center;
    width: 320px;
}
.get-app-btn:hover{
    opacity:0.8;
    color:#000;

}
.get-app-btn:active, .get-app-btn:focus{
    color:#000;
}
.feat-list {
    margin-top: 40px;
    text-align: left;
}

.feat-list .fa {
    font-size: 60px;
    padding: 4px 5px;
    float: left;
    color:#0069ff;
}

.feat-list h4 {
    margin-left: 95px;
    padding-top: 3px;
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

.feat-list p {
    margin-left: 95px;
}
#paralax-social{
    background-color: #ececec;
    min-height: 300px;
    padding: 0;
}

#paralax-social h2 {
    font-size: 25pt;
    font-style: italic;
    font-weight: 900;
    margin-bottom: 30px;
    padding: 0;
}
#paralax-social p{
    font-size: 12pt;
}

.phone-bg{
    background:transparent url('../images/index-n/images/moniter-phone.png') no-repeat 100px bottom;
    padding-bottom: 30px;
}

.phone-bg h1{
    margin-top:38px;


}

#get-app{

    min-height: 396px;
    background-image: url('../images/index/images/footer.jpg');
    background-size: cover;
    background-color: #000a0d;
    padding:60px 0;

    color:#fff;
}
#get-app h3{
    margin-top:10px;
    margin-bottom: 20px;
    padding: 0;
    font-weight: 900;
    font-style: italic;
    font-size:20pt;
}
#get-app p{
    display: block;
    font-size: 13pt;

}
.subscribe-form {
	display: table;
	margin: 20px auto;
	margin-bottom: 20px;
	width: 100%;
	padding: 0 44px;
}
.subscribe-form input{

    height: 42px;
    padding: 10px 13px;
    border: 0 none;

}
.subscribe-form input{

    border-radius: 10px;

}
.subscribe-form .submit-btn{
    background: #006AFC;
border-radius: 6px;
    border: 0 none;
    color: #fff;
 
    padding: 12px 30px;
    text-align: center;
    width: 100%;
font-weight: 600;
font-size: 16px;
line-height: 28px;
/* identical to box height, or 175% */

letter-spacing: -0.011em;

/* Neutral/10 */

color: #FFFFFF;

}
.social-links a{
    display:block;
    margin-top:5px;
}

.social-links a i.fa{
    font-size:20px;
    margin-right: 5px;
    float:left;
    margin-top:1px;
    color:#fff;
}



.footer-misc{
    margin-top:27px;
    display:block;
    color:#c0c0c0;
    font-size: 11pt
}

#footer{
    
    color:#fff;
    padding:50px 0;
}
#footer p{
 padding:5px;   
    
}



#footer a{
    color:#999999;
}
#footer a:hover{
    color:#999999;
}
.misc-links{
    list-style: none;
}
.misc-links li{

    padding: 3px;
}
.social-links a {
    display: block;
    margin-top: 25px;
    /* padding-bottom: 16px; */
}
.social-links a i.fa {
   
    margin-right: 14px;
    float: none;
    margin-top: -7px;
    color: #fff;
}

/*********/

.price_table_container{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #666;
    margin-bottom: 20px;
    margin-top: 35px;
    min-height: 722px;
    text-align: center;

}

.price_table_heading{
    font-size:36px;
    padding:10px;
    background:#EEE;
}


.price_table_row {
    padding:15px;
    background: #FFF;
}

.cost{
    padding:30px;
    font-size:30px;
}
.cost span{
    font-size:15px;
}
.cost strike{
    font-weight: normal;
    opacity: 0.7;
}
.price_table_row:nth-of-type(even) {
    background: #F8F8F8;
}
.price-tb-dsc{
    font-weight: bold;
    min-height: 95px;
}
.float-shadow{
    min-height: 600px;
    max-width: 330px;
}

.deal-code{

    font-size: 11px;
    padding: 0 0 10px;
    text-transform: uppercase;
}

.deal-code input{
    border: 2px solid #bebebe;

    font-weight: bold;
    margin: 0 auto;
    padding: 3px;
    text-align: center;
    text-transform: uppercase;
}
.deal-code input:focus{
    border-color: #FFBA00;
}


.recommended{
    /*USER DEFINED COLOUR*/
    background:#FF3A3A;
    color:#FFF;
    /*USER DEFINED COLOUR*/
    padding:3px 0 3px 0;
    margin-top:10px;
    text-align:center;
    margin-bottom:-35px;

}


.spacer{width:100%;height:50px;}



/*Already Defined Colours*/
/*Background*/
.primary-bg{background:#337AB7;color:#FFF;}
.success-bg{background:#5CB85C;color:#FFF;}
.info-bg{background:#5BC0DE;color:#FFF;}
.warning-bg{background:#F0AD4E;color:#FFF;}
.danger-bg{background:#D9534F;color:#FFF;}
.dark-bg{background:#444;color:#FFF;}
.royal-bg{background:#8E74E2;color:#FFF;}
.static-bg{background:#2BB0A6;color:#FFF;}

.cookie-info-layout{

    background: rgba(11, 23, 22, 0.91) none repeat scroll 0 0;
    border-radius: 0 10px 0 0;
    color: #7a7a7a !important;
    font-size: 12px;
    font-style: italic;
    max-width: 300px;
    padding: 10px 10px 20px;
    text-align: justify;
}
#cookie_action_close_header{
    background: #5a6765 none repeat scroll 0 0 !important;
    border-radius: 5px;
    float: left;
    margin-top: 4px;
    padding: 3px 10px;
    text-transform: uppercase;
}

.accept-form{
    color: #666;
    display: block;
    font-size: 12px;
    font-style: italic;
    line-height: 153%;
    margin: 20px 0;
    text-align: justify;
}

.shadow-box{
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: 0 4px 4px #c0c0c0;
    margin: 10px;
    padding: 15px;
}

.btn-invoice{
    font-size: 20px;
    margin-top: 10px;
    padding: 5px 10px;

}

.btn-invoice button{
    font-size: 20px;

}
.param{
    color: #c6c6c6;

    font-style: italic;
    padding-top: 63px !important;
    text-align: center;
    width: 100px;
}
.pay-prize{
    display:block;
    text-align: center;
    margin-top:30px;
    padding:45px;

    color:#000;
    background-color: #081214;
    border-radius: 5px;
    background-image: url("../images/index/images/city-bg.jpg");
    background-size: cover;
}
.mosaic{

    text-align: left;
}
.mosaic-img{
    position: relative;
    display: block;
    background: #000;
}
.mosaic .mosaic-img img{
    width:100%;
    opacity:0.5;
}
.mosaic .mosaic-img span{

    color: #fff;
    font-size: 60px;
    font-weight: 900;
    left: 0;
    position: absolute;
    bottom: -21px;

}
.mosaic-body{
    padding: 28px 20px;
    display: block;
    padding-top: 15px;
}

.mosaic .mosaic-body strong{
    display:block;
    color:#0069ff;
    font-size: 38px;
    font-weight: 900;
}
.mosaic .mosaic-body b{
    display: block;
    font-size: 22px;
    line-height: 100%;
    margin-bottom: 20px;

}
.mosaic .mosaic-body .mosaic-dsc{
    display: block;
    font-size: 16px;
    font-weight:normal;
    color:#000;
}
.mosaic .mosaic-body .mosaic-dsc i{
    display: block;
    font-size: 14px;
    color:#a8a8a8;
    font-style: normal;

}

.cta-signature{
    font-style: italic;

}
.pay-prize .only-last{
    color:#c0c0c0;
    margin-top:5px;
    display: block;
    font-weight: 300;
}

.pay-prize h2{
    margin-top:0;
    color:#f5f5f5;
}

.pay-prize .price{
    color:#c0c0c0;
    font-style: italic;
    display:block;
    padding:35px;

}
.pay-prize .price b{
    font-weight: 900;
    color:#0069ff;
    font-size: 30px;

}
.pay-prize .item-name{
    font-size: 30px;
    font-weight: 300;

}
.pay-prize .last-items{
    color:#c0c0c0;
}

.btn-buy-me{
    background: #0069ff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 10px;
    color: #fff;

    font-weight: bold;
    padding: 9px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.pay-prize span{

    display: block;
    font-size: 27px;
    font-weight: normal;
}
.rep-info i{
    display:block;
}
.rep-info b{
    color: #c9c9c9;
    margin: 0 4px;
}
ul.check-list-ul{

    list-style: none;

}
ul li img.check-list{
    float: left;
    margin-left: -41px;
}


.tb-yellow {
    background: rgba(0, 0, 0, 0) linear-gradient(to left bottom, #ffdb6f, #f69259) repeat scroll center center / cover ;
}
.tb-orange {
    background: rgba(0, 0, 0, 0) linear-gradient(to left bottom, #f69259, #f16975) repeat scroll center center / cover ;
}
.tb-green {
    background: rgba(0, 0, 0, 0) linear-gradient(to left bottom, #85cba8, #76c4e2) repeat scroll center center / cover ;
}
.tb-purple {
    background: rgba(0, 0, 0, 0) linear-gradient(to left bottom, #ba77b1, #8176b5) repeat scroll center center / cover ;
}
.tb-light-red {
    background: rgba(0, 0, 0, 0) linear-gradient(to left bottom, #f69259, #f16975) repeat scroll center center / cover ;
}
.tb-blue {
    background: rgba(0, 0, 0, 0) linear-gradient(to left bottom, #76c4e2, #8176b5) repeat scroll center center / cover ;
}
.tb-blue-green {
    background: rgba(0, 0, 0, 0) linear-gradient(to left bottom, #85cba8, #8176b5) repeat scroll center center / cover ;
    color: #fff;
}
.tb-teal {
    background: rgba(0, 0, 0, 0) linear-gradient(to left bottom, #76c4e2, #85cba8) repeat scroll center center / cover ;
    color: #fff;
}
.tile_content {
    padding: 15px 30px;
    width: 100%;
    display:block;
    font-size: 30px;
    color:#fff;
}
.pricing-plan-item-dsc{

    border: 1px solid #ddd;
}

.price-item {
    color: #ff0008;
    display: block;
    font-size: 65px;
    font-weight: bold;
    line-height: 81%;
    text-align: center;
}
.price-item strike{
    color: #cbcbcb;
    font-size: 46px;
}

.price-dsc{
    display: block;
    font-size: 20px;
    padding: 20px;
    text-align: center;
}
.buy-now{
    display:block;
    padding:20px;
}

.christ-theme{
    background:  url('../images/index/images/christ.jpg') no-repeat;
    padding-top:50px;
    background-size: 100% auto!important;
    background-color: #271D1B !important;
}

.christ-theme article{
    background: #fff;
}
.checkbox-buy{
    float:left;
}
.checkbox-buy input{
    display:inline-block;
    float:left;
    margin-right:14px;
    margin-top:-4px;
    position:static !important;
    width:20px;
}
.checkbox-buy span{
    float:left;
    display: inline-block;
}


 .b-bg {
	
	background: #1308fe ;
	background: -moz-linear-gradient(135deg,#002462 0,#0053b7 100%);
	background: -webkit-linear-gradient(135deg,#002462 0,#0053b7 100%);
	background: linear-gradient(135deg,#002462 0,#0053b7 100%);
	}
        


@-ms-viewport {
    width: device-width;
}

@media (max-width: 767px) {
    
    .white-side {
	float: left;
	width: 100%;
	background-color: #fff;
	height: 100%;
	min-height: 600px;
}
    #footer p span{
    color: #ffffff;
    background: #161616;
    padding: 10px;
    display: block;
    margin: 18px 10%;
    margin-bottom: 0;
    border-radius: 10px;
    font-weight: bold;
    
}
    .cta-content {
	float: none;
	max-width: 570px;
	padding: 5%;
	/* padding-right: 1%; */
	padding-top: 8%;
        }
       
    .navright {
	float: none;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
}
    .cta-side {
	float: left;
	width: 100%;
	
	background-size: cover;
	height: 100%;
	min-height: 280px;
}

 .cta-theme{
           float: left;
	width: 100%;
	
	background-size: cover;
	height: 100%;
	min-height: 280px; 
            
        }

.centering-pane {
	display: block;
	margin-top: 60px;
	margin-left: 0;
	text-align: center;
}

.fa-card {
	display: block;
	width: 100%;
	float: left;
	padding: 12px;
	padding-top: 30px;
}
.feature-dsc {
	width: 100%;
}
#quotes {
	background: #F9FAFB;
	padding: 0;
        padding-top:30px;
}
.fa-pane .fa {
	width: 24px;
	height: 24px;
	padding: 24px;
	padding-left: 5px;
	color: #006AFC;
	font-size: 31px;
	padding-left: 26px;
}

.fa-pane b {
	width: 80px;
	height: 80px;
	border-radius: 80px;
	background: #EAF3FE;
	position: relative;
	display: block;
	margin-bottom: 14px;
	margin: 14px auto;
	text-align: left;
}
.quote-card {
	width: 100%;
	height: auto;
	padding: 8%;
	margin-bottom: 20px;
}
.feature-item .fa-pane {
	float: left;
	width: 100%;
	text-align: center;
}
.fa-card b i.fa{
    font-size:50px;
}

.neutral-btn{
    display: block;
margin-bottom: 10px;
text-align: center;
}
.highlight-btn{
    display: block;
}
.variant-incentive{
    margin:0 2%;
}
    .landing-form {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 auto;
        float: left;
    }
    .lp1-product,  .lp2-product,  .lp3-product, .lp4-product  {
        background: #fff;
    }
    #lp-split:after{
        clear: both;
    }
    .landing-form form {
        display: block;
        width: 100%;
        float:none;
        padding: 0 3%;
        margin: 0 auto;
        margin-top: 20px;
    }
    .landing-form form input {
        display: block;
        margin-bottom: 20px;
        height: 43px;
        border-color: #e1e1e1;
        border: 1px solid #e1e1e1;
        width: 100%;
        padding: 7px;
        max-width: 330px;
        margin-left: auto;
        margin-right: auto;
    }
    .landing-form form button.lp-send {
        background: #ff0036;
        display: block;
        font-size: 26px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        position: relative;
        padding: 3px 0;
        border: 0;
        width: 100%;
    }

    .landing-header {
        min-height: 200px;
    }

    .landing-header h1 {
        font-size: 30px;
        margin-top: 30px;
    }

    #paralax-dsc .color-side{
        float: left;
        width: 100%;
        padding: 0 2%;
        text-align: center;
    }
    .screen-side{
        width:100%;
    }


    .color-content, .color-content-a{
        padding-right: 0;
    }
    .quote-box img.quote-bg{
        opacity:1;
    }
    .quote-item{
        position: unset;
        color: #404040;
        padding: 20px;
        bottom: 13%;
        right: 5%;
        width: 100%;
        border: 0;
    }
    .phone-bg{
        padding-bottom: 480px;
    }

    #colorcta{
        padding-bottom: 70px;
    }
    .misc-links {

        margin-left: 0!important;
        padding-left: 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #footer{

        text-align: center;
        font-size: 18px;
    }
.social-links a i.fa {
    font-size: 48px;
}
    .article-color-side {
        padding: 0 5% !important;
    }

    .grey-split-content-a{
        padding-left: 0;
    }
    .app-dsc p{
        padding:0;
    }
    .quote-large {
        font-size: 33px;
        padding: 20px 20px;
        text-align: center;
        margin: 20px;
    }
    .article-video-pane{
        width:100%;
        margin:0;
    }

    .color-quote-container{
        width:100%;
    }

    .CartList{
        padding-left:0;
        margin:0;

    }
    .buy-header h1{
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .book-screens{
        width: 100%;
    }
    .content-left-txt{
        display:none;
    }
    .contents-list{
        width:100%;
        padding:0;
        margin:40px 0;
    }
    .refund-dsc {
        margin-top: 30px;
        text-align: center;
        margin-bottom: 30px;
    }
    .read-first-chapter span {
        max-width: 100%;

    }
    .read-first-chapter input {

        width: 100%;
        margin: 17px 0px;
    }
    .read-first-chapter button {

        width: 100%;
        margin-left: 0!important;
        padding: 13px;
    }
    .paragraph-list p {
        padding-left: 34px!important;
    }
    .paragraph-list p span {
        margin-left: -30px;
    }
    .author-credentials {
        margin-left: 0;
    }
    .author-credentials img.img-author {
        float: left;
        margin-left: 0;
        margin-top: 0;
        width: 100%;
        margin-bottom: 21px;
    }
    .author-credentials-pane {

        padding: 30px 0px;

    }
    .book-screens {

        margin-top: 40px;
        min-height: 100px;
    }

    .buy-choice a{
        margin-bottom: 40px;
    }
    .read-first-chapter{
        margin-top:40px;
    }

    .book-sample{
        width:100%;
    }

    .grey-section{
        margin-top:0;
    }
    .quote-dialog{
        width:auto;

    }
    .nav-separator {
        display: inline-block;
        border: 0 none;
        height: 0;
        float: none;
    }
    
    .main-nav {
	float: right;
	margin-right: 0;
	padding: 0;
	width: 100%;
	padding-right: 0;
}
    .main-nav a {
	color: #fff;
	float: left;
	font-size: 23px;
	margin-left: 16px;
	padding: 7px 13px;
	width: 100%;
	text-align: center;
	padding: 6px 0;
	margin: 0;
	border-bottom: 1px solid #d5d5d51a;
	margin: 6px 0;
        }

    header .logo {
        margin-bottom: 20px;
    }

    #scrollNav{
        display:none;
    }

    .break-right {
        border-right: 0;
        padding-right: 0!important;
    }

    .other-login-info {
        width: 100%;
        margin-right: 0;
        font-size: 16px;
        margin-top: 20px;
    }
    .login-right-side{
        display:none;
    }

    .singupframe {

        margin-top: 20px;
    }

    .other-login-info a {
        font-size: 18px;
        margin-top: 15px;
        margin-bottom: 70px;
        margin-top: 20px;
    }
    #login-form {

        min-height: 500px;
    }

    #article-dsc article{
        padding-left: 2%;
        padding-right: 2%;
    }

}
.mod-menu-button {
    border-radius: 5px;
    color: #FFFFFF;
    float: right;
    font-size: 28px;
    margin-right: 15px;
    margin-top: 12px;
    cursor: pointer;
}


.fixedInfo {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.21);
    color: #fff;
    height: auto;
    position: fixed;
    bottom: 0;
    left: 0px;
    width: 100%;
    z-index: 999
}

.fixedInfoContent {
    display: block;
    margin: 12px;
    padding: 7px;
    z-index: 99;
    border-radius: 5px;
    height: auto;
    font-size: 14px
}

.fixedInfoContent a {
    font-size: 14px;
        color:#fff;
    text-decoration: underline;
}

.fixedInfoClose {
    background: none repeat scroll 0 0 #006AFC;
    border-radius: 10px 10px 10px 10px;
    color: #FFF;
    float: left;
    font-weight: bold;
    margin-right: 10px;
    margin-top: -4px;
    padding: 2px 13px;
    cursor: pointer;
        text-decoration: none !important;
}

.fixedInfoClose:hover {
    opacity: 1
}

.support-hero {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.26);
    color: rgba(255, 255, 255, 0.72);
    border-color: rgb(255, 255, 255);
    font-family: proxima-nova, Arial, sans-serif;
    font-size: 20px;
    border-radius: 50%;
    cursor: pointer;
    padding: 5px;
    z-index: 3;
    top: 15px;
    right: -15px;
    width: 30px;
    padding-top: 3px;
    padding-left: 7px;
    line-height: 21px;
    right: 10px;
    height: 30px;
    border: 2px solid #ffffff59;
}

@media (max-width: 767px) {
    .support-hero {
        right: 80px;
    }
    
    .subscribe-form .submit-btn {
    width: 100%!important;
    display: block!important;
}
}