@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,700');
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,400i,500,700');

@font-face {
    font-family: 'fontello';
    src: url('../font/fontello.eot?94145983');
    src: url('../font/fontello.eot?94145983#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?94145983') format('woff'),
       url('../font/fontello.ttf?94145983') format('truetype'),
       url('../font/fontello.svg?94145983#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 13px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
    -webkit-text-size-adjust: 100% !important;
}

.wrapper {
    width: 100%;
    float: left;
}


.header {
    width: 100%;
    height: auto;
    float: left;
    background: #212d3c;
    background: none;
    position: absolute;
    z-index: 9999;
}

.header.fixed {
    position: fixed;
    background: #fff;
    border-bottom: 0;
    box-shadow: 0 5px 12px rgba(0,0,0,0.07);
}

.header.fixed ul.navigation li a {
    padding-top: 17px;
    padding-bottom: 18px;
    color: #222;
}

.header.fixed ul.navigation li a.btn-cta {
    margin-top: 10px;
    padding-top: 6px;
    padding-bottom: 10px;
    color: #fff;
    background: #2cb48f;
}

.header.fixed ul.navigation li a.btn-cta:hover {
    background: #24a582;
}

.header.fixed img.logo {
    margin-top: 5px;
}

.header.fixed ul.navigation li:hover ul.submenu {
    top: 57px;
}

.header.fixed ul.navigation li:hover ul.submenu i.arrow {
    width: 17px;
    height: 17px;
    top: -6px;
}

.header.fixed span.trigger.btn-open i {
    background: #111;
}

.header.fixed a.btn-login svg path {
    fill: #111!important;
}

.fixed a.logo-negative {
    display: none;
}

.fixed a.logo-positive {
    display: inline-block;
}

.hero:before {
    content: '';
    display: block;
    float: left;
    margin: 0 auto;
    width: 100%;
    height: 200px;
    padding: 0;
    transform: skew(0deg,0deg);
    -ms-transform: skew(0deg,0deg);
    -webkit-transform: skew(0deg,0deg);
    position: absolute;
    top: auto;
    bottom: -1px;
    background: url(/assets/img/round-edge.svg);
    background-repeat: no-repeat;
    background-size: 110%;
    background-position: center bottom;
    z-index: 15;
}

.hero:after {
    content: '';
    position: absolute;
    top: auto;
}

.header-content {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
}

.header-top {
    width: 100%;
    padding: 5px 0;
    display: inline-block;
    display: none;
}

.header-top ul {
    padding: 0;
    margin: 0;
    float: right;
}

.header-top ul li {
    list-style-type: none;
    display: inline-block;
    position: relative;
}

.header-top ul li:last-child {
    margin-left: 10px;
}

.header-top ul li a {
    color: #222;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
}

.header-top ul li ul.submenu {
    width: auto;
    top: 20px;
    left: 15px;
    z-index: 0;
    transition: all 200ms ease;
}

.header-top ul li:hover ul.submenu {
    opacity: 1;
    top: 25px;
    z-index: 3;
}

.header-top ul li ul.submenu li {
    float: left;
    text-align: center;
    width: 100%;
    margin: 0;
}

.header-top ul li ul.submenu a {
    color: #111;
    padding: 10px 10px;
    height: auto;
    float: left;
    text-align: center;
    width: 100%;
    border-radius: 5px;
    box-sizing: border-box;
}

.header-top ul li ul.submenu a:hover {
    background: #f4f4f4;
}

.header-top .btn-cta {
    background: #2cb48f;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-color: #2cb48f;
    color: #fff;
    border: 0;
}

.header-top .btn-cta:hover {
    background: #fff;
    border-color: #fff;
    color: #333;
}

.header-bottom {
    margin-top: 0;
    border-top: 1px solid #fff;
    border-color: rgba(255,255,255,0.15);
}

img.logo {
    width: 130px;
    margin-top: 15px;
}

/* NAVIGATION */
ul.navigation {
    float: right;
    width: auto;
    padding: 0;
    padding-left: 100px;
    margin: 0;
    margin-top: -1px;
    text-align: right;
    z-index: 2;
    position: relative;
}

ul.navigation li {
    list-style-type: none;
    float: left;
    position: relative;
    overflow: hidden;
}

ul.navigation li:hover {
    overflow: visible;
}

ul.navigation li a {
    color: #222;
    text-decoration: none;
    float: left;
    font-size: 20px;
    font-weight: 500;
    padding: 12px 20px;
    padding-top: 30px;
    padding-bottom: 40px;
    margin-top: 0;
    position: relative;
    border: 0;
    text-transform: none;
    letter-spacing: 0;
}

ul.navigation li a:before {
    content: '';
    width: 100%;
    height: 2px;
    background: #2cb48f;
    position: absolute;
    top: 0;
    right: -20px;
    opacity: 0;
    transition: all 200ms ease;
}

ul.navigation li a:hover:before {
    opacity: 1;
    right: 0;
}

ul.navigation li.cta {
    margin-left: 20px;
}

ul.navigation li.cta a {
    border: 1px solid #fff;
    border-radius: 30px;
    font-size: 15px;
    margin-top: 6px;
    padding: 9px 20px;
}

ul.navigation li.cta a:hover {
    border: 1px solid #2cb48f;
    background: #2cb48f;
    color: #fff;
}

ul.navigation li.cta a:before {
    opacity: 0!important;
}

ul.navigation li a.btn-cta {
    margin-top: 21px;
    margin-right: 0;
    margin-left: 20px;
    padding: 8px 20px;
    padding-bottom: 11px;
    display: inline-block;
    border-color: #2cb48f;
    background: #2cb48f;
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    border-radius: 5px;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
}

ul.navigation li a.btn-cta:hover {
    background: #24a582;
}

ul.navigation li a.btn-cta:hover:before {
    display: none!important;
}

ul.submenu {
    display: block;
    position: absolute;
    top: 90px;
    left: -230px;
    width: 600px;
    padding: 0;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    opacity: 0;
    transition: 0;
}

ul.navigation li:hover ul.submenu {
    display: block;
    opacity: 1;
    top: 90px;
    transition: all 300ms ease;
    box-shadow: 0 2px 15px #ddd;
}

ul.navigation .submenu li {
    width: 50%;
}

ul.navigation .submenu li a {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 10px 10px;
    margin-top: 0;
    margin-bottom: 0;
    border-right: 1px solid #eee;
    cursor: pointer;
}

ul.navigation .submenu li:nth-child(2n + 2) a {
    border-right: 0;
}

ul.navigation .submenu li a:before {
    display: none;
}

ul.navigation .submenu li a i {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 0 auto;
    background: none;
    border-radius: 100%;
}

ul.navigation .submenu li a i img {
    width: auto;
    height: 35px;
    position: relative;
    transition: all 200ms ease;
    top: 0px;
}

ul.navigation .submenu li a:hover i img {
    top: -5px;
}

.submenu strong {
    width: 100%;
    color: #111;
    margin-top: 15px;
    font-size: 15px;
    font-weight: 500;
    float: left;
}

.submenu span {
    width: 100%;
    float: left;
    color: #777;
    font-size: 14px;
    margin-top: 10px;
    line-height: 21px;
    text-transform: none;
    letter-spacing: 0;
}

ul.submenu .divider {
    width: 100%;
    float: left;
}

ul.submenu i.arrow {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    display: inline-block;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    position: relative;
    background: #fff;
    transition: all 200ms ease;
}

ul.navigation li:hover ul.submenu i.arrow {
    top: -11px;
    border: 1px solid #f4f4f4;
    border-bottom: 0;
    border-right: 0;
    z-index: 0;
    margin-left: -17px;
}

.nav-trigger {
    display: none;
}

/* FRONTPAGE */
#section-home-functions {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 100px;
}
#section-home-functions .md-col-3 {
    position: relative;
    z-index: 3;
}
#section-home-functions .md-col-9 {
    padding-left: 30px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    min-height: 1100px;
}
#section-home-functions h2 {
    margin-bottom: 5px;
}
#section-home-functions span {
    font-size: 18px;
}
.home-functions {
    margin-top: 30px;
}
ul.menu {
    padding: 0;
    margin: 0;
    background: #fafafa;
    border-radius: 5px;
    box-shadow: 0 2px 12px #ddd;
    overflow: hidden;
}
ul.menu li {
    list-style-type: none;
}
ul.menu li a {
    cursor: pointer;
    border-bottom: 1px solid #eee;
    width: 100%;
    display: inline-block;
    padding: 15px 20px;
    box-sizing: border-box;
}
ul.menu li a:hover {
    color: #000;
}
ul.menu li a.active {
    background: #2cb48f;
    color: #fff;
}
ul.menu li a.active i svg path,
ul.menu li a.active i svg rect {
    fill: #fff;
}
ul.menu li i {
    width: 40px;
    height: 40px;
    display: inline-block;
    padding: 0;
    float: left;
}
ul.menu li i img,
ul.menu li i svg {
    width: 100%;
    height: 100%;
}
ul.menu li span {
    display: inline-block;
    line-height: 40px;
    padding-left: 15px;
    margin-top: 0;
}
ul.menu-content {
    margin-top: 0;
    margin-bottom: 50px;
    padding-left: 0;
}
ul.menu-content li {
    display: inline-block;
    width: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 30px;
}
ul.menu-content li.active {
    display: inline-block;
    opacity: 1;
    z-index: 9;
}

ul.menu-content img {
    width: 100%;
    box-shadow: 0 2px 12px #ddd;
    border-radius: 5px;
}

.home-functions .btn-cta {
    cursor: pointer;
    border-color: #132c42;
    color: #fff;
    background: #132c42;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
    width: 100%;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    margin-top: 30px;
    padding: 12px;
    font-size: 21px;
    font-weight: 500;
}

.home-functions .btn-cta:hover {
    border-color: #20405c;
    background: #20405c;
    color: #fff;
}

.home-functions .row.info {
    border-bottom: 0!important;
    text-align: left;
}
.home-functions .row.info .md-col-6 {
    padding-right: 20px;
    box-sizing: border-box;
}
.home-functions .row.info h3 {
    margin-top: 40px;
    margin-bottom: 5px;
    font-size: 21px;
}
.home-functions .row.info em {
    color: #2cb48f;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
}
.home-functions .row.info p {
    margin-top: 4px;
}

.swiper-container {
    left: -10px;
}

.swiper-container-schedule {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-container .content {
    padding: 0 10px;
    box-sizing: border-box;
}

.home-functions .swiper-container {
    overflow: visible;
}

.home-functions .swiper-button-next, 
.home-functions .swiper-button-prev {
    width: 40px;
    top: -50px!important;
}

.home-functions .swiper-button-next.swiper-button-white {
    right: 0;
    background-image: none;
    top: -50px;
}

.home-functions .swiper-button-prev.swiper-button-white {
    right: 40px;
    left: auto;
    background-image: none;
    top: -50px;
    position: absolute;
    z-index: 999;
}

.home-functions .swiper-button-prev.swiper-button-white:before {
    content: '';
    border: solid #222;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 7px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    top: 13px;
    left: 15px;
    position: relative;
}

.home-functions .swiper-button-next.swiper-button-white:before {
    content: '';
    border: solid #222;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 7px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 13px;
    left: 8px;
    position: relative;
}

.home-functions .swiper-slide .content {
    opacity: 1;
    transition-delay: 1500ms;
    transition: all 800ms ease;
}

.home-functions .swiper-slide.swiper-slide-next .content {
    opacity: 0.3;
}

.home-functions .swiper-slide.swiper-slide-prev .content {
    opacity: 0;
    transition-delay: 0ms;
    transition: all 200ms ease;
}

.home-functions .swiper-container-horizontal>.swiper-pagination-bullets {
    text-align: center;
}

.home-functions .swiper-pagination-bullet {
    height: 14px;
    width: 14px;
    margin: 0 8px!important;
}

.nooverflow {
  overflow: hidden;
}

.home-functions .swiper-slide .text {
    text-align: center;
}

.double-img {
    width: 100%;
    display: inline-block;
}

img.phone {
    transform: perspective(2500px) rotateY(-22deg) rotate(3deg);
    margin-top: 15px;
    margin-bottom: 10px;
    width: 300px!important;
    box-shadow: 0 2px 12px #ddd;
    border-radius: 5px;
}

img.phone.left-space {
    margin-left: 80px;
}

img.phone.small {
    max-width: 300px;
    position: absolute;
    top: -70px;
    left: 0;
}

img.tablet {
    transform: perspective(2500px) rotateY(-22deg) rotate(2deg);
    margin-top: 15px;
    margin-bottom: 10px;
    width: 75%!important;
}

.double-img .md-col-6:first-child img {
    float: right;
    position: relative;
    right: 15px;
    z-index: 11;
}

.double-img .md-col-6:last-child img {
    width: 290px!important;
    transform: perspective(2500px) rotateY(25deg) rotate(-2deg);
    margin-top: 45px;
    position: relative;
    left: -20px;
    float: left;
    z-index: 8;
}

img.full-img.right-space {
    width: 100%;
}

img.laptop.medium {
    width: 100%;
    position: absolute;
    top: -70px;
    left: 0;
    transform: perspective(2500px) rotateY(-22deg) rotate(3deg);
    margin-top: 15px;
    margin-bottom: 10px;
    box-shadow: 0 2px 12px #ddd;
    border-radius: 5px;
}

img.small-img.right-space {
    max-width: 380px;
    position: absolute;
    top: -50px;
    right: 100px;
}

img.medium-img.right-space {
    max-width: 340px;
    position: absolute;
    right: 0;
    top: -50px;
}


img.small-img.left-space {
    position: absolute;
    top: -10px;
    left: 100px;
    max-width: 280px;
}

img.laptop.medium.right-space {
    transform: perspective(2500px) rotateY(25deg) rotate(-2deg);
    max-width: 550px;
    left: auto;
    right: 50px;
}

.relative {
    position: relative;
}

.padding-img {
    padding: 50px;
    box-sizing: border-box;
}

.padding-img-left {
    padding-right: 100px;
    padding-top: 40px;
    box-sizing: border-box;
}

.padding-img-right {
    padding-left: 50px;
    box-sizing: border-box;
}

.section-case {
    background: #2cb48f!important;
}

.section-case .case-content {
    display: block;
    padding: 100px 0;
    color: #fff;
}

.section-case .case-content .md-col-6 {
    margin-bottom: 150px;
    padding-left: 50px;
    box-sizing: border-box;
}

.section-case .case-content h4 {
    margin: 0;
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 400;
}

.case-content span.quote {
    font-size: 36px;
    font-style: italic;
    font-weight: 300;
    line-height: 46px;
    display: inline-block;
    padding-left: 35px;
    padding-top: 20px;
    padding-bottom: 35px;
    position: relative;
    letter-spacing: -1px;
}

.case-content span.quote:before {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    top: 12px;
    left: 0;
    background: url(/assets/img/quote-mark.png);
    background-size: 100%;
}


.case-content img.end-quote {
    width: 25px;
    position: relative;
    bottom: -12px;
    left: 4px;
    transform: rotate(180deg);
}

.person .person-portrait {
    display: inline-block;
    float: left;
}

.person .person-portrait img {
    width: 80px;
    height: 80px;
    border-radius: 100%;
}

.person .person-title {
    display: inline-block;
    float: left;
    padding-top: 13px;
    padding-left: 20px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

.person .person-title strong {
    font-weight: 500;
}

#section-home-modules {
    margin-bottom: 80px;
    margin-top: 30px;
}

div#section-home-case {
    width: 100%;
    padding: 0;
}

