@import url('fonts.css');
@import url('icon.css');
@import url('sweetalert.css');

* {margin: 0; padding: 0;}
a:focus, :focus {outline: none;  outline-offset: 0; text-decoration: none;}
ul, ol {list-style-type: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
.lp-input-field, section {position: relative;}
[type=text] {width: 100%; border: none; border-radius: 4px; height: 50px; padding: 0 20px; font-family: 'HelveticaNeueRegular';}
.lp-button {display: block; height: 50px; text-align: center; line-height: 50px; color: #fff; font-size: 16px; font-family: 'HelveticaNeueBold'; border-radius: 4px;}
.lp-button:hover, .lp-button:focus {color: #fff;}
.lp-button:active {box-shadow: inset 0 2px 1px rgba(0, 0, 0, .4); color: #fff; text-decoration: none;}
.lp-button.loading {background: url(../images/loader.gif) #d7d7d7 !important; color: #767676 !important; cursor: not-allowed;}
.lp-button.loading:hover, .lp-button.loading:focus {text-decoration: none; color: #767676}
section h2 {margin: 120px 0 20px 0; text-align: center; font-size: 30px; font-family: 'HelveticaNeueMedium'; color: #505e6e;}
section h2 + small {display: block; text-align: center; color: #a3b1ba; font-size: 18px; font-family: 'HelveticaNeueLight'; margin: 0 0 75px 0;}
.carousel-indicators {bottom: -100px;}
.carousel-indicators li {border: none; margin: 0 20px 0 0;}
.carousel-indicators li:last-child {margin: 0;}
.carousel-indicators .active {width: 10px; height: 10px; margin: 0 20px 0 0;}
.close {position: absolute !important; right: 10px !important; top: 5px !important;}
.alert {position: relative;}


body {font-family: 'HelveticaNeueRegular';}
header {padding: 50px 0 163px 0;}
.lp-logo {text-transform: uppercase; font-size: 24px; font-family: 'HelveticaNeueBold';}
.lp-logo span {color: #fff; padding: 6px 10px; margin: 0 0 0 5px; border-radius: 4px;}
.lp-number {text-align: right; font-size: 18px; font-family: 'HelveticaNeueBold'}
.lp-number i {margin: 0 12px 0 0;  font-size: 16px;}
header h1 {margin: 200px 0 20px 0; font-size: 48px;text-align: center; line-height: 1}
header small {text-align: center; font-size: 18px; display: block; margin: 0 0 40px 0;}
.lp-line {width: 100%; height: 1px; background: #e3ecf2; margin: 100px 0 0 ;}

#lp-benefits [class^="lp-benefit-img-"] {height: 132px; background-position: center center; background-repeat: no-repeat; margin: 0 0 35px;}
#lp-benefits .lp-benefit {margin: 0 0 50px 0;}
#lp-benefits .lp-benefit-title {color: #505e6e; text-align: center; font-size: 18px; margin: 0 0 30px 0;}
#lp-benefits .lp-benefit-text {color: #a3b1ba; font-size: 16px; text-align: justify;}

#lp-salesfunnel {padding: 100px 0 0 0;}
#lp-salesfunnel h2 {color: #505e6e; font-size: 24px; font-family: 'HelveticaNeueMedium'; margin: 0 0 60px 0; text-align: left;}
#lp-salesfunnel .lp-salesfunnel-text ul {list-style-type: none;}
#lp-salesfunnel .lp-salesfunnel-text ul li {padding: 0 0 40px 25px; background-repeat: no-repeat; background-position: 0  8px;}
#lp-salesfunnel .lp-salesfunnel-text ul li h4 {color: #505e6e; font-size: 18px; font-family: 'HelveticaNeueMedium'; margin: 0 0 15px 0;}
#lp-salesfunnel .lp-salesfunnel-text ul li span {color: #a3b1ba; font-size: 16px;}
#lp-salesfunnel .lp-salesfunnel-funnel {min-height: 595px; padding: 95px 0 0 0; background-size: contain; background-repeat: no-repeat; background-position: top center;}
#lp-salesfunnel .lp-salesfunnel-funnel ul {list-style-type: none; margin: 75px 0 0 0; color: #fff; text-align: center; font-size: 18px; font-family: 'HelveticaNeueBold'; }
#lp-salesfunnel .lp-salesfunnel-funnel ul li:nth-child(1) {line-height: 80px;} 
#lp-salesfunnel .lp-salesfunnel-funnel ul li:nth-child(2) {line-height: 150px;}
#lp-salesfunnel .lp-salesfunnel-funnel ul li:nth-child(3) {line-height: 40px;}
#lp-salesfunnel .lp-salesfunnel-funnel ul li:nth-child(4) {line-height: 130px;}

#lp-results {background: #f5f9fc; padding: 0 0 180px 0;}
#lp-results .row .row {text-align: center;}

#lp-results .lp-item__result {text-align: center;}
#lp-results .lp-item__image img {width: 100%;}
#lp-results .lp-item__stats h3 {color: #505e6e; text-align: center; font-size: 21px; font-family: 'HelveticaNeueMedium';}
#lp-results .lp-item__stats a {color: #a3b1ba; text-align: center; font-size: 18px; font-family: 'HelveticaNeueLight'; display: block; margin: 10px 0 60px 0;}
#lp-results .lp-progress {width: 100px; display: inline-block; position: relative; text-align: center; margin: auto; opacity: 0;}
#lp-results .lp-label {color: #505e6e; font-size: 16px; text-align: center;}
#lp-results .lp-progress strong {position: absolute; top: 30px; left: 0; width: 100%; text-align: center; line-height: 40px; font-size: 24px; color: #505e6e; font-family: 'HelveticaNeueLight'; font-weight: normal; display: none;}
#lp-results .carousel-control.left, #lp-results .carousel-control.right {position: absolute; width: 50px; opacity: 1; font-size: 14px; color: #fff; text-align: center; background: #505e6e; height: 100px; background-image: none; line-height: 100px; top: 320px;}
#lp-results .carousel-control.left {left: 0; border-top-right-radius: 7px; border-bottom-right-radius: 7px;}
#lp-results .carousel-control.right {right: 0px; border-top-left-radius: 7px; border-bottom-left-radius: 7px;}


#lp-choose {padding: 0 0 100px 0;}
#lp-choose li {display: block; overflow: hidden; margin: 0 0 30px 0;}
#lp-choose .lp-choose__title {color: #505e6e; font-size: 18px; font-family: 'HelveticaNeueMedium'; margin: 0 0 20px 0; width: calc(100% - 130px);}
#lp-choose .lp-choose__text {color: #a3b1ba; font-size: 16px; width: calc(100% - 130px);}
#lp-choose .lp-choose__image {width: 100px; height: 100px; background-repeat: no-repeat; background-position: center top;}
#lp-choose .row div:nth-child(2) .lp-choose__title,
#lp-choose .row div:nth-child(2) .lp-choose__text,
#lp-choose .row div:nth-child(3) .lp-choose__image {float: left;}
#lp-choose .row div:nth-child(3) .lp-choose__title,
#lp-choose .row div:nth-child(3) .lp-choose__text,
#lp-choose .row div:nth-child(2) .lp-choose__image {float: right;}

.lp-cta {padding: 100px 0;}
.lp-cta h2 {margin-top: 0;}

#lp-works {padding: 0 0 100px 0;}
#lp-works .lp-work__item {height: 280px; overflow: hidden; position: relative; margin: 0 0 20px 0;}
#lp-works .lp-work__item img  {min-width: 100%;}
#lp-works .lp-work__item .lp-work__conversion  {height: 90px; width: 90px; position: absolute; top: 50%; left: 50%; margin: -45px 0 0 -45px; background: #fff; border-radius: 100%; text-align: center; line-height: 90px; color: #505e6e; font-size: 20px; font-family: 'HelveticaNeueMedium';}
#lp-works .lp-work__item .lp-work__overlay  {height: calc(100% - 16px); width: calc(100% - 16px); position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; background: #fff; text-align: center; color: #505e6e; opacity: 0;}
#lp-works .lp-work__item .lp-work__overlay h3 {color: #505e6e; font-size: 20px; font-family: 'HelveticaNeueMedium'; margin: 110px 0 20px 0;}
#lp-works .lp-work__item .lp-work__overlay a {color: #a3b1ba; font-size: 18px;}

#lp-price {background: url(../images/lp-price-bg.png) #f5f9fc no-repeat; padding: 0 0 100px 0;}
#lp-price .lp-plan {border: 1px solid #e3ecf2; padding: 30px; border-radius: 10px; background: #fff; text-align: center; position: relative;}
#lp-price .lp-plan__name {display: inline-block; position: absolute; font-size: 18px; padding: 15px 20px; background: #505e6e; color: #fff; border-radius: 4px; top: -30px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
#lp-price .lp-plan__price {display: block; margin: 25px 0 45px 0; padding: 25px 0; text-align: center; color: #505e6e; font-family: 'HelveticaNeueBold'; font-size: 24px; border-top: 1px solid #e3ecf2; border-bottom: 1px solid #e3ecf2;}
#lp-price .lp-plan li {margin: 0 0 25px 0; color: #505e6e; font-size: 14px;}
#lp-price .lp-plan li.disable {color: #bfcfda;}
#lp-price .lp-plan small {font-size: 16px; font-family: 'HelveticaNeueBold';}
#lp-price .primary {margin: -20px 0 0 0; padding-bottom: 60px;}
#lp-price .first {margin-right: -40px; margin-left: 40px;}
#lp-price .second {z-index: 1;}
#lp-price .third {margin-right: 40px; margin-left: -40px;}

#lp-reviews {background: url(../images/lp-review-bg.png) no-repeat; padding: 0 0 180px 0;}
#lp-reviews .lp-review__photo {width: 200px; height: 200px; border-radius: 50%; overflow: hidden; margin: 0 auto 35px; text-align: center;}
#lp-reviews .lp-review__photo img {}
#lp-reviews .lp-review__text {font-size: 16px; color: #505e6e; font-family: 'HelveticaNeueLight'; text-align: center;}
#lp-reviews .lp-review__text p {margin: 0 0 25px 0;}

footer {padding: 30px 0;}
footer p {color: #a3b1ba; text-align: right; line-height: 35px;}
footer .lp-logo {font-size: 18px; line-height: 35px;}
footer .lp-logo span {background: #a3b1ba !important;}

/* Light theme */
.light [type=text] {background: #fff;}
.light .lp-logo, .light .lp-number, .light header h1, .light header small {color: #505e6e;}
.light header {background: url(../images/lp-header-light-bg.png) no-repeat #daeef7 ;}
.light .lp-cta {background: url(../images/lp-header-light-bg.png) #daeef7 no-repeat center bottom;}

/* Dark theme */
.dark [type=text] {background: #3c3e3f; color: #858585;}
.dark .lp-logo, .dark .lp-cta h2, .dark .lp-cta h2 + small, .dark .lp-number {color: #fff;}
.dark header {background: url(../images/lp-header-dark-bg.png) #191b1c no-repeat center bottom;}
.dark header h1, .dark header small {color: #fff;}
.dark .lp-cta {background: url(../images/lp-header-dark-bg.png) #191b1c no-repeat center bottom;}
.dark footer .lp-logo {color: #505e6e;}


/* Blue color scheme*/
.blue .lp-logo span {background: #24b1f3;}
.blue .lp-number i {color: #36a6da;}
.blue .lp-button {background: #24b1f3;}
.blue .lp-button:hover {background: #1e8deb; text-decoration: none;}
.blue .lp-benefit-img-1 {background-image: url(../images/blue/benefits/lp-benefit-1.png);}
.blue .lp-benefit-img-2 {background-image: url(../images/blue/benefits/lp-benefit-2.png);}
.blue .lp-benefit-img-3 {background-image: url(../images/blue/benefits/lp-benefit-3.png);}
.blue .lp-benefit-img-4 {background-image: url(../images/blue/benefits/lp-benefit-4.png);}
.blue .lp-salesfunnel-text ul li {background: url(../images/blue/bullet.png);}
.blue .lp-salesfunnel-funnel {background: url(../images/blue/salesfunnel.png);}
.blue .carousel-indicators li {background-color: #dbe3e9;}
.blue .carousel-indicators .active {background-color: #24b1f3;}
.blue #lp-choose .row div:nth-child(2) li:nth-child(1) .lp-choose__image {background-image: url(../images/blue/choose/c1.png);}
.blue #lp-choose .row div:nth-child(2) li:nth-child(2) .lp-choose__image {background-image: url(../images/blue/choose/c2.png);}
.blue #lp-choose .row div:nth-child(2) li:nth-child(3) .lp-choose__image {background-image: url(../images/blue/choose/c3.png);}
.blue #lp-choose .row div:nth-child(3) li:nth-child(1) .lp-choose__image {background-image: url(../images/blue/choose/c4.png);}
.blue #lp-choose .row div:nth-child(3) li:nth-child(2) .lp-choose__image {background-image: url(../images/blue/choose/c5.png);}
.blue #lp-choose .row div:nth-child(3) li:nth-child(3) .lp-choose__image {background-image: url(../images/blue/choose/c6.png);}
.blue #lp-price .primary .lp-plan__name {background: #24b1f3;}
.blue .lp-plan small {color: #24b1f3;}


/* Green color scheme*/
.green .lp-logo span {background: #73c239;}
.green .lp-number i {color: #73c239;}
.green .lp-button {background: #73c239;}
.green .lp-button:hover {background: #62a631; text-decoration: none;}
.green .lp-benefit-img-1 {background-image: url(../images/green/benefits/lp-benefit-1.png);}
.green .lp-benefit-img-2 {background-image: url(../images/green/benefits/lp-benefit-2.png);}
.green .lp-benefit-img-3 {background-image: url(../images/green/benefits/lp-benefit-3.png);}
.green .lp-benefit-img-4 {background-image: url(../images/green/benefits/lp-benefit-4.png);}
.green .lp-salesfunnel-text ul li {background: url(../images/green/bullet.png);}
.green .lp-salesfunnel-funnel {background: url(../images/green/salesfunnel.png);}
.green .carousel-indicators li {background-color: #d4d4d4;}
.green .carousel-indicators .active {background-color: #73c239;}
.green #lp-choose .row div:nth-child(2) li:nth-child(1) .lp-choose__image {background-image: url(../images/green/choose/c1.png);}
.green #lp-choose .row div:nth-child(2) li:nth-child(2) .lp-choose__image {background-image: url(../images/green/choose/c2.png);}
.green #lp-choose .row div:nth-child(2) li:nth-child(3) .lp-choose__image {background-image: url(../images/green/choose/c3.png);}
.green #lp-choose .row div:nth-child(3) li:nth-child(1) .lp-choose__image {background-image: url(../images/green/choose/c4.png);}
.green #lp-choose .row div:nth-child(3) li:nth-child(2) .lp-choose__image {background-image: url(../images/green/choose/c5.png);}
.green #lp-choose .row div:nth-child(3) li:nth-child(3) .lp-choose__image {background-image: url(../images/green/choose/c6.png);}
.green #lp-price .primary .lp-plan__name {background: #73c239;}
.green .lp-plan small {color: #73c239;}


/* Red color scheme*/
.red .lp-logo span {background: #de3c3c;}
.red .lp-number i {color: #de3c3c;}
.red .lp-button {background: #de3c3c;}
.red .lp-button:hover {background: #de1f1f; text-decoration: none;}
.red .lp-benefit-img-1 {background-image: url(../images/red/benefits/lp-benefit-1.png);}
.red .lp-benefit-img-2 {background-image: url(../images/red/benefits/lp-benefit-2.png);}
.red .lp-benefit-img-3 {background-image: url(../images/red/benefits/lp-benefit-3.png);}
.red .lp-benefit-img-4 {background-image: url(../images/red/benefits/lp-benefit-4.png);}
.red .lp-salesfunnel-text ul li {background: url(../images/red/bullet.png);}
.red .lp-salesfunnel-funnel {background: url(../images/red/salesfunnel.png);}
.red .carousel-indicators li {background-color: #dbe3e9;}
.red .carousel-indicators .active {background-color: #df4041;}
.red #lp-choose .row div:nth-child(2) li:nth-child(1) .lp-choose__image {background-image: url(../images/red/choose/c1.png);}
.red #lp-choose .row div:nth-child(2) li:nth-child(2) .lp-choose__image {background-image: url(../images/red/choose/c2.png);}
.red #lp-choose .row div:nth-child(2) li:nth-child(3) .lp-choose__image {background-image: url(../images/red/choose/c3.png);}
.red #lp-choose .row div:nth-child(3) li:nth-child(1) .lp-choose__image {background-image: url(../images/red/choose/c4.png);}
.red #lp-choose .row div:nth-child(3) li:nth-child(2) .lp-choose__image {background-image: url(../images/red/choose/c5.png);}
.red #lp-choose .row div:nth-child(3) li:nth-child(3) .lp-choose__image {background-image: url(../images/red/choose/c6.png);}
.red #lp-price .primary .lp-plan__name {background: #de3c3c;}
.red .lp-plan small {color: #de3c3c;}






/* Highlights section (3 key points) */
#lp-highlights {padding: 0 0 60px 0; background: #fff;}
#lp-highlights .highlight-box {text-align: center; padding: 40px 20px; border-radius: 10px; background: #f5f9fc; margin-bottom: 20px;}
#lp-highlights .highlight-box .highlight-number {display: inline-block; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; color: #fff; font-size: 20px; font-family: 'HelveticaNeueBold'; margin-bottom: 20px;}
.blue .highlight-box .highlight-number {background: #24b1f3;}
.green .highlight-box .highlight-number {background: #73c239;}
.red .highlight-box .highlight-number {background: #de3c3c;}
#lp-highlights .highlight-box h3 {color: #505e6e; font-size: 20px; font-family: 'HelveticaNeueMedium'; margin: 0 0 15px 0;}
#lp-highlights .highlight-box p {color: #a3b1ba; font-size: 15px; margin: 0;}

/* Target audience section */
#lp-target {padding: 0 0 80px 0; background: #fff;}
#lp-target .target-item {padding: 20px 20px 20px 30px; border-left: 4px solid #24b1f3; margin-bottom: 20px; background: #f5f9fc; border-radius: 0 8px 8px 0;}
.blue #lp-target .target-item {border-left-color: #24b1f3;}
.green #lp-target .target-item {border-left-color: #73c239;}
.red #lp-target .target-item {border-left-color: #de3c3c;}
#lp-target .target-item h4 {color: #505e6e; font-size: 17px; font-family: 'HelveticaNeueMedium'; margin: 0 0 8px 0;}
#lp-target .target-item p {color: #a3b1ba; font-size: 15px; margin: 0;}

/* Flow section */
#lp-flow {padding: 0 0 80px 0;}
#lp-flow .flow-step {text-align: center; position: relative; margin-bottom: 30px;}
#lp-flow .flow-step .flow-icon {display: inline-block; width: 70px; height: 70px; line-height: 70px; border-radius: 50%; color: #fff; font-size: 28px; font-family: 'HelveticaNeueBold'; margin-bottom: 15px;}
.blue .flow-step .flow-icon {background: #24b1f3;}
.green .flow-step .flow-icon {background: #73c239;}
.red .flow-step .flow-icon {background: #de3c3c;}
#lp-flow .flow-step h4 {color: #505e6e; font-size: 17px; font-family: 'HelveticaNeueMedium'; margin: 0 0 10px 0;}
#lp-flow .flow-step p {color: #a3b1ba; font-size: 14px;}
#lp-flow .flow-arrow {text-align: center; font-size: 24px; color: #a3b1ba; padding-top: 20px;}

/* Phones */
@media screen and (max-width: 768px){
	.lp-logo, .lp-number, footer p {text-align: center; margin: 0 0 20px 0;}
	.lp-input-field {margin: 0 0 10px 0;}
	header h1 {font-size: 36px; margin: 100px 0 10px 0;}
	#lp-salesfunnel h3 {text-align: center;}
	#lp-salesfunnel .lp-salesfunnel-funnel {min-height: 320px; padding: 0; background-position: center top;}
	#lp-results {margin: 50px 0 0 0;}
	#lp-results .lp-progress {margin: 0 0 30px 0;}
	#lp-results .carousel-control.left, #lp-results .carousel-control.right {top: 620px;}
	#lp-price .first, #lp-price .third {margin-right: 0px; margin-left: 0px;}
	#lp-price .primary {margin-top: 0; padding-bottom: 30px;}
	#lp-price .lp-plan {margin-bottom: 50px;}

}


/* Tablets */
@media screen and (min-width: 768px){
	.lp-input-field {margin: 0 0 10px 0;}
	.lp-logo {text-align: left;}
	.lp-number {text-align: right;}
	#lp-salesfunnel .lp-salesfunnel-funnel {padding: 0; background-position: center top;}
	#lp-price .lp-plan {margin-bottom: 0;}
	#lp-price .first {margin-right: -40px; margin-left: 40px;}
	#lp-price .third {margin-right: 40px; margin-left: -40px;}
	#lp-price .primary {margin: -20px 0 0 0; padding-bottom: 60px;}
}