@charset "UTF-8";
/* ===== LANDER Stylesheet ============================================================================================ */
/*

Project:    Lander Website
Company:    Making Sense
Version:    1.0
Author:     Design + UI/UX Team :)



-----------------------------------
    TABLE OF CONTENTS
-----------------------------------
00 - Includes/imports.
01 - Base & Global elements, utils.
02 - Typography.
03 - Layout & Main structure.
04 - Header, main menu.
05 - Modular elements.
06 - Page holders & Sections.
07 - Footer.
08 - Media queries.

*/
/* ==================================================================================================================== */
/* ==================================================================================================================== */
/* ==================================================================================================================== */
/*      00 - Includes/imports.                                                                                          */
/* ==================================================================================================================== */
/*!
Pure v0.4.2
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v1.1.3 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

html, button, input, select, textarea {
  font-family: sans-serif; }

body {
  margin: 0; }

a:focus {
  outline: thin dotted; }

a:active, a:hover {
  outline: 0; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

h2 {
  font-size: 1.5em;
  margin: .83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: .83em;
  margin: 1.67em 0; }

h6 {
  font-size: .67em;
  margin: 2.33em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: 700; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

p, pre {
  margin: 1em 0; }

code, kbd, pre, samp {
  font-family: monospace,serif;
  _font-family: 'courier new',monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before, q:after {
  content: '';
  content: none; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

dl, menu, ol, ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

menu, ol, ul {
  padding: 0 0 0 40px; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px; }

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

[hidden] {
  display: none !important; }

button {
  border: none;
  background: none;
  padding: 0; }

/*!
Pure v0.4.2
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
.pure-g {
  letter-spacing: -.31em;
  *letter-spacing: normal;
  *word-spacing: -.43em;
  text-rendering: optimizespeed;
  font-family: FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flexbox;
  -ms-flex-flow: row wrap; }

.opera-only :-o-prefocus, .pure-g {
  word-spacing: -.43em; }

.pure-u {
  display: inline-block;
  *display: inline;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto; }

.pure-g [class*="pure-u"] {
  font-family: sans-serif; }

.pure-u-1, .contact-profiles-list .contact-profile, .templates-pick-category .header-pick-category, .why-lander-testimonials .block-main-header, .pure-u-1-1, .pure-u-1-2, .input-row-half .input-holder, .custom-template-features .ct-features_item, .pure-u-1-3, .integration-item, .integration-item--inner, .feature-item, .contact-connect-item, .pricing-feature-item, .password-checker.meter-fail .meter-track, .password-checker-strenght-status, .main-pricing--counter div.pricing-counter-box, .pricing-table .pricing-table-plan, .resources__gap, .resources__element, .pure-u-2-3, .password-checker.meter-weak .meter-track, .password-checker-strenght-bar, .pure-u-1-4, .team-vip .team-vip-person, .pure-u-3-4, .pure-u-1-5, .plan-badge-holder, .pure-u-2-5, .pure-u-3-5, .pure-u-4-5, .pure-u-5-5, .pure-u-1-6, .home--templates .templates--all .templates--picker .category-type, .templates-category-picker .category-type, .team-member, .pure-u-5-6, .pure-u-1-8, .pure-u-3-8, .pure-u-5-8, .pure-u-7-8, .pure-u-1-12, .pure-u-5-12, .pure-u-7-12, .pure-u-11-12, .pure-u-1-24, .pure-u-2-24, .pure-u-3-24, .pure-u-4-24, .pure-u-5-24, .pure-u-6-24, .pure-u-7-24, .home--features .features--holder > div, .pure-u-8-24, .pure-u-9-24, .pure-u-10-24, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto; }

.pure-u-1-24 {
  width: 4.1667%;
  *width: 4.1357%; }

.pure-u-1-12, .pure-u-2-24 {
  width: 8.3333%;
  *width: 8.3023%; }

.pure-u-1-8, .pure-u-3-24 {
  width: 12.5%;
  *width: 12.469%; }

.pure-u-1-6, .home--templates .templates--all .templates--picker .category-type, .templates-category-picker .category-type, .team-member, .pure-u-4-24 {
  width: 16.6667%;
  *width: 16.6357%; }

.pure-u-1-5, .plan-badge-holder {
  width: 20%;
  *width: 19.969%; }

.pure-u-5-24 {
  width: 20.8333%;
  *width: 20.8023%; }

.pure-u-1-4, .team-vip .team-vip-person, .pure-u-6-24 {
  width: 25%;
  *width: 24.969%; }

.pure-u-7-24, .home--features .features--holder > div {
  width: 29.1667%;
  *width: 29.1357%; }

.pure-u-1-3, .integration-item, .integration-item--inner, .feature-item, .contact-connect-item, .pricing-feature-item, .password-checker.meter-fail .meter-track, .password-checker-strenght-status, .main-pricing--counter div.pricing-counter-box, .pricing-table .pricing-table-plan, .resources__gap, .resources__element, .pure-u-8-24 {
  width: 33.3333%;
  *width: 33.3023%; }

.pure-u-3-8, .pure-u-9-24 {
  width: 37.5%;
  *width: 37.469%; }

.pure-u-2-5 {
  width: 40%;
  *width: 39.969%; }

.pure-u-5-12, .pure-u-10-24 {
  width: 41.6667%;
  *width: 41.6357%; }

.pure-u-11-24 {
  width: 45.8333%;
  *width: 45.8023%; }

.pure-u-1-2, .input-row-half .input-holder, .custom-template-features .ct-features_item, .pure-u-12-24 {
  width: 50%;
  *width: 49.969%; }

.pure-u-13-24 {
  width: 54.1667%;
  *width: 54.1357%; }

.pure-u-7-12, .pure-u-14-24 {
  width: 58.3333%;
  *width: 58.3023%; }

.pure-u-3-5 {
  width: 60%;
  *width: 59.969%; }

.pure-u-5-8, .pure-u-15-24 {
  width: 62.5%;
  *width: 62.469%; }

.pure-u-2-3, .password-checker.meter-weak .meter-track, .password-checker-strenght-bar, .pure-u-16-24 {
  width: 66.6667%;
  *width: 66.6357%; }

.pure-u-17-24 {
  width: 70.8333%;
  *width: 70.8023%; }

.pure-u-3-4, .pure-u-18-24 {
  width: 75%;
  *width: 74.969%; }

.pure-u-19-24 {
  width: 79.1667%;
  *width: 79.1357%; }

.pure-u-4-5 {
  width: 80%;
  *width: 79.969%; }

.pure-u-5-6, .pure-u-20-24 {
  width: 83.3333%;
  *width: 83.3023%; }

.pure-u-7-8, .pure-u-21-24 {
  width: 87.5%;
  *width: 87.469%; }

.pure-u-11-12, .pure-u-22-24 {
  width: 91.6667%;
  *width: 91.6357%; }

.pure-u-23-24 {
  width: 95.8333%;
  *width: 95.8023%; }

.pure-u-1, .contact-profiles-list .contact-profile, .templates-pick-category .header-pick-category, .why-lander-testimonials .block-main-header, .pure-u-1-1, .pure-u-5-5, .pure-u-24-24 {
  width: 100%; }

.pure-g-r, .input-row-half, .home--templates .templates--all, .home--templates .templates--all .templates--picker, .home--features, .home--testimonials, .integration-list, .features-list, .pricing-features, .contact-profiles-list, .contact-connect-list, .sign-up-chose-plan .chose-plan, .password-checker, .password-meter, .templates-pick-category, .templates-category-picker, .team-members-list, .main-pricing--counter, .pricing-table, .custom-template-features .ct-features_list {
  letter-spacing: -.31em;
  *letter-spacing: normal;
  *word-spacing: -.43em;
  font-family: FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flexbox;
  -ms-flex-flow: row wrap; }

.opera-only :-o-prefocus, .pure-g-r, .input-row-half, .home--templates .templates--all, .home--templates .templates--all .templates--picker, .home--features, .home--testimonials, .integration-list, .features-list, .pricing-features, .contact-profiles-list, .contact-connect-list, .sign-up-chose-plan .chose-plan, .password-checker, .password-meter, .templates-pick-category, .templates-category-picker, .team-members-list, .main-pricing--counter, .pricing-table, .custom-template-features .ct-features_list {
  word-spacing: -.43em; }

.pure-g-r [class*="pure-u"], .input-row-half [class*="pure-u"], .home--templates .templates--all [class*="pure-u"], .home--features [class*="pure-u"], .home--testimonials [class*="pure-u"], .integration-list [class*="pure-u"], .features-list [class*="pure-u"], .pricing-features [class*="pure-u"], .contact-profiles-list [class*="pure-u"], .contact-connect-list [class*="pure-u"], .sign-up-chose-plan .chose-plan [class*="pure-u"], .password-checker [class*="pure-u"], .password-meter [class*="pure-u"], .templates-pick-category [class*="pure-u"], .templates-category-picker [class*="pure-u"], .team-members-list [class*="pure-u"], .main-pricing--counter [class*="pure-u"], .pricing-table [class*="pure-u"], .custom-template-features .ct-features_list [class*="pure-u"] {
  font-family: sans-serif; }

.pure-g-r img, .input-row-half img, .home--templates .templates--all img, .home--templates .templates--all .templates--picker img, .home--features img, .home--testimonials img, .integration-list img, .features-list img, .pricing-features img, .contact-profiles-list img, .contact-connect-list img, .sign-up-chose-plan .chose-plan img, .password-checker img, .password-meter img, .templates-pick-category img, .templates-category-picker img, .team-members-list img, .main-pricing--counter img, .pricing-table img, .custom-template-features .ct-features_list img {
  width: 100%;
  height: auto; }

@media (min-width: 960px) {
  .pure-visible-phone {
    display: none; }

  .pure-visible-tablet {
    display: none; }

  .pure-hidden-desktop {
    display: none; } }
@media (max-width: 480px) {
  .pure-g-r > .pure-u, .input-row-half > .pure-u, .home--templates .templates--all > .pure-u, .home--templates .templates--all .templates--picker > .pure-u, .home--features > .pure-u, .home--testimonials > .pure-u, .integration-list > .pure-u, .features-list > .pure-u, .pricing-features > .pure-u, .contact-profiles-list > .pure-u, .contact-connect-list > .pure-u, .sign-up-chose-plan .chose-plan > .pure-u, .password-checker > .pure-u, .password-meter > .pure-u, .templates-pick-category > .pure-u, .templates-category-picker > .pure-u, .team-members-list > .pure-u, .main-pricing--counter > .pure-u, .pricing-table > .pure-u, .custom-template-features .ct-features_list > .pure-u, .pure-g-r > [class*="pure-u-"], .input-row-half > [class*="pure-u-"], .home--templates .templates--all > [class*="pure-u-"], .home--templates .templates--all .templates--picker > [class*="pure-u-"], .home--features > [class*="pure-u-"], .home--testimonials > [class*="pure-u-"], .integration-list > [class*="pure-u-"], .features-list > [class*="pure-u-"], .pricing-features > [class*="pure-u-"], .contact-profiles-list > [class*="pure-u-"], .contact-connect-list > [class*="pure-u-"], .sign-up-chose-plan .chose-plan > [class*="pure-u-"], .password-checker > [class*="pure-u-"], .password-meter > [class*="pure-u-"], .templates-pick-category > [class*="pure-u-"], .templates-category-picker > [class*="pure-u-"], .team-members-list > [class*="pure-u-"], .main-pricing--counter > [class*="pure-u-"], .pricing-table > [class*="pure-u-"], .custom-template-features .ct-features_list > [class*="pure-u-"] {
    width: 100%; } }
@media (max-width: 767px) {
  .pure-g-r > .pure-u, .input-row-half > .pure-u, .home--templates .templates--all > .pure-u, .home--templates .templates--all .templates--picker > .pure-u, .home--features > .pure-u, .home--testimonials > .pure-u, .integration-list > .pure-u, .features-list > .pure-u, .pricing-features > .pure-u, .contact-profiles-list > .pure-u, .contact-connect-list > .pure-u, .sign-up-chose-plan .chose-plan > .pure-u, .password-checker > .pure-u, .password-meter > .pure-u, .templates-pick-category > .pure-u, .templates-category-picker > .pure-u, .team-members-list > .pure-u, .main-pricing--counter > .pure-u, .pricing-table > .pure-u, .custom-template-features .ct-features_list > .pure-u, .pure-g-r > [class*="pure-u-"], .input-row-half > [class*="pure-u-"], .home--templates .templates--all > [class*="pure-u-"], .home--templates .templates--all .templates--picker > [class*="pure-u-"], .home--features > [class*="pure-u-"], .home--testimonials > [class*="pure-u-"], .integration-list > [class*="pure-u-"], .features-list > [class*="pure-u-"], .pricing-features > [class*="pure-u-"], .contact-profiles-list > [class*="pure-u-"], .contact-connect-list > [class*="pure-u-"], .sign-up-chose-plan .chose-plan > [class*="pure-u-"], .password-checker > [class*="pure-u-"], .password-meter > [class*="pure-u-"], .templates-pick-category > [class*="pure-u-"], .templates-category-picker > [class*="pure-u-"], .team-members-list > [class*="pure-u-"], .main-pricing--counter > [class*="pure-u-"], .pricing-table > [class*="pure-u-"], .custom-template-features .ct-features_list > [class*="pure-u-"] {
    width: 100%; }

  .pure-hidden-phone {
    display: none; }

  .pure-visible-desktop {
    display: none; } }
@media (min-width: 768px) and (max-width: 1024px) {
  .pure-hidden-tablet {
    display: none; }

  .pure-visible-desktop {
    display: none; } }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icon-font';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-facebook:before {
  content: "\e600"; }

.icon-twitter:before {
  content: "\e601"; }

.icon-googleplus:before {
  content: "\e602"; }

.icon-pinterest:before {
  content: "\e603"; }

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999; }

#cboxWrapper {
  max-width: none; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0; }

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: rgba(0, 0, 0, 0.6); }

#colorbox {
  outline: 0; }

#cboxContent {
  background: #fff; }

.cboxIframe {
  background: #fff; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  margin-bottom: 0; }

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494; }

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494; }

#cboxLoadingOverlay {
  background: url(images/loading_background.html) no-repeat center center; }

#cboxLoadingGraphic {
  background: url(images/loading.html) no-repeat center center; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0; }

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef; }

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(images/controls.html) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxPrevious:hover {
  background-position: -75px -25px; }

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(images/controls.html) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxNext:hover {
  background-position: -50px -25px; }

#cboxClose {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  border: 1px solid #fff;
  -moz-border-radius: 9999px;
  -webkit-border-radius: 9999px;
  border-radius: 9999px;
  background: #fff;
  color: #333;
  content: "x"; }

#cboxClose:hover {
  background-position: -25px -25px; }

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

/* --- Awwwards Ribbons --- */
/* Base */
#awwwards {
  position: absolute;
  top: 80px;
  z-index: 8900; }

/* Left */
#awwwards.left {
  left: 0; }

/* Right */
#awwwards.right {
  right: 0; }

/* Link */
#awwwards a {
  display: block;
  width: 70px;
  height: 105px;
  text-indent: -8000px;
  background-repeat: no-repeat;
  background-position: 0 0;
  overflow: hidden; }

/* Black */
#awwwards.left.black a {
  background-image: url("../img/ribbons/awwwards_sotd_black_left.png"); }

#awwwards.right.black a {
  background-image: url("../img/ribbons/awwwards_sotd_black_right.html"); }

/* White */
#awwwards.left.white a {
  background-image: url("../img/ribbons/awwwards_sotd_white_left.html"); }

#awwwards.right.white a {
  background-image: url("../img/ribbons/awwwards_sotd_white_right.html"); }

/* Green */
#awwwards.left.green a {
  background-image: url("../img/ribbons/awwwards_sotd_green_left.html"); }

#awwwards.right.green a {
  background-image: url("../img/ribbons/awwwards_sotd_green_right.html"); }

/* MEDIA QUERIES */
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  /* hidden */
  #awwwards {
    display: none; } }
/* Retina Displays */
/* Target any device with retina display (ie iPad 3 and MacBook Pro) */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
  #awwwards a {
    -moz-background-size: 70px 105px;
    -ie-background-size: 70px 105px;
    -o-background-size: 70px 105px;
    -webkit-background-size: 70px 105px;
    background-size: 70px 105px; }

  /* Gray */
  #awwwards.left.black a {
    background-image: url("../img/ribbons/awwwards_sotd_black_left2x.png"); }

  #awwwards.right.black a {
    background-image: url("../img/ribbons/awwwards_sotd_black_right2x.html"); }

  /* White */
  #awwwards.left.white a {
    background-image: url("../img/ribbons/awwwards_sotd_white_left2x.html"); }

  #awwwards.right.white a {
    background-image: url("../img/ribbons/awwwards_sotd_white_right2x.html"); }

  /* Green */
  #awwwards.left.green a {
    background-image: url("../img/ribbons/awwwards_sotd_green_left2x.html"); }

  #awwwards.right.green a {
    background-image: url("../img/ribbons/awwwards_sotd_green_right2x.html"); } }
/**
 *
 * Define variables for backgrounds,
 * text colors, etc.
 *

  Definitions
  -----------------------

  Orange:        #DD4B39
  Cyan: 	     #5BB5DE
  Grey:          #999
  Dark Grey:     #333
  Whiteish:      #F0F0F0

**/
@-webkit-keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-moz-keyframes fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-o-keyframes fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-webkit-keyframes windowslide3 {
  0% {
    max-width: 200%; }
  100% {
    max-width: 100%;
    left: 0;
    bottom: -11.4em; } }
@-moz-keyframes windowslide3 {
  0% {
    max-width: 200%; }
  100% {
    max-width: 100%;
    left: 0;
    bottom: -11.4em; } }
@-o-keyframes windowslide3 {
  0% {
    max-width: 200%; }
  100% {
    max-width: 100%;
    left: 0;
    bottom: -11.4em; } }
@keyframes windowslide3 {
  0% {
    max-width: 200%; }
  100% {
    max-width: 100%;
    left: 0;
    bottom: -11.4em; } }
.clearfix, .input-row-half, .contact-form-ct div:nth-child(1),
.contact-form-ct div:nth-child(2), .wrapper, .main-pricing--counter, .pricing-table, .contact-profiles-list .contact-profile {
  zoom: 1; }
  .clearfix:before, .input-row-half:before, .contact-form-ct div:nth-child(1):before,
  .contact-form-ct div:nth-child(2):before, .wrapper:before, .main-pricing--counter:before, .pricing-table:before, .contact-profiles-list .contact-profile:before, .clearfix:after, .input-row-half:after, .contact-form-ct div:nth-child(1):after,
  .contact-form-ct div:nth-child(2):after, .wrapper:after, .main-pricing--counter:after, .pricing-table:after, .contact-profiles-list .contact-profile:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .clearfix:after, .input-row-half:after, .contact-form-ct div:nth-child(1):after,
  .contact-form-ct div:nth-child(2):after, .wrapper:after, .main-pricing--counter:after, .pricing-table:after, .contact-profiles-list .contact-profile:after {
    clear: both; }

.text-align-center, .templates-pick-category .header-pick-category {
  text-align: center; }

.pull-left, .password-revealer .password-toggle-status, .contact-profiles-list .profile-avatar,
.contact-profiles-list .profile-data, .plans-terms-conditions, .password-checker-strenght-bar, .logo, .main-nav, .footer-copyright p {
  float: left; }

.pull-right, .password-revealer .password-toggle, .contact-form .btn, .section-sign-up .btn, .header-actions, .footer-by {
  float: right; }

.margin-left {
  margin: 0 0 0 3%;
  width: 47%; }

.margin-right {
  margin: 0 3% 0 0;
  width: 47%; }

.animate-fadein, .templates-pick-template.templates-done {
  -webkit-animation: fadein 0.5s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation: fadein 0.5s ease;
  -moz-animation-fill-mode: both;
  -o-animation: fadein 0.5s ease;
  -o-animation-fill-mode: both;
  animation: fadein 0.5s ease;
  animation-fill-mode: both; }

.animate-fadeout, .templates-pick-template.templates-unload {
  -webkit-animation: fadeout 0.2s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation: fadeout 0.2s ease;
  -moz-animation-fill-mode: both;
  -o-animation: fadeout 0.2s ease;
  -o-animation-fill-mode: both;
  animation: fadeout 0.2s ease;
  animation-fill-mode: both; }

.section-hidden {
  display: none !important; }

.sp, .ico {
  background-image: url(../img/sprite.html);
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat; }

/* ==================================================================================================================== */
/*      01 - Base & Global elements, utils.                                                                             */
/* ==================================================================================================================== */
/**
    > Animations
*/
.fa-spin {
  -webkit-animation: spin .4s 1 ease;
  -moz-animation: spin .4s 1 ease;
  -o-animation: spin .4s 1 ease;
  animation: spin .4s 1 ease; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(359deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1); }
  50% {
    -moz-transform: scale(1.05); }
  100% {
    -moz-transform: scale(1); } }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1); }
  50% {
    -webkit-transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1); } }
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1); }
  50% {
    -o-transform: scale(1.05); }
  100% {
    -o-transform: scale(1); } }
@-ms-keyframes pulse {
  0% {
    -ms-transform: scale(1); }
  50% {
    -ms-transform: scale(1.05); }
  100% {
    -ms-transform: scale(1); } }
@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.05); }
  100% {
    transform: scale(1); } }
@-moz-keyframes shake {
  0%, 100% {
    -moz-transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -moz-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -moz-transform: translateX(10px); } }
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px); } }
@-o-keyframes shake {
  0%, 100% {
    -o-transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -o-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -o-transform: translateX(10px); } }
@-ms-keyframes shake {
  0%, 100% {
    -ms-transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -ms-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -ms-transform: translateX(10px); } }
@keyframes shake {
  0%, 100% {
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    transform: translateX(10px); } }
.do-shake {
  -webkit-animation: shake 1s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation: shake 1s ease;
  -moz-animation-fill-mode: both;
  -o-animation: shake 1s ease;
  -o-animation-fill-mode: both;
  animation: shake 1s ease;
  animation-fill-mode: both; }

@keyframes second {
  to {
    transform: rotate(360deg); } }
@-webkit-keyframes second {
  to {
    -webkit-transform: rotate(360deg) translate3d(0, 0, 0); } }
/**
    > Anchors
*/
a, button {
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  text-decoration: none;
  outline: 1px; }

a.action-anchor {
  font-size: 1.375em;
  line-height: 130%;
  display: inline-block;
  color: inherit; }
  a.action-anchor [class*="msicon-"] {
    margin-left: .34em;
    font-size: 1.4em;
    vertical-align: middle;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    color: inherit;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    -moz-border-radius: 9999px;
    -webkit-border-radius: 9999px;
    border-radius: 9999px; }
  a.action-anchor em {
    font-style: normal; }

fieldset {
  border: none;
  margin: 0;
  padding: 0; }

hr {
  width: 100%;
  height: 1px;
  margin: 0 0 1px 0;
  border: none;
  border-bottom: 1px solid rgba(127, 140, 151, 0.5); }

img {
  max-width: 100%;
  height: auto; }