.md-col-6.case-client {
    background: url(/assets/img/customercasehi3g.jpg);
    background-size: cover;
    background-position: center;
    height: 100%;
    position: absolute;
}

.md-col-6.case-client:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #2cb48f;
    opacity: 0.5;
}

.white-top-invert:before {
    content: '';
    background: url(/assets/img/round-edge-invert-white.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 9;
}
.white-top:before {
    content: '';
    background: url(/assets/img/round-edge.svg);
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
    position: absolute;
    top: -48px;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 9;
}
.white-bottom:after {
    content: '';
    background: url(/assets/img/round-edge.svg);
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 9;
}
.grey-bottom:after {
    content: '';
    background: url(/assets/img/round-edge-grey.png);
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 9;
}

.grey-top-invert:after {
    content: '';
    background: url(/assets/img/round-edge-invert-grey.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 9;
}

#section-footer-cta {
    text-align: center;
    margin-bottom: 35px;
    min-height: 0;
}


#section-footer-cta h6 {
    font-size: 40px;
    font-weight: 400;
    color: #fff;
    margin: 0 0 40px 0;
}

#section-footer-cta .btn-cta {
    padding: 12px 32px;
    padding-bottom: 15px;
    display: inline-block;
    border-color: #2cb48f;
    border: 0;
    background: #2cb48f;
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    border-radius: 5px;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
}

#section-footer-cta .btn-cta:hover {
    background: #24a582;
}



/* FRONTPAGE MODULES */
.section-modules {
    padding: 40px 0!important;
}

.section-modules .md-col-4 {
    padding: 10px;
    padding-top: 30px!important;
    box-sizing: border-box;
}

.section-modules .md-col-4.first {
    padding: 20px;
    padding-left: 0;
}

.section-modules .md-col-4.last {
    padding: 20px;
    padding-right: 0;
}

.section-modules span {
    font-size: 18px;
}

.section-modules h2 {
    margin-bottom: 4px;
}
  
.module-item {
    background: #fff;
    box-shadow: 0 2px 12px #ddd;
    margin-bottom: 30px;
    border-radius: 5px;
    padding: 20px;
    text-align: center;
}

.module-item-header img {
    width: 90px;
    height: 90px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.module-item-content h5 {
    font-size: 24px;
    font-weight: 500;
    color: #2cb48f;
    margin: 0;
}

/* PRICELIST */
.pricelist {
    text-align: center;
    padding: 80px 0 100px;
    background: none!important;
    margin-top: -150px;
}

.pricelist .section {
    position: relative;
    z-index: 1;
}

.pricetable ul li.cta {
    padding: 17px 5px!important;
    padding-top: 0!important;
    text-align: center!important;
    background-color: #eff2f3;
}

.pricetable .highlight ul li.cta {
    background-color: rgba(0,0,0,0.3);
}
/*
.pricelist .btn-cta {
    background: #132c42;
    border-color: #132c42;
    color: #fff;
    padding: 8px 20px;
    font-size: 16px;
    display: inline-block;
    float: none;
}

.pricelist .btn-cta:hover {
    background: #20405c;
    border-color: #20405c;
}*/

.pricelist .highlight .btn-cta { 
    background: #2cb48f;
    border-color: #2cb48f;
}

.pricelist .highlight .btn-cta:hover { 
    background: #24a582;
    border-color: #24a582;
}



.pricelist:before {
    content: '';
    width: 100%;
    height: 500px;
    background-image: url(../img/shadow-oval.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1100px auto;
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 0;
    opacity: 0.2;
    transition: all 1000ms ease;
    display: none;
}

.pricelist h3 {
    font-size: 40px;
    margin-bottom: 40px;
}

.pricetable {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    margin-top: 0;
    display: inline-block;
}

.pricetable ul {
    background: #f9fcfd;
    padding: 0;
    border-radius: 5px;
    margin-top: 0;
    overflow: hidden;
}

.pricetable .highlight {
    position: relative;
    z-index: 2;
    right: 10px;
}

.pricetable .item {
    position: relative;
    left: 10px;
    z-index: 1;
}

.pricetable .highlight ul {
    margin-top: 0;
    background: #2a2d33;
    color: #fff;
    position: relative;
    top: 0;
    transition: all 500ms ease;
}

.pricetable ul li {
    font-size: 16px;
    padding: 5px 20px;
    padding-left: 50px!important;
    text-align: left;
    position: relative;
}

.pricetable .highlight ul li {
    padding-left: 50px;
    text-align: left;
    color: #fff;
}

.pricetable .item ul li {
    padding-left: 40px;
}

.pricetable ul li:first-child {    
    padding-left: 20px!important;
    background-color: #eff2f3;
    margin-bottom: 20px;
}

.pricetable .highlight ul li:first-child {    
    background-color: rgba(0,0,0,0.1);
}

.pricetable h4 {
    margin: 0 0 10px 0;
    font-size: 24px;
    font-weight: 300;
    border-bottom: 0;
    padding: 10px 0;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 50px;
}

.pricetable .highlight h4 {
    border-bottom: 0;
    color: #fff;
}

.pricetable h4 img {
    width: 30px;
    margin: 0 10px 0 0;
    position: relative;
    top: 6px;
}

.pricetable .col-md-6 {
    padding: 0;
    width: 50%;
    display: inline-block;
    float: left;
}

.pricetable ul li .icon {
    float: left;
}

.pricetable ul li .icon:before {
    content: '';
    background: #2cb48f;
    width: 3px;
    height: 14px;
    border-radius: 5px;
    position: absolute;
    left: 35px;
    top: 9px;
    transform: rotate(0deg);
    opacity: 1;
    transition: all 800ms ease;
}

.pricetable ul li .icon:after {
    content: '';
    background: #2cb48f;
    width: 3px;
    height: 6px;
    border-radius: 5px;
    position: absolute;
    left: 28px;
    top: 14px;
    transform: rotate(0deg);
    opacity: 1;
    transition: all 500ms ease;
}

.pricetable .md-col-6:hover ul li .icon:before {
    transform: rotate(45deg);
    opacity: 1;
}

.pricetable .md-col-6:hover ul li .icon:after {
    transform: rotate(-45deg);
    opacity: 1;
}

.pricetable ul li.price {
    width: 100%;
    padding: 5px 20px!important;
    background-color: #2cb48f;
    margin-top: 30px;
    margin-bottom: 0;
    text-align: center;
    background-color: #eff2f3;
    box-sizing: border-box;
}

.pricetable .highlight ul li.price {
    background-color: rgba(0,0,0,0.3);
    color: #fff;
}

.pricetable ul li.price span {
    font-size: 21px;
    font-weight: 400;
}

.pricetable ul li.price span.total {
    width: 100%;
    display: inline-block;
    font-size: 14px;
    line-height: 12px;
    opacity: 0.4;
    float: left;
    margin: 2px 0 10px 0;
}

.pricetable ul li.price em {
    font-style: normal;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 0 10px;
    position: relative;
    top: -3px;
}

.pricetable .md-col-12 {
    display: inline-block;
    margin-top: 50px;
}

.pricetable .md-col-12 span {
    width: 100%;
    display: inline-block;
    padding: 5px 0;
    font-weight: 400;
    line-height: 14px;
    color: #777;
}

svg.bg-svg {
    position: absolute;
    max-width: 1500px;
    opacity: 0.4;
    fill: #eff2f3;
}

/* ABOVE THE FOLDER */
.interactive {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    /*background: url(/assets/img/bg.jpg);*/
    background: none;
    background-size: cover;
    background-position: center;
    transition: all 800ms ease;
    opacity: 0;
}

.interactive.active {
    opacity: 1;
}

.interactive:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #15634e;
    /*background: url(/assets/img/bg-3.jpg);
    background-size: cover;
    position: absolute;
    opacity: 0.4;
    top: 0;
    left: 0;*/

    /*background: url(/assets/img/scene-bar2.jpg);*/
    background: url(/assets/img/bg-plangy-sub.jpg);
    background-size: cover;
    background-position: center;
    position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
    box-shadow: inset 0 -35px 50px #eaeaea;
}

#home .interactive:before { 
    background: url(/assets/img/bg-plangy-front.jpg);
    background-size: cover;
    background-position: center;
}

.front-hero-register {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

.front-hero-register input {
    width: 250px;
    height: 45px;
    border-right: 0!important;
    border-radius: 5px 0 0 5px;
    font-size: 18px;
}

.front-hero-register input.error {
    background-color: #F2DEDE!important;
    border-color: #EED3D7!important;
    -webkit-box-shadow: 0 0 0 30px #F2DEDE inset;
}

.front-hero-register .btn-next {
    width: auto;
    height: 45px;
    padding: 0px 20px;
    line-height: 42px;
    background: #2f68bd;
    margin: 0;
    border-radius: 0 5px 5px 0;
    position: relative;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
}

.front-hero-register .btn-next:hover {
    background: #255bad;
}

.front-hero-register .btn-next:before {
    display: none!important;
    cursor: pointer;
    content: '';
    border: solid #fff;
    border-width: 3px 3px 0 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 15px;
    right: 23px;
    width: 11px;
    height: 11px;
    transition: all 200ms ease;
}

.front-hero-register .btn-next:hover:before {
    right: 19px;
}

.hero {
    width: 100%;
    height: 550px;
    margin-top: 0;
    padding: 0!important;
    float: none;
    text-align: left;
    overflow: hidden;
    z-index: 0;
    text-align: center;
    background: #f6f9fa!important;
}

#home .hero {
    height: 680px;
    padding: 0;
    text-align: center;
}

.hero .md-col-4 {
    width: 40%;
}

.hero .md-col-8 {
    width: 60%;
}

.hero .section {
    position: relative;
    top: 150px;
    text-align: left;
}

.hero h1 {
    font-size: 42px;
    font-weight: 500;
    color: #222;
    letter-spacing: 0;
    margin: 50px 0 10px 0;
    position: relative;
    left: -2px;
    line-height: 46px;
}

.hero span.keyword {
    width: auto!important;
    float: none;
    display: inline-block!important;
    font-size: 42px;
    line-height: 46px;
    font-weight: 500;
    color: #2cb48f;
    border-bottom: 2px solid #2cb48f;
    margin: 0;
}

.hero span {
    width: 100%;
    float: left;
    font-size: 21px;
    font-weight: 400;
    line-height: 28px;
    color: #222;
    margin: 5px 0 10px 0;
    text-transform: none;
}

.hero a.btn-cta {
    margin-top: 30px;
    margin-right: 5px;
    padding: 12px 30px;
    display: inline-block;
    border-color: #2cb48f;
    background: #2cb48f;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}

.hero a.btn-cta:hover {
    background: #24a582;
    border-color: #24a582;
    color: #fff;
}


.hero a.btn-cta.btn-secondary {
    cursor: pointer;
    margin-left: 0;
    margin-top: 10px;
    padding: 12px 30px;
    display: inline-block;
    border-color: #132c42;
    background: #132c42;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}

.hero a.btn-cta.btn-secondary:hover {
    background: #0f2335;
    border-color: #0f2335;
    color: #fff;
}

img.hero-img-small {
    height: 480px;
    float: right;
    position: relative;
    top: -25px;
    right: 100px;
}

img.hero-img-large {
    height: 400px;
    float: left;
    position: relative;
    top: -15px;
    left: 50px;
}

img.hero-img-wide {
    height: 330px;
    float: left;
    left: 90px;
    position: relative;
    top: -25px;
}

/* MAIN */
div#main {
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
    z-index: 99;
}

.heading h2 {
    font-size: 34px!important;
    margin-bottom: 10px;
    font-weight: 400!important;
}

.heading p {
    text-align: center;
    font-size: 18px;
    margin-top: 0;
}

div#section-home {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    display: inline-block;
    position: relative;
}


#section-home .md-col-12 {
    padding: 0 20px 0;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

#section-home .md-col-4 {
    padding: 0 30px 0;
    box-sizing: border-box;
}

.screenshow {
    overflow: hidden;
    margin-top: 0;
    background: none!important;
}

div#section-home .swiper-container .content {
    padding: 0;
}

div#section-home .swiper-container {
    overflow: visible;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: -40px;
    text-align: left;
}

div#section-home .swiper-button-next.swiper-button-white {
    right: 0;
    background-image: none;
    bottom: -69px;
    top: auto;
}

div#section-home .swiper-button-next.swiper-button-white:before {
    content: '';
    border: solid #222;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

div#section-home .swiper-button-prev.swiper-button-white {
    right: 30px;
    left: auto;
    background-image: none;
    bottom: -69px;
    top: auto;
}

div#section-home .swiper-button-prev.swiper-button-white:before {
    content: '';
    border: solid #222;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #2cb48f;
}

.swiper-pagination-bullet:hover {
    background: #132c42;
    background: #2cb48f;
    opacity: 1;
}

.swiper-slide {
    opacity: 1;
}

.swiper-slide.swiper-slide-active {
    opacity: 1;
}

.heading h2 {
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    border-bottom: 0;
    padding: 0;
}

.heading h3 {
    width: 100%;
    float: left;
}

#section-home i {
    width: 30px;
    height: 30px;
    background: none;
    float: left;
    border-radius: 100%;
    position: relative;
    top: -6px;
    margin-right: 10px;
}

#section-home i img {
    width: 100%;
}

#section-home .illustration-system {
    width: 70%;
    margin: 0 auto;
    margin-top: 50px;
}

#section-home .illustration-system img {
    width: 100%;
    border-radius: 10px;
    position: relative;
    z-index: 2;
    bottom: -50px;
    transition: all 1500ms ease;
    box-shadow: 0 1px 10px #eee;
}

#section-home .illustration-system img.animate {
    bottom: 0;
    box-shadow: 0 3px 20px #ddd;
}

#section-home .heading {
    margin-top: 100px;
    margin-bottom: 50px;
}

.section-home:before {
    content: '';
    width: 100%;
    height: 500px;
    background-image: url(../img/shadow-oval.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1100px auto;
    position: absolute;
    top: 170px;
    left: 0;
    z-index: 1;
    opacity: 0;
    transition: all 1000ms ease;
    display: none;
}

.section-home.animate:before {
    opacity: 0.7;
    top: 180px;
}

#section-landing {
    margin-top: 320px;
}

#section-landing i {
    width: 30px;
    height: 30px;
    background: none;
    float: left;
    border-radius: 100%;
    position: relative;
    top: -6px;
    margin-right: 10px;
}

#section-landing i img {
    width: 100%;
}

.md-col-6.illustration-system-2 img {
    width: 100%;
    max-width: 900px;
    position: absolute;
    left: 0;
    top: -100px;
}

div#section-price-info {
    padding: 0;
    z-index: 1;
}

.type1 {
    height: 300px;
    padding: 0 50px;
    box-sizing: border-box;
}

img.illustration {
    width: 800px;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    bottom: -2px;
}

#video {
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
}

.video {
    text-align: center;
    position: relative;
}

.video-nav {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 120px;
    z-index: 1;
}

.video a {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: #2cb48f;
    border-radius: 100%;
}

.video a img {
    width: 100%;
    margin-left: 2px;
}

/* PRESENTATION */
.presentation {
    border-bottom: 1px solid #eff2f3;
    padding-bottom: 0;
    text-align: center;
    overflow: hidden;
    box-shadow: inset 1px -35px 100px #eff3f4;
}

.presentation img {
    max-width: 700px;
    margin-bottom: -150px;
    margin-top: 50px;
    box-shadow: 0px -10px 45px #e5e9eb;
    border-radius: 10px;
}

.presentation h3 {
    font-size: 34px;
    font-weight: 400;
    margin-bottom: 0;
}

.presentation h3 em {
    color: #2cb48f;
    font-style: normal;
    opacity: 0.5;
}

.main-content .row:last-child {
    border-bottom: 1px solid #eff2f3;
}

.main-content .row.hide {
    display: none;
}

.main-content .row.small {
    max-width: 800px;
    margin: 0 auto;
}

.hide {
    display: none;
}

/* LIST */
.list {
    text-align: center;
}

.list ul {
    width: 100%;
    padding: 20px 0 0 0;
    margin: 0;
    display: inline-block;
    text-align: center;
}

.list ul li {
    display: inline-block;
    float: none;
    text-align: center;
    padding: 30px 0;
    margin: 0 auto;
    position: relative;
    vertical-align: top;

}

.list ul li i {
    width: 60px;
    height: 60px;
    background: #2cb48f;
    border-radius: 100%;
    display: inline-block;
    padding: 11px;
    box-sizing: border-box;
}

.list ul li svg {
    background: none;
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 0;
}

.list ul li:before {
    content: '';
    width: 100%;
    height: 30px;
    position: absolute;
    top: 82px;
    left: 0;
    background-image: url(../img/shadow-small.png);
    background-size: 100px auto;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
}

.list ul li svg path,
.list ul li svg .cls-1,
.list ul li svg .cls-2 {
    fill: #fff!important;
    stroke: transparent!important;
}

.list ul li svg .cls-4 {
    fill: transparent!important;
    stroke: #fff!important;
    stroke-width:2.29px;
}

.list ul li span {
    width: 100%;
    float: left;
    font-size: 15px;
    font-weight: 500;
    margin-top: 10px;
}

.list ul li h3 {
    margin-bottom: 0;
}

.list ul li p {
    margin-top: 5px;
    padding: 0 15px;
}

.list-3 ul li {
    width: 33%;
}

    .list-3 ul {
        max-width: 1000px;
    }


    .list-3 ul li a {
        text-decoration: none;
    }

.list-4 ul li {
    width: 25%;
}

.list-5 li {
    width: 19%;
}

.icon-secondary ul li i {
    background: #85cdba!important;
}

.icon-secondary ul li:before {
    opacity: 0!important;
}

/* SPLIT */
.full-width.split {
    padding: 0;
}

.full-width.split .md-col-6 {
    padding: 100px 50px;
    box-sizing: border-box;
}

.full-width.split .md-col-6:first-child {
    padding-left: 0;
}

.full-width.split .md-col-6:last-child {
    padding-right: 0;
    border-left: 1px solid #eff2f3;
}

/* SECTION HOME INFO */
div#section-home-info {
    display: grid;
}

div#section-home-info .md-col-6:last-child {
    padding-left: 50px;
    box-sizing: border-box;
}

div#section-home-info h4 {
    font-size: 34px;
    font-weight: 300;
    line-height: 44px;
    margin: 10px 0 0 0;
}

div#section-home-info strong {
    font-size: 18px;
    font-weight: 400;
}

div#section-home-info ul {
    margin-top: 50px;
}

div#section-home-info li {
    list-style-type: none;
    position: relative;
}

div#section-home-info li p {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 30px;
}

div#section-home-info i {
    position: absolute;
    background: #2cb48f;
    left: -70px;
    top: 0;
    border-radius: 100%;
    padding: 11px;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
}

div#section-home-info i img {
    width: 100%;
}

i.square {
    width: 60px;
    height: 60px;
    position: relative;
    text-align: center;
}

i.square svg {
    background: none;
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 0;
    box-sizing: border-box;
}

i.square svg path, 
i.square svg .cls-1, 
i.square svg .cls-2 {
    fill: #fff!important;
}

i.square:before {
    content: '';
    width: 100%;
    height: 30px;
    position: absolute;
    top: 30px;
    left: 0;
    background-image: url(../img/shadow-small.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
}

/* SECTION TESTIMONIAL */

div#section-home-cta h5 {
    font-size: 40px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 30px;
}

div#section-home-cta p {
    font-size: 16px;
    color: #fff;
}

div#section-home-cta a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #fff;
    border-radius: 40px;
    padding: 10px 15px;
    margin-top: 20px;
    display: inline-block;
}

div#section-home-cta a:hover {
    background: #fff;
    color: #0f97cf;
}

/* FEATURES */

#section-features {
    min-height: 500px;
    background-image: url(/assets/img/phone.png);
    background-repeat: no-repeat;
    background-position: right;
    padding: 80px;
    display: grid;
}

#section-features h2 {
    margin-top: 0;
}

.section.theme {
    min-height: 500px;
    margin-bottom: 0;
    background: url(/assets/img/bg-gradient.jpg);
    border-radius: 0;
}

div#section-highlight {
    text-align: center;
    padding: 80px;
}

div#section-highlight h5 {
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 150px;
}

div#section-highlight p {
    color: #fff;
}

#section-highlight .md-col-4 {
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
}

/* CUSTOM FONT */
.hl1 {
    font-size: 21px;
    font-weight: 300;
    text-transform: none;
    color: #2cb48f;
}

.hl2 {
    font-size: 30px;
    font-weight: 400;
    line-height: 34px;
    margin: 10px 0 30px 0;
}

.right {
    float: right!important;
}

/* FOOTER */
.footer-content {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}

.footer-top {
    width: 100%;
    float: left;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
}

img.logo-bottom {
    margin-top: 15px;
    width: 120px;
}

.footer-cta {
    text-align: right;
}

.footer-cta span {
    font-size: 18px;
}

.footer-cta a.btn-cta {
    margin-left: 20px;
}

.footer-bottom {
    width: 100%;
    float: left;
    padding: 20px 0 80px;
}

.footer-bottom ul {
    margin: 0;
    padding: 0;
}

.footer-bottom ul li {
    list-style-type: none;
}

.footer-bottom ul li a {
    color: #888;
    text-decoration: none;
    padding: 6px 0;
    float: left;
    width: 100%;
}

.footer-bottom ul li a:hover {
    color: #2cb48f;
}

.footer-bottom h6 {
    font-size: 15px;
    font-weight: 500;
    margin: 20px 0 10px;
}

.footer-bottom .md-col-3:last-child {
    text-align: right;
    float: right;
}

/* HEROES */
.hero-large .hero h1,
.hero-large .hero span  {
    text-align: left;
}

.hero-large .hero a.btn-cta {
    float: left;
}

div#hero-features {
    background: url(/assets/img/bg-gradient.jpg);
    background-size: cover;
}


/* FRAMEWORK */
.md-col-3,
.md-col-4,
.md-col-6,
.md-col-8,
.md-col-9 {
    display: inline-block;
    float: left;
    min-height: 1px;
}

.md-col-3 { 
    width: 25%
}

.md-col-4 { 
    width: 33.33%
}

.md-col-6 { 
    width: 50%
}

.md-col-8 { 
    width: 66.66%
}

.md-col-9 { 
    width: 75%
}

.md-col-12 { 
    width: 100%
}

.full-width {
    background: #fff;
    padding: 0;
    display: flex;
    position: relative;
    padding: 100px 0;
}

.full-width.grey {
    background: #f6f9fa;
    border-top: 0;
    border-bottom: 1px solid #eff2f3;
}

.full-width.dark {
    background: #132c42;
}

.pattern:before {
    content: '';
    width: 100%;
    height: 100%;
    background: url(/assets/img/pattern.png);
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: right top;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.8;
}

.nopadding {
    padding: 0!important;
}

.nopadding-top {
    padding-top: 0!important;
}

.nopadding-bottom {
    padding-bottom: 0!important;
}

.content {
    max-width: 1300px;
    width: 100%;
    min-height: 200px;
    padding: 0 20px;
    margin: 0 auto;
    display: inline-block;
}

.section {
    background: none;
    padding: 30px 50px;
    margin-bottom: 0;
    border-radius: 5px;
    box-sizing: border-box;
}

.transparent {
    background: none;
}

.btn {
    border-radius: 30px;
    text-decoration: none;
    border: 1px solid #333;
}

.btn {
    width: auto;
    padding: 10px 15px;
    text-align: center;
    border-radius: 40px;
    background: #333;
    display: inline-block;
    color: #fff;
    box-sizing: border-box;
}

.btn-cta {
    border: 0;
    padding: 10px 25px;
    padding-bottom: 13px;
    text-decoration: none;
    background: #2cb48f;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border-radius: 5px;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
}

.btn-cta:hover { 
    background: #24a582;
    color: #fff;
}

.btn-std {
    border: 1px solid #ddd!important;
    color: #ccc;
    background: none;
    width: auto;
    border-radius: 40px;
    float: right;
    box-sizing: border-box;
    text-align: center;
    font-weight: 500;
    margin-top: 0;
    margin-right: 10px;
    font-size: 15px;
    padding: 12px 40px;
    font-family: 'Ubuntu', sans-serif;
    cursor: pointer;
}

.btn-std:hover {
    color: #111;
    border-color: #111!important;
}

*:focus,
button:focus {
    outline:0;
}

a,
input,
button {
    transition: all 200ms ease;
}

a:hover {
    color: #2cb48f;
}

h2 {
    font-size: 30px;
    font-weight: 400;
}

h3 {
    font-size: 18px;
    font-weight: 500;
    color: #222;
}

p, li {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #777;
}

p a {
    color: #2cb48f;
}

input {
    border: 1px solid transparent!important; 
    -webkit-appearance: none;
}

input:focus {
    border: 1px solid #c1cad5!important;
}

textarea {
    -webkit-appearance: none;
}


/* PRICE */
.pricinglist-outer {
    text-align: center;
    margin-top: -50px;
    margin-bottom: 0;
}


ul.pricinglist-choose {
    width: 100%;
    display: inline-block;
    margin-top: 50px;
    margin-bottom: 30px;
    padding: 0;
}

ul.pricinglist-choose li {
    display: inline-block;
    padding: 0;
    margin: 0 10px;
    cursor: pointer;
    position: relative;
}

ul.pricinglist-choose li.active:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background: #2cb48f;
}

ul.pricinglist-choose li span {
    font-weight: 400;
    color: #bbb;
    font-size: 17px;
    transition: all 200ms ease;
}

ul.pricinglist-choose li.active span,
ul.pricinglist-choose li.active:hover span {
    color: #2cb48f;
    font-weight: 400;
}

ul.pricinglist-choose li:hover span {
    color: #111;
    font-weight: 400;
}

.pricinglist {
    text-align: center;
    width: 100%;
    max-width: 100%;
    padding: 20px 0;
    margin: 0;
    margin: 0 auto;
    margin-top: 0;
    background: none;
    display: inline-block;
}

.pricinglist li {
    width: 23%;
    min-height: 10px;
    margin: 0 0.5%;
    display: inline-block;
    float: left;
    padding: 0 20px;
    box-sizing: border-box;
    border-right: 0;
    position: relative;
    border-radius: 5px;
    box-shadow: 0px 2px 15px #ccc;
    z-index: 1;
    background: #fff;
}

.pricinglist-terms {
    margin-top: 30px;
}

.pricinglist-terms span {
    width: 100%;
    display: inline-block;
    padding: 5px 0;
    font-weight: 400;
    line-height: 14px;
    color: #777;
    text-align: center;
}

.pricinglist li.box:first-child {

}

.pricinglist li.box:last-child {

}

.pricinglist .highlight-outer {
    padding: 6px;
    padding-bottom: 10px;
    padding-top: 2px;
    z-index: 2;
    width: 25%;
    top: -15px;
    overflow: hidden;
    background: none;
    box-shadow: none;
}

.pricinglist .highlight {
    background: url(/assets/img/bg-theme.jpg);
    position: relative;
    top: 0;
    border-radius: 5px;
    box-shadow: 0 2px 10px #bbb;
    padding: 0 20px;
    padding-bottom: 10px;
    padding-top: 12px;
    margin-top: 0px;
    float: left;
}

.ribbon {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 30px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 170px;
    display: block;
    background: #2f68bd;
    box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 30px;
    right: -37px;
}

.pricinglist .highlight h2, 
.pricinglist .highlight span, 
.pricinglist .highlight p, 
.pricinglist .highlight li {
    color: #fff;
}

.pricinglist li:last-child {
    border-right: 0;
}

.pricinglist li svg {
    height: 50px;
    margin-top: 40px;
    display: none;
}

.pricinglist svg .cls-1,
.pricinglist svg .cls-2 {
    fill: #57b782;
}

.pricinglist .highlight svg {
    height: 60px;
    margin-top: 30px;
}

.pricinglist .highlight svg .cls-1,
.pricinglist .highlight svg .cls-2 {
    fill: #fff;
}

.pricinglist .highlight .pricinglist-features svg .cls-1,
.pricinglist .highlight .pricinglist-features svg .cls-2 {
    fill: #132c42;
}

.pricinglist .highlight svg {
    position: relative;
    top: 0;
}

.icon-enterprise svg.smaller {
    height: 37px;
    position: relative;
    top: -2px;
    margin: 0 7px;
}

.pricinglist li i:after {
    content: '';
    background: #2cb48f;
    width: 1px;
    height: 10px;
    border-radius: 5px;
    position: absolute;
    left: 11px;
    top: 5px;
    transform: rotate(45deg);
    opacity: 1;
    transition: all 800ms ease;
}