/**
    > Section navigator
*/
#section-controls {
  position: fixed;
  top: 50%;
  margin-top: -50px;
  right: 40px;
  width: 20px;
  height: 100px;
  z-index: 900;
  display: none; }
  #section-controls a {
    margin: 10px 0;
    display: block;
    width: 20px;
    height: 20px; }
    #section-controls a span {
      display: block;
      width: .66em;
      height: .66em;
      margin: 0 auto;
      border-radius: 9999px;
      -moz-transition: all 0.1s ease;
      -o-transition: all 0.1s ease;
      -webkit-transition: all 0.1s ease;
      transition: all 0.1s ease; }
    #section-controls a:hover span, #section-controls a.active span {
      width: 1em;
      height: 1em;
      background: none; }
  #section-controls.controls-dark span {
    border: 1px solid #333;
    background: #333; }
  #section-controls.controls-bright span {
    border: 1px solid #fff;
    background: #fff; }

/**
    > Form elements
*/
::-webkit-input-placeholder {
  color: #C0C6CC;
  font-style: italic; }

:-moz-placeholder {
  color: #C0C6CC;
  font-style: italic; }

/*::-moz-placeholder {
  color: #C0C6CC;
  font-style: italic; }*/

:-ms-input-placeholder {
  color: #C0C6CC;
  font-style: italic; }

input,
textarea {
  font: 300 1em/1.35rem "proxima-nova", sans-serif;
  color: #7F8C97;
  padding: .6rem .8rem;
  border: 1px solid #C0C6CC;
  background: #fff;
  margin: 0;
  width: 100%;
  -moz-border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  border-radius: 0.4rem;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease; }

textarea {
  resize: none; }

/*form .btn {
  margin-top: 1.7em; }*/

button,
input,
textarea {
  display: inline-block;
  outline: none; }