.pricinglist li i:before {
    content: '';
    background: #2cb48f;
    width: 1px;
    height: 4px;
    border-radius: 5px;
    position: absolute;
    left: 6px;
    top: 10px;
    transform: rotate(-45deg);
    opacity: 1;
    transition: all 500ms ease;
}


.pricinglist .highlight .pricinglist-features i {
    border-color: #2f68bd;
    background: #2f68bd;
}

.highlight .pricinglist-features i:after, 
.highlight .pricinglist-features i:before {
    background: #fff;
}

.pricinglist .highlight .pricinglist-features li.headline {
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 5px;
    font-size: 15px;
    font-weight: 500;
    border-top: 0;
    color: #132c42;
}

.pricinglist h2 {
    color: #222;
    font-size: 21px;
    margin-bottom: 0;
    margin-top: 40px;
}

.pricinglist p {
    line-height: 20px;
    margin-top: 5px;
}

.pricinglist-action {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}

.pricinglist-action p {
    margin: 0;
    font-size: 14px;
}

.pricinglist-action span {
    font-size: 40px;
    font-weight: 300;
    color: #222;
    position: relative;
    line-height: 56px;
}

.pricinglist-action span span.sub {
    font-size: 12px;
    position: absolute;
    right: -32px;
    bottom: 6px;
    white-space: pre;
    line-height: 18px;
}

.pricinglist-action span span.presub {
    font-size: 18px;
    position: absolute;
    right: 75px;
    bottom: 8px;
    white-space: pre;
    line-height: 18px;
}

.pricinglist-action span em {
    color: #111;
    font-style: normal;
    font-weight: 300;
    font-size: 40px;
}

.highlight .pricinglist-action span em {
    color: #fff;
}

.pricinglist-action.textonly span {
    font-size: 28px;
    font-weight: 400;
    line-height: 30px;
    padding-top: 14px;
    display: inline-block;
    margin-bottom: 12px;
}

.pricinglist-action.textonly p {
    margin-bottom: 0;
}

.pricinglist-action .btn-cta {
    font-weight: 400;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 9px 30px;
    padding-bottom: 11px;
    padding-top: 8px;
    display: inline-block;
    cursor: pointer;
    background: none;
    box-shadow: none;
    color: #2cb48f;
    border: 1px solid #2cb48f;
    border-color: #2cb48f;
    background: #2cb48f;
    color: #fff;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
}

.pricinglist-action .btn-cta:hover {
    background: #24a582;
}

.highlight .pricinglist-action .btn-cta {
    border-color: #2f68bd;
    color: #fff;
    background: #2f68bd;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 11px;
    padding-top: 8px;
    margin-top: 19px;
}

.highlight .pricinglist-action .btn-cta:hover {
    border-color: #255bad;
    background: #255bad;
    color: #fff;
}

.pricinglist-features {
    width: 100%;
    display: inline-block;
    border-top: 1px solid #eee;
    margin-top: 20px;
    padding-top: 30px;
}

.highlight .pricinglist-features {
    border-top: 1px solid #29aa87;
}

.pricinglist .pricinglist-features ul {
    padding: 0;
}

.pricinglist .pricinglist-features li {
    width: 100%;
    border-right: 0;
    padding: 5px 0 5px 30px;
    text-align: left;
    border-top: 1px solid #f7f7f7;
    position: relative;
    font-size: 15px;
    border-radius: 0;
    box-shadow: none;
    background: none;
}

.pricinglist .highlight .pricinglist-features li svg {
    width: 21px;
    display: inline-block;
    line-height: 30px;
    height: auto;
    margin: 0;
    top: 5px;
    left: 0;
    position: absolute;
}


.pricinglist .pricinglist-features li i {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 6px;
    border-radius: 100%;
    border: 1px solid #2cb48f;
}

.pricinglist .highlight .pricinglist-features li {
    border-top: 1px solid #2db590;
}

.pricinglist .pricinglist-features li:first-child {
    border-top: 0;
}

.pricinglist .pricinglist-features li i.minus {
    border-color: #ddd;
}

.pricinglist .pricinglist-features li i.minus:before,
.pricinglist .pricinglist-features li i.minus:after {
    background: #ddd; 
}

.pricinglist .pricinglist-features li i.minus:before {
    display: none;
}

.pricinglist .pricinglist-features li i.minus:after {
    transform: rotate(90deg);
    top: 6px;
    left: 10px;
    height: 9px;
}





.price-box {
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
    padding: 0;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    box-shadow: 0px 3px 15px #ddd;
}

.ui-widget-content {
    border: 3px solid #eee;
    background: #e1e1e1;
    color: #222222;
    margin-top: 4px;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 5.2em;
    height: 2.2em;
    cursor: default;
    margin: 0 -40px auto !important;
    text-align: center; 
    line-height: 30px;
    color: #FFFFFF;
    font-size: 15px;
}

.ui-slider .ui-slider-handle .glyphicon {
    color: #FFFFFF;
    margin: 0 3px; 
    font-size: 11px;
    opacity: 0.5;
}

.ui-corner-all {
    border-radius: 20px;
    position: relative;
    margin-top: 25px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.9em;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    border: 0;
    background: #2cb48f;
    width: 25px;
    height: 25px;
    text-decoration: none;
    border-radius: 100%;
    text-indent: -9999px;
    top: -13px;
    margin: 0 0 0 -10px!important;

}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.5em;
}

.ui-slider .ui-slider-handle {
    cursor: pointer;
}

a.ui-slider-handle:before {
    content: '';
    width: 2px;
    height: 10px;
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    top: 8px;
    left: 9px;
    border-radius: 5px;
}


a.ui-slider-handle:after {
    content: '';
    width: 2px;
    height: 10px;
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    top: 8px;
    right: 9px;
    border-radius: 5px;
}

.ui-slider a,
.ui-slider a:focus {
    cursor: pointer;
    outline: none;
}

.price, .lead p {
    font-weight: 600;
    font-size: 32px;
    display: inline-block;
    line-height: 30px;
    margin: 10px 0;
    color: #111;
}

p#total-label,
.price-form label[for="total"] {
    color: #2cb48f;
}

.total {
    position: relative;
}

.price-slider {
    width: 40%;
    position: relative;
    margin: 0 5%;
    margin-top: 20px;
    margin-bottom: 50px;
    float: left;
}

.price-slider span {
    font-weight: 200;
    display: inline-block;
    color: #7f8c8d;
    font-size: 13px;
}

.price-form {
    background: #f9fcfd;
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 0;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
}


.price-form .form-group {
    width: 33%;
    display: inline-block;
    text-align: center;
    margin-bottom: 0;
    float: left;
}

.form-group span.price {
    font-weight: 200;
    display: inline-block;
    color: #7f8c8d;
    font-size: 14px;
    display: none;
}

.help-text {
    display: block;
    margin-top: 32px;
    margin-bottom: 10px;
    color: #737373;
    position: absolute;
    /*margin-left: 20px;*/
    font-weight: 200;
    text-align: right;
    width: 188px;
}

.price-form label {
    font-weight: 200;
    font-size: 16px;
}

img.payment {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.ui-slider-range-min {
    background: #addfd1;
    position: absolute;
    top: -3px;
    left: -3px;
    margin-top: 0;
    height: 6px;
    border-radius: 5px;
    transition: all 200ms ease;
}

.pricing ul {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    margin-top: 50px;
    padding: 0;
    border: 1px solid #eff2f3;
    border-radius: 5px;
}

.pricing ul li {
    list-style-type: none;
    border-bottom: 1px solid #eff2f3;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

.pricing ul li .md-col-6 {
    padding: 15px 10px;
    box-sizing: border-box;
}

.pricing ul li .md-col-6:last-child {
    border-left: 1px solid #eff2f3;
    padding-left: 10px;
    width: 48%!important;
    float: right;
    color: #777;
}

.pricing ul li:last-child {
    border-bottom: 0;
}

/* VALIDATION */
body .parsley-errors-list.filled {
    float: left;
    margin-bottom: 10px;
    width: 100%;
    background: #fafafa;
    padding: 10px;
    box-sizing: border-box;
    margin-top: -10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 0;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

body input.parsley-error {
    background-color: #f5eeee;
    border-top: 1px solid #ee9e9c!important;
    border-left: 1px solid #ee9e9c!important;
    border-right: 1px solid #ee9e9c!important;
    border-bottom: 1px solid #f8cdcc!important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

body input.parsley-success {
    border-color: #80cab6!important;
    background-color: #e0f6f0;
    color: #22896d;
}


/* SIGNUP */
.signup-logo {
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
}

.signup-logo em.pro {
    background: #2cb48f;
    padding: 3px 8px;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    font-style: normal;
    font-size: 11px;
    position: absolute;
    bottom: 0;
    margin-left: -2px;
    text-transform: uppercase;
}

.signup-logo em.free {
    background: #42515e;
    padding: 3px 8px;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    font-style: normal;
    font-size: 11px;
    position: absolute;
    bottom: 0;
    margin-left: -2px;
    text-transform: uppercase;
}

.signup-logo img.logo {
    width: 180px;
    margin-top: 0;
}

.signup .content {
    max-width: 700px;
    text-align: center;
}

.signup div#main {
    margin-top: 0px;
}

.signup-form {
    margin-top: 80px;
}

.signup-form h1,
.signup-form h2.h1 {
    text-align: center;
    font-size: 25px;
    font-weight: 400;
    margin: 0 0 3px;
}

.signup-form .md-col-6 {
    box-sizing: border-box;
    padding: 0px 20px;
}

.signup-form .md-col-6:last-child {
    box-shadow: -1px 0px 0px #eee;
}

.signup-form .form-group .md-col-6 {
    padding: 0;
    position: relative;
}

.signup-form .form-group .md-col-6:first-child {
    padding-right: 5%;
}

.signup-form .form-group .md-col-6:last-child {
    padding-left: 5%;
}

.signup-form .form-group .md-col-6 em.required {
    top: 15px;
    right: 35px;
}

.signup-form .form-group .md-col-6:last-child em.required  {
    right: 15px;
}

.signup-form .form-group .md-col-6 input,
.signup-form .form-group .md-col-6 select {
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 25px;
}

.signup-form a.discrete {
    text-align: left;
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    color: #999;
    text-decoration: none;
    font-size: 14px;
}

.signup-form a.discrete:hover {
    color: #b05b84;
}

input {
    border: 1px solid #eee!important;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    border-radius: 5px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 1px solid #eee!important;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    border-radius: 5px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.signup .main-content .row:last-child,
.login .main-content .row:last-child {
    border-bottom: 0;
}

/*.signup .btn-cta,
.login .btn-cta {
    cursor: pointer;
    border: 0!important;
    padding: 10px 15px;
    padding-bottom: 13px;
    color: #fff;
    background: #2cb48f;
    width: 100%;
    border-radius: 5px;
    float: left;
    box-sizing: border-box;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    margin-top: 10px;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
}

.signup .btn-cta:hover,
.login .btn-cta:hover {
    border: 0!important;
    background: #24a582;
}*/

.signup .btn-cta.disabled,
.login .btn-cta.disabled {
    background: none;
    color: #24a582;
    pointer-events: none;
}

.actions .btn-cta:first-child {
    width: 49%;
    margin-right: 1%;
}

.actions .btn-cta:last-child {
    width: 49%;
    margin-left: 1%;
}

.signup .btn-cta.btn-prev {
    background: none;
    border-color: #aaa!important;
    color: #aaa;
    margin-top: 10px;
}

.signup .btn-cta.btn-prev:hover {
    border-color: #333!important;
    color: #333;
}

.signup-steps {
    width: 100%;
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 500px;
}

.signup-steps h3 {
    text-align: center;
    margin: 0 0;
    font-weight: 400;
    font-size: 16px;
    color: #aaa;
}

.signup-steps .divider {
    width: 100%;
    display: inline-block;
    height: 10px;
}

.signup-step {
    display: block;
    width: 100%;
    top: 0;
    left: 100%;
    position: absolute;
    transition-delay: 500ms;
    transition: all 400ms ease;
-webkit-transition: all 500ms cubic-bezier(0.810, 0.095, 0.540, 0.860); 
   -moz-transition: all 500ms cubic-bezier(0.810, 0.095, 0.540, 0.860); 
     -o-transition: all 500ms cubic-bezier(0.810, 0.095, 0.540, 0.860); 
        transition: all 500ms cubic-bezier(0.810, 0.095, 0.540, 0.860); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.810, 0.095, 0.540, 0.860); 
   -moz-transition-timing-function: cubic-bezier(0.810, 0.095, 0.540, 0.860); 
     -o-transition-timing-function: cubic-bezier(0.810, 0.095, 0.540, 0.860); 
        transition-timing-function: cubic-bezier(0.810, 0.095, 0.540, 0.860); /* custom */
}

.signup-step em {
    text-align: center!important;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 10px;
    color: #888;
}

.signup-step.active {
    display: block;
    left: 0;
}

.signup-step.active.prev {
    left: -100%;
}

.signup-social {
    margin-top: 0px;
}

.signup-social .btn {
    width: 100%;
    margin-bottom: 15px;
    background: none;
    border: 1px solid #2cb48f;
    color: #2cb48f;
    font-weight: 500;
}

.signup-social .btn:hover {
    border: 1px solid #333;
    color: #333;
}

#signup-step-1 .md-col-12,
#signup-step-2 .md-col-12,
#signup-step-3 .md-col-12 {
    width: 60%;
    margin: 0 auto;
}

.signup-step .form-group {
    display: inline-block;
    width: 100%;
    position: relative;
}

.signup-step em.required {
    position: absolute;
    top: 11px;
    right: 14px;
    color: #ee9e9c;
}

p.terms {
    width: 100%;
    text-align: center;
    margin-top: 50px;
    display: inline-block;
    color: #aaa;
}

p.terms a {
    color: #aaa;
}

#alert {
    transition: all 200ms ease;
}

.alert {
    position: relative!important;
    background: #ddecf6;
    border-bottom: 1px solid #bcd7e8;
    color: #2e6d96;
    text-align: center;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px!important;
    height: 44px;
    width: 100%;
    top: 0!important;
    margin-bottom: 4px;
}

.alert strong {
    font-weight: 500;
    text-decoration: underline;
}

.alert.error,
.alert.err {
    background: #f0a1a1;
    border-bottom: 1px solid #e68a8a;
    color: #933636;
}

.alert.success,
.alert.suc {
    background: #b8e0b6;
    border-bottom: 1px solid #a3d1a1;
    color: #598e57;
    /*background: #b6e7da;
    border-bottom: 1px solid #9cd1c3;
    color: #508678;*/
}

.signup-step .error,
.signup-step .error_1,
.signup-step .error_2,
.signup-step .error_3  {
    background-color: #F2DEDE!important;
    border-color: #EED3D7!important;
    -webkit-box-shadow: 0 0 0 30px #F2DEDE inset;
}

.signup-step input.error:-webkit-autofill:hover,
.signup-step input.error_1:-webkit-autofill:hover,
.signup-step input.error_2:-webkit-autofill:hover,
.signup-step input.error_3:-webkit-autofill:hover {
    background-color: #F2DEDE!important;
    border-color: #EED3D7!important;
    -webkit-box-shadow: 0 0 0 30px #F2DEDE inset;
}

#form-register .error,
#form-register .error_1,
#form-register .error_2,
#form-register .error_3  {
    background-color: #F2DEDE!important;
    border-color: #EED3D7!important;
    -webkit-box-shadow: 0 0 0 30px #F2DEDE inset;
}