input:focus,
textarea:focus {
  background: #F7F7F7; }

.input-holder {
  position: relative; }

.password-revealer {
  width: 80px;
  height: 20px;
  position: absolute;
  right: 2em;
  top: 2.6em;
  cursor: pointer; }
  .password-revealer .password-toggle-status {
    font-size: 13px;
    color: #90C695; }
  .password-revealer .password-toggle {
    position: relative;
    height: 20px; }
  .password-revealer .password-toggle-track {
    width: 32px;
    height: 7px;
    margin-top: 6px;
    border: 1px solid #90C695; }
  .password-revealer .password-toggle-button {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    background: #90C695;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease; }
    .password-revealer .password-toggle-button:after {
      content: "ΓÇó";
      position: absolute;
      font-size: 180%;
      top: -6px;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      color: #fff; }
  .password-revealer.toggle-hide .password-toggle-button {
    left: -5px; }
  .password-revealer.toggle-show .password-toggle-button {
    left: 16px; }

.input-row-half .input-holder:first-of-type {
  padding-right: 10px; }
.input-row-half .input-holder:last-of-type {
  padding-left: 10px; }

.input-error input,
.input-error textarea {
  border-color: #E4A9AE; }

.input-error label {
  color: #C7515A; }

.input-active label,
.input-error label {
  padding-top: 0;
  line-height: 2.7em;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  font-weight: 600; }

/*label {
  font-weight: 400;
  color: #7F8C97;
  display: block;
  height: 2em;
  overflow: hidden;
  line-height: 3em;
  padding: 0 .8em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease; }
*/
/*.btn {
  font: 400 16px/120% "proxima-nova", sans-serif;
  border: none;
  cursor: pointer;
  background: none;
  text-align: center;
  min-width: 6.8em;
  letter-spacing: 0;
  display: inline-block;
  -moz-border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  border-radius: 0.4rem;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease; }*/
  .btn.btn-xxlarge {
    font-size: 200%; }
  .btn.btn-hollow {
    background: none !important; }
    .btn.btn-hollow.btn-xlarge {
      font-size: 80%;
      line-height: 80%;
      padding: 1.6rem 3.3rem 1.5rem; }
    .btn.btn-hollow.btn-lxlarge {
      font-size: 80%;
      line-height: 80%;
      padding: 1.6rem 1.3rem 1.5rem; }
    .btn.btn-hollow.btn-xxlarge {
      font-size: 200%; }
 /* .btn.btn-default {
    background: #02202F;
    padding: .55rem 1.8rem; }*/
  .btn.btn-orange {
    background-color: #F6921E !important; }
  .btn.btn-orange:hover {
    background-color: #f99e34 !important; }
  .btn.btn-primary {
    font-size: .6875em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    padding: 1.2rem 2rem;
    background-color: #5BB5DE;
    -moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem; }
    .btn.btn-primary.btn-hollow {
      color: #5BB5DE;
      -moz-box-shadow: #5BB5DE 0 0 0 0.1875em inset;
      -webkit-box-shadow: #5BB5DE 0 0 0 0.1875em inset;
      box-shadow: #5BB5DE 0 0 0 0.1875em inset; }
      .btn.btn-primary.btn-hollow:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: 0.8;
        background: rgba(91, 181, 222, 0.2) !important; }
      .btn.btn-primary.btn-hollow.btn-bright {
        color: #fff;
        -moz-box-shadow: #fff 0 0 0 0.1875em inset;
        -webkit-box-shadow: #fff 0 0 0 0.1875em inset;
        box-shadow: #fff 0 0 0 0.1875em inset; }
        .btn.btn-primary.btn-hollow.btn-bright:hover {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
          opacity: 0.8;
          background: rgba(255, 255, 255, 0.2) !important; }
    .btn.btn-primary.btn--templates {
      padding: 1.2em;
      margin: 0;
      width: 70%;
      background-color: #FDB089 !important; }
      .btn.btn-primary.btn--templates:hover {
        background-color: #fc8e57 !important; }
    .btn.btn-primary:hover {
      background-color: #31a2d5; }
  .btn.btn-secondary {
    font-size: .6875em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    padding: 0.9375rem 2rem;
    background-color: #02202F; }
    .btn.btn-secondary.btn-hollow {
      color: #5BB5DE;
      -moz-box-shadow: #5BB5DE 0 0 0 0.1875em inset;
      -webkit-box-shadow: #5BB5DE 0 0 0 0.1875em inset;
      box-shadow: #5BB5DE 0 0 0 0.1875em inset; }
    .btn.btn-secondary.btn-bright {
      color: #fff;
      -moz-box-shadow: #fff 0 0 0 0.1875em inset;
      -webkit-box-shadow: #fff 0 0 0 0.1875em inset;
      box-shadow: #fff 0 0 0 0.1875em inset; }
      .btn.btn-secondary.btn-bright:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: 0.8;
        background: rgba(255, 255, 255, 0.2) !important; }
    .btn.btn-secondary:hover {
      background-color: #044160;
      color: #fff; }
  .btn.btn-transparent {
    border: 1px solid #fff; }
  .btn.btn-xlarge {
    font-size: 80%;
    line-height: 80%;
    padding: 1.6rem 3.3rem 1.5rem; }
  .btn.btn-lxlarge {
    font-size: 80%;
    line-height: 80%;
    padding: 1.6rem 1.3rem 1.5rem; }
  .btn.btn-mobile-nav {
    min-width: 0;
    display: inline-block;
    position: relative;
    top: 1px;
    -moz-box-shadow: inset 0 0 0 1px #fff;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff; }
    .btn.btn-mobile-nav.mobile-nav-toggler {
      background: url(../img/icon_mobile-nav.svg) 50% 50% no-repeat;
      margin: 0 0 0 .9em;
      padding: 0.7075rem 1.3rem; }
    .btn.btn-mobile-nav.mobile-nav-close {
      background: url(../img/icon_close.svg) 50% 50% no-repeat;
      margin: 0 0 0 .9em;
      padding: 0.7075rem 1.3rem; }

.form-wrapper {
  position: relative;
  min-height: 10em; }

.contact-form-ct {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  padding-bottom: 2em;
  border-bottom: 1px solid #7f8c97; }
  .contact-form-ct div {
    text-align: left; }
  .contact-form-ct div:nth-child(1),
  .contact-form-ct div:nth-child(2) {
    display: inline-block;
    float: left;
    width: 100%;
    max-width: 48%; }
  .contact-form-ct div:nth-child(2) {
    float: right; }
  .contact-form-ct div:nth-child(3) {
    clear: both; }
  .contact-form-ct .form-sucess-message {
    display: none;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    padding-top: 1.2em;
    font-weight: 700; }
    .contact-form-ct .form-sucess-message span {
      color: #F49B6C;
      padding: 0;
      display: inline-block; }

.form-response {
  position: absolute;
  top: 3em;
  right: 0;
  bottom: 0;
  left: 0;
  width: 17em;
  height: 6em;
  margin: auto;
  text-align: center;
  display: none; }
  .form-response p {
    font-size: 1.375em; }
  .form-response [class*="msicon-"] {
    font-size: 4em;
    max-width: none;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    -moz-border-radius: 9999px;
    -webkit-border-radius: 9999px;
    border-radius: 9999px;
    margin-bottom: 10px; }

/**
    > General elements
*/
ul, ol {
  padding: 0;
  margin: 0; }

.badge {
  text-decoration: none;
  padding: 0 .04em;
  display: inline-block;
  padding: 0 1em;
  text-align: center;
  max-width: 23%;
  vertical-align: top; }
  .badge [class*="msicon-"] {
    font-size: 200%;
    padding: .5em; }
  .badge span {
    display: block;
    font-size: 85%;
    font-weight: 600;
    margin-top: .5em; }
  .badge:first-of-type {
    padding-left: 0; }

.social-media-nav {
  display: inline;
  height: 100%; }
  .social-media-nav a {
    text-decoration: none;
    color: #999693;
    font-size: 100%;
    padding: 0 .04em;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); }
  .social-media-nav .msicon-twitter:hover {
    color: #4099FF; }
  .social-media-nav .msicon-facebook:hover {
    color: #3B5998; }
  .social-media-nav .msicon-linkedin:hover {
    color: #3040BC; }
  .social-media-nav .msicon-vimeo:hover {
    color: #1AB7EA; }
  .social-media-nav .msicon-pinterest:hover {
    color: #BD2924; }
  .social-media-nav .msicon-flickr:hover {
    color: #F1038A; }
  .social-media-nav.nav-large a {
    font-size: 150%; }
  .social-media-nav.nav-xlarge a {
    font-size: 180%; }
  .social-media-nav.nav-xxlarge a {
    font-size: 250%; }

body.landf-cyan #main-header, body.landf-cyan body.page-home, body.landf-cyan body.page-404, body.landf-cyan body.page-sign-up {
  background-color: #35a8df; }
/*body.landf-cyan ::-moz-selection {
  background: #47b0e2;
  color: #fff;
  text-shadow: none; }*/
body.landf-cyan ::selection {
  background: #47b0e2;
  color: #fff;
  text-shadow: none; }
body.landf-cyan #main-footer .phone-number {
  color: #47b0e2;
  cursor: pointer; }
  body.landf-cyan #main-footer .phone-number:hover {
    color: #428EB8; }
body.landf-cyan #main-footer #link-open-chat {
  color: #47b0e2;
  cursor: pointer; }
  body.landf-cyan #main-footer #link-open-chat:hover {
    color: #428EB8; }
body.landf-cyan #main-footer .footer-socialmedia a[class*="icon-"],
body.landf-cyan .footer-copyright a:not(.footer-by) {
  color: #47b0e2 !important; }
  body.landf-cyan #main-footer .footer-socialmedia a[class*="icon-"]:hover,
  body.landf-cyan .footer-copyright a:not(.footer-by):hover {
    color: #428EB8 !important; }
body.landf-cyan #main-footer .footer-sitemap a:hover {
  color: #47b0e2; }
body.landf-cyan .btn.btn-primary {
  background-color: #47b0e2; }
  body.landf-cyan .btn.btn-primary:hover {
    background-color: #428EB8; }

body.landf-green #main-header, body.landf-green body.page-home, body.landf-green body.page-404, body.landf-green body.page-sign-up {
  background-color: #83bf88; }
body.landf-green ::-moz-selection {
  background: #90C695;
  color: #fff;
  text-shadow: none; }
body.landf-green ::selection {
  background: #90C695;
  color: #fff;
  text-shadow: none; }
body.landf-green #main-footer .phone-number {
  color: #90C695;
  cursor: pointer; }
  body.landf-green #main-footer .phone-number:hover {
    color: #74A677; }
body.landf-green #main-footer #link-open-chat {
  color: #90C695;
  cursor: pointer; }
  body.landf-green #main-footer #link-open-chat:hover {
    color: #74A677; }
body.landf-green #main-footer .footer-socialmedia a[class*="icon-"],
body.landf-green .footer-copyright a:not(.footer-by) {
  color: #90C695 !important; }
  body.landf-green #main-footer .footer-socialmedia a[class*="icon-"]:hover,
  body.landf-green .footer-copyright a:not(.footer-by):hover {
    color: #74A677 !important; }
body.landf-green #main-footer .footer-sitemap a:hover {
  color: #90C695; }
body.landf-green .btn.btn-primary {
  background-color: #90C695; }
  body.landf-green .btn.btn-primary:hover {
    background-color: #74A677; }
body.landf-green.landf-transparent #main-header, body.landf-green.landf-transparent body.page-home, body.landf-green.landf-transparent body.page-404, body.landf-green.landf-transparent body.page-sign-up {
  background: none; }

body.landf-orange #main-header, body.landf-orange body.page-home, body.landf-orange body.page-404, body.landf-orange body.page-sign-up {
  background-color: #f38e59; }
body.landf-orange ::-moz-selection {
  background: #F49B6C;
  color: #fff;
  text-shadow: none; }
body.landf-orange ::selection {
  background: #F49B6C;
  color: #fff;
  text-shadow: none; }
body.landf-orange #main-footer .footer-socialmedia a[class*="icon-"],
body.landf-orange .footer-copyright a:not(.footer-by) {
  color: #F49B6C !important; }
  body.landf-orange #main-footer .footer-socialmedia a[class*="icon-"]:hover,
  body.landf-orange .footer-copyright a:not(.footer-by):hover {
    color: #D1784E !important; }
body.landf-orange #main-footer .phone-number {
  color: #F49B6C;
  cursor: pointer; }
  body.landf-orange #main-footer .phone-number:hover {
    color: #D1784E; }
body.landf-orange #main-footer #link-open-chat {
  color: #F49B6C;
  cursor: pointer; }
  body.landf-orange #main-footer #link-open-chat:hover {
    color: #D1784E; }
body.landf-orange #main-footer .footer-sitemap a:hover {
  color: #F49B6C; }
body.landf-orange .btn.btn-primary {
  background-color: #F49B6C; }
  body.landf-orange .btn.btn-primary:hover {
    background-color: #D1784E; }


  body.page-home #main-header, body.page-404 #main-header, body.page-home body.page-home, body.page-404 body.page-home, body.page-home body.page-404, body.page-404 body.page-404, body.page-home body.page-sign-up, body.page-404 body.page-sign-up {
    height: 7em;
    background: none; }
  body.page-home #main-content, body.page-404 #main-content {
    padding-top: 0; }

body.page-404 {
  overflow: auto !important; }

body.page-sign-up {
  background-color: #90C695;
  padding-top: 0 !important; }
  body.page-sign-up #main-content {
    padding-top: 0; }
  body.page-sign-up strong {
    color: #90C695; }

body.page-pricing .block-main-header h3 {
  color: #90C695; }
body.page-pricing .feature-item [class*="icon-"], body.page-pricing .contact-connect-item [class*="icon-"], body.page-pricing .pricing-feature-item [class*="icon-"] {
  background: #90C695; }

/* ==================================================================================================================== */
/*      02 - Typography.                                                                                                */
/* ==================================================================================================================== */
/**
 *
 * Define typhography blocks,
 * font styles, font sizes, font weights.
 *

  Definitions
  -----------------------

  Text font:               Proxima Nova Light/Regular/Semibold/Bold
  Default Text size:       16px / 1em
  Line height:             140
  H1:                      100px / 6.25em
  H2:                      40px / 2.5em
  H3:                      28px / 1.75em
  H4:                      20px / 1.25em
  H5:                      15px / .9375em

**/
@font-face {
  font-family: 'icon-font';
  src: url("../fonts/icon-font83f2.eot?34lxhi");
  src: url("../fonts/icon-fontd41d.eot?#iefix34lxhi") format("embedded-opentype"), url("../fonts/icon-font83f2.woff?34lxhi") format("woff"), url("../fonts/icon-font83f2.ttf?34lxhi") format("truetype"), url("../fonts/icon-font83f2.svg?34lxhi#icon-font") format("svg");
  font-weight: normal;
  font-style: normal; }
/*
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proximanova-light-webfont.eot');
    src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-light-webfont.woff') format('woff'),
         url('../fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-light-webfont.svg#Proxima Nova') format('svg');
    font-weight: 300;
    font-style: normal;

}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proximanova-regular-webfont.eot');
    src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regular-webfont.woff') format('woff'),
         url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-regular-webfont.svg#Proxima Nova') format('svg');
    font-weight: 400;
    font-style: normal;

}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proximanova-semibold-webfont.eot');
    src: url('../fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-semibold-webfont.woff') format('woff'),
         url('../fonts/proximanova-semibold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-semibold-webfont.svg#Proxima Nova') format('svg');
    font-weight: 600;
    font-style: normal;

}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proximanova-bold-webfont.eot');
    src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-bold-webfont.woff') format('woff'),
         url('../fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-bold-webfont.svg#Proxima Nova') format('svg');
    font-weight: 700;
    font-style: normal;

}
*/
body,
.pure-g [class*="pure-u"],
.pure-g-r [class*="pure-u"],
.input-row-half [class*="pure-u"],
.home--templates .templates--all [class*="pure-u"],
.home--features [class*="pure-u"],
.home--testimonials [class*="pure-u"],
.integration-list [class*="pure-u"],
.features-list [class*="pure-u"],
.pricing-features [class*="pure-u"],
.contact-profiles-list [class*="pure-u"],
.contact-connect-list [class*="pure-u"],
.sign-up-chose-plan .chose-plan [class*="pure-u"],
.password-checker [class*="pure-u"],
.password-meter [class*="pure-u"],
.templates-pick-category [class*="pure-u"],
.templates-category-picker [class*="pure-u"],
.team-members-list [class*="pure-u"],
.main-pricing--counter [class*="pure-u"],
.pricing-table [class*="pure-u"],
.custom-template-features .ct-features_list [class*="pure-u"],
.pure-g,
.pure-g-r,
.input-row-half,
.home--templates .templates--all,
.home--templates .templates--all .templates--picker,
.home--features,
.home--testimonials,
.integration-list,
.features-list,
.pricing-features,
.contact-profiles-list,
.contact-connect-list,
.sign-up-chose-plan .chose-plan,
.password-checker,
.password-meter,
.templates-pick-category,
.templates-category-picker,
.team-members-list,
.main-pricing--counter,
.pricing-table,
.custom-template-features .ct-features_list,
[class*="pure-u"] {
  /* Set you're content font stack here: */
  font: 300 16px/120% "proxima-nova", sans-serif; }

html, body, button {
  -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  margin: 0; }

h2 {
  font-weight: 300;
  font-size: 2.5em; }

h3 {
  font-weight: 400;
  font-size: 1.75em; }

h4 {
  font-weight: 300;
  font-size: 1.25em; }

#main-content h2, #main-content h3, #main-content h4, #main-content h5, #main-content h6 {
  line-height: 120%; }

.block-main-header:not(.header-regular) h3 {
  text-transform: uppercase;
  font-size: 1.25em;
  color: #5BB5DE;
  font-weight: 600; }

p {
  line-height: 140%;
  font-size: 1.2em; }
  p.small, .testimonial-text p {
    font-size: 1rem; }

/* ==================================================================================================================== */
/*      03 - Layout & Main structure.                                                                                   */
/* ==================================================================================================================== */
/* ============================================= */
/*    HOME SECTION                               */
/* ============================================= */

   
    body.page-home.slide-1 .canvas-iphone, body.slide-1.page-404 .canvas-iphone {
      bottom: 11%;
      left: 33%;
      -moz-transition-delay: 0.3s;
      -o-transition-delay: 0.3s;
      -webkit-transition-delay: 0.3s;
      transition-delay: 0.3s; }
    body.page-home.slide-1 .canvas-breadcrumbs, body.slide-1.page-404 .canvas-breadcrumbs {
      bottom: 32%;
      left: 15%; }
    body.page-home.slide-1 .canvas-snack, body.slide-1.page-404 .canvas-snack {
      bottom: 13%;
      left: 18%; }
    body.page-home.slide-1 .canvas-sticky-1, body.slide-1.page-404 .canvas-sticky-1 {
      bottom: 32%;
      left: 48%;
      -moz-transition-delay: 0.2s;
      -o-transition-delay: 0.2s;
      -webkit-transition-delay: 0.2s;
      transition-delay: 0.2s; }
    body.page-home.slide-1 .canvas-sticky-2, body.slide-1.page-404 .canvas-sticky-2 {
      bottom: 35%;
      left: 53%;
      -moz-transition-delay: 0.2s;
      -o-transition-delay: 0.2s;
      -webkit-transition-delay: 0.2s;
      transition-delay: 0.2s; }
    body.page-home.slide-1 .canvas-photo-1, body.slide-1.page-404 .canvas-photo-1 {
      bottom: 19%;
      left: 57%;
      -moz-transition-delay: 0.2s;
      -o-transition-delay: 0.2s;
      -webkit-transition-delay: 0.2s;
      transition-delay: 0.2s; }
    body.page-home.slide-1 .canvas-photo-2, body.slide-1.page-404 .canvas-photo-2 {
      bottom: 18%;
      right: 30%;
      -moz-transition-delay: 0.2s;
      -o-transition-delay: 0.2s;
      -webkit-transition-delay: 0.2s;
      transition-delay: 0.2s; }
    body.page-home.slide-1 .canvas-paper-1, body.slide-1.page-404 .canvas-paper-1 {
      bottom: 59%;
      right: 18%;
      -moz-transform: rotate(-1800deg);
      -ms-transform: rotate(-1800deg);
      -webkit-transform: rotate(-1800deg);
      transform: rotate(-1800deg);
      -moz-transition-delay: 1s;
      -o-transition-delay: 1s;
      -webkit-transition-delay: 1s;
      transition-delay: 1s; }
    body.page-home.slide-1 .canvas-paper-2, body.slide-1.page-404 .canvas-paper-2 {
      bottom: 49%;
      left: 18%;
      -moz-transform: rotate(1800deg);
      -ms-transform: rotate(1800deg);
      -webkit-transform: rotate(1800deg);
      transform: rotate(1800deg);
      -moz-transition-delay: 0.4s;
      -o-transition-delay: 0.4s;
      -webkit-transition-delay: 0.4s;
      transition-delay: 0.4s; }
    body.page-home.slide-1 .canvas-paper-3, body.slide-1.page-404 .canvas-paper-3 {
      bottom: 57%;
      right: 25%;
      -moz-transition-delay: 0.4s;
      -o-transition-delay: 0.4s;
      -webkit-transition-delay: 0.4s;
      transition-delay: 0.4s; }
  body.page-home.slide-2, body.slide-2.page-404 {
    background-color: #68bdc4; }
    body.page-home.slide-2 .canvas-paper-1, body.slide-2.page-404 .canvas-paper-1 {
      bottom: 11%;
      right: 33%;
      -moz-transform: rotate(1080deg);
      -ms-transform: rotate(1080deg);
      -webkit-transform: rotate(1080deg);
      transform: rotate(1080deg);
      -moz-transition-delay: 0.4s;
      -o-transition-delay: 0.4s;
      -webkit-transition-delay: 0.4s;
      transition-delay: 0.4s; }
    body.page-home.slide-2 .canvas-pen-1, body.slide-2.page-404 .canvas-pen-1 {
      bottom: 13%;
      left: 67%;
      z-index: 20;
      -moz-transform: rotate(-32deg);
      -ms-transform: rotate(-32deg);
      -webkit-transform: rotate(-32deg);
      transform: rotate(-32deg); }
    body.page-home.slide-2 .canvas-pen-2, body.slide-2.page-404 .canvas-pen-2 {
      bottom: 17%;
      left: 71%;
      z-index: 20;
      -moz-transform: rotate(-26deg);
      -ms-transform: rotate(-26deg);
      -webkit-transform: rotate(-26deg);
      transform: rotate(-26deg); }
    body.page-home.slide-2 .canvas-pen-3, body.slide-2.page-404 .canvas-pen-3 {
      bottom: 19%;
      left: 69%;
      z-index: 20;
      -moz-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg); }
    body.page-home.slide-2 .canvas-sticky-1, body.slide-2.page-404 .canvas-sticky-1 {
      bottom: 18.5em;
      left: 59%;
      z-index: 20;
      -moz-transform: rotate(53deg);
      -ms-transform: rotate(53deg);
      -webkit-transform: rotate(53deg);
      transform: rotate(53deg);
      -moz-transition-delay: 0.2s;
      -o-transition-delay: 0.2s;
      -webkit-transition-delay: 0.2s;
      transition-delay: 0.2s; }
    body.page-home.slide-2 .canvas-monitor-1, body.slide-2.page-404 .canvas-monitor-1 {
      bottom: 6em;
      left: 50%;
      margin-left: -18.5em; }
    body.page-home.slide-2 .canvas-pencil-case, body.slide-2.page-404 .canvas-pencil-case {
      bottom: 6.875em;
      right: 25%; }
    body.page-home.slide-2 .canvas-backpack, body.slide-2.page-404 .canvas-backpack {
      left: 28%;
      bottom: 36%; }
    body.page-home.slide-2 .canvas-lamp-1, body.slide-2.page-404 .canvas-lamp-1 {
      right: 0%;
      bottom: 5%;
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1; }
    body.page-home.slide-2 .canvas-lamp-2, body.slide-2.page-404 .canvas-lamp-2 {
      right: 0%;
      bottom: 5%;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0; }
    body.page-home.slide-2 .canvas-book-1, body.slide-2.page-404 .canvas-book-1 {
      right: 22%;
      bottom: 7%; }
    body.page-home.slide-2 .canvas-book-2, body.slide-2.page-404 .canvas-book-2 {
      right: 19.5%;
      bottom: 7%; }
    body.page-home.slide-2 .canvas-book-3, body.slide-2.page-404 .canvas-book-3 {
      right: 17%;
      bottom: 7%; }
    body.page-home.slide-2 .canvas-rocket, body.slide-2.page-404 .canvas-rocket {
      bottom: 4.5em;
      left: 31%; }
    body.page-home.slide-2 .canvas-window, body.slide-2.page-404 .canvas-window {
      bottom: 6.5em;
      left: 8%; }
      body.page-home.slide-2 .canvas-window .window-scene, body.slide-2.page-404 .canvas-window .window-scene {
        left: 0;
        right: 0; }
        body.page-home.slide-2 .canvas-window .window-scene img, body.slide-2.page-404 .canvas-window .window-scene img {
          left: -10em;
          bottom: -1.4em;
          margin-left: 0;
          -moz-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
          -moz-transition: left 1s cubic-bezier(0.15, 0.65, 0.4, 1) 0s, -moz-transform 1s ease 1.5s, width 1s ease 1.5s;
          -o-transition: left 1s cubic-bezier(0.15, 0.65, 0.4, 1) 0s, -o-transform 1s ease 1.5s, width 1s ease 1.5s;
          -webkit-transition: left 1s cubic-bezier(0.15, 0.65, 0.4, 1), -webkit-transform 1s ease, width 1s ease;
          -webkit-transition-delay: 0s, 1.5s, 1.5s;
          transition: left 1s cubic-bezier(0.15, 0.65, 0.4, 1) 0s, transform 1s ease 1.5s, width 1s ease 1.5s; }
  body.page-home.slide-3, body.slide-3.page-404 {
    background-color: #90C695; }
    body.page-home.slide-3 .canvas-monitor-2, body.slide-3.page-404 .canvas-monitor-2 {
      bottom: 6em;
      left: 50%;
      margin-left: -18.5em; }
    body.page-home.slide-3 .canvas-backpack, body.slide-3.page-404 .canvas-backpack {
      left: 28%;
      bottom: 36%; }
    body.page-home.slide-3 .canvas-lamp-1, body.slide-3.page-404 .canvas-lamp-1 {
      right: 0%;
      bottom: 5%;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -moz-transition: right 1s ease 0s, opacity 1s ease 1.7s;
      -o-transition: right 1s ease 0s, opacity 1s ease 1.7s;
      -webkit-transition: right 1s ease, opacity 1s ease;
      -webkit-transition-delay: 0s, 1.7s;
      transition: right 1s ease 0s, opacity 1s ease 1.7s; }
    body.page-home.slide-3 .canvas-lamp-2, body.slide-3.page-404 .canvas-lamp-2 {
      right: 0%;
      bottom: 5%;
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1;
      -moz-transition: right 1s ease 0s, opacity 1s ease 1.7s;
      -o-transition: right 1s ease 0s, opacity 1s ease 1.7s;
      -webkit-transition: right 1s ease, opacity 1s ease;
      -webkit-transition-delay: 0s, 1.7s;
      transition: right 1s ease 0s, opacity 1s ease 1.7s; }
    body.page-home.slide-3 .canvas-book-1, body.slide-3.page-404 .canvas-book-1 {
      right: 28%;
      bottom: 7%; }
    body.page-home.slide-3 .canvas-book-2, body.slide-3.page-404 .canvas-book-2 {
      right: 25.5%;
      bottom: 7%; }
    body.page-home.slide-3 .canvas-book-3, body.slide-3.page-404 .canvas-book-3 {
      right: 23%;
      bottom: 7%; }
    body.page-home.slide-3 .canvas-book-4, body.slide-3.page-404 .canvas-book-4 {
      right: 18.7%;
      bottom: 6%; }
    body.page-home.slide-3 .canvas-book-5, body.slide-3.page-404 .canvas-book-5 {
      right: 20.5%;
      bottom: 6%; }
    body.page-home.slide-3 .canvas-sticky-3, body.slide-3.page-404 .canvas-sticky-3 {
      bottom: 10.5em;
      left: 33%;
      z-index: 20;
      -moz-transition-delay: 0.2s;
      -o-transition-delay: 0.2s;
      -webkit-transition-delay: 0.2s;
      transition-delay: 0.2s; }
    body.page-home.slide-3 .canvas-rocket, body.slide-3.page-404 .canvas-rocket {
      bottom: 4.5em;
      left: 64%; }
      body.page-home.slide-3 .canvas-rocket *, body.slide-3.page-404 .canvas-rocket * {
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      body.page-home.slide-3 .canvas-rocket .rocket-head, body.slide-3.page-404 .canvas-rocket .rocket-head {
        top: 8em;
        left: -2em;
        z-index: 10;
        -moz-transition-delay: 1.5s;
        -o-transition-delay: 1.5s;
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s; }
      body.page-home.slide-3 .canvas-rocket .rocket-body, body.slide-3.page-404 .canvas-rocket .rocket-body {
        top: 9.6em;
        left: 4em;
        z-index: 10;
        -moz-transition-delay: 1.5s;
        -o-transition-delay: 1.5s;
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s; }
      body.page-home.slide-3 .canvas-rocket .rocket-tail, body.slide-3.page-404 .canvas-rocket .rocket-tail {
        top: 5.325em; }
    body.page-home.slide-3 .canvas-window, body.slide-3.page-404 .canvas-window {
      bottom: 6.5em;
      left: 8%; }
      body.page-home.slide-3 .canvas-window .window-scene, body.slide-3.page-404 .canvas-window .window-scene {
        left: 0;
        right: 0; }
        body.page-home.slide-3 .canvas-window .window-scene img, body.slide-3.page-404 .canvas-window .window-scene img {
          left: -10em;
          bottom: -1.4em;
          -moz-transform: translate(10.4em, 10em);
          -ms-transform: translate(10.4em, 10em);
          -webkit-transform: translate(10.4em, 10em);
          transform: translate(10.4em, 10em);
          width: 100% !important;
          -moz-transition: left 1s cubic-bezier(0.15, 0.65, 0.4, 1) 0s, -moz-transform 1s ease 1.5s, width 1s ease 1.5s;
          -o-transition: left 1s cubic-bezier(0.15, 0.65, 0.4, 1) 0s, -o-transform 1s ease 1.5s, width 1s ease 1.5s;
          -webkit-transition: left 1s cubic-bezier(0.15, 0.65, 0.4, 1), -webkit-transform 1s ease, width 1s ease;
          -webkit-transition-delay: 0s, 1.5s, 1.5s;
          transition: left 1s cubic-bezier(0.15, 0.65, 0.4, 1) 0s, transform 1s ease 1.5s, width 1s ease 1.5s; }

.timg001, .timg002, .timg003, .timg004, .timg005, .timg006 {
  display: inline-block;
  width: 100%;
  padding: 50%;
  background: url("../img/home/templates/stuff-sprite.png") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  vertical-align: bottom; }

.timg001 {
  background-position: -0px -0px;
  background-size: 100%; }

.timg002 {
  background-position: -0px 10.9%;
  background-size: 100%; }

.timg003 {
  background-position: -0px 21.7%;
  background-size: 100%; }

.timg004 {
  background-position: -0px 32.6%;
  background-size: 100%; }

.timg005 {
  background-position: -0px 43.4%;
  background-size: 100%; }

.timg006 {
  background-position: -0px 54.2%;
  background-size: 100%; }

.rowNext, .rowPrev {
  display: inline-block;
  background: url("../img/home/templates/stuff-sprite.png") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  vertical-align: bottom; }

.rowNext {
  background-position: -0px -1224px;
  width: 50px;
  height: 70px; }

.rowPrev {
  background-position: -50px -1224px;
  width: 50px;
  height: 70px; }

.limg001, .limg002, .limg003, .limg004, .limg005, .limg006 {
  display: inline-block;
  width: 125%;
  padding: 25%;
  background: url("../img/home/templates/stuff-sprite.png") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  vertical-align: middle; }

.limg001 {
  background-position: -0px 85.5%;
  background-size: 100%; }

.limg002 {
  background-position: -0px 69.5%;
  background-size: 100%; }

.limg003 {
  background-position: -0px 73.4%;
  background-size: 100%; }

.limg004 {
  background-position: -0px 65.3%;
  background-size: 100%; }

.limg005 {
  background-position: -0px 77.3%;
  background-size: 100%; }

.limg006 {
  background-position: -0px 81.5%;
  background-size: 100%; }

.wimg001, .wimg002 {
  display: inline-block;
  background: url("../img/home/templates/stuff-sprite.png") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  vertical-align: bottom; }

.wimg001 {
  background-position: -0px -1793px;
  width: 130px;
  height: 130px; }

.wimg002 {
  background-position: -0px -1933px;
  width: 130px;
  height: 130px; }

.section-home--old {
  position: relative;
  height: 48em;
  overflow: hidden;
  /* SCENE 01 */
  /* SCENE 02 */
  /* SCENE 03 */ }
  .section-home--old .slide-control--prev, .section-home--old .slide-control--next {
    min-width: 50px;
    position: absolute;
    top: 50%;
    left: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
    cursor: pointer; }
  .section-home--old .slide-control--next {
    right: 0;
    left: inherit; }
  .section-home--old .header-intro {
    display: table-row;
    line-height: 1.5em;
    font-size: 2em;
    white-space: nowrap;
    margin-bottom: 2em; }
  .section-home--old .header-intro p {
    font-size: inherit;
    /* Change font-size in .header-intro */
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 30px;
    color: #fff;
    font-size: 28px;
    font-weight: 300; }
  .section-home--old .header-intro span.spacer {
    display: table-cell;
    width: 50%; }
  .section-home--old .header-intro span.spacer {
    padding: 0 10px; }
  .section-home--old .header-intro span.spacer:first-child {
    padding: 0 30px 30px 0; }
  .section-home--old .header-intro span.spacer:last-child {
    padding: 0 0 30px 30px; }
  .section-home--old .header-intro span.spacer:after {
    display: inline-block;
    width: 100%;
    content: ".";
    font-size: 0;
    color: transparent;
    height: 3px;
    background: #fff;
    vertical-align: middle;
    position: relative;
    top: -1px; }
  .section-home--old .btn {
    margin: 0 .5em; }
  .section-home--old .header-section {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 90;
    padding-top: 5em; }
    .section-home--old .header-section .text--variant .typerText {
      padding: 4px 9px;
      background: rgba(255, 255, 255, 0.4);
      border-radius: 5px;
      text-transform: uppercase;
      font-size: 75%;
      font-weight: 700; }
    .section-home--old .header-section.wrapper, .section-home--old .header-section.main-pricing--counter, .section-home--old .header-section.pricing-table {
      max-width: 52em; }
    .section-home--old .header-section.header-slide-3 {
      max-width: 69em; }
    .section-home--old .header-section * {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -moz-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      -webkit-transition: all 0.5s ease;
      -webkit-transition-delay: 0s;
      transition: all 0.5s ease 0s; }
    .section-home--old .header-section h1 {
      margin-top: 3rem;
      letter-spacing: -.05em;
      font-size: 6em;
      line-height: 80%; }
    .section-home--old .header-section p {
      margin-top: 5.5rem; }
    .section-home--old .header-section .ctas-holder {
      position: relative;
      margin-top: 5.5rem; }
      .section-home--old .header-section .ctas-holder .row--btn {
        position: absolute;
        width: 4%;
        left: 14%;
        top: 45%;
        -moz-transition-delay: 1.2s;
        -o-transition-delay: 1.2s;
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s; }
      .section-home--old .header-section .ctas-holder span {
        position: absolute;
        left: 18%;
        top: 100%;
        color: #fff;
        font-style: italic;
        font-size: 0.94rem;
        -moz-transition-delay: 1.2s;
        -o-transition-delay: 1.2s;
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s; }
    .section-home--old .header-section.header-slide-2 .ctas-holder .row--btn {
      left: 15%;
      top: 45%; }
    .section-home--old .header-section.header-slide-2 .ctas-holder span {
      position: absolute;
      left: 19%;
      top: 100%;
      color: #fff;
      font-style: italic;
      font-size: 0.94rem; }
    .section-home--old .header-section.header-slide-3 .ctas-holder .row--btn {
      left: 23%;
      top: 45%;
      width: 3%; }
    .section-home--old .header-section.header-slide-3 .ctas-holder span {
      position: absolute;
      left: 26%;
      top: 100%;
      color: #fff;
      font-style: italic;
      font-size: 0.94rem; }
  .section-home--old .animate-home-header * {
    margin-top: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }
  .section-home--old .animate-home-header {
    z-index: 100; }
    .section-home--old .animate-home-header h1 {
      margin-top: 0;
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      -webkit-transition-delay: 0s;
      transition-delay: 0s; }
    .section-home--old .animate-home-header p {
      margin-top: 2.5rem;
      -moz-transition-delay: 0.2s;
      -o-transition-delay: 0.2s;
      -webkit-transition-delay: 0.2s;
      transition-delay: 0.2s; }
    .section-home--old .animate-home-header .ctas-holder {
      margin-top: 2.5rem;
      -moz-transition-delay: 0.4s;
      -o-transition-delay: 0.4s;
      -webkit-transition-delay: 0.4s;
      transition-delay: 0.4s; }
    .section-home--old .animate-home-header.header-fadeout * {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -moz-transition: opacity 0.5s ease 0s;
      -o-transition: opacity 0.5s ease 0s;
      -webkit-transition: opacity 0.5s ease;
      -webkit-transition-delay: 0s;
      transition: opacity 0.5s ease 0s; }
  .section-home--old .home-preloader {
    position: absolute;
    width: 5em;
    height: 5em;
    background: #fff url(../img/ajax-loader.gif) 50% 50% no-repeat;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 17% auto auto;
    background-size: 40%;
    -moz-border-radius: 0.35em;
    -webkit-border-radius: 0.35em;
    border-radius: 0.35em; }
  .section-home--old img {
    width: 100%;
    height: auto; }
  .section-home--old [class*="canvas-"] {
    position: absolute;
    z-index: 0;
    -moz-transition: all 1s cubic-bezier(0.15, 0.65, 0.4, 1) 0s;
    -o-transition: all 1s cubic-bezier(0.15, 0.65, 0.4, 1) 0s;
    -webkit-transition: all 1s cubic-bezier(0.15, 0.65, 0.4, 1);
    -webkit-transition-delay: 0s;
    transition: all 1s cubic-bezier(0.15, 0.65, 0.4, 1) 0s; }
  .section-home--old .animation-holder {
    position: relative;
    width: 120em;
    left: 50%;
    margin-left: -60em;
    height: 100%;
    top: 16%; }
  .section-home--old .canvas-coffee {
    width: 13.375em;
    height: 13.125em;
    left: 24%;
    bottom: -45%;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  .section-home--old .canvas-pen-1 {
    width: 8.3125em;
    height: 12.0625em;
    left: 51%;
    bottom: -24%;
    z-index: 20; }
  .section-home--old .canvas-pen-2 {
    width: 6.25em;
    height: 9.9375em;
    left: 48%;
    bottom: -20%;
    z-index: 20; }
  .section-home--old .canvas-pen-3 {
    width: 8.25em;
    height: 8.375em;
    left: 44%;
    bottom: -20%;
    z-index: 20; }
  .section-home--old .canvas-notepad {
    width: 24.25em;
    height: 30.3125em;
    right: -14%;
    bottom: -37%;
    z-index: 10; }
  .section-home--old .canvas-iphone {
    width: 17.25em;
    height: 17.5625em;
    left: 33%;
    bottom: -39%; }
  .section-home--old .canvas-breadcrumbs {
    width: 6.8125em;
    height: 6.0625em;
    left: -20%;
    bottom: -5%; }
  .section-home--old .canvas-snack {
    width: 12.1875em;
    height: 11.75em;
    left: -20%;
    bottom: -5%; }
  .section-home--old .canvas-sticky-1 {
    width: 8.5625em;
    height: 8.5625em;
    left: 48%;
    bottom: -24%; }
  .section-home--old .canvas-sticky-2 {
    width: 6.4375em;
    height: 6.3125em;
    left: 53%;
    bottom: -24%;
    z-index: 10; }
  .section-home--old .canvas-photo-1 {
    width: 8.125em;
    height: 7.625em;
    left: 57%;
    bottom: -24%; }
  .section-home--old .canvas-photo-2 {
    width: 6.75em;
    height: 6.3125em;
    right: 30%;
    bottom: -24%;
    z-index: 20; }
  .section-home--old .canvas-paper-1 {
    width: 4.8125em;
    height: 4.8125em;
    right: -10%;
    bottom: 84%;
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.1, 1);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.1, 1);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.1, 1); }
  .section-home--old .canvas-paper-2 {
    width: 3.0625em;
    height: 3.1875em;
    left: -12%;
    bottom: 32%;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .section-home--old .canvas-paper-3 {
    width: 7.1875em;
    height: 3.625em;
    right: 25%;
    bottom: -40%; }
  .section-home--old .canvas-monitor-1 {
    width: 35.1875em;
    height: 21.3125em;
    z-index: 10;
    bottom: -26em;
    left: 50%;
    margin-left: -18.5em; }
  .section-home--old .canvas-pencil-case {
    width: 7.25em;
    height: 6.0625em;
    bottom: -6.875em;
    right: 25%;
    z-index: 20; }
  .section-home--old .canvas-backpack {
    width: 8.3125em;
    height: 14.625em;
    left: 28%;
    bottom: -36%;
    z-index: 0;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s; }
  .section-home--old .canvas-lamp-1,
  .section-home--old .canvas-lamp-2 {
    width: 65em;
    height: 45.5em;
    right: -60%;
    bottom: 5%;
    z-index: 40;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s; }
  .section-home--old .canvas-book-1 {
    width: 2.125em;
    height: 21em;
    right: -22%;
    bottom: 7%; }
  .section-home--old .canvas-book-2 {
    width: 3em;
    height: 19.375em;
    right: -19.5%;
    bottom: 7%;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s; }
  .section-home--old .canvas-book-3 {
    width: 3em;
    height: 20em;
    right: -17%;
    bottom: 7%;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s; }
  .section-home--old .canvas-rocket {
    width: 6.1875em;
    height: 14.75em;
    bottom: -10.5em;
    left: 31%;
    z-index: 20;
    -moz-transition: all 1s cubic-bezier(0.15, 0.65, 0.4, 1) 0.5s;
    -o-transition: all 1s cubic-bezier(0.15, 0.65, 0.4, 1) 0.5s;
    -webkit-transition: all 1s cubic-bezier(0.15, 0.65, 0.4, 1);
    -webkit-transition-delay: 0.5s;
    transition: all 1s cubic-bezier(0.15, 0.65, 0.4, 1) 0.5s; }
    .section-home--old .canvas-rocket img {
      display: block;
      margin: 0 auto;
      position: absolute; }
    .section-home--old .canvas-rocket * {
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }
    .section-home--old .canvas-rocket .rocket-head {
      width: 4.875em;
      height: 4.625em;
      top: 0;
      left: .75em; }
    .section-home--old .canvas-rocket .rocket-body {
      width: 5.5em;
      height: 2.75em;
      top: 4.525em;
      left: .3em;
      z-index: 1; }
    .section-home--old .canvas-rocket .rocket-tail {
      width: 6.1875em;
      height: 7.375em;
      top: 5.325em; }
  .section-home--old .canvas-window {
    width: 21.375em;
    height: 31.75em;
    bottom: 6.5em;
    left: -18%;
    overflow: hidden;
    -moz-transition: all 1s cubic-bezier(0.15, 0.65, 0.4, 1) 0s;
    -o-transition: all 1s cubic-bezier(0.15, 0.65, 0.4, 1) 0s;
    -webkit-transition: all 1s cubic-bezier(0.15, 0.65, 0.4, 1);
    -webkit-transition-delay: 0s;
    transition: all 1s cubic-bezier(0.15, 0.65, 0.4, 1) 0s; }
    .section-home--old .canvas-window .window-frame,
    .section-home--old .canvas-window .window-scene {
      position: absolute;
      display: block; }
    .section-home--old .canvas-window .window-frame {
      z-index: 10; }
    .section-home--old .canvas-window .window-scene {
      width: 20.5em;
      margin: 2px auto;
      left: 0;
      right: 0;
      height: 29.8em;
      overflow: hidden; }
      .section-home--old .canvas-window .window-scene img {
        position: absolute;
        width: 200%;
        left: 19.5em;
        bottom: -1.4em;
        max-width: 200%;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -moz-transition: left 1s cubic-bezier(0.15, 0.65, 0.4, 1) 0s, -moz-transform 1s ease 1.5s, width 1s ease 1.5s;
        -o-transition: left 1s cubic-bezier(0.15, 0.65, 0.4, 1) 0s, -o-transform 1s ease 1.5s, width 1s ease 1.5s;
        -webkit-transition: left 1s cubic-bezier(0.15, 0.65, 0.4, 1), -webkit-transform 1s ease, width 1s ease;
        -webkit-transition-delay: 0s, 1.5s, 1.5s;
        transition: left 1s cubic-bezier(0.15, 0.65, 0.4, 1) 0s, transform 1s ease 1.5s, width 1s ease 1.5s; }
  .section-home--old .canvas-monitor-2 {
    width: 35.1875em;
    height: 21.3125em;
    z-index: 10;
    bottom: -26em;
    left: 50%;
    margin-left: -18.5em; }
  .section-home--old .canvas-book-4 {
    width: 2.125em;
    height: 20.9375em;
    right: -19.5%;
    bottom: 6%;
    -moz-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s; }
  .section-home--old .canvas-book-5 {
    width: 2.9375em;
    height: 19.4375em;
    right: -17%;
    bottom: 6%;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s; }
  .section-home--old .canvas-sticky-3 {
    width: 8em;
    height: 8em;
    left: 33%;
    bottom: -24%; }

.home--templates {
  background: #ffffff;
  padding: 3.75em 0 0 0;
  margin-bottom: 5px solid #FDB089; }
  .home--templates .btn.btn-primary {
    background-color: #F49B6C !important; }
    .home--templates .btn.btn-primary:hover {
      background-color: #D1784E !important; }
  .home--templates p {
    max-width: 80%;
    margin: 1em auto; }
  .home--templates .btn {
    margin: 2em 0 5em; }
  .home--templates .templates--all {
    position: relative; }
    .home--templates .templates--all .icon-product {
      background: url(../img/templates-products.svg) center center no-repeat; }
    .home--templates .templates--all .icon-events {
      background: url(../img/templates-events.svg) center center no-repeat; }
    .home--templates .templates--all .icon-bio {
      background: url(../img/templates-bio.svg) center center no-repeat; }
    .home--templates .templates--all .icon-comingsoon {
      background: url(../img/templates-comingsoon.svg) center center no-repeat; }
    .home--templates .templates--all .icon-ecommerce {
      background: url(../img/templates-commerce.svg) center center no-repeat; }
    .home--templates .templates--all .icon-layouts {
      background: url(../img/templates-layout.svg) center center no-repeat; }
    .home--templates .templates--all .templates--picker {
      width: 100%;
      padding: 0;
      margin: 0;
      position: relative; }
      .home--templates .templates--all .templates--picker .category-type {
        position: relative; }
        .home--templates .templates--all .templates--picker .category-type .category--template {
          position: relative; }
          .home--templates .templates--all .templates--picker .category-type .category--template img {
            display: block;
            padding: 0;
            border: 0;
            margin: 0; }
          .home--templates .templates--all .templates--picker .category-type .category--template .template--viewtemp {
            position: absolute;
            -moz-transition: opacity 0.2s ease;
            -o-transition: opacity 0.2s ease;
            -webkit-transition: opacity 0.2s ease;
            transition: opacity 0.2s ease;
            opacity: 0;
            background: rgba(0, 0, 0, 0.5);
            width: 100%;
            top: 0;
            bottom: 0; }
            .home--templates .templates--all .templates--picker .category-type .category--template .template--viewtemp a {
              position: absolute;
              top: 50%;
              left: 50%;
              -moz-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
        .home--templates .templates--all .templates--picker .category-type .category-icon--container {
          position: absolute;
          z-index: 10;
          left: 50%;
          -moz-transform: translate(-50%, 55%);
          -ms-transform: translate(-50%, 55%);
          -webkit-transform: translate(-50%, 55%);
          transform: translate(-50%, 55%);
          top: 55%;
          width: 100%; }
        .home--templates .templates--all .templates--picker .category-type .category-icon {
          width: 4.375em;
          height: 4.375em;
          margin: 0 auto;
          -moz-border-radius: 9999px;
          -webkit-border-radius: 9999px;
          border-radius: 9999px;
          overflow: hidden;
          background-size: 100%;
          -moz-transition: all 0.2s 0;
          -o-transition: all 0.2s 0;
          -webkit-transition: all 0.2s 0;
          transition: all 0.2s 0; }
        .home--templates .templates--all .templates--picker .category-type .category-picker-name {
          font-size: .9375em;
          font-weight: 700;
          color: #fff;
          display: block;
          margin-top: .7em;
          letter-spacing: -.05em;
          -moz-transition: all 0.2s 0;
          -o-transition: all 0.2s 0;
          -webkit-transition: all 0.2s 0;
          transition: all 0.2s 0; }
        .home--templates .templates--all .templates--picker .category-type:hover .category-icon {
          background-size: 120%; }
        .home--templates .templates--all .templates--picker .category-type:hover .category-picker-name {
          color: #02202F; }
        .home--templates .templates--all .templates--picker .category-type:hover .template--viewtemp {
          opacity: 1; }

.home--features {
  background-color: #47b0e2;
  background-image: url(../img/bg-texture-2.png), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: url(../img/bg-texture-2.png), -moz-radial-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: url(../img/bg-texture-2.png), -webkit-radial-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: url(../img/bg-texture-2.png), radial-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  padding: 8.25em 0 5.50em 0;
  border-bottom: 5px solid #92C996;
  border-top: 5px solid #FDB089;
  text-align: center;
  letter-spacing: inherit; }
  .home--features .main-description h2 {
    color: #fff; }
  .home--features .main-description h3 {
    color: #02202F; }
  .home--features .features--holder {
    border-spacing: 2em 0;
    margin: 0 -2em;
    min-width: 100%;
    padding: 3.75em 0; }
    .home--features .features--holder > div {
      text-align: left;
      font-size: 80%;
      background: #ffffff;
      border-radius: 10px;
      padding: 0 1.50em;
      display: table-cell;
      vertical-align: top; }
      .home--features .features--holder > div a {
        color: #FDB088; }
      .home--features .features--holder > div aside {
        position: relative;
        display: block; }
      .home--features .features--holder > div .abtest--lamp {
        position: absolute;
        width: 23%;
        top: 23.3%;
        left: 39.2%;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        display: inline-block;
        -moz-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
      .home--features .features--holder > div .editor--backgreen {
        width: 62%;
        position: absolute;
        top: 18%;
        left: 6.4%;
        opacity: 0; }
  .home--features .features--contactHome span {
    color: #fff;
    font-weight: 600; }
  .home--features .features--contactHome h4 {
    color: #fff; }
  .home--features .features--contactHome div {
    position: relative; }
    .home--features .features--contactHome div .btn.btn-primary {
      background-color: #F49B6C; }
      .home--features .features--contactHome div .btn.btn-primary:hover {
        background-color: #D1784E; }
    .home--features .features--contactHome div button {
      position: absolute;
      top: 100%;
      left: 50%;
      -moz-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
      -webkit-transform: translate(-50%, 100%);
      transform: translate(-50%, 100%); }

.home--testimonials {
  text-align: center;
  background: #ffffff;
  padding: 5.25em 0 3.75em 0; }
  .home--testimonials header h3 {
    color: #90C695 !important; }
  .home--testimonials .testimonial-text {
    text-align: left; }
  .home--testimonials .why-lander-testimonials {
    margin: 0 auto; }
    .home--testimonials .why-lander-testimonials header {
      margin: 0 0 3.75rem 0; }

.home--why-lander-trust {
  padding: 3.75em 0;
  background: #F0F0F0; }
  .home--why-lander-trust h4 {
    font-size: 1.75em;
    margin-bottom: 1.5em; }
  .home--why-lander-trust .trust-icon {
    padding: 0 1em;
    display: inline-block;
    width: 16.26667%; }
    .home--why-lander-trust .trust-icon img {
      width: 100%;
      max-width: inherit; }

.home--are-you-ready {
  background: #90C695 !important; }
  .home--are-you-ready h2 {
    font-size: 3em;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: .6em;
    color: #fff; }
  .home--are-you-ready .btn {
    margin: 0 1em; }

/* ============================================= */
/*    ANIMATIONS                                 */
/* ============================================= */
.ab--lamp {
  -webkit-animation: ab--lamp 2.5s infinite ease;
  -moz-animation: ab--lamp 2.5s infinite ease;
  -o-animation: ab--lamp 2.5s infinite ease;
  animation: ab--lamp 2.5s infinite ease; }

@-moz-keyframes ab--lamp {
  0% {
    -moz-transform: rotate(40deg); }
  15% {
    -moz-transform: rotate(40deg); }
  50% {
    -moz-transform: rotate(-40deg); }
  65% {
    -moz-transform: rotate(-40deg); }
  100% {
    -moz-transform: rotate(40deg); } }
@-webkit-keyframes ab--lamp {
  0% {
    -webkit-transform: rotate(40deg); }
  15% {
    -webkit-transform: rotate(40deg); }
  50% {
    -webkit-transform: rotate(-40deg); }
  65% {
    -webkit-transform: rotate(-40deg); }
  100% {
    -webkit-transform: rotate(40deg); } }
@-o-keyframes ab--lamp {
  0% {
    -o-transform: rotate(40deg); }
  15% {
    -o-transform: rotate(40deg); }
  50% {
    -o-transform: rotate(-40deg); }
  65% {
    -o-transform: rotate(-40deg); }
  100% {
    -o-transform: rotate(40deg); } }
@-ms-keyframes ab--lamp {
  0% {
    -ms-transform: rotate(40deg); }
  15% {
    -ms-transform: rotate(40deg); }
  50% {
    -ms-transform: rotate(-40deg); }
  65% {
    -ms-transform: rotate(-40deg); }
  100% {
    -ms-transform: rotate(40deg); } }
@keyframes ab--lamp {
  0% {
    transform: rotate(40deg); }
  15% {
    transform: rotate(40deg); }
  50% {
    transform: rotate(-40deg); }
  65% {
    transform: rotate(-40deg); }
  100% {
    transform: rotate(40deg); } }
/* ============================================= */
/*    MEDIAQUERIES                               */
/* ============================================= */
@media screen and (max-width: 1600px) {
  .section-home--old {
    height: 41em; }
    .section-home--old .header-section {
      font-size: 90%;
      padding-top: 3em; }
    .section-home--old .animate-home-header p,
    .section-home--old .animate-home-header .ctas-holder {
      margin: 1.5rem 0 0 0; }

  .section-home--old .animation-holder {
    height: 99%;
    font-size: 90%; } }
@media screen and (max-width: 1400px) {
  .section-home--old .animation-holder {
    width: 120em;
    height: 96%;
    margin-left: -60em;
    font-size: 75%; }

  .section-home--old {
    height: 37em; }
    .section-home--old .header-section {
      font-size: 80%;
      padding-top: 2em; }
    .section-home--old .animate-home-header p,
    .section-home--old .animate-home-header .ctas-holder {
      margin: 1.5rem 0 0 0; } }
@media screen and (max-width: 1200px) {
  .section-home--old {
    height: 35em; }

  .section-home--old .animation-holder {
    width: 130em;
    height: 94%;
    margin-left: -65em;
    font-size: 62%;
    top: 18% !important; } }
@media screen and (max-width: 1024px) {
  .home--templates .templates--all .templates--picker .category-icon--container {
    -moz-transform: translate(-50%, 45%);
    -ms-transform: translate(-50%, 45%);
    -webkit-transform: translate(-50%, 45%);
    transform: translate(-50%, 45%);
    top: 45% !important; }
  .home--templates .templates--all .templates--picker .category-picker-name {
    font-size: .88em !important; }

  .home--features .feature-description header h2 {
    font-size: 2.4em !important; } }
@media screen and (max-width: 1023px) {
  .home--templates {
    padding: 3.75em 0 0 0; }
    .home--templates .templates--all {
      padding: 0; }
      .home--templates .templates--all i[class*="icon-"] {
        display: none; }
      .home--templates .templates--all .templates--picker {
        position: relative;
        margin: 0; }
        .home--templates .templates--all .templates--picker button {
          pointer-events: none; }
        .home--templates .templates--all .templates--picker .category-type .category-icon, .home--templates .templates--all .templates--picker .category-type .category-picker-name {
          display: none !important; }

  .home--features {
    padding: 3.75em 0 5.50em; }
    .home--features .main-description h2 {
      padding: 0; } }
@media screen and (max-width: 800px) {
  .section-home--old .animation-holder {
    display: none !important; }

  .section-home--old .slide-control--prev, .section-home--old .slide-control--next {
    display: none !important; }

  .home--templates .templates--all .templates--picker .category-type {
    width: 33.3333% !important;
    *width: 33.3023% !important;
    padding: 0; }

  .home--features .main-description h2 {
    padding: 0; }
  .home--features .features--holder {
    margin: 0; }
    .home--features .features--holder > div {
      width: 90%;
      display: inline-block;
      margin: 2.2em 0; }

  .home--testimonials {
    padding: 1.5em 0 5em 0; }

  .home--why-lander-trust .trust-icon {
    width: 20%;
    padding: 1em; }

  .home--are-you-ready .btn {
    margin: 1em;
    width: 50%; } }
@media screen and (max-width: 700px) {
  .home--are-you-ready .btn {
    width: 60%;
    padding: 1.6rem 0.3rem 1.5rem !important; } }
@media screen and (max-width: 600px) {
  .btn:not(.action-login, .action-signup, .btn-mobile-nav), button {
    width: 60%;
    padding: 1.6rem 1rem 1.5rem; } }
@media screen and (max-width: 500px) {
  .btn:not(.mobile-nav-close) {
    width: 100% !important; }

  .mobile-nav-close {
    width: initial !important; }

  .btn.btn-xlarge {
    padding: 1.6rem 1.3rem 1.5rem;
    margin: .5em 0; }

  .btn.btn-mobile-nav.mobile-nav-toggler {
    padding: 0.7075rem .8rem !important; }

  .btn.mobile-nav-close {
    left: 15px; }

  .section-home--old {
    height: 24.8em; }
    .section-home--old .header-section .ctas-holder .row--btn {
      position: relative;
      display: none; }
    .section-home--old .header-section .ctas-holder span {
      position: relative;
      left: 0; }

  .row--btn {
    position: relative;
    display: none; }

  .home--templates p {
    max-width: 100%;
    width: 100%;
    text-align: left;
    padding: .75em 0 0 0; }
  .home--templates .templates--all .templates--picker .category-type {
    width: 50% !important;
    *width: 49.969% !important; }

  .home--features .main-description h2 {
    padding: 0; }
  .home--features .features--holder {
    padding: 3em 0 !important; }
    .home--features .features--holder h3 {
      display: none !important; }
    .home--features .features--holder > div {
      width: 100%; }

  .home--testimonials {
    padding: 5.25em 2.5em 3.75em; }
    .home--testimonials .why-lander-testimonials {
      padding: 0 !important; }
      .home--testimonials .why-lander-testimonials header {
        margin: 0 0 2.25rem 0; }

  .home--why-lander-trust .trust-icon {
    width: 70%;
    position: relative;
    height: 90px; }
    .home--why-lander-trust .trust-icon div {
      position: absolute;
      left: -10%; }

  .home--are-you-ready {
    display: none; } }
/** General Layout **/
html {
  overflow-x: hidden;
  overflow-y: auto; }

html, body {
  padding: 0;
  margin: 0; }

body {
  background-color: #fff;
  position: relative;
  z-index: 100;
  color: #333; }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.wrapper, .main-pricing--counter, .pricing-table {
  max-width: 76.25em;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  position: relative; }

#main-content {
  width: 100%;
  position: relative;
  padding-top: 5.2em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  transition: all 1s ease; }
  #main-content.main-content-visible {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }

#main-content--resources {
  width: 100%;
  position: relative;
  padding-top: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  transition: all 1s ease; }
  #main-content--resources.main-content-visible {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }

.section-home {
  width: 100%;
  height: 100%; }

.section-features {
  margin-bottom: 8.5em; }

.feature-description {
  padding-top: 19px; }

.feature-description .btn {
  margin-top: 1em; }

.feature-tests .feature-description {
  text-align: right; }

.features-detail {
  margin-bottom: 5.5em; }
  .features-detail .feature-image {
    position: relative; }
    .features-detail .feature-image .drag-me {
      position: absolute;
      top: 105%;
      left: 49%;
      width: 100px;
      opacity: 0;
      -moz-transition: all 0.8s ease;
      -o-transition: all 0.8s ease;
      -webkit-transition: all 0.8s ease;
      transition: all 0.8s ease;
      margin-top: 30px; }
      .features-detail .feature-image .drag-me.drag-me-visible {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        margin-top: 0px; }
    .features-detail .feature-image .abtestlamp {
      position: absolute;
      width: 23%;
      top: 23.3%;
      left: 50%;
      margin-left: -10.9%;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      display: inline-block;
      -moz-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
      -webkit-transform-origin: 50% 0;
      transform-origin: 50% 0;
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    .features-detail .feature-image input[type="range"] {
      -webkit-appearance: none !important;
      width: 100%;
      height: 5px;
      background: #4FACDA;
      border: none;
      margin: auto;
      padding: 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -moz-transition: all 1s ease;
      -o-transition: all 1s ease;
      -webkit-transition: all 1s ease;
      transition: all 1s ease; }
      .features-detail .feature-image input[type="range"].range-visible {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; }
    .features-detail .feature-image input[type="range"]::-webkit-slider-thumb {
      -webkit-appearance: none !important;
      width: 25px;
      height: 25px;
      background: #7BC3E4;
      -moz-border-radius: 15px;
      -webkit-border-radius: 15px;
      border-radius: 15px;
      border: 3px solid #fff; }
    .features-detail .feature-image input[type="range"]::-moz-range-track {
      -moz-appearance: none !important;
      width: 100%;
      height: 5px;
      background: #4FACDA;
      border: none;
      margin: auto;
      padding: 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -moz-transition: all 1s ease;
      -o-transition: all 1s ease;
      -webkit-transition: all 1s ease;
      transition: all 1s ease; }
      .features-detail .feature-image input[type="range"]::-moz-range-track.range-visible {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; }
    .features-detail .feature-image input[type="range"]::-moz-range-thumb {
      -moz-appearance: none !important;
      width: 20px;
      height: 20px;
      background: #7BC3E4;
      -moz-border-radius: 15px;
      -webkit-border-radius: 15px;
      border-radius: 15px;
      border: 3px solid #fff; }
    .features-detail .feature-image input[type="range"]::-ms-fill-lower,
    .features-detail .feature-image input[type="range"]::-ms-fill-upper {
      width: 100%;
      height: 5px;
      background: #4FACDA;
      border: none;
      margin: auto;
      padding: 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -moz-transition: all 1s ease;
      -o-transition: all 1s ease;
      -webkit-transition: all 1s ease;
      transition: all 1s ease; }
      .features-detail .feature-image input[type="range"]::-ms-fill-lower.range-visible,
      .features-detail .feature-image input[type="range"]::-ms-fill-upper.range-visible {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; }
    .features-detail .feature-image input[type="range"]::-ms-thumb {
      width: 20px;
      height: 20px;
      background: #7BC3E4;
      -moz-border-radius: 15px;
      -webkit-border-radius: 15px;
      border-radius: 15px;
      border: 3px solid #fff; }
    .features-detail .feature-image input[type="range"]::-ms-ticks,
    .features-detail .feature-image input[type="range"]::-ms-tooltip {
      display: none; }

.features-facebook-animation {
  display: inline-table;
  padding: 2em 0 .5em 0; }
  .features-facebook-animation .facebook-box {
    position: absolute;
    left: 17.4%;
    width: 25%;
    top: 77.2%;
    z-index: 10;
    -webkit-animation: facebook-box-animation 2.2s infinite linear;
    -moz-animation: facebook-box-animation 2.2s infinite linear;
    -o-animation: facebook-box-animation 2.2s infinite linear;
    animation: facebook-box-animation 2.2s infinite linear; }
  .features-facebook-animation .facebook-background {
    position: relative;
    z-index: 15; }
  .features-facebook-animation .facebook-lineTop {
    position: absolute;
    left: 20%;
    width: 23%;
    top: 85.2%;
    -webkit-animation: facebook-lineTop-animation .6s infinite linear;
    -moz-animation: facebook-lineTop-animation .6s infinite linear;
    -o-animation: facebook-lineTop-animation .6s infinite linear;
    animation: facebook-lineTop-animation .6s infinite linear; }
  .features-facebook-animation .facebook-lineBottom {
    position: absolute;
    left: 21%;
    width: 23%;
    top: 89.6%;
    -webkit-animation: facebook-lineBottom-animation .8s infinite linear;
    -moz-animation: facebook-lineBottom-animation .8s infinite linear;
    -o-animation: facebook-lineBottom-animation .8s infinite linear;
    animation: facebook-lineBottom-animation .8s infinite linear; }

.features-integrations, .home--are-you-ready, .features-are-you-ready, .templates-are-you-ready, .team-are-you-ready, .why-lander-are-you-ready, .resources-are-you-ready {
  padding: 5.5em 0;
  background: #F0F0F0;
  color: #333; }

.integration-list {
  list-style: none;
  padding-top: 3.5em; }

.integration-item, .integration-item--inner {
  padding: 1em 1em 4em; }
  .integration-item img, .integration-item--inner img {
    display: block;
    margin: 0 auto;
    max-width: 60px;
    margin-bottom: 1.25em; }
  .integration-item p, .integration-item--inner p {
    margin: 1em 0 1.5em 0; }
  .integration-item .max-inner--img, .integration-item--inner .max-inner--img {
    max-width: 110px !important; }
  .integration-item .integration-data, .integration-item--inner .integration-data {
    overflow: hidden; }
    .integration-item .integration-data header h4, .integration-item--inner .integration-data header h4 {
      font-size: 1.75em; }
      .integration-item .integration-data header h4 span, .integration-item--inner .integration-data header h4 span {
        font-size: 0.69rem;
        font-weight: bold;
        background-color: #F49B6C;
        color: #fff;
        padding: .3em .6em;
        border-radius: .3em;
        vertical-align: middle; }
        .integration-item .integration-data header h4 span::selection, .integration-item--inner .integration-data header h4 span::selection {
          color: #fff;
          background: transparent; }
    .integration-item .integration-data .btn, .integration-item--inner .integration-data .btn {
      margin: 0.15em 0; }

.integration-item--inner:nth-last-child(2) img {
  max-width: 60px; }

.partners-section {
  background-color: #F5F5F5;
  padding: 6.88em 0 2.88em; }

.features-full-list, .pricing-features-list {
  padding-top: 5.5em;
  padding-bottom: 1em; }

.features-list, .pricing-features {
  list-style: none;
  padding-top: 3.5em; }

.feature-item, .contact-connect-item, .pricing-feature-item {
  padding: 1em 1em 4.5em; }
  .feature-item [class*="icon-"], .contact-connect-item [class*="icon-"], .pricing-feature-item [class*="icon-"] {
    width: 4.375em;
    height: 4.375em;
    float: left;
    -moz-border-radius: 9999px;
    -webkit-border-radius: 9999px;
    border-radius: 9999px; }
  .feature-item .feature-data, .contact-connect-item .feature-data, .pricing-feature-item .feature-data {
    padding-left: 15px;
    overflow: hidden; }

.features-are-you-ready, .templates-are-you-ready, .team-are-you-ready, .why-lander-are-you-ready, .resources-are-you-ready {
  background: #47b0e2 !important; }
  .features-are-you-ready h2, .templates-are-you-ready h2, .team-are-you-ready h2, .why-lander-are-you-ready h2, .resources-are-you-ready h2 {
    font-size: 3em;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: .6em;
    color: #fff; }
  .features-are-you-ready .btn, .templates-are-you-ready .btn, .team-are-you-ready .btn, .why-lander-are-you-ready .btn, .resources-are-you-ready .btn {
    margin: 0 1em; }

.section-contact {
  padding-bottom: 5.5em; }
  .section-contact a {
    color: #F49B6C; }

.contact-form .btn {
  margin-top: 3em; }

.contact-form .form-sucess-message {
  position: absolute;
  bottom: 20px;
  font-weight: 700; }
  .contact-form .form-sucess-message span {
    color: #F49B6C; }

.contact-profiles-list {
  margin-top: 1.5em; }
  .contact-profiles-list .contact-profile {
    margin-bottom: 1em; }
  .contact-profiles-list .profile-avatar {
    width: 6.25em;
    height: 6.25em;
    overflow: hidden;
    -moz-border-radius: 9999px;
    -webkit-border-radius: 9999px;
    border-radius: 9999px; }
  .contact-profiles-list span {
    display: block; }
  .contact-profiles-list .profile-data {
    padding: 1.3em; }
  .contact-profiles-list .profile-name {
    color: #02202F;
    font-weight: 400;
    font-size: 110%;
    margin-bottom: .3rem; }
  .contact-profiles-list .profile-position,
  .contact-profiles-list .profile-tel {
    font-size: 75%;
    line-height: .9rem;
    color: #F49B6C; }
    .contact-profiles-list .profile-position b,
    .contact-profiles-list .profile-tel b {
      font-weight: normal; }
  .contact-profiles-list .profile-position {
    color: #7F8C97; }

.contact-customer-support {
  margin-bottom: 4em; }

.contact-connect-list {
  margin-top: 2em; }

.contact-connect-item {
  width: 100%;
  padding: 0 2em .5em 0 !important; }
  .contact-connect-item p {
    margin-top: 0; }
  .contact-connect-item .icon-facebook-big {
    background: url(../img/social-facebook.svg) center center no-repeat; }
  .contact-connect-item .icon-twitter-big {
    background: url(../img/social-twitter.svg) center center no-repeat; }

.contact-form-holder {
  padding-right: 30px; }

.contact-sidebar {
  padding-left: 30px; }

.section-sign-up {
  max-width: 43.125em;
  padding: 3.125em 3.125em 1em;
  margin: 0 auto;
  background: #fff;
  margin-bottom: 5.5em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em; }
  .section-sign-up hr {
    height: 2em;
    margin-bottom: 2em; }
  .section-sign-up .btn {
    margin-top: 1em; }
  .section-sign-up .block-main-header p {
    margin: 0; }

.sign-up-chose-plan {
  margin-top: 3em; }
  .sign-up-chose-plan .header-regular {
    margin-bottom: 1em; }

.plan-badge-holder {
  padding: 0 5px; }
  .plan-badge-holder:first-of-type {
    padding-left: 0; }
  .plan-badge-holder:last-of-type {
    padding-right: 0; }

.plan-badge {
  border: 1px solid rgba(127, 140, 151, 0.5);
  text-align: center;
  padding: 1em 0;
  color: #7F8C97;
  display: block;
  width: 100%;
  background: transparent;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  border-radius: 0.25em; }
  .plan-badge span {
    display: block;
    line-height: 1.2em; }
  .plan-badge .plan-name {
    font-size: 1.5em;
    font-weight: 600; }
  .plan-badge .plan-cost {
    font-size: .9375em; }
  .plan-badge.plan-active {
    border-color: transparent;
    background: #90C695; }
    .plan-badge.plan-active .plan-name {
      color: #fff; }
    .plan-badge.plan-active .plan-cost {
      color: #02202F; }
  .plan-badge:hover {
    border-color: #90C695;
    color: #90C695 !important; }

.plan-memo {
  margin: .5em 0; }

.plans-terms-conditions {
  max-width: 50%;
  margin-top: .3em;
  color: #7F8C97; }

.password-checker {
  margin-top: 17px; }
  .password-checker.meter-fail .meter-track {
    background: #FF7373; }
  .password-checker.meter-fail .password-checker-strenght-status {
    color: #FF7373; }
  .password-checker.meter-weak .meter-track {
    background: #FFB973; }
  .password-checker.meter-weak .password-checker-strenght-status {
    color: #FFB973; }
  .password-checker.meter-strong .meter-track {
    background: #92C996;
    width: 100%; }
  .password-checker.meter-strong .password-checker-strenght-status {
    color: #92C996; }

.password-checker-strenght-bar {
  height: 5px;
  background: rgba(127, 140, 151, 0.2); }

.password-checker-strenght-status {
  font-size: 13px;
  padding-left: 10px;
  margin-top: -6px;
  color: rgba(127, 140, 151, 0.5); }

.password-meter {
  width: 100%; }
  .password-meter .meter-track {
    height: 5px;
    -moz-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease; }

body.page-templates {
  height: 100%; }

.templates-choose header, .templates-choose p {
  max-width: 46em;
  margin: 1em auto; }

.templates-pick-category {
  margin-top: 3em;
  background: url(../img/category-picker_arrow.png) center 3.5em no-repeat; }
  .templates-pick-category .header-pick-category {
    font-weight: 700;
    font-size: 1.25em;
    color: #47b0e2; }
  .templates-pick-category .icon-product {
    background: url(../img/templates-products.svg) center center no-repeat; }
  .templates-pick-category .icon-events {
    background: url(../img/templates-events.svg) center center no-repeat; }
  .templates-pick-category .icon-bio {
    background: url(../img/templates-bio.svg) center center no-repeat; }
  .templates-pick-category .icon-comingsoon {
    background: url(../img/templates-comingsoon.svg) center center no-repeat; }
  .templates-pick-category .icon-ecommerce {
    background: url(../img/templates-commerce.svg) center center no-repeat; }
  .templates-pick-category .icon-layouts {
    background: url(../img/templates-layout.svg) center center no-repeat; }

.templates-category-picker {
  margin-top: 6em;
  width: 100%;
  padding: 0; }
  .templates-category-picker .category-type .category-icon {
    width: 4.375em;
    height: 4.375em;
    margin: 0 auto;
    -moz-border-radius: 9999px;
    -webkit-border-radius: 9999px;
    border-radius: 9999px;
    overflow: hidden;
    background-size: 100%;
    -moz-transition: all 0.2s 0;
    -o-transition: all 0.2s 0;
    -webkit-transition: all 0.2s 0;
    transition: all 0.2s 0; }
  .templates-category-picker .category-type .category-picker-name {
    font-size: .9375em;
    font-weight: 700;
    color: #5BB5DE;
    display: block;
    margin-top: .7em;
    letter-spacing: -.05em;
    -moz-transition: all 0.2s 0;
    -o-transition: all 0.2s 0;
    -webkit-transition: all 0.2s 0;
    transition: all 0.2s 0; }
  .templates-category-picker .category-type:hover .category-icon {
    background-size: 120%; }
  .templates-category-picker .category-type:hover .category-picker-name {
    color: #02202F; }

.templates-pick-template {
  margin-top: 4em;
  overflow: hidden;
  -moz-transition: max-height 0.3s ease, opacity 0.5s ease;
  -o-transition: max-height 0.3s ease, opacity 0.5s ease;
  -webkit-transition: max-height 0.3s ease, opacity 0.5s ease;
  transition: max-height 0.3s ease, opacity 0.5s ease; }
  .templates-pick-template.templates-loading {
    background: url(../img/ajax-loader.gif) 50% 50% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }

.template-holder {
  border: 1px solid #CFCFCF;
  background: url(../img/ajax-loader.gif) 50% 50% no-repeat, url(../img/templates_browser-nav.svg) 0 0 no-repeat;
  min-height: 300px;
  padding: 17px 0 0 0 !important;
  overflow: hidden;
  position: relative;
  height: 458px;
  -moz-border-radius: 0.4em 0.4em 0 0;
  -webkit-border-radius: 0.4em;
  border-radius: 0.4em 0.4em 0 0; }
  .template-holder img {
    display: block;
    position: relative;
    z-index: 0; }
  .template-holder:hover .template-actions {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }

@-moz-document url-prefix() {
  .template-actions {
    margin-top: 3.4%; } }
.template-actions {
  width: 50%;
  text-align: center; }
  .template-actions a:first-of-type {
    margin-right: 7%; }
  .template-actions .btn {
    margin: 0 5px; }
  .template-actions .btn-secondary {
    background: #47b0e2; }

.template-info {
  padding-top: 4%;
  padding-right: 0 !important;
  padding-left: 3%; }
  .template-info h4 {
    font-size: 1.75em;
    font-weight: 600;
    color: #5BB5DE; }
  .template-info h5 {
    font-size: 1.75em;
    font-weight: 300; }

.template-picker {
  padding: 0;
  margin-top: 2em; }

.badge-template-picker {
  width: 5em;
  height: 5em;
  border: 3px solid #aaa;
  display: inline-block;
  margin-right: 1em;
  overflow: hidden;
  -moz-border-radius: 9999px;
  -webkit-border-radius: 9999px;
  border-radius: 9999px; }
  .badge-template-picker img {
    display: block;
    max-width: 100%;
    height: auto; }
  .badge-template-picker:last-of-type {
    margin: 0; }
  .badge-template-picker:hover, .badge-template-picker.template-active-badge {
    border-color: #47b0e2;
    box-shadow: 0px 0px 0px 6px #47b0e2;
    background: #47b0e2; }

.templates-meet-team {
  background-color: #47b0e2;
  height: 200px;
  min-height: 50em;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -moz-radial-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: -webkit-radial-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: radial-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); }
  .templates-meet-team .wrapper, .templates-meet-team .main-pricing--counter, .templates-meet-team .pricing-table {
    height: 100%;
    background: url(../img/templates_team-bg.png) bottom center no-repeat;
    background-size: 100% auto;
    padding-top: 5.5em;
    color: #fff; }
    .templates-meet-team .wrapper p, .templates-meet-team .main-pricing--counter p, .templates-meet-team .pricing-table p {
      max-width: 50%; }

.templates-are-you-ready, .team-are-you-ready {
  background: #90C695 !important; }

body.page-team {
  height: 100%; }

body.page-team #main-header, body.page-team body.page-home, body.page-team body.page-404, body.page-team body.page-sign-up {
  height: 90%;
  position: relative; }
  body.page-team #main-header > .wrapper, body.page-team body.page-home > .wrapper, body.page-team body.page-404 > .wrapper, body.page-team body.page-sign-up > .wrapper, body.page-team #main-header > .main-pricing--counter, body.page-team body.page-home > .main-pricing--counter, body.page-team body.page-404 > .main-pricing--counter, body.page-team body.page-sign-up > .main-pricing--counter, body.page-team #main-header > .pricing-table, body.page-team body.page-home > .pricing-table, body.page-team body.page-404 > .pricing-table, body.page-team body.page-sign-up > .pricing-table {
    max-height: 55em;
    background: url(../img/header_team.png) bottom 6.25em center no-repeat;
    padding-bottom: 47%;
    -moz-background-size: 90% auto;
    -o-background-size: 90% auto;
    -webkit-background-size: 90% auto;
    background-size: 90% auto; }

.team-vip {
  width: 100%;
  height: 6.25em;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 100;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM3MWEyY2IiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2FlZDRlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(0deg, #71a2cb 50%, #aed4eb 50%);
  background-image: -webkit-linear-gradient(0deg, #71a2cb 50%, #aed4eb 50%);
  background-image: linear-gradient(90deg, #71a2cb 50%, #aed4eb 50%); }
  .team-vip .wrapper, .team-vip .main-pricing--counter, .team-vip .pricing-table {
    padding: 0;
    height: 100% !important; }
  .team-vip .team-vip-person {
    height: 100%;
    padding: 2em; }
    .team-vip .team-vip-person.team-tech-leader {
      background: #71A2CB; }
    .team-vip .team-vip-person.team-marketing-manager {
      background: #6EBEE2; }
    .team-vip .team-vip-person.team-ux-lead {
      background: #AED4EB; }
    .team-vip .team-vip-person.team-product-owner {
      background: #8AC9E6; }
    .team-vip .team-vip-person span {
      display: block; }
    .team-vip .team-vip-person .team-vip-position {
      color: #fff;
      font-size: 15px;
      font-weight: 700;
      text-transform: uppercase; }
    .team-vip .team-vip-person .team-vip-name {
      font-size: 1.75em; }

.team-lander-team {
  padding-bottom: 4.5em; }

.team-member {
  padding: .6em;
  text-align: center; }
  .team-member .team-member-badge {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 9999px;
    -webkit-border-radius: 9999px;
    border-radius: 9999px; }
    .team-member .team-member-badge .team-member-data {
      background-color: rgba(71, 176, 226, 0.8);
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      text-align: center;
      padding: 40% 0;
      -moz-transition: all 0.15s ease;
      -o-transition: all 0.15s ease;
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease;
      -moz-border-radius: 9999px;
      -webkit-border-radius: 9999px;
      border-radius: 9999px;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0; }
      .team-member .team-member-badge .team-member-data span {
        display: block; }
    .team-member .team-member-badge .team-member-name {
      font-size: 20px;
      font-weight: 600;
      color: #fff;
      letter-spacing: -.05em; }
    .team-member .team-member-badge .team-member-position {
      font-size: 13px;
      color: #02202F; }
    .team-member .team-member-badge:hover .team-member-data {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1; }
  .team-member img {
    display: block; }

.team-join-us {
  min-height: 21.875em;
  display: none;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNhZGRhZWUiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzQ3YjBlMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(0deg, #addaee 50%, #47b0e2 50%);
  background-image: -webkit-linear-gradient(0deg, #addaee 50%, #47b0e2 50%);
  background-image: linear-gradient(90deg, #addaee 50%, #47b0e2 50%); }
  .team-join-us .dual-blocks {
    padding: 1.5em 0 3em;
    height: 100%; }
    .team-join-us .dual-blocks > [class*="pure-u-"]:first-child {
      padding-right: 5.5em; }
    .team-join-us .dual-blocks > [class*="pure-u-"]:last-child {
      padding-left: 5.5em; }
      .team-join-us .dual-blocks > [class*="pure-u-"]:last-child .team-send-message {
        left: 5.5em; }

.team-send-message {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: .75em;
  width: -moz-calc(100% - 5.5em);
  width: -webkit-calc(100% - 5.5em);
  width: calc(100% - 5.5em);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: opacity 0.5s, visibility 0.2s;
  -o-transition: opacity 0.5s, visibility 0.2s;
  -webkit-transition: opacity 0.5s, visibility 0.2s;
  transition: opacity 0.5s, visibility 0.2s; }
  .team-send-message label {
    font-size: 75%; }
  .team-send-message input {
    font-size: 13px;
    border: none; }
  .team-send-message ::-webkit-input-placeholder {
    color: #47b0e2;
    font-style: italic; }
  .team-send-message :-moz-placeholder {
    color: #47b0e2;
    font-style: italic; }
  .team-send-message ::-moz-placeholder {
    color: #47b0e2;
    font-style: italic; }
  .team-send-message :-ms-input-placeholder {
    color: #47b0e2;
    font-style: italic; }
  .team-send-message .btn.btn-xlarge {
    padding-left: 2.5em;
    padding-right: 2.5em; }
  .team-send-message .btn.btn-upload {
    color: #47b0e2;
    background: #fff; }

.team-join-us-text {
  padding: 20% 0 20% 5%;
  visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 0.2s, visibility 0.2s;
  -o-transition: opacity 0.2s, visibility 0.2s;
  -webkit-transition: opacity 0.2s, visibility 0.2s;
  transition: opacity 0.2s, visibility 0.2s; }

.team-join-us-block {
  position: relative;
  cursor: pointer; }
  .team-join-us-block h2 {
    color: #fff; }
  .team-join-us-block h3 {
    font-size: 1.25em;
    color: #02202F; }
  .team-join-us-block.form-visible .team-send-message {
    visibility: visible;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: opacity 0.2s, visibility 0.2s;
    -o-transition: opacity 0.2s, visibility 0.2s;
    -webkit-transition: opacity 0.2s, visibility 0.2s;
    transition: opacity 0.2s, visibility 0.2s; }
  .team-join-us-block.form-visible .team-join-us-text {
    visibility: hidden;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity 0.2s, visibility 0.2s;
    -o-transition: opacity 0.2s, visibility 0.2s;
    -webkit-transition: opacity 0.2s, visibility 0.2s;
    transition: opacity 0.2s, visibility 0.2s; }

body.page-why-lander .block-main-header h3 {
  color: #90C695; }

.why-lander-easy-to-use {
  padding-top: 3em; }

.why-lander-timeline {
  background: url(../img/why-lander_timeline.png) top center no-repeat;
  height: 15em;
  margin-top: 2em;
  position: relative; }
  .why-lander-timeline .timeline-badge {
    position: absolute;
    width: 14.68em; }

.why-lander-testimonials {
  margin-bottom: 3em; }
  .why-lander-testimonials .block-main-header {
    margin-bottom: 4em; }

.testimonial-block {
  position: relative; }

.testimonial-avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 8.125em;
  height: 8.125em;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  overflow: hidden; }

.testimonial-text {
  width: 100%;
  padding-left: 9.375em;
  padding-right: 30px;
  margin: 0; }
  .testimonial-text h4 {
    font-size: 1.75em; }
  .testimonial-text p {
    font-style: italic;
    margin-bottom: .5em; }
  .testimonial-text cite {
    font-weight: 600;
    font-size: .9375em;
    font-style: normal;
    color: #F49B6C; }

.testimonial-graphic {
  display: block;
  margin: 5em auto 0; }

.why-lander-trust {
  padding: 4em 0 5em;
  background: #F0F0F0;
  margin-top: 6em; }
  .why-lander-trust h4 {
    font-size: 1.75em;
    margin-bottom: 1.5em; }
  .why-lander-trust .trust-icon {
    padding: 0 1em;
    display: inline-block;
    width: 16.26667%; }
    .why-lander-trust .trust-icon img {
      width: 100%;
      max-width: inherit; }

.main-pricing--counter {
  max-width: 1250px;
  margin-bottom: 5em;
  padding: 0 22px 0 0; }
  .main-pricing--counter h2 {
    font-size: 5em;
    font-weight: 400;
    color: #90C695; }
  .main-pricing--counter h4 {
    font-weight: 700; }
  .main-pricing--counter div.pricing-counter-box {
    padding: 0;
    text-align: center; }
    .main-pricing--counter div.pricing-counter-box img {
      max-width: 120px; }
    .main-pricing--counter div.pricing-counter-box div {
      margin-top: 2em; }
  .main-pricing--counter div.pricing-counter-box:first-child {
    padding: 0 2em; }
    .main-pricing--counter div.pricing-counter-box:first-child div {
      border-right: 1px solid rgba(127, 140, 151, 0.5); }
  .main-pricing--counter div.pricing-counter-box:last-child {
    padding: 0 2em; }
    .main-pricing--counter div.pricing-counter-box:last-child div {
      border-left: 1px solid rgba(127, 140, 151, 0.5); }

.main-pricing--controls {
  width: 100%;
  background-color: #F0F0F0;
  padding: 3.5rem 10px 6em 0;
  text-align: center; }
  .main-pricing--controls h3 {
    letter-spacing: 0;
    padding-bottom: 1rem;
    font-size: 1.25em;
    font-weight: bold;
    display: inline-block; }
  .main-pricing--controls ul {
    list-style-type: none;
    display: inline-block;
    padding-left: 2.5rem;
    letter-spacing: -5px; }
    .main-pricing--controls ul .top {
      -moz-box-shadow: #3A3A3A 0 1px 0 0 inset, #3A3A3A 0 -1px 0 0 inset;
      -webkit-box-shadow: #3A3A3A 0 1px 0 0 inset, #3A3A3A 0 -1px 0 0 inset;
      box-shadow: #3A3A3A 0 1px 0 0 inset, #3A3A3A 0 -1px 0 0 inset; }
    .main-pricing--controls ul li {
      display: inline-block;
      -moz-box-shadow: #3A3A3A 0 0 0 1px inset;
      -webkit-box-shadow: #3A3A3A 0 0 0 1px inset;
      box-shadow: #3A3A3A 0 0 0 1px inset;
      padding: 1.25em 1.5em;
      color: #3A3A3A;
      margin: 0;
      letter-spacing: -.15px;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
      cursor: pointer;
      font-weight: bold; }
      .main-pricing--controls ul li:nth-child(odd) {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px; }
      .main-pricing--controls ul li:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
      .main-pricing--controls ul li:hover, .main-pricing--controls ul li:active, .main-pricing--controls ul li.selected {
        background-color: #3A3A3A;
        color: #fff; }

.pricing-table-container {
  background-color: #F0F0F0; }

.pricing-table {
  max-width: 1020px;
  display: block; }
  .pricing-table .pricing-table-plan:first-child {
    margin-right: 3%; }
  .pricing-table .pricing-table-plan:last-child {
    margin-left: 3%; }
  .pricing-table .pricing-table-plan {
    border-radius: 5px;
    padding: 0 2em;
    text-align: center;
    max-width: 31%;
    background-color: #fff; }
    .pricing-table .pricing-table-plan .btn {
      width: 100%;
      padding: 1.6rem 0 1.5rem; }
    .pricing-table .pricing-table-plan .btn:last-of-type {
      margin-bottom: 2.2em; }
  .pricing-table .active {
    background-color: #CBE2CD;
    border-top: 27px solid #333;
    position: relative;
    top: -1.69em; }
    .pricing-table .active .plan-features {
      border-top: 1px solid #fff; }
      .pricing-table .active .plan-features > li {
        border-bottom: 1px solid #fff; }
  .pricing-table span {
    display: block; }
  .pricing-table .plan-name {
    font-size: 1.75em;
    font-weight: 600;
    line-height: 100%;
    padding-top: .4em; }
  .pricing-table .plan-most-popular {
    font-size: 0.81em;
    font-weight: 600;
    line-height: 100%;
    color: #fff;
    position: absolute;
    left: 0;
    top: -1.499em;
    width: 100%; }
  .pricing-table .plan-monthly {
    font-size: 2.5em;
    line-height: 140%; }
  .pricing-table .plan-annualy {
    font-size: 15px;
    font-weight: 400;
    color: #333;
    padding: 0.3em 0; }
  .pricing-table .plan-monthly-old {
    font-size: 1.2em;
    line-height: 140%;
    color: #999; }
  .pricing-table .plan-free-trial {
    font-size: 15px;
    font-weight: 800;
    color: #F49B6C;
    margin-bottom: 0.81em; }
  .pricing-table .plan-features {
    width: 100%;
    margin: 2.2em 0;
    list-style: none;
    border-top: 1px solid #DFDFD0; }
    .pricing-table .plan-features > li {
      padding: 0;
      border-bottom: 1px solid #DFDFD0;
      font-size: .9375em;
      display: table;
      width: 100%;
      height: 4.8rem; }
      .pricing-table .plan-features > li span, .pricing-table .plan-features > li a {
        display: table-cell;
        vertical-align: middle; }
        .pricing-table .plan-features > li span b, .pricing-table .plan-features > li a b {
          font-size: 2.5rem;
          display: block;
          font-weight: 300;
          padding: .2em 0; }
      .pricing-table .plan-features > li strong {
        display: block;
        font-size: 1.2rem;
        padding-bottom: .2em; }
      .pricing-table .plan-features > li a {
        color: #333333;
        font-weight: 600;
        text-decoration: underline;
        cursor: help; }
        .pricing-table .plan-features > li a:hover {
          color: #333333; }
      .pricing-table .plan-features > li:nth-child(1), .pricing-table .plan-features > li:nth-child(2) {
        font-size: 80%; }
    .pricing-table .plan-features .pricing-showfull {
      display: block !important; }
    .pricing-table .plan-features .pricing-hide {
      display: none; }

.pricing-groups {
  padding: 3.75rem 0; }
  .pricing-groups input[type=number]::-webkit-outer-spin-button, .pricing-groups input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .pricing-groups input[type=number] {
    -moz-appearance: textfield; }
  .pricing-groups header {
    text-align: center; }
    .pricing-groups header h2 {
      padding: 0 0 1.25rem 0; }
      .pricing-groups header h2 a {
        color: #333; }
    .pricing-groups header input {
      width: 37%; }
    .pricing-groups header .btn.btn-primary {
      padding: .93rem 2rem;
      display: inline-block;
      margin: 0 0 0 1.25em; }
  .pricing-groups main {
    margin: 3.75em 0; }
    .pricing-groups main .carrousel-content > div .slick-track {
      padding: 2em 0 0 0; }
    .pricing-groups main .carrousel-content > div .slick-center {
      background-color: #CBE2CD;
      border-radius: 5px;
      border-top: 27px solid #333333;
      position: relative;
      top: -1.69em;
      -moz-transition: background-color 0.3s ease, border-color 1s ease;
      -o-transition: background-color 0.3s ease, border-color 1s ease;
      -webkit-transition: background-color 0.3s ease, border-color 1s ease;
      transition: background-color 0.3s ease, border-color 1s ease; }
      .pricing-groups main .carrousel-content > div .slick-center hr {
        border-bottom: 1px solid #fff !important; }
    .pricing-groups main .carrousel-content > div .best-choice {
      font-size: 0.81em;
      font-weight: 600;
      line-height: 100%;
      color: #fff;
      position: absolute;
      left: 0;
      top: -1.499em;
      width: 100%; }
    .pricing-groups main .carrousel-content > div .pricing-table-plan {
      padding: 1.88em 4.31em 3.13em;
      text-align: center; }
      .pricing-groups main .carrousel-content > div .pricing-table-plan span {
        display: block; }
      .pricing-groups main .carrousel-content > div .pricing-table-plan hr {
        border-bottom: 1px solid #DFDFD0;
        margin: .8em 0; }
      .pricing-groups main .carrousel-content > div .pricing-table-plan .contact-us-plan a {
        color: #333;
        font-size: 0.78em; }
      .pricing-groups main .carrousel-content > div .pricing-table-plan .plan-name {
        font-size: 1.75rem;
        font-weight: 600;
        line-height: 1; }
      .pricing-groups main .carrousel-content > div .pricing-table-plan .plan-monthly {
        font-size: 2.2rem;
        font-weight: 200;
        line-height: 1; }
      .pricing-groups main .carrousel-content > div .pricing-table-plan .plan-annualy {
        font-size: 0.94rem;
        font-weight: 400;
        color: #333;
        padding: 0.3em 0; }
  .pricing-groups footer {
    text-align: center;
    padding: 0 20%; }
    .pricing-groups footer p a {
      color: #90C695; }
    .pricing-groups footer h1 {
      line-height: 1.2; }

.contact, .contact--integrations {
  width: 100%;
  text-align: center;
  background: #333;
  padding: 2.5em 0; }
  .contact .contact-phone, .contact--integrations .contact-phone {
    text-align: center;
    width: 100%; }
    .contact .contact-phone h4, .contact--integrations .contact-phone h4 {
      letter-spacing: 0;
      display: inline-block;
      color: #fff; }
      .contact .contact-phone h4 a, .contact--integrations .contact-phone h4 a {
        color: #90C695;
        font-weight: 600;
        display: inline-block; }

.contact--integrations {
  background: #F5F5F5; }
  .contact--integrations .contact-phone h4 {
    color: #333; }
    .contact--integrations .contact-phone h4 span {
      color: #47b0e2; }

.pricing-lets {
  padding-top: 5.5em;
  margin-bottom: -3.3%;
  background: #F0F0F0;
  height: 100%; }
  .pricing-lets .pricing-image {
    position: relative; }
    .pricing-lets .pricing-image .timer {
      position: absolute;
      width: 20.5%;
      left: 71%; }
    .pricing-lets .pricing-image .second {
      position: absolute;
      top: 21%;
      left: 49%;
      background: #FB2929;
      width: 2%;
      height: 27%;
      -moz-transform-origin: 50% bottom;
      -ms-transform-origin: 50% bottom;
      -webkit-transform-origin: 50% bottom;
      transform-origin: 50% bottom;
      animation: second 60s steps(60, end) infinite;
      -webkit-animation: second 60s steps(60, end) infinite;
      -o-animation: second 60s steps(60, end) infinite;
      -moz-animation: second 60s steps(60, end) infinite; }
    .pricing-lets .pricing-image .feature-img {
      padding-top: 12%; }

.pricing-description {
  margin-bottom: 3.8em; }
  .pricing-description .btn {
    margin-top: 1em; }

.pricing-features-list {
  padding-bottom: 4em; }

.pricing-feature-item {
  padding: 1em 1em 1.5em; }
  .pricing-feature-item [class*="icon-"] {
    width: 1.375em;
    height: 1.375em; }

.pricing-faq {
  background: #90C695;
  padding: 5.5em 0; }
  .pricing-faq .block-main-header {
    margin-bottom: 2em; }
  .pricing-faq h3 {
    color: #fff !important; }
  .pricing-faq h4 {
    font-weight: 600;
    margin-bottom: .75em; }
  .pricing-faq .pure-u-1, .pricing-faq .contact-profiles-list .contact-profile, .contact-profiles-list .pricing-faq .contact-profile, .pricing-faq .templates-pick-category .header-pick-category, .templates-pick-category .pricing-faq .header-pick-category, .pricing-faq .why-lander-testimonials .block-main-header, .why-lander-testimonials .pricing-faq .block-main-header {
    padding-right: 1em; }
  .pricing-faq ul {
    list-style-type: none; }
    .pricing-faq ul li {
      width: 45%;
      display: inline-block;
      vertical-align: top;
      list-style-type: none;
      margin-bottom: 15px; }
      .pricing-faq ul li p {
        display: inline-block;
        padding-left: 15px;
        margin: 0 0 1em 0; }
      .pricing-faq ul li:nth-child(2n-2) {
        margin-left: 50px; }
      .pricing-faq ul li.question-visible .question-answer {
        opacity: 1;
        height: auto;
        padding: .75em;
        display: block; }
    .pricing-faq ul .question-answer {
      padding: 0 .75em;
      background: rgba(255, 255, 255, 0.2);
      margin-top: 10px;
      line-height: 130%;
      display: block;
      width: 100%;
      height: 0;
      overflow: hidden;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
      opacity: 0.5;
      -moz-border-radius: 0.25em;
      -webkit-border-radius: 0.25em;
      border-radius: 0.25em;
      -moz-transition: all 0.1s ease;
      -o-transition: all 0.1s ease;
      -webkit-transition: all 0.1s ease;
      transition: all 0.1s ease; }
      .pricing-faq ul .question-answer a {
        color: #fff;
        font-weight: 600; }
  .pricing-faq .help-center {
    margin: 3em 0 0 0; }
  .pricing-faq a {
    color: #333; }

.terms-and-conditions {
  padding-bottom: 4.5em; }
  .terms-and-conditions ul {
    list-style-position: inside; }
  .terms-and-conditions li {
    line-height: 160%; }
  .terms-and-conditions a {
    color: #90C695; }

body.page-404 #main-content {
  height: auto; }
body.page-404 .error-container {
  height: 33em;
  background: url(../img/404.svg) left bottom -3px no-repeat transparent;
  background-size: 48% auto;
  width: 80%;
  margin: 0 auto; }
  body.page-404 .error-container .error-detail {
    width: 100%;
    padding-left: 35%;
    padding-top: 13%; }
    body.page-404 .error-container .error-detail h1 {
      font-size: 3.25em;
      color: #fff;
      font-weight: 700;
      line-height: 100%; }
    body.page-404 .error-container .error-detail p {
      font-size: 1.5em;
      font-weight: 300; }

.features-editor-animation, .features-abtest-animation {
  display: inline-table; }

img.wf01 {
  width: 30%;
  position: absolute;
  top: 23%;
  left: 20.5%;
  opacity: 0; }

img.wf02 {
  width: 30%;
  position: absolute;
  top: 41%;
  left: 20.5%;
  opacity: 0; }

img.wf03 {
  width: 30%;
  position: absolute;
  top: 68%;
  left: 20.5%;
  opacity: 0; }

img.wf04 {
  width: 68.2%;
  position: absolute;
  top: 18%;
  left: 1.7%;
  opacity: 0; }

div.nav-arrow {
  width: 4%;
  height: auto;
  position: absolute;
  -webkit-animation: arrow 8s infinite;
  animation: arrow 8s infinite; }
  div.nav-arrow img {
    width: 100%; }

@keyframes facebook-box-animation {
  0% {
    left: 17.4%;
    top: 77.2%; }
  100% {
    left: 24.85%;
    top: 77.2%; } }
@-webkit-keyframes facebook-box-animation {
  0% {
    left: 17.4%;
    top: 77.2%; }
  100% {
    left: 24.85%;
    top: 77.2%; } }
@-moz-keyframes facebook-box-animation {
  0% {
    left: 17.4%;
    top: 77.2%; }
  100% {
    left: 24.85%;
    top: 77.2%; } }
@-o-keyframes facebook-box-animation {
  0% {
    left: 17.4%;
    top: 77.2%; }
  100% {
    left: 24.85%;
    top: 77.2%; } }
@keyframes facebook-lineTop-animation {
  0% {
    left: 20%;
    top: 85.2%; }
  100% {
    left: 21%;
    top: 85.2%; } }
@-webkit-keyframes facebook-lineTop-animation {
  0% {
    left: 20%;
    top: 85.2%; }
  100% {
    left: 21%;
    top: 85.2%; } }
@-moz-keyframes facebook-lineTop-animation {
  0% {
    left: 20%;
    top: 85.2%; }
  100% {
    left: 21%;
    top: 85.2%; } }
@-o-keyframes facebook-lineTop-animation {
  0% {
    left: 20%;
    top: 85.2%; }
  100% {
    left: 21%;
    top: 85.2%; } }
@keyframes facebook-lineBottom-animation {
  0% {
    left: 21%;
    top: 89.6%; }
  100% {
    left: 20%;
    top: 89.6%; } }
@-webkit-keyframes facebook-lineBottom-animation {
  0% {
    left: 21%;
    top: 89.6%; }
  100% {
    left: 20%;
    top: 89.6%; } }
@-moz-keyframes facebook-lineBottom-animation {
  0% {
    left: 21%;
    top: 89.6%; }
  100% {
    left: 20%;
    top: 89.6%; } }
@-o-keyframes facebook-lineBottom-animation {
  0% {
    left: 21%;
    top: 89.6%; }
  100% {
    left: 20%;
    top: 89.6%; } }
@-webkit-keyframes arrow {
  0% {
    top: 9%;
    left: 12%; }
  15% {
    top: 23.5%;
    left: 74.5%; }
  16% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  18% {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  20% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  24% {
    top: 23.5%;
    left: 74.5%; }
  30% {
    top: 37.5%;
    left: 74.5%; }
  31% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  33% {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  35% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  40% {
    top: 37.5%;
    left: 74.5%; }
  46% {
    top: 51%;
    left: 74.5%; }
  47% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  49% {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  51% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  56% {
    top: 51%;
    left: 74.5%; }
  62% {
    top: 64.5%;
    left: 74.5%; }
  63% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  65% {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  67% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  71% {
    top: 64.5%;
    left: 74.5%; }
  80% {
    top: 9%;
    left: 12%; }
  81% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  83% {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  85% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    top: 9%;
    left: 12%; } }
@-moz-keyframes arrow {
  0% {
    top: 9%;
    left: 12%; }
  15% {
    top: 23.5%;
    left: 74.5%; }
  16% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  18% {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  20% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  24% {
    top: 23.5%;
    left: 74.5%; }
  30% {
    top: 37.5%;
    left: 74.5%; }
  31% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  33% {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  35% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  40% {
    top: 37.5%;
    left: 74.5%; }
  46% {
    top: 51%;
    left: 74.5%; }
  47% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  49% {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  51% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  56% {
    top: 51%;
    left: 74.5%; }
  62% {
    top: 64.5%;
    left: 74.5%; }
  63% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  65% {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  67% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  71% {
    top: 64.5%;
    left: 74.5%; }
  80% {
    top: 9%;
    left: 12%; }
  81% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  83% {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  85% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    top: 9%;
    left: 12%; } }
@-ms-keyframes arrow {
  0% {
    top: 9%;
    left: 12%; }
  15% {
    top: 23.5%;
    left: 74.5%; }
  16% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  18% {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  20% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  24% {
    top: 23.5%;
    left: 74.5%; }
  30% {
    top: 37.5%;
    left: 74.5%; }
  31% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  33% {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  35% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  40% {
    top: 37.5%;
    left: 74.5%; }
  46% {
    top: 51%;
    left: 74.5%; }
  47% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  49% {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  51% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  56% {
    top: 51%;
    left: 74.5%; }
  62% {
    top: 64.5%;
    left: 74.5%; }
  63% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  65% {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  67% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  71% {
    top: 64.5%;
    left: 74.5%; }
  80% {
    top: 9%;
    left: 12%; }
  81% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  83% {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  85% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    top: 9%;
    left: 12%; } }
@keyframes arrow {
  0% {
    top: 10%;
    left: 13%; }
  15% {
    top: 23.5%;
    left: 72%; }
  16% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  18% {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  20% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  24% {
    top: 23.5%;
    left: 72%; }
  30% {
    top: 37.5%;
    left: 72%; }
  31% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  33% {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  35% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  40% {
    top: 37.5%;
    left: 72%; }
  46% {
    top: 51%;
    left: 72%; }
  47% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  49% {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  51% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  56% {
    top: 51%;
    left: 72%; }
  62% {
    top: 64.5%;
    left: 72%; }
  63% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  65% {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  67% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  71% {
    top: 64.5%;
    left: 72%; }
  80% {
    top: 10%;
    left: 13%; }
  81% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  83% {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  85% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    top: 10%;
    left: 13%; } }
@-webkit-keyframes wireframe01 {
  15% {
    opacity: 0; }
  23% {
    opacity: 1; }
  85% {
    opacity: 1; } }
@-moz-keyframes wireframe01 {
  15% {
    opacity: 0; }
  23% {
    opacity: 1; }
  85% {
    opacity: 1; } }
@-ms-keyframes wireframe01 {
  15% {
    opacity: 0; }
  23% {
    opacity: 1; }
  85% {
    opacity: 1; } }
@keyframes wireframe01 {
  15% {
    opacity: 0; }
  23% {
    opacity: 1; }
  85% {
    opacity: 1; } }
@-webkit-keyframes wireframe02 {
  31% {
    opacity: 0; }
  39% {
    opacity: 1; }
  85% {
    opacity: 1; } }
@-moz-keyframes wireframe02 {
  31% {
    opacity: 0; }
  39% {
    opacity: 1; }
  85% {
    opacity: 1; } }
@-ms-keyframes wireframe02 {
  31% {
    opacity: 0; }
  39% {
    opacity: 1; }
  85% {
    opacity: 1; } }
@keyframes wireframe02 {
  31% {
    opacity: 0; }
  39% {
    opacity: 1; }
  85% {
    opacity: 1; } }
@-webkit-keyframes wireframe03 {
  47% {
    opacity: 0; }
  55% {
    opacity: 1; }
  85% {
    opacity: 1; } }
@-moz-keyframes wireframe03 {
  47% {
    opacity: 0; }
  55% {
    opacity: 1; }
  85% {
    opacity: 1; } }
@-ms-keyframes wireframe03 {
  47% {
    opacity: 0; }
  55% {
    opacity: 1; }
  85% {
    opacity: 1; } }
@keyframes wireframe03 {
  47% {
    opacity: 0; }
  55% {
    opacity: 1; }
  85% {
    opacity: 1; } }
@-webkit-keyframes wireframe04 {
  63% {
    opacity: 0; }
  71% {
    opacity: 1; }
  85% {
    opacity: 1; } }
@-moz-keyframes wireframe04 {
  63% {
    opacity: 0; }
  71% {
    opacity: 1; }
  85% {
    opacity: 1; } }
@-ms-keyframes wireframe04 {
  63% {
    opacity: 0; }
  71% {
    opacity: 1; }
  85% {
    opacity: 1; } }
@keyframes wireframe04 {
  63% {
    opacity: 0; }
  71% {
    opacity: 1; }
  85% {
    opacity: 1; } }
img.wf01 {
  -webkit-animation: wireframe01 8s infinite;
  /* Chrome, Safari, Opera */
  animation: wireframe01 8s infinite; }

img.wf02 {
  -webkit-animation: wireframe02 8s infinite;
  /* Chrome, Safari, Opera */
  animation: wireframe02 8s infinite; }

img.wf03 {
  -webkit-animation: wireframe03 8s infinite;
  /* Chrome, Safari, Opera */
  animation: wireframe03 8s infinite; }

img.wf04 {
  -webkit-animation: wireframe04 8s infinite;
  /* Chrome, Safari, Opera */
  animation: wireframe04 8s infinite; }

/* ==================================================================================================================== */
/*      04 - Header, main menu.                                                                                         */
/* ==================================================================================================================== */


.header--integrations {
  height: 8em !important; }

.header-hide-description {
  display: none !important; }






.header-section {
  text-align: center;
  padding-top: 9em;
  line-height: 3.4em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  .header-section h1 {
    font-size: 6.25em;
    text-transform: uppercase;
    color: #fff; }
    .header-section h1.h1--custom {
      font-size: 6.25em; }
  .header-section p {
    font-weight: 400;
    font-size: 1.5em; }

.header-visible {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s; }

.mobile-nav-holder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 910;
  background: rgba(21, 149, 210, 0.9) url(../img/bg-texture-2.png);
  visibility: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -moz-transition: opacity 0.5s, visibility 0.2s;
  -o-transition: opacity 0.5s, visibility 0.2s;
  -webkit-transition: opacity 0.5s, visibility 0.2s;
  transition: opacity 0.5s, visibility 0.2s;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -moz-radial-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: -webkit-radial-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: radial-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  height: 100vh; }
  .mobile-nav-holder .wrapper, .mobile-nav-holder .main-pricing--counter, .mobile-nav-holder .pricing-table {
    padding-top: 2.6em; }
  .mobile-nav-holder .btn {
    top: -5px;
    float: right; }
  .mobile-nav-holder .mobile-nav {
    width: 100%;
    text-align: center;
    padding-top: 15%; }
    .mobile-nav-holder .mobile-nav a {
      display: block;
      font-size: 5em;
      text-transform: uppercase;
      font-weight: 600;
      line-height: 100%;
      padding: 1rem 0;
      color: #fff; }

body.mobile-nav-open .mobile-nav-holder {
  visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }

/* ==================================================================================================================== */
/*      05- Footer.                                                                                                    */
/* ==================================================================================================================== */
#main-footer {
  background: #333; }
  #main-footer p {
    margin: 0;
    line-height: inherit;
    font-size: 1em; }
  #main-footer li a:not(.btn), #main-footer a.footer-by, #main-footer p {
    color: rgba(255, 255, 255, 0.6); }
  #main-footer .phone-number-container {
    display: none; }

.pre-footer {
  min-height: 14.0625em;
  background: #404040;
  padding: 2.5em 0; }
  .pre-footer .btn {
    margin: 1.7em 0; }
  .pre-footer li {
    line-height: 1.6rem; }

.footer-copyright {
  line-height: 4.7em; }

.footer-socialmedia {
  margin-top: .5em; }
  .footer-socialmedia a[class*="icon-"] {
    font-size: 130%;
    margin-right: .4rem; }
  .footer-socialmedia li {
    display: block; }
  .footer-socialmedia li.socialmedia-icons {
    margin: .3em 0 0 -.3em; }

.footer-list-header {
  color: #fff;
  font-weight: 400; }

.footer-by img {
  display: inline-block;
  vertical-align: middle;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease; }
  .footer-by img:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease; }

/* ==================================================================================================================== */
/*      06 - Slick Slider.                                                                                             */
/* ==================================================================================================================== */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-loading .slick-list {
    background: #fff url('../img/ajax-loader.gif') center center no-repeat; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  padding: 0; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  /* width: 2.38% !important; */
  float: left;
  height: 100%;
  min-height: 1px;
  padding: 0 .3em;
  border-color: rgba(51, 51, 51, 0);
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url('../fonts/slick.html');
  src: url('../fonts/slickd41d.html?#iefix') format("embedded-opentype"), url('../fonts/slick-2.html') format("woff"), url('../fonts/slick-3.html') format("truetype"), url('../fonts/slick-4.html#slick') format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 25px;
  width: 25px;
  cursor: pointer;
  top: 50%;
  margin-top: -10px;
  padding: 0; }
  .slick-prev:hover,
  .slick-next:hover {
    opacity: .8; }

.slick-prev {
  left: 6%;
  background: url("../img/pricing/arrow-price.svg") center no-repeat;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-perspective: 900000px;
  perspective: 900000px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: 6%; }

.slick-next {
  right: 6%;
  background: url("../img/pricing/arrow-price.svg") center no-repeat; }
  [dir="rtl"] .slick-next {
    left: 6%;
    right: auto; }

/* Dots */
.slick-dots {
  position: absolute;
  bottom: -35px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0;
      font-size: 0;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 50px;
        line-height: 20px;
        text-align: center;
        color: #47b0e2;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: #47b0e2;
      opacity: 0.75; }

/* ==================================================================================================================== */
/*      07 - Tooltip.                                                                                             */
/* ==================================================================================================================== */
.tooltips {
  position: relative;
  display: inline; }

.tooltips span {
  cursor: default;
  position: absolute;
  font-size: 0.94rem;
  font-weight: 400;
  color: #FFFFFF;
  background: #333333;
  text-align: left;
  visibility: hidden;
  opacity: 0;
  border-radius: 5px;
  width: 12.5em;
  padding: 1rem 1.38rem !important;
  line-height: 1.6; }

.tooltips span ul {
  list-style: none; }

.tooltips span ul li {
  color: #9F9F9F;
  font-weight: 200;
  border-bottom: 0 !important; }

a:hover.tooltips span {
  -moz-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  -webkit-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
  visibility: visible;
  opacity: 1;
  z-index: 999; }

/* ==================================================================================================================== */
/*      08 - Integrations.                                                                                   */
/* ==================================================================================================================== */
.header-integration--height {
  height: 8em !important; }

.hr--integrations {
  width: 30%;
  height: 45px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 3em;
  display: none; }

.inner-integration {
  padding-bottom: 5.5em; }
  .inner-integration .block-main-header img {
    padding: 0 0 1em 0; }
  .inner-integration .block-main-header h1 {
    font-size: 3.5em;
    font-weight: 300;
    line-height: 120%; }
  .inner-integration .block-main-header h3 a {
    color: #5BB5DE; }
    .inner-integration .block-main-header h3 a:hover {
      color: #31a2d5; }
  .inner-integration .block-main-header .vr-fontsize--h1 {
    font-size: 3em; }
  .inner-integration p {
    font-size: 135%;
    margin-bottom: 0; }
  .inner-integration .vr-fontsize--p {
    font-size: 125%; }

.integration-detail {
  padding-bottom: 5em; }
  .integration-detail aside {
    position: relative; }

.integration-description p {
  margin-top: 0; }
.integration-description a {
  color: #5BB5DE; }
  .integration-description a:hover {
    color: #31a2d5; }
.integration-description ul {
  padding: 0 0 1em 1.3em; }
  .integration-description ul li {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.6; }

.integration-similar {
  background: #F5F5F5;
  padding: 3em 0 0 0; }

.integration--cta {
  padding-top: 4em; }
  .integration--cta .btn-lxlarge {
    width: 49%; }

.template-holder--integrations {
  border: 1px solid #CFCFCF;
  background: url(../img/integrations_browser-nav.svg) 0 0 no-repeat;
  padding: 17px 0 0 0 !important;
  overflow: hidden;
  position: relative;
  -moz-border-radius: 0.4em 0.4em 0 0;
  -webkit-border-radius: 0.4em;
  border-radius: 0.4em 0.4em 0 0; }

/* ==================================================================================================================== */
/*      09 - Resources.                                                                                             */
/* ==================================================================================================================== */
.section-resources__controls {
  width: 100%;
  background-color: #FFFFFF;
  padding: 0 10px;
  text-align: center;
  border: 1px solid #CCCCCC;
  border-top: 0;
  border-left: 0;
  border-right: 0; }
  .section-resources__controls nav {
    margin: 0 auto; }
  .section-resources__controls ul {
    list-style-type: none;
    display: inline-block;
    padding-left: 2.5rem;
    letter-spacing: -5px; }
    .section-resources__controls ul li {
      font-size: 1em;
      height: 90px;
      font-weight: 500;
      color: #AAAAAA;
      display: inline-block;
      padding: 2.20em 1.56em;
      margin: 0 2em;
      letter-spacing: -.15px;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
      cursor: pointer;
      font-weight: bold; }
      .section-resources__controls ul li:hover, .section-resources__controls ul li:active, .section-resources__controls ul li.selected, .section-resources__controls ul li.active {
        background-color: #ffffff;
        border-bottom: 4px solid #F39A6C;
        color: #F39A6C;
        box-shadow: 0 1px 0px #F39A6C; }

.resources__gap {
  max-width: 330px;
  margin: 0 auto 2.81em;
  position: relative; }

#resources-container {
  overflow: hidden;
  padding: 4.5em 0;
  text-align: justify; }
  #resources-container:after {
    content: '';
    display: inline-block;
    width: 100%; }

.resources__element--shadow {
  box-shadow: 0px 0px 5px 2px #ccc; }

.resources__element {
  max-width: 330px;
  margin: 0 auto 2.81em;
  position: relative;
  text-align: left;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: none; }
  .resources__element img {
    overflow: hidden;
    max-height: 368px;
    display: block;
    border-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .resources__element .img__video {
    position: absolute;
    max-height: 215px; }
  .resources__element img + .resources__element__download:hover {
    opacity: 1; }
  .resources__element header {
    padding: 1.70em 1.25em;
    border-top: 1px solid #ccc; }
    .resources__element header h1 {
      font-size: 1.63em;
      line-height: 1.1;
      color: #525252; }
      .resources__element header h1 span {
        font-size: 0.69rem;
        font-weight: bold;
        background-color: #F49B6C;
        color: #fff;
        padding: .3em .6em;
        border-radius: .3em;
        vertical-align: middle; }
        .resources__element header h1 span::selection {
          color: #fff;
          background: transparent; }
    .resources__element header p {
      font-size: .88em;
      line-height: 1.4;
      color: #878787; }
  .resources__element footer {
    padding: 0 1.25em 2em 1.25em; }
    .resources__element footer p {
      font-size: 80%;
      margin: 0;
      float: left;
      color: #AAAAAA; }
    .resources__element footer ul {
      list-style-type: none;
      float: right; }
      .resources__element footer ul .icon-twitter {
        color: #78CCF0; }
      .resources__element footer ul .icon-facebook {
        color: #547BBD; }
      .resources__element footer ul li {
        display: inline-block;
        cursor: pointer;
        -moz-transition: all 0.15s ease;
        -o-transition: all 0.15s ease;
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease; }
        .resources__element footer ul li:hover {
          color: #F49A69; }
  .resources__element iframe {
    vertical-align: top; }
  .resources__element .resources__element__form,
  .resources__element .resources__element__shares,
  .resources__element .resources__element__download {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 368px;
    opacity: 0;
    border-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: rgba(244, 155, 108, 0.95);
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in; }
  .resources__element .resources__element__video {
    position: relative;
    width: 100%;
    height: 215px;
    border-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: rgba(51, 51, 51, 0.85);
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in; }
    .resources__element .resources__element__video:hover {
      background: rgba(244, 155, 108, 0.75); }
      .resources__element .resources__element__video:hover .btn__play {
        background-color: white; }
        .resources__element .resources__element__video:hover .btn__play:before {
          border-color: transparent transparent transparent #F49B6C; }
    .resources__element .resources__element__video .btn__play {
      width: 60px;
      height: 60px;
      background-color: #ee986b;
      display: block;
      border-radius: 9999px;
      border: 2px solid #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -moz-transition: all 0.15s ease-in;
      -o-transition: all 0.15s ease-in;
      -webkit-transition: all 0.15s ease-in;
      transition: all 0.15s ease-in; }
      .resources__element .resources__element__video .btn__play:before {
        content: ' ';
        position: absolute;
        border-style: solid;
        top: 50%;
        left: 55%;
        -moz-transform: translate(-55%, -50%);
        -ms-transform: translate(-55%, -50%);
        -webkit-transform: translate(-55%, -50%);
        transform: translate(-55%, -50%);
        border-width: 10px 0 10px 17px;
        border-color: transparent transparent transparent #fff; }
  .resources__element .resources__element__download > .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .resources__element .resources__element__form, .resources__element .resources__element__shares {
    padding: 3.44em;
    visibility: hidden;
    text-align: center; }
    .resources__element .resources__element__form.resources__element__form--suggest, .resources__element .resources__element__shares.resources__element__form--suggest {
      padding: 1.7em 3em; }
      .resources__element .resources__element__form.resources__element__form--suggest h3, .resources__element .resources__element__shares.resources__element__form--suggest h3 {
        padding: 0 0 .75em 0; }
      .resources__element .resources__element__form.resources__element__form--suggest input, .resources__element .resources__element__shares.resources__element__form--suggest input {
        margin-bottom: 8px; }
      .resources__element .resources__element__form.resources__element__form--suggest .btn, .resources__element .resources__element__shares.resources__element__form--suggest .btn {
        margin-top: 8px; }
    .resources__element .resources__element__form h3, .resources__element .resources__element__shares h3 {
      padding: .7em 0;
      color: #ffffff;
      font-weight: bold;
      font-size: 1.63em;
      line-height: 1.1; }
    .resources__element .resources__element__form ul, .resources__element .resources__element__shares ul {
      list-style-type: none; }
      .resources__element .resources__element__form ul li, .resources__element .resources__element__shares ul li {
        font-size: 24px;
        display: inline-block;
        color: #FFF;
        cursor: pointer;
        -moz-transition: all 0.15s ease;
        -o-transition: all 0.15s ease;
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease; }
        .resources__element .resources__element__form ul li:hover, .resources__element .resources__element__shares ul li:hover {
          color: #e6e6e6; }
    .resources__element .resources__element__form button, .resources__element .resources__element__shares button {
      width: 100%; }
    .resources__element .resources__element__form .btn-bright, .resources__element .resources__element__shares .btn-bright {
      padding: 1.3rem 3.3rem; }
    .resources__element .resources__element__form .input-holder ::-webkit-input-placeholder, .resources__element .resources__element__shares .input-holder ::-webkit-input-placeholder {
      color: #555555;
      font-style: italic; }
    .resources__element .resources__element__form .input-holder :-moz-placeholder, .resources__element .resources__element__shares .input-holder :-moz-placeholder {
      color: #555555;
      font-style: italic; }
    .resources__element .resources__element__form .input-holder ::-moz-placeholder, .resources__element .resources__element__shares .input-holder ::-moz-placeholder {
      color: #555555;
      font-style: italic; }
    .resources__element .resources__element__form .input-holder :-ms-input-placeholder, .resources__element .resources__element__shares .input-holder :-ms-input-placeholder {
      color: #555555;
      font-style: italic; }
    .resources__element .resources__element__form .input-holder input, .resources__element .resources__element__form .input-holder textarea, .resources__element .resources__element__shares .input-holder input, .resources__element .resources__element__shares .input-holder textarea {
      border: 1px solid #fff;
      background-color: rgba(255, 255, 255, 0.5);
      color: #555555;
      padding: .9rem .8rem;
      font-size: 15px; }
    .resources__element .resources__element__form .input-holder label, .resources__element .resources__element__shares .input-holder label {
      text-align: left;
      color: #fff; }
    .resources__element .resources__element__form .input-error ::-webkit-input-placeholder, .resources__element .resources__element__shares .input-error ::-webkit-input-placeholder {
      color: #A2444E;
      font-style: italic; }
    .resources__element .resources__element__form .input-error :-moz-placeholder, .resources__element .resources__element__shares .input-error :-moz-placeholder {
      color: #A2444E;
      font-style: italic; }
    .resources__element .resources__element__form .input-error ::-moz-placeholder, .resources__element .resources__element__shares .input-error ::-moz-placeholder {
      color: #A2444E;
      font-style: italic; }
    .resources__element .resources__element__form .input-error :-ms-input-placeholder, .resources__element .resources__element__shares .input-error :-ms-input-placeholder {
      color: #A2444E;
      font-style: italic; }
    .resources__element .resources__element__form .input-error input,
    .resources__element .resources__element__form .input-error textarea, .resources__element .resources__element__shares .input-error input,
    .resources__element .resources__element__shares .input-error textarea {
      border-color: #A2444E; }
    .resources__element .resources__element__form .input-error label, .resources__element .resources__element__shares .input-error label {
      color: #A2444E; }
    .resources__element .resources__element__form .input-active label,
    .resources__element .resources__element__form .input-error label, .resources__element .resources__element__shares .input-active label,
    .resources__element .resources__element__shares .input-error label {
      padding-top: 0;
      line-height: 2.7em;
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1;
      font-weight: 600; }
    .resources__element .resources__element__form span, .resources__element .resources__element__shares span {
      content: 'X';
      position: absolute;
      right: 4%;
      top: 3.5%;
      font-size: 22px;
      color: #fff;
      font-weight: bold;
      cursor: pointer; }
    .resources__element .resources__element__form input:-webkit-autofill, .resources__element .resources__element__shares input:-webkit-autofill {
      background-color: #fff; }
  .resources__element .resources__element--hover {
    opacity: 1; }
  .resources__element:hover {
    box-shadow: 0px 0px 5px 2px #ccc; }

.resources-are-you-ready {
  background-color: #F49A69 !important; }

/* ==================================================================================================================== */
/*      13 - Custom Templates.                                                                                             */
/* ==================================================================================================================== */
.custom-template {
  padding-bottom: 3.75em; }
  .custom-template span {
    display: block;
    padding-top: 1.8em; }

.p-custom--padding {
  padding: 0 18%; }

.custom-template-features {
  background-color: #F5F5F5;
  padding: 3.75em 0; }
  .custom-template-features .ct-features_list {
    list-style: none;
    padding: 3.5em 0 1em 0; }
  .custom-template-features .ct-features_item {
    text-align: left;
    padding: 1em 1em 4em; }
    .custom-template-features .ct-features_item .ct-features_item--content {
      vertical-align: middle;
      padding: 0 0 0 2em;
      display: inline-block;
      width: 65%; }
      .custom-template-features .ct-features_item .ct-features_item--content h3 {
        font-size: 1.75em;
        font-weight: 300; }
      .custom-template-features .ct-features_item .ct-features_item--content p {
        font-size: 0.94em;
        margin: 0;
        padding: .5em 0 0 0; }
    .custom-template-features .ct-features_item img {
      display: inline-block;
      max-width: 25%;
      vertical-align: middle; }

/* ==================================================================================================================== */
/*      10 - Media queries.                                                                                             */
/* ==================================================================================================================== */
/**
 *
 * Define breakpoints,
 * for responsive behavior.
 *
**/
/* ==================================================================================================================== */
/*      LARGE SCREENS BREAKPOINTS.             	                                                                        */
/* ==================================================================================================================== */
@media screen and (max-width: 1200px) {
  /* TEAM */
  .team-vip .team-vip-person .team-vip-name {
    font-size: 140%; }

  .main-pricing--counter h2 {
    font-size: 380%; }
  .main-pricing--counter h4 {
    font-size: 100%; }
  .main-pricing--counter div.pricing-counter-box:last-child {
    padding: 0 1em; } }
@media screen and (max-width: 1100px) {
  /* TEMPLATES */
  .template-info {
    padding-top: 2%; }
    .template-info header {
      font-size: 70%; }

  .badge-template-picker {
    margin-right: .2em; } }
/* ==================================================================================================================== */
/*      TABLETS BREAKPOINT.                   	                                                                        */
/* ==================================================================================================================== */
@media screen and (max-width: 1024px) and (orientation: landscape) {
  .mobile-nav-holder .mobile-nav a {
    display: block;
    font-size: 4em;
    padding: .5rem 0; }

  .template-holder {
    height: 338px; }

  .template-actions {
    padding-top: 0;
    width: 50%; }
    .template-actions .btn {
      margin-bottom: 0; } }
@media screen and (max-width: 1024px) {
  .p-custom--padding {
    padding: 0 15%; }

  .hide--block {
    display: none !important; }

  .carrousel-content .slick-list {
    width: 75%;
    margin: 0 auto; }

  .wrapper, .main-pricing--counter, .pricing-table {
    max-width: 60em;
    padding-left: 20px;
    padding-right: 20px; }

  #main-header, body.page-home, body.page-404, body.page-sign-up {
    height: 21.875em; }

  .main-nav {
    display: none; }

  .header-actions .mobile-nav-toggler {
    display: inline-block; }

  .header-section {
    font-size: 80%;
    padding-top: 9em; }
    .header-section p {
      font-size: 160%; }

  .block-main-header {
    font-size: 90%; }
    .block-main-header:not(.header-regular) h3 {
      font-size: 105%;
      margin: 0 0 1em 0; }

  .header-actions {
    padding: .5rem 0 0 0; }

  /* RESOURCES */
  .section-resources__controls ul li {
    height: 70px;
    padding: 1.7em 1.06em; }

  .resources__element {
    max-width: 300px; }
    .resources__element .resources__element__form,
    .resources__element .resources__element__shares,
    .resources__element .resources__element__download {
      height: 334px; }

  /* FEATURES */
  .integration-list {
    padding-top: 2.5em; }

  .integration-item, .integration-item--inner {
    width: 50%; }

  .features-detail .feature-image {
    margin-top: 1em; }

  .feature-tests .feature-description {
    text-align: left; }

  .features-integrations .integration-item, .home--are-you-ready .integration-item, .features-are-you-ready .integration-item, .templates-are-you-ready .integration-item, .team-are-you-ready .integration-item, .why-lander-are-you-ready .integration-item, .resources-are-you-ready .integration-item {
    font-size: 80%; }

  .features-integrations footer p, .home--are-you-ready footer p, .features-are-you-ready footer p, .templates-are-you-ready footer p, .team-are-you-ready footer p, .why-lander-are-you-ready footer p, .resources-are-you-ready footer p {
    padding: 0 5em; }

  .features-list, .pricing-features {
    padding-top: 2.5em; }

  .feature-item, .contact-connect-item, .pricing-feature-item {
    width: 50%; }
    .feature-item p, .contact-connect-item p, .pricing-feature-item p {
      margin-top: .5em; }

  .features-are-you-ready .btn:first-of-type, .templates-are-you-ready .btn:first-of-type, .team-are-you-ready .btn:first-of-type, .why-lander-are-you-ready .btn:first-of-type, .resources-are-you-ready .btn:first-of-type {
    margin-bottom: 1.5em; }

  /* WHY LANDER */
  .why-lander-testimonials .testimonial-block {
    width: 50%; }

  .testimonial-block:last-of-type .testimonial-avatar {
    left: 0; }

  .testimonial-text {
    padding-right: 20px; }

  /* TEAM */
  body.page-team #main-header .wrapper, body.page-team body.page-home .wrapper, body.page-team body.page-404 .wrapper, body.page-team body.page-sign-up .wrapper, body.page-team #main-header .main-pricing--counter, body.page-team body.page-home .main-pricing--counter, body.page-team body.page-404 .main-pricing--counter, body.page-team body.page-sign-up .main-pricing--counter, body.page-team #main-header .pricing-table, body.page-team body.page-home .pricing-table, body.page-team body.page-404 .pricing-table, body.page-team body.page-sign-up .pricing-table {
    background-position: bottom 5em center; }

  .team-vip {
    height: 5em; }
    .team-vip .team-vip-person {
      font-size: 70%;
      padding-right: 0; }
      .team-vip .team-vip-person .team-vip-position {
        font-size: 12px; }

  /* PRICING */
  .pricing-groups footer {
    padding: 0; }

  .main-pricing--counter h2 {
    font-size: 300%; }
  .main-pricing--counter h4 {
    font-size: 80%; }
  .main-pricing--counter div.pricing-counter-box:last-child {
    padding: 0 1em; }

  /* CONTACT */
  .contact-connect-item {
    width: 100%; }

  /* 404 */
  body.page-404 .error-container {
    height: 33em;
    background: url(../img/404.svg) left bottom -3px no-repeat transparent;
    background-size: 300px auto; }
    body.page-404 .error-container .error-detail {
      width: 100%;
      padding-left: 0;
      padding-top: 80px;
      text-align: center; } }
@media screen and (max-width: 960px) {
  /* RESOURCES */
  .section-resources__controls ul li {
    margin: 0 1em;
    font-size: 90%; }

  .template-actions {
    width: 100%;
    padding: 2em 0 2em 0; }

  .resources__element {
    width: 49.969%;
    max-width: 330px; }
    .resources__element .resources__element__form,
    .resources__element .resources__element__shares,
    .resources__element .resources__element__download {
      height: 368px; } }
@media screen and (max-width: 1023px) {
  /* TEMPLATES */
  .templates-pick-template {
    margin-top: 0; }

  .template-holder,
  .template-info {
    width: 100%; }

  .template-holder {
    max-width: 512px;
    margin: 0 auto;
    display: block;
    height: 338px; }

  .badge-template-picker {
    margin-right: 1.2em; }

  .template-info {
    text-align: center;
    margin-bottom: 2em; }
    .template-info header,
    .template-info p {
      display: none; }

  .templates-meet-team {
    text-align: center; }
    .templates-meet-team .wrapper p, .templates-meet-team .main-pricing--counter p, .templates-meet-team .pricing-table p {
      max-width: 100%; } }
/* ==================================================================================================================== */
/*      TABLETS: PORTRAIT BREAKPOINT.		 	                                                                        */
/* ==================================================================================================================== */
@media screen and (max-width: 800px) {
  .p-custom--padding {
    padding: 0 10%; }

  .header-section h1.h1--custom {
    font-size: 5.25em; }

  .home-preloader {
    display: none; }

  .pure-hidden-desktop {
    display: block; }

  .pure-hidden-mobile {
    display: none; }

  .hr--integrations {
    display: block; }

  .wrapper, .main-pricing--counter, .pricing-table {
    max-width: 50em; }

  .dual-blocks > [class*="pure-u-"] {
    width: 100%;
    padding: 0 !important; }

  .margin-right, .margin-left {
    margin: 0; }

  /* HOME */
  .section-home--old .header-section {
    padding-top: 7em; }

  /* RESOURCES */
  .main-pricing--counter h2 {
    font-size: 250%; }
  .main-pricing--counter h4 {
    font-size: 70%; }

  .section-resources__controls ul li {
    margin: 0;
    font-size: 80%; }

  .resources__element {
    width: 100%;
    max-width: 330px; }

  .custom-template-features .ct-features_item {
    padding: 1em 1em 2em;
    width: 100%; }
    .custom-template-features .ct-features_item .ct-features_item--content {
      width: 80%; }
      .custom-template-features .ct-features_item .ct-features_item--content h3 {
        font-size: 1.50em; }
    .custom-template-features .ct-features_item img {
      max-width: 15%; }

  /* INNER INTEGRATIONS */
  .integration-description {
    margin-bottom: 2em; }

  .inner-integration {
    padding-bottom: 0; }

  /* FOOTER */
  .pre-footer {
    padding-bottom: 1em; }
    .pre-footer [class*="pure-u-"] {
      width: 100%; }
    .pre-footer ul {
      text-align: center;
      font-size: 90% !important;
      margin-bottom: 2em; }
      .pre-footer ul:last-of-type {
        margin-bottom: 0; }
    .pre-footer li:not(.footer-list-header) {
      display: inline-block;
      width: auto;
      padding: 0 .6em; }

  .footer-socialmedia {
    margin-top: 2em; }
    .footer-socialmedia li.socialmedia-icons {
      margin-left: .3em;
      font-size: 240%;
      padding: 0; }

  .footer-try-lander {
    display: none; }

  .phone-number-container {
    display: inline-block !important; }
    .phone-number-container p {
      margin-top: 0 !important; }

  #main-footer p {
    line-height: 1.2em;
    font-size: 90%;
    margin-top: 2em; }
  #main-footer a.footer-by, #main-footer p {
    width: 100%;
    text-align: center; }

  /* WHY LANDER */
  .why-lander-what .pure-u-1-2, .why-lander-what .input-row-half .input-holder, .input-row-half .why-lander-what .input-holder, .why-lander-what .custom-template-features .ct-features_item, .custom-template-features .why-lander-what .ct-features_item {
    width: 100%; }

  .why-lander-easy-to-use {
    padding: 0; }

  .why-lander-timeline {
    display: none; }

  .why-lander-testimonials {
    padding-top: 4em; }
    .why-lander-testimonials .block-main-header {
      margin-bottom: 2em; }

  .testimonial-block:first-of-type {
    margin-bottom: 4em; }

  .testimonial-text {
    padding-right: 0; }

  .testimonial-graphic {
    margin-top: 1em; }

  /* TEMPLATES */
  .templates-meet-team {
    min-height: 38em;
    height: auto; }
    .templates-meet-team .wrapper, .templates-meet-team .main-pricing--counter, .templates-meet-team .pricing-table {
      height: 44em; }

  .template-actions {
    padding-top: 5%;
    width: 100%; }
    .template-actions .btn {
      margin-bottom: 5%; }

  .dual-blocks > [class*="pure-u-"].template-holder {
    padding: 17px 0 0 0 !important; }

  .why-lander-trust .trust-icon {
    width: 22%; }

  /* TEAM */
  .team-member {
    width: 25%; }

  .team-join-us {
    background: none; }

  .team-join-us .dual-blocks {
    padding: 0; }
    .team-join-us .dual-blocks > [class*="pure-u-"] {
      text-align: center; }
      .team-join-us .dual-blocks > [class*="pure-u-"]:first-child {
        background: #ADDAEE; }
      .team-join-us .dual-blocks > [class*="pure-u-"]:last-child {
        background: #47b0e2; }
      .team-join-us .dual-blocks > [class*="pure-u-"] .team-send-message {
        right: 0 !important;
        left: 0 !important;
        margin: auto; }

  .team-join-us-text {
    padding: 22% 0;
    font-size: 90%; }

  .team-vip .team-vip-person {
    height: 100%;
    padding: 2em 0; }

  /* CONTACT */
  .contact-customer-support {
    margin-top: 5em;
    margin-bottom: 2em; }

  .contact-profiles-list .contact-profile,
  .contact-connect-item {
    width: 50%; }

  /* PRICING */
  .pricing-table .pricing-table-plan {
    padding: 0 1em; }
  .pricing-table .plan-monthly {
    font-size: 1.7em; }
    .pricing-table .plan-monthly a {
      color: #333;
      font-size: 0.78em; }

  /* FEATURES */
  .features-detail .feature-image {
    margin: 0; }

  .feature-facebook {
    padding-top: 4.5em; } }
@media screen and (max-width: 800px) and (orientation: landscape) {
  .mobile-nav-holder .mobile-nav a {
    display: block;
    font-size: 3em;
    padding: .5rem 0; }

  .section-home--old {
    background: none; } }
@media screen and (max-width: 799px) {
  /* TEAM */


  .team-vip {
    height: auto; }
    .team-vip .wrapper, .team-vip .main-pricing--counter, .team-vip .pricing-table {
      padding: 0; }
    .team-vip .team-vip-person {
      width: 100%;
      text-align: center; }

  .team-member .team-member-badge .team-member-name {
    font-size: 16px; }
  .team-member .team-member-badge .team-member-position {
    font-size: 11px; } }
/* ==================================================================================================================== */
/*      PHONES BREAKPOINT.         					                                                                    */
/* ==================================================================================================================== */
@media screen and (min-width: 601px) {
  .phone-version-templates {
    display: none; } }
@media screen and (max-width: 600px) {


  .pure-hidden-phone {
    display: none; }

  .ribbon--wrapper {
    display: none; }

  /* HOME */
  .section-home--old .header-section {
    padding-top: 4em; }
    .section-home--old .header-section h1 {
      font-size: 5em; }
    .section-home--old .header-section p {
      padding-bottom: 0px;
      font-size: 23px; }
    .section-home--old .header-section .header-intro {
      margin-bottom: 10px;
      display: block; }
    .section-home--old .header-section .header-intro span.spacer:last-child {
      padding: 0 50px 0 15px; }
    .section-home--old .header-section .header-intro span.spacer:first-child {
      padding: 0 15px 0 50px; }
  .section-home--old .animate-home-header p {
    margin-top: 1.5rem; }
  .section-home--old .animate-home-header .ctas-holder {
    margin-top: 1.5rem; }

  #main-content {
    padding-top: 0; }

  /* RESOURCES */
  .section-resources__controls ul {
    padding: 0;
    margin: 0 auto;
    width: 100%; }
    .section-resources__controls ul li {
      margin: 0;
      font-size: 65%;
      height: 40px;
      padding: 1em .3em; }
      .section-resources__controls ul li:hover, .section-resources__controls ul li:active, .section-resources__controls ul li.selected, .section-resources__controls ul li.active {
        border-bottom: 1px solid #F39A6C; }

  .header-section h1.h1--custom {
    font-size: 4.5em; }

  /* FEATURES */
  .feature-item, .contact-connect-item, .pricing-feature-item {
    width: 100%;
    padding: 0 0 1em 0; }

  .integration-item, .integration-item--inner {
    width: 100%;
    padding: 1em 1em 1em; }

  /* TEAM */
  body.page-team #main-header, body.page-team body.page-home, body.page-team body.page-404, body.page-team body.page-sign-up {
    min-height: 38em; }
    body.page-team #main-header .wrapper, body.page-team body.page-home .wrapper, body.page-team body.page-404 .wrapper, body.page-team body.page-sign-up .wrapper, body.page-team #main-header .main-pricing--counter, body.page-team body.page-home .main-pricing--counter, body.page-team body.page-404 .main-pricing--counter, body.page-team body.page-sign-up .main-pricing--counter, body.page-team #main-header .pricing-table, body.page-team body.page-home .pricing-table, body.page-team body.page-404 .pricing-table, body.page-team body.page-sign-up .pricing-table {
      background: none;
      height: auto;
      padding-bottom: 0; }
    body.page-team #main-header .team-member, body.page-team body.page-home .team-member, body.page-team body.page-404 .team-member, body.page-team body.page-sign-up .team-member {
      width: 33.3333%; }
      body.page-team #main-header .team-member .team-member-badge .team-member-name, body.page-team body.page-home .team-member .team-member-badge .team-member-name, body.page-team body.page-404 .team-member .team-member-badge .team-member-name, body.page-team body.page-sign-up .team-member .team-member-badge .team-member-name {
        font-size: 16px; }
      body.page-team #main-header .team-member .team-member-badge .team-member-position, body.page-team body.page-home .team-member .team-member-badge .team-member-position, body.page-team body.page-404 .team-member .team-member-badge .team-member-position, body.page-team body.page-sign-up .team-member .team-member-badge .team-member-position {
        font-size: 11px; }

  /* WHY LANDER */
  .testimonial-text {
    padding: 0; }
    .testimonial-text h4 {
      font-size: 140%; }

  .testimonial-avatar,
  .testimonial-graphic {
    display: none; }

  .why-lander-trust .trust-icon {
    width: 40%; }

  .integration-list {
    padding: .5em 0 3em 0; }

  /*PRICING*/
  .pricing-table .pricing-table-plan:first-child {
    margin-right: 0; }

  .pricing-table .pricing-table-plan:last-child {
    margin-left: 0; }

  .pricing-table .pricing-table-plan {
    width: 100%;
    max-width: 100%; }
    .pricing-table .pricing-table-plan:nth-child(n+2) {
      margin-top: 50px;
      margin-bottom: 50px; }
  .pricing-table .active {
    margin-top: 7.81em !important;
    margin-bottom: 0 !important; }

  .main-pricing--counter {
    display: none; }

  .contact-phone .btn-hollow {
    display: none; }

  .pricing-faq ul li {
    width: 100%; }

  .pricing-faq ul li:nth-child(2n-2) {
    margin-left: 0; }

  /* TEMPLATES */
  .templates-meet-team {
    min-height: 37em; }

  .templates-meet-team .wrapper, .templates-meet-team .main-pricing--counter, .templates-meet-team .pricing-table {
    height: 38em; }

  .templates-pick-category, .templates-pick-template {
    display: none; }

  .phone-version-templates {
    margin: 1em 0; }
    .phone-version-templates img {
      margin: 20px 0; }

  /* CONTACT */
  .section-contact {
    padding-bottom: 3.5em; }

  .contact-profiles-list .contact-profile,
  .contact-connect-item {
    width: 100%; }

  .contact-connect-list {
    margin-top: 1em; }

  /* 404 */
  body.page-404 .error-container {
    height: 27em;
    background-size: 220px auto; }
    body.page-404 .error-container .error-detail h1 {
      font-size: 2.6em; }
    body.page-404 .error-container .error-detail p {
      font-size: 1em; } }
@media screen and (max-width: 599px) {
  /* TEAM */
  
    body.page-team #main-header .header-section h1, body.page-team body.page-home .header-section h1, body.page-team body.page-404 .header-section h1, body.page-team body.page-sign-up .header-section h1 {
      line-height: 100%; }
    body.page-team #main-header .header-section p, body.page-team body.page-home .header-section p, body.page-team body.page-404 .header-section p, body.page-team body.page-sign-up .header-section p {
      font-size: 160%; }

  .team-vip {
    background: url(../img/team_vip-bg.png) top left repeat-x;
    overflow: hidden; }

  .team-join-us,
  .team-are-you-ready {
    display: none; }

  /* WHY LANDER */
  body.page-why-lander #main-header .header-section, body.page-why-lander body.page-home .header-section, body.page-why-lander body.page-404 .header-section, body.page-why-lander body.page-sign-up .header-section {
    padding-top: 6em; }
    body.page-why-lander #main-header .header-section h1, body.page-why-lander body.page-home .header-section h1, body.page-why-lander body.page-404 .header-section h1, body.page-why-lander body.page-sign-up .header-section h1 {
      line-height: 80%; }

  .why-lander-trust h4 {
    font-size: 140%; }
  .why-lander-trust .trust-icon {
    margin: 0; }

  /* TEMPLATES */
  .templates-are-you-ready, .team-are-you-ready {
    display: none; }

  .templates-category-picker .category-type {
    width: 33.3333%;
    margin-bottom: 2em; } }
@media screen and (max-width: 600px) and (orientation: landscape) {


 

  .section-home--old {
    background: none; }

  .section-home--old .animate-home-header p {
    margin: 10px; }

  .mobile-nav-holder .mobile-nav {
    padding-top: 7%; }

  .mobile-nav-holder .mobile-nav a {
    display: block;
    font-size: 2em;
    padding: .2rem 0; }

  .logo {
    width:46%;
   /* margin-top: 13px;*/ }

  .main-nav {
    display: none; }

  .header-actions .action-login {
    display: none; }
  .header-actions .action-signup {
    display: none; } }
/* ==================================================================================================================== */
/*      SMALL PHONES BREAKPOINT.         			                                                                    */
/* ==================================================================================================================== */
@media screen and (max-width: 500px) {
  .p-custom--padding {
    padding: 0; }

  .hide--block {
    display: block !important; }

  .carrousel-content .slick-list {
    width: 100%; }

  .slick-prev {
    left: -6%; }
    [dir="rtl"] .slick-prev {
      left: auto;
      right: -6%; }

  .slick-next {
    right: -6%; }
    [dir="rtl"] .slick-next {
      left: -6%;
      right: auto; }

  .contact-form-ct div {
    max-width: 100% !important;
    width: 100%;
    float: none !important;
    clear: both !important;
    display: block !important; }

  .custom-template-features .ct-features_list {
    padding: 1em 0 3em 0; }
  .custom-template-features .ct-features_item {
    padding: 1em 0;
    width: 100%; }
    .custom-template-features .ct-features_item .ct-features_item--content {
      width: 100%;
      padding: 0; }
    .custom-template-features .ct-features_item img {
      display: none; }

  #main-content {
    padding-top: 3.5em; }

  .wrapper, .main-pricing--counter, .pricing-table {
    max-width: 20em; }

  #main-header, body.page-home, body.page-404, body.page-sign-up {
    height: auto; }

  
  

  .main-nav {
    display: none; }

  .header-actions .action-login {
    display: none; }
  .header-actions .action-signup {
    display: none; }

  .header-section {
    font-size: 55%;
    padding-top: 9em;
    padding-bottom: 2em; }
    .header-section p {
      font-size: 160%; }
    .header-section h1 {
      font-size: 4.5em; }
      .header-section h1.h1--custom {
        font-size: 4.5em; }

  .mobile-nav-holder .mobile-nav {
    font-size: 65%;
    padding-top: 26%; }
    .mobile-nav-holder .mobile-nav a {
      font-size: 3.5em;
      padding: 0.4rem 0; }

  .block-main-header {
    font-size: 73%; }

  /* HOME */
  .section-home--old {
    background: none; }
    .section-home--old .header-section {
      padding-top: 1em; }
      .section-home--old .header-section h1 {
        font-size: 4.5em;
        line-height: 80%;
        margin: .2em 0; }
      .section-home--old .header-section p {
        padding-bottom: 0px;
        font-size: 18px; }
      .section-home--old .header-section .header-intro {
        margin-bottom: 0px;
        text-align: center; }
        .section-home--old .header-section .header-intro p {
          display: inline-block;
          width: 100%;
          text-align: center;
          padding: 0;
          margin: 0; }
        .section-home--old .header-section .header-intro .spacer {
          display: none; }
      .section-home--old .header-section .ctas-holder a:last-child {
        margin-top: 15px; }
    .section-home--old .animate-home-header p {
      margin-top: .2rem; }
    .section-home--old .animate-home-header .ctas-holder {
      margin-top: 1rem; }

  /* RESOURCES */
  #resources-container {
    padding: 2em 0; }

  .resources__element {
    max-width: 300px;
    margin: 1em; }
    .resources__element .resources__element__form,
    .resources__element .resources__element__shares,
    .resources__element .resources__element__download {
      height: 321px; }
      .resources__element .resources__element__form > .btn,
      .resources__element .resources__element__shares > .btn,
      .resources__element .resources__element__download > .btn {
        width: initial !important; }
    .resources__element .resources__element__form, .resources__element .resources__element__shares {
      padding: 1.44em; }
      .resources__element .resources__element__form.resources__element__form--suggest, .resources__element .resources__element__shares.resources__element__form--suggest {
        padding: 1em; }

  /* FEATURES */
  .features-detail {
    margin-bottom: 3.5em; }
    .features-detail .btn {
      font-size: 70% !important;
      margin-bottom: 20px; }

  .features-integrations .integration-item, .home--are-you-ready .integration-item, .features-are-you-ready .integration-item, .templates-are-you-ready .integration-item, .team-are-you-ready .integration-item, .why-lander-are-you-ready .integration-item, .resources-are-you-ready .integration-item, .features-integrations .integration-item--inner, .home--are-you-ready .integration-item--inner, .features-are-you-ready .integration-item--inner, .templates-are-you-ready .integration-item--inner, .team-are-you-ready .integration-item--inner, .why-lander-are-you-ready .integration-item--inner, .resources-are-you-ready .integration-item--inner {
    font-size: 55%;
    margin: 0; }
  .features-integrations h3, .home--are-you-ready h3, .features-are-you-ready h3, .templates-are-you-ready h3, .team-are-you-ready h3, .why-lander-are-you-ready h3, .resources-are-you-ready h3 {
    font-size: 140%; }
  .features-integrations footer p, .home--are-you-ready footer p, .features-are-you-ready footer p, .templates-are-you-ready footer p, .team-are-you-ready footer p, .why-lander-are-you-ready footer p, .resources-are-you-ready footer p {
    padding: 0; }

  .features-integrations .integrations-holder [class*="icon-"], .home--are-you-ready .integrations-holder [class*="icon-"], .features-are-you-ready .integrations-holder [class*="icon-"], .templates-are-you-ready .integrations-holder [class*="icon-"], .team-are-you-ready .integrations-holder [class*="icon-"], .why-lander-are-you-ready .integrations-holder [class*="icon-"], .resources-are-you-ready .integrations-holder [class*="icon-"] {
    background-size: 70%; }

  .feature-item, .contact-connect-item, .pricing-feature-item {
    width: 100%;
    padding: 0;
    margin-bottom: 1em; }
    .feature-item [class*="icon-"], .contact-connect-item [class*="icon-"], .pricing-feature-item [class*="icon-"] {
      display: none; }
    .feature-item .feature-data, .contact-connect-item .feature-data, .pricing-feature-item .feature-data {
      padding: 0; }

  .integration-item .integration-data, .integration-item--inner .integration-data {
    padding: 0;
    margin-bottom: 1em; }
    .integration-item .integration-data header h4, .integration-item--inner .integration-data header h4 {
      font-size: 1.25rem; }

  .features-are-you-ready, .templates-are-you-ready, .team-are-you-ready, .why-lander-are-you-ready, .resources-are-you-ready {
    display: none; }

  /* TEMPLATES */
  .templates-category-picker {
    display: none; }

  .template-actions {
    padding-top: 16%; }
    .template-actions .btn {
      width: 192px;
      margin-bottom: .5em; }

  .template-holder {
    min-height: 0; }

  .templates-meet-team {
    min-height: inherit; }
    .templates-meet-team .wrapper, .templates-meet-team .main-pricing--counter, .templates-meet-team .pricing-table {
      background: none;
      padding-bottom: 5.5em;
      height: auto; }

  /* PRICING */
  .main-pricing--controls {
    margin: -3.5em 0 0 0; }
    .main-pricing--controls .pricing-controls {
      font-size: 80%; }
      .main-pricing--controls .pricing-controls ul {
        padding-left: 0; }
        .main-pricing--controls .pricing-controls ul li {
          letter-spacing: 0; }

  .pricing-groups header input {
    width: 100%; }
  .pricing-groups header .btn.btn-primary {
    margin: 2em 0 1.75em; }
  .pricing-groups main {
    margin: 0; }
    .pricing-groups main .carrousel-content > div .pricing-table-plan {
      padding: 1.88em 1em 3.13em; }

  .contact-phone .btn-hollow {
    display: none; }

  /* TEAM */
  body.page-team #main-header, body.page-team body.page-home, body.page-team body.page-404, body.page-team body.page-sign-up {
    min-height: 40em; }

  /* WHY LANDER */
  .why-lander-trust .trust-icon {
    width: 70%; }

  .team-member {
    width: 50%;
    padding: .3em; }

  /* CONTACT */
  .section-contact {
    padding-bottom: 0; }

  .contact-connect-item {
    padding-right: 0 !important; }
    .contact-connect-item [class*="icon-"] {
      display: block; }
    .contact-connect-item .feature-data {
      padding: 0 0 0 15px; }
      .contact-connect-item .feature-data p {
        margin-top: 0; }

  /* 404 */
  body.page-404 .error-container {
    height: 32em;
    background-size: 220px auto;
    width: 100%;
    background-position: center bottom -3px; }
    body.page-404 .error-container .error-detail h1 {
      font-size: 2em; }
    body.page-404 .error-container .error-detail p {
      font-size: 1em; } }
@media screen and (max-width: 500px) and (orientation: landscape) {
  .mobile-nav-holder .mobile-nav {
    padding-top: 20%; }

  .mobile-nav-holder .mobile-nav a {
    font-size: 3em;
    padding: .2rem 0; }

  .section-home--old .header-section h1 {
    font-size: 3.5em; }

  .btn.btn-xlarge {
    padding: 1.6rem 2.3rem 1.5rem; }

  .btn.btn-hollow.btn-xlarge {
    padding: 1.6rem 2.3rem 1.5rem; }

  .section-home--old .animate-home-header .ctas-holder {
    margin-top: 0rem; }

  .section-home--old .animate-home-header p {
    margin: 0rem; }

  .section-home--old .header-section {
    padding-top: 0em; } }
/* ==================================================================================================================== */
/*      BROWSER SPECIFIC MEDIA QUERIES         	                                                                        */
/* ==================================================================================================================== */
@media screen and (min-width: 0\0) {
  body {
    overflow: hidden; } }
/* ==================================================================================================================== */
/*      11 - Ribbon.                                                                                             */
/* ==================================================================================================================== */
.ribbon--wrapper {
  width: 170px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: 1px;
  z-index: 5; }

.ribbon--orange {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: 20px;
  top: 38px;
  width: 190px;
  background-color: #F49B6C;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); }

.ribbon--orange:before, .ribbon--orange:after {
  content: "";
  border-top: 3px solid #C07956;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  position: absolute;
  bottom: -3px; }

.ribbon--orange:before {
  left: 0; }

.ribbon--orange:after {
  right: 0; }

/* ==================================================================================================================== */
/*      12 - Modals.                                                                                             */
/* ==================================================================================================================== */
.modalDialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(5, 10, 15, 0.9);
  z-index: 99999;
  opacity: 0;
  -moz-transition: opacity 0.6s ease;
  -o-transition: opacity 0.6s ease;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
  pointer-events: none; }
  .modalDialog > div {
    width: 100%;
    position: relative;
    margin: 0 auto;
    background: transparent;
    text-align: center;
    height: 100vh; }
    .modalDialog > div > iframe {
      display: block;
      margin: 0 auto;
      position: absolute;
      top: 50%;
      left: 50%;
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .modalDialog:target {
    opacity: 1;
    pointer-events: auto; }

.close {
  color: #FFFFFF;
  position: absolute;
  right: 2.5%;
  top: 4.5%;
  text-align: center;
  text-decoration: none;
  font-weight: 300;
  z-index: 50; }
  .close:before {
    content: 'X';
    clear: both;
    font-size: 40px; }
  .close:hover {
    color: #5BB5DE; }

/*# sourceMappingURL=style.css.map */
@media
 only screen and (max-width: 760px),
 (min-device-width: 768px) and (max-device-width: 1024px)  {

  / Force table to not be like tables anymore /
  table.data_table, .data_table thead, .data_table tbody,.data_table th,.data_table td,.data_table tr {
   display: block;
  }

  / Hide table headers (but not display: none;, for accessibility) /
  .data_table thead tr {
   position: absolute;
   top: -9999px;
   left: -9999px;
  }

  .data_table tr { border: 1px solid #ccc; }

  .data_table td {
   / Behave  like a "row" /
   border: none;
   border-bottom: 1px solid #eee;
   position: relative;
   padding-left: 50%;
  }

  .data_table td:before {
   / Now like a table header /
   position: absolute;
   / Top/left values mimic padding /
   top: 6px;
   left: 6px;
   width: 45%;
   padding-right: 10px;
   white-space: nowrap;
  }

  /*
  Label the data
  */
  .data_table td:nth-of-type(1):before { content: "#"; }
  .data_table td:nth-of-type(2):before { content: "Course Name"; }
  .data_table td:nth-of-type(3):before { content: "Course Category"; }
  .data_table td:nth-of-type(4):before { content: "Watched"; }
  .data_table td:nth-of-type(5):before { content: "Quiz Answered"; }
  .data_table td:nth-of-type(6):before { content: "Review"; }
 
 }