#form-register input.error:-webkit-autofill:hover,
#form-register input.error_1:-webkit-autofill:hover,
#form-register input.error_2:-webkit-autofill:hover,
#form-register input.error_3:-webkit-autofill:hover {
    background-color: #F2DEDE!important;
    border-color: #EED3D7!important;
    -webkit-box-shadow: 0 0 0 30px #F2DEDE inset;
}

.page-success .btn-cta {
    width: auto;
    margin: 0 auto;
    display: inline-block;
    float: none;
}

div#form-register {
    margin-top: 25px;
}

.form-inner {
    width: 500px;
    margin: 0 auto;
    display: inline-block;
    float: left;
}

.form-inner.wide {
    width: 100%;
    max-width: 1265px;
}

.form-inner .md-col-6,
.form-inner .md-col-12 {
    padding: 0 5px;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
}

.form-inner em.required {
    position: absolute;
    top: 13px;
    right: 25px;
    color: #9d2d2d;
}

.form-inner input {
    line-height: 20px;
    background: #fafafa;
}

.form-inner .btn-cta {
    width: 50%;
    float: none;
    display: inline-block;
}

#register-base {
    position: static;
}

#register-employees {
    max-width: 100%;
    margin: 0 auto;
}

#register-employees span.btn-remove {
    top: 13px!important;
}

.item-employee .owner {
    position: absolute;
    left: -45px;
    top: 13px;
    color: #2cb48f;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
}

.item-employee .owner:before {
    content: '';
    width: 10px;
    height: 1px;
    background: #2cb48f;
    position: absolute;
    top: 8px;
    right: -17px;
}

#form-register div#list-add {
    margin: 0 auto;
    margin-top: 30px;
}

#form-register h2 {
    font-size: 20px;
    margin: 0 0 10px 0;
}

#form-register p {
    margin: 0 0 10px 0;
}

#form-register span.btn-remove {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: -25px;
    width: 14px;
    opacity: 0.2;
}

#form-register span.btn-remove img {
    width: 100%;
}

#form-register div#list-add .form-group:first-child .btn-remove {
    display: none;
}

#form-register .btn-secondary {
    border: 1px dashed #eee!important;
    width: 100%;
    display: inline-block;
    padding: 12px;
    box-sizing: border-box;
    font-size: 13px;
    border-radius: 5px;
    background: #fafafa;
    color: #aaa;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
}

#form-register .btn-secondary.hide {
    display: none;
}

#form-register .divider {
    width: 100%;
    float: none;
    display: inline-block;
}

.choose-plan {
    margin-bottom: 40px;
    margin-top: 10px;
    display: none;
}

.choose-plan-box {
    width: 250px;
    display: inline-block;
    margin: 0 auto;
    background: #eee;
    border-radius: 5px;
    border: 1px solid #ececec;
}

.choose-plan-box span,
.choose-plan-box input {
    background: #ddd;
    color: #999;
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    padding: 5px 20px;
    display: inline-block;
    font-weight: 500;
    width: 49.5%;
    box-sizing: border-box;
    float: left;
    font-size: 14px;
    text-align: center;
    margin: 0.3%;
    cursor: pointer;
    transition: all 200ms ease;
}

.choose-plan-box span:first-child,
.choose-plan-box input:first-child {
    margin-right: 0.2%;
}

.choose-plan-box span:last-child,
.choose-plan-box input:last-child {
    margin-left: 0.2%;
}

.choose-plan-box span.chosen,
.choose-plan-box input.chosen {
    background: #2cb48f;
    color: #fff;
    border: 1px solid #28ac88;
}

.choose-plan-caption {
    margin-top: 10px;
}

.choose-plan-caption span {
    color: #777;
    font-size: 14px;
    line-height: 20px;
}

.choose-plan-caption span em {
    color: #2cb48f;
    font-style: normal;
    font-weight: 400;
}

#preschedule {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}

#preschedule .col-md-12 {
    padding: 0 5px;
}

#preschedule ul.list {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 80px;
    margin: 0;
    border: 1px solid #eee;
    border-radius: 5px;
}

#preschedule ul.list li {
    list-style-type: none;
    display: inline-block;
    margin-top: -1px;
    padding: 10px 20px;
    float: left;
    cursor: pointer;
    border-top: 0;
    border-left: 0;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee!important;
    position: relative;
    bottom: -1px;
    box-sizing: border-box;
}

#preschedule ul.list li:nth-child(5n + 5) {
    border-right: 0!important;
}

#preschedule .btn-extra ul.list li:nth-child(4n + 4) {
    border-right: 0!important;
}

/*#preschedule ul.list li:hover {
    color: #2cb48f;
    border-color: #2cb48f;
}*/

#preschedule .open ul.list {
    display: inline-block;
    padding: 0;
}

#preschedule .startweek li,
#preschedule .endweek li {
    width: 20%;
}

#preschedule .btn-extra li {
    width: 25%;
}

#preschedule ul.list li.selected {
    background: #e0f6f0;
    color: #fff;
    border-color: #80cab6;
    color: #2cb48f;
    opacity: 0.6;
}

#preschedule ul.list li:hover {
    background: #e0f6f0;
    color: #fff;
    border-color: #80cab6;
    color: #2cb48f;
    opacity: 1;
}

#preschedule label.control-label {
    font-size: 16px;
}

#preschedule .current {
    font-size: 16px;
    cursor: pointer;
    position: relative;
    padding: 6px 0;
}

#preschedule .open .current {
    color: #2cb48f;
}

#preschedule .current:hover {
}

#preschedule label.control-label {
    font-size: 15px;
    padding: 10px 0;
    display: inline-block;
    color: #777;
    font-weight: 400;
    position: relative;
}

#preschedule label.control-label .helper {
    position: absolute;
    top: 10px;
    right: -20px;
    width: 12px;
}

#preschedule label.control-label .helper img {
    width: 100%;
}

#preschedule label.control-label .helper .caption {
    opacity: 0;
    width: 300px;
    display: none;
}

#preschedule label.control-label .helper:hover .caption {
    opacity: 1;
    right: -315px;
    display: block;
}

#preschedule label.control-label .helper .caption {
    opacity: 0;
    width: 300px;
    top: -100px;
    right: -345px;
    position: absolute;
    transition: all 200ms ease;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 20px;
    box-sizing: border-box;
    z-index: 9;
    background: #fff;
}

#preschedule label.control-label .helper .caption p {
    font-size: 13px;
    line-height: 17px;
    text-align: left;
}

#preschedule label.control-label .helper .caption h4 {
    margin-top: 0;
    margin-bottom: 10px;
    text-align: left;
    color: #111;
    font-weight: 400;
}

#preschedule label.control-label .helper .caption ul li {
    list-style-type: none;
    position: relative;
}

#preschedule label.control-label .helper .caption ul {
    padding-left: 17px;
    margin-bottom: 0;
}

#preschedule label.control-label .helper .caption ul li:before {
    content: '';
    position: absolute;
    top: 5px;
    left: -15px;
    background: #80cab6;
    width: 5px;
    height: 5px;
    border-radius: 100%;
}


#preschedule .current:after {
    content: '';
    position: absolute;
    right: 8px;
    top: 9px;
    width: 6px;
    height: 6px;
    border: solid #ddd;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#preschedule .nice-select.form-control:hover .current:after {
    border: solid #555;
    border-width: 0 2px 2px 0;
}

#preschedule .nice-select.form-control.open .current:after {
    border: solid #2cb48f;
    border-width: 0 2px 2px 0;
}

#preschedule .nice-select.form-control .list li:before, 
#preschedule .nice-select.form-control .list li.selected:before {
    content: '';
    position: absolute;
    right: 15px;
    top: 6px;
    width: 3px;
    height: 7px;
    border: solid #ddd;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
    transition: all 200ms ease;
}

#preschedule .nice-select.form-control .list li:hover:before, 
#preschedule .nice-select.form-control .list li.selected:before {
    opacity: 1;
    top: 16px;
    border-color: #2cb48f;
}


.schedule-simple {
    width: 100%;
    overflow: visible;
    padding: 0;
    box-sizing: border-box;
}

.schedule-simple .row {
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #eff5f2;
    border-radius: 5px;
    display: inline-block;
}

.schedule-simple .row .row {
    border-radius: 0;
    position: relative;
    width: 100%;
    float: left;
}

.schedule-simple .row .row.first {
    padding-bottom: 0;
}

.schedule-simple .col {
    width: 11.2%;
    min-height: 56px;
    float: left;
    height: auto;
    padding: 0;
    background: none;
    box-sizing: border-box;
    box-shadow: none;
    border-left: 0;
    border-right: 1px solid #eee;
    position: relative;
}

.schedule-simple .error .nice-select.form-control .current:after,
.schedule-simple .error .nice-select.form-control.open .current:after {
    border: solid #B94A48;
    border-width: 0 2px 2px 0;
}

#form-register .schedule-simple .col input {
    width: 20px;
    border: 2px solid #fff;
    border-color: transparent!important;
    padding: 2px 0;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 5px;
    float: none;
    box-sizing: border-box;
    line-height: 18px;
    position: relative;
    top: 1px;
    text-align: center;
    background: none;
    margin-bottom: 0;
    border: 0;
}

#form-register .schedule-simple .col input.minutes {
    text-align: center;
}

#form-register .schedule-simple .col .day.disable .time input {
    pointer-events: none;
}

#form-register .schedule-simple .col .day:nth-child(2n + 2) {
    background: #fff;
    border: 0;
}

#form-register .schedule-simple .row .row:nth-child(2n + 5) {
    background: #f9fbfa;
}

#form-register .schedule-simple .col .day.disable .time {
    opacity: 0.2;
}

#form-register .schedule-simple .col .day.disable .seperator {
    opacity: 0.2;
}

#form-register .schedule-simple .col input.parsley-success {
    color: #222728;
}

#form-register .schedule-simple .col input.parsley-error {
    text-align: center;
    color: #B94A48;
    background-color: #F2DEDE;
    border-color: #EED3D7!important;
}

#form-register .schedule-simple .col input.bug,
#form-register .schedule-simple .col input.bug_1 {
    border: 0;
    border-bottom: 2px solid #B94A48!important;
    border-radius: 0;
}

#form-register .schedule-simple .col select.form-control {
    opacity: 0;
}

#form-register .schedule-simple .col .nice-select {
    width: 90%;
    height: 36px;
    margin: 10px 5%;
    font-size: 12px;
    text-align: left;
    line-height: 20px;
    padding: 6px 12px;
    padding-left: 10px;
    padding-right: 40px;
    box-sizing: border-box;
    color: #555;
}

#form-register .schedule-simple .error .nice-select {
    border-color: #B94A48;
    color: #B94A48;
    background: #F2DEDE;
}

#form-register .schedule-simple .col input.parsley-error {
    text-align: center;
    color: #B94A48;
    background-color: #F2DEDE;
    border-color: #B94A48!important;
}

#form-register .schedule-simple h2 {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    margin-bottom: 0!important;
    padding: 12px 10px 12px;
    border-bottom: 0;
    color: #111;
    font-weight: 500;
    font-size: 16px;
    width: 70%;
    float: left;
    line-height: 22px;
    text-align: left;
    box-sizing: border-box;
}

#form-register .schedule-simple h2 span {
    position: relative;
    margin-right: 5px;
}

#form-register .schedule-simple h2 span:before {
    content: ',';
    position: absolute;
    right: -5px;
    bottom: 0;
}

#form-register .schedule-simple h2 span:last-child:before {
    display: none;
}

#form-register .schedule-simple h3 {
    position: absolute;
    left: 0;
    font-size: 14px;
    font-weight: 400;
    margin-top: 13px;
    width: 100px;
    text-align: right;
    padding-right: 15px;
}

#form-register .schedule-simple h4 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 12px;
    margin-left: 6px;
    margin-right: 10px;
    color: #111;
    border-bottom: 0;
    padding-bottom: 0;
    position: relative;
    text-align: right;
}

#form-register .schedule-simple h4:before {
    content: '';
    width: 13px;
    height: 13px;
    border-bottom: 1px solid #2cb48f;
    border-right: 1px solid #2cb48f;
    position: absolute;
    bottom: -7px;
    right: 20px;
    transform: rotate(45deg);
    background: #fff;
}

#form-register .schedule-simple h4:before {
    display: none;
}

#form-register .schedule-simple strong {
    width: 25%;
    display: inline-block;
    font-weight: 400;
    color: #999;
    font-size: 12px;
    opacity: 1;
}

#form-register .schedule-simple strong {
    display: none;
}

#form-register .schedule-simple .row-parent {
    margin-bottom: 10px;
    display: inline-block;
    border: 1px solid #eff5f2;
    border-radius: 5px;
}

#form-register .schedule-simple .col.first {
    width: 16%;
    border-left: 0;
    border-right: 0;
}

#form-register .schedule-simple .col.first strong {
    opacity: 1;
}

#form-register .schedule-simple .row.first .col {
    min-height: 46px;
}

#form-register .schedule-simple .row .row.high-header.first .col {
    min-height: 60px;
}

#form-register .schedule-simple .row.first .col em {
    font-style: normal;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    font-size: 12px;
    font-weight: 500;
    float: left;
    width: 30%;
    text-align: right;
    color: #999;
    box-sizing: border-box;
}

#form-register .schedule-simple .col .week-table {
    width: 100%;
    height: 1px;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
    padding: 0 15px;
    display: inline-block;
    transition: all 600ms ease;
    overflow: hidden;
}

#form-register .schedule-simple .col .week-table.show {
    height: auto;
    padding-bottom: 0;
}

#form-register .schedule-simple .col .week-table.show em {
    left: 48px;
    opacity: 1;
    transition: all 700ms ease;
}

#form-register .schedule-simple .col .week {
    font-size: 10px;
}

#form-register .schedule-simple .col .week em {
    font-style: normal;
    font-weight: 500;
    color: #2cb48f;
    margin-right: 3px;
    position: absolute;
    left: 10px;
    transition: all 0ms ease;
    opacity: 0;
}

#form-register .week-table .week em {
    display: none;
}

#form-register .schedule-simple p.name {
    float: left;
    margin-top: 18px;
    margin-left: 10px;
}

#form-register .schedule-simple .col span.date {
    margin-right: 10px;
    font-size: 13px;
    display: inline-block;
    margin-bottom: 13px;
    font-weight: 400;
}

#form-register .schedule-simple .col span.date-single {
    margin-top: 13px;
}

.row .col:nth-child(2) .week-table .week em {
    display: block;
}

.schedule-simple .col .time span {
    margin: 0;
    width: 7%;
    font-weight: 500;
    display: inline-block;
    text-align: center;
}

.schedule-simple .col .time {
    margin-bottom: 0;
    width: auto;
    float: left;
}

.schedule-simple .col .day {
    margin-bottom: 0;
    border-bottom: 0;
    padding: 15px 4px 16px;
    padding-right: 25px;
    position: relative;
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.schedule-simple .col .day:nth-child(2n + 2) {
    background: #f5f8f6;
    border-top: 1px solid #ecf1ed;
    border-bottom: 1px solid #ecf1ed;
}

.schedule-simple .col .seperator {
    width: 8px;
    float: left;
    text-align: center;
    font-size: 18px;
}

.schedule-simple .col.last {
    width: 5%;
    border-left: 0;
    border-right: 0;
}

.schedule-simple .col.last span {
    width: 100%;
    text-align: center;
    display: inline-block;
    position: relative;
    top: 4px;
    font-size: 12px;
}

.schedule-simple .col .time em {
    display: none;
}

#form-register .schedule-simple .col.last .total_row {
    width: 100%;
    text-align: center;
    position: relative;
    top: 9px;
    font-size: 15px;
    font-weight: 600;
    color: #111;
}

.schedule-simple .row .row.wrapper-total-day {
    background: #f5f8f6;
    background: #e8f1ef;
}

.schedule-simple .row.wrapper-total-day .col {
    border-right: 1px solid #bce2d8;
    color: #2c6f5d;
    min-height: 28px;
}

.schedule-simple .row .row.wrapper-total-day .col.first,
.schedule-simple .row .row.wrapper-total-day .col.last {
    border-left: 0;
    border-right: 0;
}

#form-register .schedule-simple .row .row.wrapper-total-day input {
    width: 100%;
    font-weight: 600;
    text-align: left;
    font-size: 13px;
    padding-left: 6px;
    padding-right: 7px;
    padding-top: 3px;
    display: inline-block;
    float: left;
    box-sizing: border-box;
    color: #2c6f5d;
    -webkit-appearance: none;
}

.schedule-simple .row .row.wrapper-total-day span {
    position: absolute;
    top: 6px;
    right: 10px;
}

.schedule-simple .parsley-errors-list {
    display: none;
}

.schedule-simple input.datepicker {
    width: 90%;
    float: right;
    margin-top: 10px;
    font-weight: 600;
    text-align: left;
    padding-right: 0;
    margin-right: 5%;
}

.schedule-simple.schedule-modal {
    border-top: 1px solid #eee;
}

.schedule-simple .row.first .col.grayed {
    opacity: 0.2;
}

.schedule-simple .row.wrapper-total-day .col.grayed {
    opacity: 0.15;
}

.schedule-simple .col.grayed {
    opacity: 0.2;
}

.schedule-simple .col.grayed-semi {
    opacity: 0.5;
}

#form-register .form-inner .btn-cta {
    cursor: pointer;
    float: right;
    width: auto;
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 15px;
    padding: 12px 40px;
    font-family: 'Ubuntu', sans-serif;
}

#form-register .form-inner .btn-add-more {
    background: #8dcdbc;
    border-color: #8dcdbc!important;
    float: left;
    padding: 10px 20px;
    font-family: 'Ubuntu', sans-serif;
}

#form-register .form-inner .btn-add-more:hover {
    background: #78b3a3;
    border-color: #78b3a3!important;
}

#form-register .page-success {
    text-align: center;
}

#form-register .page-success .btn-cta {
    float: none;
}

.field-clear {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 28px;
    text-align: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.field-clear input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.field-clear .checkmark {
    position: absolute;
    top: 20px;
    right: 9px;
    height: 15px;
    width: 15px;
    background-color: #eee;
    opacity: 0.8;
    border-radius: 3px;
}

.field-clear:hover input ~ .checkmark {
    background-color: #ccc;
}

.field-clear input:checked ~ .checkmark {
    background-color: #2cb48f;
    opacity: 1;
}

.field-clear input:checked ~ .checkmark:hover {
    background-color: #24a582!important;
}

.field-clear .checkmark:after {
    content: "";
    position: absolute;
    display: block;
}

.field-clear .checkmark:after {
    left: 5px;
    top: 3px;
    width: 3px;
    height: 6px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.field-clear input:checked ~ .checkmark:after {
  display: block;
}

.field-clear input:checked .checkmark:after {
    left: 9px;
    top: 4px;
    width: 7px;
    height: 13px;
    border: solid white!important;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.field-clear .btn-clear {
    height: 58px;
    width: 100%!important;
    z-index: 9;
    top: -1px!important;
    margin-top: 0;
}

/* NICE SELECT */
.nice-select.form-control .current {
    width: 100%;
    position: relative;
    display: inline-block;
}

.nice-select.form-control .current:after {
    content: '';
    position: absolute;
    right: -21px;
    top: 3px;
    width: 7px;
    height: 7px;
    border: solid #ddd;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nice-select.form-control:hover .current:after {
    border: solid #555;
    border-width: 0 2px 2px 0;
}

.nice-select.form-control.open .current:after {
    border: solid #22896d;
    border-width: 0 2px 2px 0;
}

.nice-select.form-control.error .current:after {
    border: solid #B94A48;
    border-width: 0 2px 2px 0;
}

.nice-select.form-control {
    border: 2px solid #eee;
    border-radius: 40px;
    box-shadow: none;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    height: auto;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
}

.nice-select.form-control:hover {
    border: 2px solid #555;
}

.nice-select.form-control.open {
    background: #e0f6f0;
    border-color: #80cab6;
    color: #22896d;
    overflow: visible;
}

.nice-select.form-control .list {
    display: none;
    position: absolute;
    background: #fff;
    padding: 0;
    left: 0;
    border: 0;
    border-radius: 5px;
    width: 100%;
}

.nice-select.form-control.open .list {
    display: block;
    z-index: 9;
}

.nice-select.form-control .list li {
    padding: 5px 10px;
    border-bottom: 1px solid #eee;
    transition: all 200ms ease;
    border-left: 2px solid #eee;
    border-right: 2px solid #eee;
    font-size: 13px;
    font-weight: 400;
    color: #111;
    position: relative;
    list-style-type: none;
}

.nice-select.form-control .list li:first-child {
    border-top: 2px solid #eee;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.nice-select.form-control .list li:last-child {
    border-bottom: 2px solid #eee;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.nice-select.form-control .list li.selected {
    opacity: 0.6;
}

.nice-select.form-control .list li.selected:first-child {
    border-top: 2px solid #80cab6;
}

.nice-select.form-control .list li:hover,
.nice-select.form-control .list li.selected {
    background: #e0f6f0;
    border-left: 2px solid #80cab6;
    border-right: 2px solid #80cab6;
    color: #22896d;
    font-weight: 500;
}

.nice-select.form-control .list li:before,
.nice-select.form-control .list li.selected:before {
    content: '';
    width: 13px;
    height: 13px;
    background: url(../img/icon-checked.png);
    background-size: 100%;
    position: absolute;
    right: 12px;
    top: 2px;
    opacity: 0;
}

.nice-select.form-control .list li:hover:before,
.nice-select.form-control .list li.selected:before  {
    opacity: 1;
    top: 8px;
}


.nice-select.form-control .list li:first-child:hover {
    border-top: 2px solid #239d7c;
    border-left: 2px solid #239d7c;
    border-right: 2px solid #239d7c;
}

.nice-select.form-control .list li:last-child:hover {
    border-right: 2px solid #239d7c;
    border-left: 2px solid #239d7c;
    border-bottom: 2px solid #239d7c;
}

/*.btn-facebook {
    background: #4267b2;
}*/

/* PROGRESS */
#progress {
    width: 100%;
    padding: 50px 0 20px;
    display: inline-block;
    float: left;
}

#progress ul {
    padding: 0;
    margin: 0;
}

#progress ul li {
    width: 100px;
    list-style-type: none;
    display: inline-block;
    position: relative;
    transition: all 200ms ease;
    float: left;
    margin-right: 50px;
}

#progress ul li:before {
    content: '';
    width: 80px;
    height: 1px;
    background: #f1f1f1;
    position: absolute;
    top: 19px;
    right: -65px;
}

#progress ul li:last-child:before {
    display: none;
}

#progress ul li span {
    width: 100%;
    display: inline-block;
    color: #777;
    font-weight: 300;
    transition: all 200ms ease;
}

#progress ul li em {
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    color: #ccc;
    font-style: normal;
    margin-bottom: 5px;
    position: relative;
}

#progress ul li.active em {
    border-color: #b05b84;
    color: #b05b84;
}


#progress ul li.half em {
    border-right-color: #ddd;
    border-top-color: #ddd;
}

#progress ul li em:before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 1px solid #ddd;
    position: absolute;
    left: -1px;
    top: -1px;
    transition: all 200ms ease;
}

#progress ul li em:before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 1px solid #ddd;
    position: absolute;
    left: -1px;
    top: -1px;
}

#progress ul li.active em:before {
    border-color: #b05b84;
    color: #b05b84;
}

#progress ul li.half em:before {
    border-right-color: #ddd;
    border-top-color: #ddd;
    transform: rotate(45deg);
}

#progress ul li.active span {
    color: #111;
    font-weight: 400;
}

#progress ul li.completed {
    opacity: 0.4;
}

#progress ul li.completed span {
    font-weight: 300;
}

.login .content {
    max-width: 300px;
}

/* MODAL */

.md-modal {
    z-index: 99999!important;
}

.md-show ~ .md-overlay {
    z-index: 9999;
}



.modal-header-form {
    text-align: center;
    padding-top: 20px;
}

.modal-header-form svg {
    height: 60px;
}

.modal-header-form h1 {
    font-weight: 400;
    margin-bottom: 0;
}

.modal-header-form p {
    line-height: 20px;
    margin-bottom: 20px!important;
}

form.modal-form .md-col-12, form.modal-form .md-col-6 {
    padding: 0 5px;
    box-sizing: border-box;
}

.modal-form .error {
    background-color: #F2DEDE!important;
    border-color: #EED3D7!important;
    -webkit-box-shadow: 0 0 0 30px #F2DEDE inset;
}

#modal-intro .nice-select.form-control .list {
    padding: 20px 100px;
    margin-top: 10px;
    box-sizing: border-box;
}

/*#modal-intro .nice-select.form-control .list li {
    width: 100%;
    box-sizing: border-box;
    float: left;
}

#modal-intro .nice-select.form-control .list li:first-child {
    width: 100%;
}

#modal-intro .nice-select.form-control .list li:nth-child(2n + 3) {
    border-left: 0;
}*/


#modal-intro .nice-select.form-control {
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    background: #f4f4f4;
    border: 1px solid #eee;
    font-size: 14px;
    font-weight: 500;
    color: #777;
}

#modal-intro .nice-select.form-control .current:after {
    right: 5px;
}

#modal-intro .modal-header-form p {
    padding: 0 20px;
}

.icon-intro svg.smaller {
    height: 45px;
    margin-right: 10px;
    position: relative;
    bottom: 2px;
}

.form-action {
    text-align: center;
}

.form-action .btn-cta {
    cursor: pointer;
    color: #fff;
    background: #2cb48f;
    margin-top: 17px;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 30px;
    padding-bottom: 13px;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
    border: 0;
}

button.md-close {
    position: absolute;
    top: 12px;
    right: 15px;
    border: 0;
    z-index: 9;
    cursor: pointer;
    width: 25px;
    height: 25px;
    padding: 0;
}

button.md-close:before {
    content: '';
    width: 15px;
    height: 2px;
    background: #ccc;
    position: absolute;
    top: 12px;
    left: 5px;
    transform: rotate(45deg);
    transition: all 200ms ease;
}

button.md-close:after {
    content: '';
    width: 15px;
    height: 2px;
    background: #ccc;
    position: absolute;
    top: 12px;
    left: 5px;
    transform: rotate(-45deg);
    transition: all 200ms ease;
}

button.md-close:hover:before,
button.md-close:hover:after {
    background: #111;
}

.md-content input {
    letter-spacing: 0!important;
}

textarea {
    width: 100%;
    min-height: 150px;
    background: #f4f4f4;
    padding: 10px 13px;
    margin-bottom: 10px;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
    border: 1px solid #eee!important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: none;
  -webkit-box-shadow: none;
  -webkit-box-shadow: 0 0 0 30px white inset;
  transition: background-color 5000s ease-in-out 0s;
}

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

.hide-sm {
    display: block;
}

@media (max-width:1600px) {

    ul.navigation li:hover ul.submenu {
        left: auto;
        right: 0;
    }

    ul.navigation li:hover ul.submenu i.arrow {
        right: 58px;
        left: auto;
        position: absolute;
    }

}


@media (max-width:1024px) {

    .wrapper {
        overflow: hidden;
        position: relative;
    }

    .hide-sm {
        display: none;
    }

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

    .header.fixed img.logo {
        margin-top: 2px;
        margin-bottom: 3px;
    }

    .fixed a.logo-positive,
    .fixed a.logo-negative {
        float: left;
    }

    .nav-trigger {
        display: block;
        position: absolute;
        right: 27px;
        top: 34px;
        z-index: 4;
        height: 50px;
        width: 50px;
    }

    .nav-trigger span.trigger {
        width: 50px;
        height: 50px;
        position: absolute;
        display: block;
        right: -13px;
        top: -13px;
    }

    .header.fixed .nav-trigger {
        top: 16px;
    }

    .header.fixed a.btn-login {
        top: 14px;
    }

    span.trigger i {
        width: 30px;
        height: 3px;
        right: 0;
        border-radius: 5px;
        background: #fff;
        display: inline-block;
        position: absolute;
        transition: all 200ms ease;
    }

    span.trigger.btn-open i {
        background: #222;
    }

    span.trigger.btn-close i {
        background: #222;
    }

    span.trigger i.l1 {
        top: 14px;
        right: -100px;
        transition: all 500ms ease;
    }

    span.trigger.active i.l1 {
        right: 10px;
    }

    span.trigger i.l2 {
        top: 23px;
        right: -100px;
        transition: all 800ms ease;
    }

    span.trigger.active i.l2 {
        right: 10px;
    }

    span.trigger i.l3 {
        top: 32px;
        right: -100px;
        transition: all 1000ms ease;
    }

    span.trigger.active i.l3 {
        right: 10px;
    }

    .nav-trigger span.trigger.btn-open {
        z-index: 1;
    }

    .nav-trigger span.trigger.btn-close {
        opacity: 0;
        z-index: 0;
    }

    .nav-trigger span.trigger.btn-close.active {
        opacity: 1;
        z-index: 2;
        top: -14px;
        right: -8px;
        opacity: 0.4;
        width: 60px;
        height: 75px;
    }

    span.trigger.btn-close i.l1 {
        transform: rotate(0deg);
        top: 10px;
        right: 20px;
    }

    span.trigger.btn-close.active i.l1 {
        transform: rotate(-45deg);
        top: 35px;
        background: #111;
    }

    span.trigger.btn-close i.l2 {
        right: 10px;
    }

    span.trigger.btn-close.active i.l2 {
        right: -100px;
    }

    span.trigger.btn-close i.l3 {
        transform: rotate(0deg);
        top: 35px;
        right: 20px;
    }

    span.trigger.btn-close.active i.l3 {
        transform: rotate(45deg);
        top: 35px;
        background: #111;
    }

    a.btn-login {
        position: absolute;
        right: 70px;
        top: 32px;
        text-align: center;
    }

    a.btn-login svg {
        width: 20px;
    }

    a.btn-login span {
        width: 100%;
        display: inline-block;
        text-align: center;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        margin-top: 4px;
    } 

    a.btn-login svg path,
    a.btn-login svg .cls-1,
    a.btn-login svg .cls-2 {
        fill: #222!important;
        stroke: transparent!important;
    } 

    ul.navigation li a {
        color: #222!important;
    }


    /*a.btn-account svg path, 
    a.btn-account svg .cls-1, 
    a.btn-account svg .cls-2 {
        fill: #fff!important;
        stroke: #fff!important;
        stroke-width: 2px;
    }*/

    .signup-logo {
        width: 100%;
    }

    .header-top {
        display: none;
    }

    .navigation li.btn-cta {
        background: #2cb48f;
        width: 100%;
        padding: 0;
        border-radius: 0;
    }

    .navigation li.btn-cta a {
        color: #fff;
        padding: 14px 0;
        font-size: 16px;
    }

    ul.navigation {
        width: 90%;
        margin: 0 5%;
        position: absolute;
        left: -100%;
        top: 20px;
        transition: all 200ms ease;
        padding: 0;
        background: #fff;
        border-radius: 10px;
        opacity: 0;
        padding-top: 50px;
        box-shadow: 0px 20px 25px #eff2f3;
    }

    ul.navigation.active {
        left: 0;
        opacity: 1;
        z-index: 3;
    }

    ul.navigation li {
        width: 50%;
    }

    ul.navigation li a {
        padding: 35px 0;
        width: 100%;
        color: #111;
        text-align: center;
    }

    ul.navigation .submenu li a {
        border-right: 0;
    }

    ul.navigation li ul.submenu {
        display: none!important;
    }

    ul.submenu {
        position: relative;
        left: 0;
        opacity: 1;
        width: 100%;
        top: 0;
        float: left;
        border-top: 1px solid #eff2f3;
        background: #fafafa;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .submenu strong {
        font-size: 16px;
    }

    .submenu span {
        font-weight: 400;
        font-size: 13px;
        line-height: 18px;
        margin-top: 5px;
    }

    ul.submenu i.arrow {
        display: block;
        background: #fafafa;
        position: absolute;
        right: 74px;
        top: -11px;
        border-left: 1px solid #eff2f3;
        border-top: 1px solid #eff2f3;
    }

    li.nav-logo {
        width: 100%!important;
        position: absolute;
        margin-top: -85px;
    }

    li.nav-logo {
        border-bottom: 1px solid #eff2f3;
    }

    ul.navigation li.nav-logo a {
        width: auto;
        padding: 25px 0;
    }

    .nav-logo img.logo {
        width: 120px;
        margin-top: 30px;
        opacity: 0.4;
    }

    .header-bottom .left {
        width: 100%;
        text-align: center;
    }

    img.logo {
        width: 140px;
        margin-top: 18px;
        margin-left: 20px;
        float: left;
    }

    .screenshow {
        margin-top: 0px;
    }

    .content {
        padding: 0 20px!important;
    }

    div#section-home {
        margin-top: 0;
    }

    #section-home .illustration-system {
        display: none;
    }

    .section-home.animate:before {
        display: none;
    }

    div#section-home-info li p {
        font-size: 16px;
    }

    .hero .section {
        top: 0;
        display: inline-block;
        float: left;
        padding-top: 150px!important;
        padding-bottom: 150px!important;
        z-index: 9;
    }

    .hero span {
        font-size: 16px;
    }

    .hero {
        height: auto;
    }

    .hero h1, .hero h1 span {
        font-size: 30px!important;
        line-height: 34px!important;
    }

    .hero h1 br {
        display: none;
    }

    #home .hero {
        height: auto;
    }

    .heading h2 {
        font-size: 32px!important;
        margin-top: 0;
    }

    div#section-price-info h4 {
        text-align: center;
    }

    .price, .lead p {
        font-size: 26px;
    }

    .price-form label {
        font-size: 14px;
    }

    .price-slider {
        width: 90%;
    }

    .md-col-6 {
        width: 100%;
    }

    .md-col-8 {
        width: 100%;
    }

    .md-col-9 {
        width: 100%;
    }

    .full-width {
        padding: 50px 0;
    }

    .type1 {
        height: auto;
        padding: 20px 0;
    }

    .md-col-6.illustration-system-2 img {
        position: static;
        margin-top: 50px;
    }

    div#section-home-info .md-col-6:last-child {
        padding-left: 0;
    }

    div#section-home-info ul {
        margin-top: 0;
        padding: 0;
    }

    div#section-home-info li {
        padding-left: 80px;
    }

    div#section-home-info i {
        left: 0;
    }

    div#section-home-info h4 {
        margin-bottom: 50px;
    }

    #section-home-functions .md-col-9 {
        width: 75%;
        min-height: 1100px;
    }

    #section-home-functions span {
        font-size: 16px;
        line-height: 16px;
    }

    #section-home-functions .menu span {
        font-size: 14px;
    }

    #section-footer-cta {
        text-align: center;
        margin-bottom: 35px;
        min-height: 0;
        padding: 30px 0!important;
    }

    #section-footer-cta h6 {
        font-size: 34px;
        margin-bottom: 30px;
    }

    .home-functions .btn-cta {
        font-size: 18px;
        padding: 12px;
    }

    ul.menu li i {
        width: 28px;
        height: 28px;
    }

    ul.menu li a {
        padding: 15px 10px;
    }

    .white-top-invert:before {
        top: -2px;
    }

    #section-home-functions .md-col-9 {
        width: 75%;
    }

    .section-case .md-col-6 {
        width: 50%;
    }

    .section-case .case-content {
        padding: 100px 0!important;
    }

    .md-col-6.case-client:before {
        opacity: 0.7;
    }

    .case-content span.quote {
        font-size: 28px;
        line-height: 40px;
        padding-right: 30px;
    }

    .case-content span.quote br {
        display: none;
    }

    .module-item-content h5 {
        font-size: 21px;
    }

    .full-width.split .md-col-6 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .full-width.split .md-col-6:last-child {
        padding-left: 0;
        padding-top: 0;
        border-left: 0;
    }

    .presentation img {
        width: 100%;
        margin-bottom: 0;
    }

    .list-3 ul li {
        width: 100%;
    }

    .list-5 li {
        width: 100%;
    }

    .pricetable .item {
        left: 0;
    }

    .footer-cta {
        text-align: center;
    }

    .footer-top {
        padding: 0 20px;
        box-sizing: border-box;
    }

    .footer-top .left {
        display: none;
    }

    .footer-cta span {
        display: none;
    }

    .footer-bottom .md-col-3 {
        width: 100%;
        padding: 0 20px;
        margin-bottom: 20px;
        box-sizing: border-box;
    }

    .footer-bottom h6 {
        font-size: 18px;
    }

    .footer-bottom ul li a {
        font-size: 16px;
    }

    .footer-bottom .md-col-3:last-child {
        text-align: left;
    }

    .signup-logo img.logo {
        margin-left: 5px;
        width: 140px;
        margin-top: 8px;
        float: none;
    }

    .signup-form {
        margin-top: 80px;
    }

    .signup-steps {
        height: 700px;
    }

    #signup-step-2 .md-col-12, 
    #signup-step-3 .md-col-12 {
        width: 100%;
        margin: 0 auto;
    }

    .signup-form .form-group .md-col-6:first-child {
        padding-right: 0;
    }

    .signup-form .form-group .md-col-6:last-child {
        padding-left: 0;
    }

    .signup-form .form-group .md-col-6 em.required {
        right: 14px;
    }

    .signup-form h1, .signup-form h2.h1 {
        font-size: 26px;
    }

    #signup-step-1 .md-col-12, #signup-step-2 .md-col-12, #signup-step-3 .md-col-12 {
        width: 90%;
        margin: 0 auto;
    }

    .form-inner input {
        font-size: 16px;
    }

    .form-inner .md-col-6 {
        width: 50%;
    }

    #form-register .form-inner .btn-cta {
        font-size: 18px;
    }

}

@media (max-width:930px) {

    ul.menu li a {
        position: relative;
    }

    ul.menu li i {
        width: 24px;
        height: 24px;
        position: absolute;
        top: 15px;
    }

    #section-home-functions .menu span {
        padding-left: 40px;
        padding-right: 20px;
        box-sizing: border-box;
        display: inline-block;
        line-height: 20px;
    }

    #section-footer-cta {
        padding: 0 20px!important;
    }

    #section-footer-cta .btn-cta {
        padding: 12px 10px 15px;
    }

}

@media (max-width:414px) {

    .front-hero-register .btn-next {
        display: inline-block;
    }

    .front-hero-register .btn-next {
        width: 40%;
        padding: 0;
        text-align: center;
    }

    .front-hero-register input {
        width: 60%;
    }

    .hero span {
        font-size: 18px;
    }

    .hero span br {
        display: none;
    }

    .hero .section {
        padding-top: 90px!important;
        padding-bottom: 50px!important;
    }

    img.hero-img-large {
        height: auto;
        width: 100%;
        left: 0!important;
        top: 0!important;
    }

}

@media (max-width:375px) {

    .hero .md-col-4,
    .hero .md-col-8 {
        width: 100%;
        text-align: left;
    }

    .hero .md-col-8 img {
        height: auto;
        width: 100%;
        left: 0;
        margin-top: 0;
        float: left;
        position: relative;
        top: 30px!important;
    }

    .hero .section {
        padding-top: 150px!important;
        padding-bottom: 80px!important;
    }

    img.hero-img-small {
        top: 0;
        height: 150px!important;
        width: auto!important;
        float: none;
    }

    .hero span {
        font-size: 21px;
        padding: 0 0px;
        box-sizing: border-box;
        display: block;
    }

    .hero h1,
    .hero h1 span {
        margin-top: 0;
        font-size: 30px;
        line-height: 38px;
        padding: 0 0px;
    }

    .hero a.btn-cta {
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .hero a.btn-cta.btn-secondary {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    a.btn-login span {
        display: none;
    }

    ul.navigation li.last {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }

    ul.navigation li.last a.btn-cta {
        box-sizing: border-box;
        margin: 0;
    }

    .front-hero-register .btn-next:before {
        right: 35px;
    }

    .submenu span {
        display: none;
    }

    .submenu strong {
        font-weight: 400;
        margin-top: 5px;
        color: #777;
    }

    .navigation li.btn-cta {
        display: none!important;
    }

    ul.navigation li a {
        font-size: 20px;
    }

    .price-form .form-group {
        width: 50%;
    }

    .price-form .form-group.total {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .price-form label {
        font-size: 16px;
    }

    #home .interactive:before {
        background: url(/assets/img/bg-plangy-front-mobile.jpg);
        background-size: 100%;
        background-position: center bottom;
        background-repeat: no-repeat;
    }

    #modal-intro .nice-select.form-control .list {
        padding: 20px;
    }

    .interactive:before {
         box-shadow: inset 0 -20px 40px #eaeaea;
    }

    .icon-intro svg.smaller {
        height: 30px;
    }

    #section-home i {
        top: 3px;
        margin-right: 24px;
    }

    #section-home .heading {
        margin-top: 70px;
        margin-bottom: 50px;
    }

    #section-home h3 {
        padding-right: 40px;
    }

    #section-home-functions .md-col-3 {
        width: 100%;
    }

    #section-home-functions .md-col-9 {
        width: 100%;
        padding: 0;
    }

    ul.menu-content li {
        left: 0;
        top: 100px;
    }

    .section-case .md-col-6 {
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .section-case .case-content .md-col-6 {
        margin-bottom: 0;
    }

    .section-case .case-content .md-col-6 {
        padding: 0 20px;
    }


    .section-case .case-content h4 {
        display: inline-block;
        float: none;
        opacity: 1;
        position: relative;
        font-size: 34px;
    }

    .section-case .case-content {
        display: inline-block;
    }

    .md-col-6.case-client:before {
        opacity: 0.8;
    }

    .case-content span.quote {
        font-size: 26px;
        line-height: 36px;
    }

    .case-content span.quote br {
        display: none;
    }

    .section-modules .md-col-4 {
        width: 100%;
        padding: 0!important;
    }

    .module-item {
        margin-top: 30px;
        margin-bottom: 0;
    }

    .person {
        position: relative;
        display: inline-block;
    }

    .person .person-portrait {
        width: 30%;
    }

    .person .person-title {
        width: 70%;
        box-sizing: border-box;
        padding: 0;
        font-size: 20px;
        padding-top: 2px;
    }

    #section-home-functions span,
    .section-modules span {
        font-size: 20px;
        line-height: 24px;
    }

    .section-modules h2,
    #section-home-functions h2 {
        margin-top: 20px;
        font-size: 26px;
    }

    #section-home-functions {
        padding-top: 30px!important;
    }

    .home-functions .row.info em {
        font-size: 20px;
        display: inline-block;
        line-height: 24px;
    }

    .case-content span.quote:before {
        left: 2px;
    }

    .double-img .md-col-6 {
        width: 50%;
    }

    img.phone {
        width: 170px!important;
    }

    .double-img .md-col-6:last-child img {
        width: 160px!important;
        left: 0;
    }

    .double-img .md-col-6:first-child img {
        right: -20px;
    }

    .main-content .row.info {
        border-bottom: 0;
    }

    #progress ul li {
        width: 50%;
        float: left;
    }

    #progress ul li:before {
        display: none;
    }

    #progress ul li em {
        margin-bottom: 15px;
    }

    #progress ul li span {
        line-height: 20px;
        float: left;
    }

    .form-inner {
        width: 100%;
    }

    .form-inner .md-col-6 {
        width: 100%;
    }

    #form-register .form-inner .btn-cta {
        width: 100%;
        font-size: 18px;
    }

    .choose-plan-caption {
        margin-top: 20px;
    }

    .choose-plan-caption span {
        font-size: 16px;
    }

    .choose-plan-caption span br {
        display: none;
    }

    #register-employees {
        padding: 0 40px;
        margin-bottom: 20px;
    }

    #preschedule {
        margin-bottom: 20px;
    }

    #preschedule .md-col-3 {
        width: 100%;
        position: relative;
    }

    .schedule-simple .col {
        width: 100%;
    }

    #form-register .schedule-simple .row.first .col {
        display: none;
    }

    #form-register .schedule-simple .col.first {
        width: 86%;
        display: inline-block;
    }

    .schedule-simple .row .row.wrapper-total-day {
        display: none;
    }

    .schedule-simple .col .time {
        width: 100px;
    }

    .schedule-simple .col.last {
        width: 100%;
    }

    #form-register span.btn-remove {
        right: 18px;
    }

    .field-clear {
        right: 7px;
    }

    #form-register .schedule-simple .col input {
        font-size: 16px;
        width: 24px;
    }

    .schedule-simple .col .time span {
        font-size: 16px;
    }

    #form-register .schedule-simple .col.last .total_row {
        font-size: 20px;
    }

    .schedule-simple .col.last span {
        font-size: 16px;
        top: 6px;
        margin-bottom: 20px;
    }


    .nice-select.form-control .current {
        font-size: 16px;
    }

    .nice-select.form-control .list li {
        font-size: 16px;
        padding: 10px;
    }

    .schedule-simple .col .day {
        padding-left: 50px;
    }

    .schedule-simple .col .time em {
        display: inline-block;
        color: #2cb48f;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        text-align: left;
        padding: 0 10px;
        width: 50px;
        position: absolute;
        left: 7px;
        top: 18px;
    }

    .pricetable .md-col-12 {
        margin-top: 30px;
    }

    .pricetable .highlight {
        right: 0;
    }

    .pricetable .md-col-12 span {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 10px;
    }

    .interactive:before {
        content: '';
        background: url(/assets/img/bg-plangy-sub.jpg);
        background-size: 100%;
        background-position: 0px 220px;
        background-repeat: no-repeat;
    }

    .pricinglist-outer {
        margin-top: -20px;
    }

    ul.pricinglist-choose {
        margin-bottom: 10px;
    }

    ul.pricinglist-choose li span {
        font-size: 20px;
    }

    .heading {
        margin-top: 50px;
    }

    .pricelist {
        margin-top: 50px;
    }

    .pricinglist li {
        width: 100%!important;
        margin-bottom: 20px;
    }

    .pricinglist .highlight {
        margin-top: 0;
        padding-top: 40px;
    }


    .pricinglist li.box:first-child {
        right: 0;
        display: none;
    }

    .pricinglist li.box:last-child {
        left: 0;
    }

    .pricinglist .highlight-outer {
        top: 0;
    }

    .pricinglist .pricinglist-features li {
        font-size: 18px;
        padding: 10px 10px 0 40px;
        margin-bottom: 10px;
    }

    .pricinglist .pricinglist-features li i {
        top: 12px;
    }

    .pricinglist .highlight .pricinglist-features li.headline {
        font-size: 20px;
    }

    .pricinglist .highlight .pricinglist-features li svg {
        top: 12px;
    }

    .pricinglist h2 {
        font-size: 32px;
        margin-bottom: 0;
    }

    .pricinglist p {
        font-size: 18px;
    }

    .pricinglist-action .btn-cta {
        font-size: 18px;
        margin-top: 20px;
        display: inline-block;
        padding: 10px 30px;
    }

    .pricinglist-action span span.sub {
        font-size: 15px;
        right: -40px;
        bottom: 8px;
    }

    .pricinglist-terms span {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .pricinglist-terms {
        margin-top: 10px;
    }

    .modal-header-form svg {
        height: 40px;
    }

    .modal-header-form .icon-enterprise svg.smaller {
        height: 30px;
    }

    .modal-header-form p {
        display: none;
    }

    .modal-header-form h1 {
        margin-bottom: 14px;
        font-size: 20px;
    }

    textarea {
        min-height: 80px;
    }

}

/* Condition 13 */
@media (max-width:1440px) and (min-width:1025px) {

    #home .hero {
        height: 550px;
    }

    .hero .section {
        top: 110px;
    }

    .hero h1 {
        font-size: 40px;
        line-height: 44px;
    }

}

@media (max-width:1340px) and (min-width:1025px) {

    .header-content,
    .content,
    .footer-content {
        max-width: 1000px;
    }

    div#section-home-info .md-col-6 {
        width: 100%;
    }

    .illustration-system-2 {
        position: relative;
    }

    div#section-home-info .illustration-system-2 {
        text-align: center;
    }


    .md-col-6.illustration-system-2 img {
        top: 0;
        position: relative;
        max-width: 500px;
    }

    div#section-home-info .md-col-9.right {
        width: 100%;
    }

    div#section-home-info ul {
        position: relative;
        padding-left: 70px;
    }

    div#section-home-info .md-col-6:last-child {
        padding-left: 0;
        box-sizing: border-box;
    }

    #home .hero {
        height: 520px;
    }

    .hero .section {
        top: 130px;
    }

    .hero h1, .hero h1 span {
        margin-top: 25px;
        font-size: 32px!important;
        line-height: 34px!important;
    }

    .hero span br {
        display: none;
    }

    img.hero-img-large {
        height: 350px;
        top: -10px;
        left: 80px;
    }

    img.hero-img-small {
        left: 45px;
        top: -30px;
        float: left;
        height: 340px;
    }

    .pricelist {
        margin-top: -90px;
    }

}

@media (max-width:1024px) and (min-width:768px) {

    ul.navigation {
        width: 450px;
        padding-top: 0;
        box-shadow: 0px 8px 15px #ccc;
        overflow: hidden;
    }

    ul.navigation.active {
        left: auto;
        right: 100px;
    }

    ul.navigation li.nav-logo {
        display: none!important;
    }

    .navigation li.btn-cta a {
        font-size: 18px;
    }

    .nav-trigger span.trigger.btn-close.active {
        height: 70px;
        top: -26px;
        right: -18px;
    }

    ul.navigation li.last {
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
    }

    ul.navigation li a {
        font-size: 21px;
    }

    ul.navigation li a.btn-cta {
        width: 100%;
        box-sizing: border-box;
        margin: 0;
    }

    ul.submenu i.arrow {
        right: 100px;
    }

    a.btn-login {
        right: 85px;
    }

    a.btn-login span {
        display: none;
    }

    .hero span {
        font-size: 21px;
    }

    .hero span br {
        display: none;
    }

    .hero .md-col-8 {
        width: 60%;
        position: relative;
    }

    .hero .md-col-4 {
        width: 40%;
        margin-bottom: 30px;
    }

    .hero .md-col-6 {
        width: 50%;
        margin-bottom: 50px;
        position: relative;
    }

    img.hero-img-large {
        height: 300px;
        top: 0;
        left: 0;
        right: auto;
        position: absolute;
    }

    img.hero-img-wide {
        position: absolute;
        left: 30px;
        top: 0;
        height: 225px;
    }

    img.hero-img-small {
        left: 100px;
        top: 0;
        float: left;
        height: 380px;
        position: absolute;
        right: auto;
    }

    img.hero-img-small.img-woman {
        float: right;
        left: auto;
        right: 50px;
        height: 240px;
        top: 10px;
        margin-bottom: 40px;
    }

    .hero .section {
        padding-top: 100px!important;
        padding-bottom: 70px!important;
    }

    div#section-home .md-col-6 {
        width: 50%;
        padding: 0 30px;
    }

    div#section-home-info {
        display: grid;
    }

    #section-home-info .md-col-6 {
        width: 50%;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .md-col-6.illustration-system-2 img {
        max-width: 500px;
        margin-top: 10px;
    }

    div#section-home-info .md-col-6:last-child {
        padding-left: 30px;
        margin-top: 50px;
        margin-bottom: 30px;
    }

    div#section-price-info h4 {
        text-align: left;
    }

    #section-price-info .md-col-8 {
        width: 75%;
    }

    .pricinglist li {
        width: 48%;
        margin: 0 1%;
        margin-bottom: 25px;
    }

    .pricinglist .highlight-outer {
        width: 48%;
        margin: 0 1%;
        margin-bottom: 25px;
        top: -3px;
    }

    .pricinglist-action {
        margin-top: 0;
    }

    .pricinglist-header p {
        height: auto;
        line-height: 24px;
    }

    .pricinglist-action.textonly span {
        padding-top: 3px;
        margin-bottom: 4px;
    }

    .pricinglist .highlight {
        padding-top: 0;
        padding-bottom: 0;
    }


    .pricelist {
        margin-top: -70px;
    }

    ul.pricinglist-choose li span {
        font-size: 21px;
    }

    .full-width.split .md-col-6 {
        width: 50%;
    }

    .full-width.split .md-col-6:last-child {
        padding-top: 50px;
        width: 50%;
    }

    .list-3 ul li {
        width: 33%;
    }

    .price-box {
        margin-top: 20px;
    }

    .pricinglist-outer {
        margin-top: 100px;
    }

    .pricinglist .pricinglist-features li {
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 0;
    }

    .pricinglist .pricinglist-features li i {
        top: 12px;
    }

    .pricinglist-header p {
        height: auto;
        padding: 0 15px;
    }

    .pricinglist-action p {
        font-size: 18px;
    }

    .pricinglist-action span span.sub {
        font-size: 18px;
        right: -50px;
        bottom: 10px;
    }

    .pricinglist-action .btn-cta {
        font-size: 18px;
        margin-top: 20px;
    }

    .pricinglist .highlight .pricinglist-features li.headline {
        font-size: 18px;
    }

    .pricinglist-terms span {
        font-size: 16px;
        line-height: 24px;
    }

    .price-form label {
        font-size: 16px;
    }

    .price-slider {
        width: 40%;
    }

    .price-slider span {
        font-size: 16px;
    }

    .heading {
        margin-top: 50px;
    }

    .list ul li {
        width: 24.5%;
    }

    .hl2 {
        margin-bottom: 0;
        font-size: 24px;
    }

    .footer-cta {
        text-align: right;
    }

    .footer-bottom .md-col-3 {
        width: 25%;
    }

    .footer-bottom .md-col-3:last-child {
        text-align: right;
    }

    .btn-cta {
        font-size: 18px;
    }

    p, li {
        font-size: 18px;
        line-height: 26px;
    }

}

@media (max-width:768px) and (min-width:376px) {


    ul.menu li i {
        width: 24px;
        height: 24px;
        position: absolute;
        top: 15px;
    }

    ul.menu li a {
        position: relative;
    }

    #section-home-functions .menu span {
        padding-left: 40px;
        padding-right: 20px;
        box-sizing: border-box;
        display: inline-block;
        line-height: 20px;
    }

    .md-col-6.case-client {
        width: 100%;
        background-size: cover;
    }

    .section-case .case-content {
        position: relative;
        display: inline-block;
    }

    .section-case .case-content .md-col-6 {
        width: 100%;
        margin-bottom: 0;
        display: inline-block;
    }

    .hero .md-col-8 {
        width: 50%;
    }

    .hero .md-col-4 {
        width: 50%;
    }

    img.hero-img-small {
        left: 30px;
    }

    .front-hero-register input {
        width: 60%;
    }

    .front-hero-register .btn-next {
        width: 40%;
        display: inline-block;
        box-sizing: border-box;
    }

    img.hero-img-large {
        top: 24px;
        left: 72px;
    }

    #section-home-info .md-col-6 {
        width: 100%;
    }

    #section-home-info .md-col-6.illustration-system-2 {
        text-align: center;
    }

    .home-functions .btn-cta {
        font-size: 16px;
        padding: 12px 10px;
    }

    .md-col-6.illustration-system-2 img {
        max-width: 400px;
        top: 0;
    }

    div#section-home-info .md-col-6:last-child {
        margin-top: 10px;
    }

    div#section-price-info h4 {
        margin-bottom: 20px;
    }

    .pricinglist-header p {
        height: auto;
        line-height: 24px;
    }

    .pricinglist-action {
        margin-top: 30px;
    }

    .pricinglist-action span {
        font-size: 34px;
        line-height: 34px;
    }


    .pricinglist-action span em {
        font-size: 40px;
    }

    .pricinglist-action p {
        margin-top: 10px;
        font-size: 14px;
    }

    .pricinglist-action span span.sub {
        font-size: 14px;
        right: -40px;
        bottom: 5px;
    }

    .pricinglist-action span span.presub {
        font-size: 14px;
        bottom: 4px;
    }

    .pricinglist .pricinglist-features li {
        font-size: 16px;
    }

    img.hero-img-small.img-woman {
        height: 200px;
        margin-bottom: 70px;
        right: 10px;
        top: 24px;
    }

    .list ul li {
        width: 33%;
    }

    ul.navigation {
        width: 380px;
    }

    ul.submenu i.arrow {
        right: 85px;
    }

}

@media (max-width:375px) {

    img.hero-img-large {
        top: 0;
    }

    .hero .md-col-8 img.img-woman {
        display: none;
    }

    .hero .md-col-8 img.hero-img-small {
        height: auto!important;
        width: 100%!important;
        left: 0;
        margin-top: 20px;
    }

    ul.navigation {
        top: 90px;
        padding-top: 0;
    }

    ul.navigation li.nav-logo {
        display: none!important;
    }

    .nav-trigger span.trigger.btn-close.active {
        top: -26px;
        right: -21px;
    }

    .pattern:before {
        display: none;
    }

    p, li {
        font-size: 18px;
        line-height: 28px;
    }

    .pricinglist .pricinglist-features li i {
        top: 14px;
    }

    .pricinglist-action span span.sub {
        font-size: 18px;
        bottom: 9px;
        right: -45px;
    }

    .pricinglist p {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .pricinglist p {
        line-height: 24px;
    }

    div#section-home-info h4 {
        font-size: 26px;
        line-height: 36px;
    }

    div#section-home-info strong {
        font-size: 20px;
    }

    .full-width.split .md-col-6 {
        padding: 50px 0;
    }

    .pricinglist-terms span {
        font-size: 16px;
    }

    a.btn-login {
        right: 80px;
    }

    .btn-cta {
        font-size: 18px;
    }

    .footer-bottom ul li a {
        font-size: 18px;
    }

}