/*
Theme Name: Moosend Theme
Author: Moosend
Author URI: https://moosend.com
Description: Custom Moosend Theme for Marketing Site
Version: 1.0
Text Domain: moosend
*/

@import url('assets/bootstrap/css/bootstrap.min.css');
/*@import url('bootstrap/css/bootstrap-responsive.css'); */
/**************************************/
/*************** NOTES ****************/
/**************************************/
/* Here are all my palette hexes, and other notes I might need, all in comments, e.g. */
/* Dark blue: #205081 */
/* Light blue: #3572b0 */
/* Link color: .... */




/*******************************************/
/************** THRIVE EMPTY ***************/
/*******************************************/
body#main .thrive_fullscreen{
    min-height: 500px;
}

.grecaptcha-badge{
	visibility: collapse !important;  
}



body#main #registration_form {
    width: 90%;
    margin: 0 auto;
    display: block;
    padding-left: 3%;
    padding-top: 3%;
}

body#main .thrv_wrapper #registration_form  div {
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    -ms-box-sizing: border-box!important;
    box-sizing: border-box!important;
}


/*********************************************/
/************** SLIDER CONTENT ***************/
/*********************************************/

body#main #slider {
    background-color: #3ac4d7;
    width: 100%;
    min-height: 45.9vw;
    padding: 0;
    overflow: hidden;
    position: relative;
}

body#main #slider h1 {
    color: #fff;
    font-family: "Montserrat";
    font-size: 36px;
    font-weight: bold;
    margin-top: 0;
    padding-bottom: 0;
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
    line-height: 52px;
}

body#main #slider .slider_content {
    left: 50%;
    position: absolute;
    top: 11.8vw;
    width: 59.3vw;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

body#main #slider .slider_content .main_image {
    background: rgba(0, 0, 0, 0) url("./images/laptop-blue.svg") no-repeat scroll 0 0 / contain ;
}


body#main #slider .slider_content img.top {
    /*width: 36.8vw;*/
    /*height: 39.1vw;*/
    left: 0vw;
    margin: auto;
    padding: 12.8%;
    position: relative;
    top: -1.65vw;
    width: 100%;
}

body#main #slider .slider_content video.top {
    /*width: 36.8vw;*/
    height: 39.1vw;
    left: 0vw;
    margin: auto;
    padding: 12.8%;
    position: relative;
    top: -1.65vw;
    width: 100%;
}

body#main #slider .slider_text {
    position: relative;
    top: 5vw;
    z-index: 90;
    /*left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);*/
}

body#main #slider img.top1 {
    display: block;
    position: absolute;
    right: 6.1vw;
    top: 35.8vw;
    width: 8.7vw;
}

body#main #slider .books_content {
    display: block;
    position: absolute;
    right: 1.7vw;
    top: 17vw;
    width: 18vw;
}

body#main #slider .books_content img.top2 {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
}

body#main #slider .books_content img.top2_1 {
    left: 6.5vw;
    position: absolute;
    top: -1.7vw;
    width: 2.7vw;
}

body#main #slider .books_content img.top2_2 {
    left: 8.2vw;
    position: absolute;
    top: -1.7vw;
    width: 2.7vw;
}

body#main #slider .books_content img.top2_3 {
    left: 9.9vw;
    position: absolute;
    top: -1.7vw;
    width: 2.7vw;
    transform: rotate(0deg);
    animation-name: book_fall;
    animation-duration: 0.3s;
    animation-timing-function: ease-in;
    animation-delay: 3s;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-fill-mode: forwards;
}

@-webkit-keyframes book_fall {
    50% {
        left: 13.8vw;
        top: 0.7vw;
        transform: rotate(102deg);
    }

    100% {
        left: 13.8vw;
        top: 0.7vw;
        transform: rotate(102deg);
    }

}
@keyframes book_fall {
    50% {
        left: 13.8vw;
        top: 0.7vw;
        transform: rotate(102deg);
    }

    100% {
        left: 13.8vw;
        top: 0.7vw;
        transform: rotate(102deg);
    }
}

/*body#main #slider .clock {
    display: block;
    position: absolute;
    right: 2vw;
    top: 3vw;
    width: 7vw;
}*/

body#main #slider .frame {
    display: block;
    left: 7vw;
    position: absolute;
    top: 37.6vw;
    width: 7vw;
}

body#main #slider .frame img.top4 {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
}

body#main #slider .frame img.topeye {
    display: block;
    left: 3.25vw;
    position: absolute;
    top: 2.95vw;
    width: 0.18vw;
    -webkit-animation: wink 5s linear infinite;
    -moz-animation: wink 5s linear infinite;
    -ms-animation: wink 5s linear infinite;
    -o-animation: wink 5s linear infinite;
    animation: wink 5s linear infinite;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}

body#main #slider .frame img.topeye_right {
    display: block;
    left: 3.55vw;
    position: absolute;
    top: 2.95vw;
    width: 0.18vw;
    -ms-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}

body#main #slider img.top6 {
    display: block;
    position: absolute;
    right: 0.5vw;
    top: 31.6vw;
    width: 8vw;
}

body#main #slider .top-border {
    border: 2px solid #1099b5;
    height: 25vw;
    left: -6.1vw;
    position: absolute;
    top: -5.4vw;
    width: 23vw;
    display: block;
}

body#main #slider .top-border-inner {
    border: 2px solid #1099b5;
    height: 23.5vw;
    left: 0;
    position: absolute;
    top: 0;
    width: 21.5vw;
    overflow: hidden;
}

body#main #slider img.top5-1 {
    bottom: 10vw;
    position: absolute;
    right: 2vw;
    width: 11vw;
    display: block;
    -webkit-animation: floating1 10s linear infinite;
    -moz-animation: floating1 10s linear infinite;
    -ms-animation: floating1 10s linear infinite;
    -o-animation: floating1 10s linear infinite;
    animation: floating1 10s linear infinite;
}

body#main #slider img.top5-2 {
    bottom: 2vw;
    position: absolute;
    right: 13vw;
    width: 11vw;
    display: block;
    -webkit-animation: floating2 8s linear infinite;
    -moz-animation: floating2 8s linear infinite;
    -ms-animation: floating2 8s linear infinite;
    -o-animation: floating2 8s linear infinite;
    animation: floating2 8s linear infinite;
}

body#main #slider img.top5-3 {
    bottom: -3vw;
    position: absolute;
    right: 0vw;
    width: 11vw;
    display: block;
    -webkit-animation: floating3 15s linear infinite;
    -moz-animation: floating3 15s linear infinite;
    -ms-animation: floating3 15s linear infinite;
    -o-animation: floating3 15s linear infinite;
    animation: floating3 15s linear infinite;
}

/***************************************************/
/************** REGISTRATION CONTENT ***************/
/***************************************************/

body#main #registration {
    background-color: #384257;
    width: 100%;
}

body#main #registration .form-control {
    background-color: #384257;
    background-image: none;
    border: 1px solid #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Hind', sans-serif;
    height: 50px;
    line-height: 1.42857;
    padding: 6px 12px 6px 16px;
    width: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main #registration .form-control::-webkit-input-placeholder {
    color: #fff;
    font-weight: 300;
    opacity: 0.6;
}

body#main #registration .form-control:-moz-placeholder { /* Firefox 18- */
    color: #fff;
    font-weight: 300;
    opacity: 0.6;
}

body#main #registration .form-control::-moz-placeholder {  /* Firefox 19+ */
    color: #fff;
    font-weight: 300;
    opacity: 0.6;
}

body#main #registration .form-control:-ms-input-placeholder {
    color: #fff;
    font-weight: 300;
    opacity: 0.6;
}

body#main #registration .form-control:focus {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #fff;
    border: 1px solid #fff;
}

body#main #registration button {
    background: #ff6154 none repeat scroll 0 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    height: 50px;
    padding: 0 36px 0;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Hind', sans-serif;
    outline: none;
    border: none;
    margin: auto;
    display: inline-block;
    width: auto;
}

body#main #registration button i {
    font-size: 20px;
    padding-left: 5px;
    position: relative;
    right: 0;
    top: 3px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main #registration button:hover i, body#main #registration button:focus i {
    right: -8px;
}

body#main #registration .form-group {
    margin-bottom: 0;
}

body#main.page-template-pricing #clients .client_title {
    padding: 0 0 20px;
}

/**********************************************/
/************** CLIENTS CONTENT ***************/
/**********************************************/

body#main #clients {
    background-color: #fafafa;
    padding: 10px 0;
    width: 100%;
}

body#main #clients .client_title {
    color: #545c6e;
    display: block;
    font-size: 24px;
    padding: 40px 0 20px;
    text-align: center;
    width: 100%;
}

body#main #clients .clients_col {
    padding-top: 30px;
    padding-bottom: 30px;
}

body#main #clients .clients_col .client_last {
    float: right;
}

body#main #clients .clients_col img.clients {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    cursor: default;
    margin: 0 auto;
    max-height: 60px;
}

body#main #clients .clients_col img.clients:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}

/***********************************************/
/************** FEATURES CONTENT ***************/
/***********************************************/

body.has-features-sticky{padding-top: 200px!important;}

body#main #features {
    background-color: #fff;
    width: 100%;
    padding: 100px 0;
}

body#main #features .laptop_bg {
    background: rgba(0, 0, 0, 0) url("./images/browser-grey.svg") no-repeat scroll 0 0 / contain ;
    width: 100%;
}

body#main #features .laptop_bg img {
    display: block;
    max-width: 100%;
    padding: 15.6% 2.6% 0;
    position: relative;
    top: -40px;
    width: 100%;
}

body#main #features .row.desktop {
    display: block;
}

body#main #features .row.mobile {
    display: none;
}

body#main #features h1, body#main #features h2.features_header, body#main #jet h2.header_jet, body#main #pricing_faq h2.features_header {
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
    padding-bottom: 30px;
    padding-top: 30px;
}

body#main #features h2.features_header, body#main #pricing_faq h2.features_header {
    color: #ff6154;
    font-family: "Montserrat";
    font-size: 40px;
    font-weight: bold;
    margin-top: 0;
}

body#main.page-template-allpricing #pricing_features h2.featured_header_text {
    color: #384257;
    font-family: "Montserrat";
    font-size: 43px;
    font-weight: bold;
    text-transform: none;
    margin-top: 0;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

body#main #pricing_faq h2.features_header {
    padding-left: 15px;
}

body#main #jet h2.header_jet {
    color: #fff;
    font-family: "Montserrat";
    font-size: 40px;
    font-weight: bold;
    margin-top: 0;
}

body#main #features .up {
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
    color: #3AC4D7;
    font-weight: 300;
    font-size: 16px;
    font-family: 'Montserrat';
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 60px;
    line-height: 25px;
}

body#main #features p {
    margin-bottom: 20px;
}

body#main #features .features_row {
    margin-top: 0px;
}

body#main #features .features_row .features_col img {
    margin: auto auto 40px;
    max-width: 280px;
}

body#main #features .features_row .features_col img.feature_hidden {
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main #features .features_row .features_col:hover img.feature_hidden {
    opacity: 1;
}

body#main #features .features_row .features_col img.feature_visible {
    left: 50%;
    position: absolute;
    opacity: 1;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main #features .features_row .features_col:hover img.feature_visible {
    opacity: 0;
}

body#main #features .features_row .features_col img.feature2_hidden.feature_hidden {
    left: -12px;
    max-width: 252px;
    position: relative;
    top: 30px;
}

body#main #features .features_row .features_col img.feature3_hidden.feature_hidden.img-responsive {
    max-width: 179px;
    position: relative;
    top: 11px;
}

body#main #features .features_row img.feature2 {
    max-width: 245px;
}

body#main #features .features_row > div.features_col > a {
    display: block;
    height: 180px;
}

body#main #features .features_row > div.features_col > a.inner_link {
    display: block;
    height: auto;
}

body#main #features .button_col {
    text-align: center;
    margin: 60px 0 0;
}

body#main #features a.btn, body#main #features a.btn:focus {
    background: #ff6154 none repeat scroll 0 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    height: 50px;
    padding: 10px 36px 0;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Hind', sans-serif;
    outline: none;
    border: none;
    margin: auto;
    display: inline-block;
    width: auto;
}

body#main #features a.btn i {
    font-size: 20px;
    padding-left: 5px;
    position: relative;
    right: 0;
    top: 3px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main #features a.btn:hover i, body#main #features a.btn:focus i {
    right: -8px;
}

body#main #features a.btn span {
    /*background: #ff4f43 none repeat scroll 0 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    height: 50px;
    position: absolute;
    right: -1px;
    top: 0;
    width: 50px;*/
}


/***************************************************/
/************** TESTIMONIALS CONTENT ***************/
/***************************************************/

body#main #testimonials {
    background-color: #fafafa;
    width: 100%;
}

body#main #testimonials .tabs-menu {
    bottom: 0;
    left: 180px;
    position: absolute;
}

body#main #testimonials .tabs-menu li {
    display: inline-block;
    padding-right: 10px;
}

body#main #testimonials .tabs-menu li img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main #testimonials .tabs-menu li.current img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}

body#main #testimonials .tabs-menu li:last-child {
    padding-right: 0;
}

body#main #testimonials #tabs-container {
    min-height: 280px;
}

body#main #testimonials #tabs-container .tab {
    left: 0;
    position: absolute;
    top: 0;
}

body#main #testimonials .tab-content {
    width: 100%;
    display: none;
}

body#main #testimonials #tab-1 {
    display: block;
}

body#main #testimonials .quote {
    color: #3AC4D7;
    font-size: 22px;
    font-weight: 300;
    line-height: 26px;
    font-family: 'Hind', sans-serif;
    margin-bottom: 30px;
    margin-left: 180px;
}

body#main #testimonials .owner {
    color: #545C6E;
    font-weight: 300;
    font-size: 16px;
    margin-left: 180px;
    font-family: 'Montserrat';
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main #testimonials .owner strong {
    font-family: 'Montserrat';
}

body#main #testimonials .owner em {
    color: #3AC4D7;
    font-style: normal;
    font-family: 'Montserrat';
    padding: 0 4px;
}

body#main #testimonials img.testimonial {
    left: 0;
    position: absolute;
    top: -15px;
}

/******************************************/
/************** JET CONTENT ***************/
/******************************************/

body#main #jet {
    background-color: #384257;
    padding: 60px 0;
    width: 100%;
}

body#main #jet h1 {
    color: #fff;
    padding-bottom: 30px;
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main #jet p {
    color: #fff;
    margin: 0 0 4px;
}

body#main #jet .up {
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
    color: #3AC4D7;
    font-weight: 300;
    font-size: 16px;
    font-family: 'Montserrat';
    margin-top: 30px;
    line-height: 25px;
}

body#main #jet .jet_content {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
}

body#main #jet .jet_image {
    min-height: 30vw;
    height: 100%;
}

body#main #jet .cloud1 {
    bottom: -20px;
    position: absolute;
    width: 17vw;
    max-width: 290px;
    z-index: 50;
}

body#main #jet .cloud2 {
    bottom: 40px;
    position: absolute;
    right: 0;
    width: 11vw;
    max-width: 170px;
    z-index: 50;
}

body#main #jet .jet_pack {
    left: 40%;
    position: relative;
    top: 0;
    width: 13vw;
    max-width: 260px;
    z-index: 60;
}

body#main #jet .jet_pack .jet {
    left: 0;
    position: relative;
    top: 0;
    z-index: 60;
    width: 13vw;
    max-width: 260px;
    -webkit-animation: tilt 0.3s linear infinite;
    -moz-animation: tilt 0.3s linear infinite;
    -ms-animation: tilt 0.3s linear infinite;
    -o-animation: tilt 0.3s linear infinite;
    animation: tilt 0.3s linear infinite;
}

body#main #jet .jet_image:hover .jet_pack .jet {
    -webkit-animation: tilt 0.2s linear infinite;
    -moz-animation: tilt 0.2s linear infinite;
    -ms-animation: tilt 0.2s linear infinite;
    -o-animation: tilt 0.2s linear infinite;
    animation: tilt 0.2s linear infinite;
}

body#main #jet .jet_image .jet_pack:hover .jet {
    -webkit-animation: tilt 0.1s linear infinite;
    -moz-animation: tilt 0.1s linear infinite;
    -ms-animation: tilt 0.1s linear infinite;
    -o-animation: tilt 0.1s linear infinite;
    animation: tilt 0.1s linear infinite;
}

body#main #jet .jet_image .jet_pack .boost {
    left: 4.1vw;
    position: relative;
    top: -3.4vw;
    width: 5.4vw;
    z-index: 50;
    -webkit-animation: flame 0.3s linear infinite;
    -moz-animation: flame 0.3s linear infinite;
    -ms-animation: flame 0.3s linear infinite;
    -o-animation: flame 0.3s linear infinite;
    animation: flame 0.3s linear infinite;
}

body#main #jet .jet_pack .window {
    left: 4vw;
    max-width: 260px;
    position: absolute;
    top: 5.5vw;
    width: 5.6vw;
    z-index: 70;
}

body#main #jet .jet_pack .moo {
    left: 5.8vw;
    max-width: 260px;
    position: absolute;
    top: 7vw;
    width: 3vw;
    z-index: 65;
}

body#main #jet .jet_image:hover .jet_pack .boost {
    -webkit-animation: flame 0.2s linear infinite;
    -moz-animation: flame 0.2s linear infinite;
    -ms-animation: flame 0.2s linear infinite;
    -o-animation: flame 0.2s linear infinite;
    animation: flame 0.2s linear infinite;
}

body#main #jet .jet_image .jet_pack:hover .boost {
    -webkit-animation: flame 0.1s linear infinite;
    -moz-animation: flame 0.1s linear infinite;
    -ms-animation: flame 0.1s linear infinite;
    -o-animation: flame 0.1s linear infinite;
    animation: flame 0.1s linear infinite;
}

/****************************************/
/************** KEYFRAMES ***************/
/****************************************/

@-webkit-keyframes flame /* Safari and Chrome */ {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -ms-transform: rotate(-1deg);
        -moz-transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        -o-transform: rotate(-1deg);
        transform: rotate(-1deg);
    }
    75% {
        -ms-transform: rotate(1deg);
        -moz-transform: rotate(1deg);
        -webkit-transform: rotate(1deg);
        -o-transform: rotate(1deg);
        transform: rotate(1deg);
    }
    100% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes flame {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -ms-transform: rotate(-1deg);
        -moz-transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        -o-transform: rotate(-1deg);
        transform: rotate(-1deg);
    }
    75% {
        -ms-transform: rotate(1deg);
        -moz-transform: rotate(1deg);
        -webkit-transform: rotate(1deg);
        -o-transform: rotate(1deg);
        transform: rotate(1deg);
    }
    100% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes tilt /* Safari and Chrome */ {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -ms-transform: rotate(-0.2deg);
        -moz-transform: rotate(-.2deg);
        -webkit-transform: rotate(-.2deg);
        -o-transform: rotate(-.2deg);
        transform: rotate(-.2deg);
    }
    75% {
        -ms-transform: rotate(0.2deg);
        -moz-transform: rotate(0.2deg);
        -webkit-transform: rotate(0.2deg);
        -o-transform: rotate(0.2deg);
        transform: rotate(0.2deg);
    }
    100% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes tilt {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -ms-transform: rotate(-0.2deg);
        -moz-transform: rotate(-.2deg);
        -webkit-transform: rotate(-.2deg);
        -o-transform: rotate(-.2deg);
        transform: rotate(-.2deg);
    }
    75% {
        -ms-transform: rotate(0.2deg);
        -moz-transform: rotate(0.2deg);
        -webkit-transform: rotate(0.2deg);
        -o-transform: rotate(0.2deg);
        transform: rotate(0.2deg);
    }
    100% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes floating1 /* Safari and Chrome */ {
    0% {
        bottom: 10vw;
        right: 2vw;
    }
    25% {
        bottom: 10.5vw;
        right: 1.5vw;
    }
    75% {
        bottom: 9.5vw;
        right: 2.3vw;
    }
    100% {
        bottom: 10vw;
        right: 2vw;
    }
}
@keyframes floating1 {
    0% {
        bottom: 10vw;
        right: 2vw;
    }
    25% {
        bottom: 10.5vw;
        right: 1.5vw;
    }
    75% {
        bottom: 9.5vw;
        right: 2.3vw;
    }
    100% {
        bottom: 10vw;
        right: 2vw;
    }
}

@-webkit-keyframes floating2 /* Safari and Chrome */ {
    0% {
        right: 13vw;
    }
    25% {
        right: 12vw;
    }
    75% {
        right: 13.5vw;
    }
    100% {
        right: 13vw;
    }
}
@keyframes floating2 {
    0% {
        right: 13vw;
    }
    25% {
        right: 12vw;
    }
    75% {
        right: 13.5vw;
    }
    100% {
        right: 13vw;
    }
}

@-webkit-keyframes floating3 /* Safari and Chrome */ {
    0% {
        bottom: -3vw;
        right: 0vw;
    }
    25% {
        bottom: -4vw;
        right: -2vw;
    }
    75% {
        bottom: -3.5vw;
        right: 1vw;
    }
    100% {
        bottom: -3vw;
        right: 0vw;
    }
}
@keyframes floating3 {
    0% {
        bottom: -3vw;
        right: 0vw;
    }
    25% {
        bottom: -4vw;
        right: -2vw;
    }
    75% {
        bottom: -3.5vw;
        right: 1vw;
    }
    100% {
        bottom: -3vw;
        right: 0vw;
    }
}

@-webkit-keyframes wink /* Safari and Chrome */ {
    0% {
        -ms-transform: scaleY(0.1);
        -moz-transform: scaleY(0.1);
        -webkit-transform: scaleY(0.1);
        -o-transform: scaleY(0.1);
        transform: scaleY(0.1);
    }
    10% {
        -ms-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }
}
@keyframes wink {
    0% {
        -ms-transform: scaleY(0.1);
        -moz-transform: scaleY(0.1);
        -webkit-transform: scaleY(0.1);
        -o-transform: scaleY(0.1);
        transform: scaleY(0.1);
    }
    10% {
        -ms-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }
}

/*****************************************/
/************** LOGIN PAGE ***************/
/*****************************************/

body#main.page-template-login #register {
    background-color: #fafafa;
    padding: 140px 0 100px;
    position: relative;
    width: 100%;
    height: 100%;
}

body#main.page-template-login #register h1 {
    color: #384257;
    font-family: "Montserrat";
    font-size: 38px;
    font-weight: 300;
    text-transform: none;
    margin-bottom: 40px;
}

body#main.page-template-login #register .form-control#InputId {
    display: inline-block;
    float: left;
    width: 73%;
}

body#main.page-template-login #register .additional_text {
    display: inline-block;
    float: left;
    text-align: right;
    position: relative;
    top: 15px;
    width: 25%;
    color: #384257;
    float: left;
    font-family: "Hind",sans-serif;
    font-size: 16px;
    font-weight: 400;
}

body#main.page-template-login #register .form-control {
    background-color: rgba(0,0,0,0);
    background-image: none;
    border: 1px solid #384257;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #384257;
    display: block;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Hind', sans-serif;
    height: 50px;
    line-height: 1.42857;
    padding: 6px 12px 6px 16px;
    position: relative;
    width: 100%;
    z-index: 1;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main.page-template-login #register .form-group {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    height: 100%;
    margin-bottom: 10px;
    min-height: 50px;
    position: relative;
}

body#main.page-template-login #register .form-control:focus {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #3AC4D7;
    border: 1px solid #3AC4D7;
}

body#main.page-template-login .copyright_container {
    padding-bottom: 10px;
}

body#main.page-template-login .login_error {
    color: #e83c33;
    display: block;
    font-size: 13px;
    margin-bottom: 10px;
    position: relative;
    opacity: 0;
}

body#main.page-template-login #register .form-control.has-value + .placeholder, body#main.page-template-login #register .form-control:focus + .placeholder {
    font-size: 14px;
    top: -36px;
    left: 0;
}

body#main.page-template-login #register .form-control:focus + .placeholder {
    opacity: 1;
}

body#main.page-template-login #register .form-group .placeholder {
    line-height: 40px;
    height: 40px;
    position: absolute;
    z-index: 0;
    left: 17px;
    top: 5px;
    color: #384257;
    display: block;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Hind', sans-serif;
    -webkit-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
    -moz-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
    -ms-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
    -o-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
    transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
}

body#main.page-template-login #register button.btn, body#main.page-template-login #register button.btn:focus {
    background: #ff6154 none repeat scroll 0 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    height: 50px;
    padding: 0 36px;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Hind', sans-serif;
    outline: none;
    border: none;
    margin: auto;
    display: inline-block;
    width: auto;
}

body#main.page-template-login #register button.btn.disabled_button, body#main.page-template-login #register button.btn.disabled_button:focus {
    opacity: 0.5;
    cursor: not-allowed;
}

body#main.page-template-login #register button.btn i {
    font-size: 20px;
    padding-left: 5px;
    position: relative;
    right: 0;
    top: 3px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main .chat_icon {
    display: inline-block;
    margin: 0 10px;
    max-width: 40px;
    width: 100%;
}

body#main.page-template-login #register button.btn.disabled_button:hover i, body#main.page-template-login #register button.btn.disabled_button:focus i {
    right: 0;
}

body#main.page-template-login #register button.btn:hover i, body#main.page-template-login #register button.btn:focus i {
    right: -8px;
}

/*body#main.page-template-login #register a.btn span {
    background: #ff4f43 none repeat scroll 0 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    height: 50px;
    position: absolute;
    right: -1px;
    top: 0;
    width: 50px;
}*/

body#main.page-template-login #register .not_registered_label, body#main.page-template-login #register .not_registered_label a {
    font-size: 16px;
}

/************************************************/
/************** REGISTRATION PAGE ***************/
/************************************************/

body#main.page-template-registration .footer_col, body#main.page-template-login .footer_col, body#main.page-template-thankyou .footer_col {
    display: none;
}

body#main.page-template-registration .main-content {
    padding-bottom: 150px;
}

body#main.page-template-registration #myForm .registered_label {
    display: block;
    font-size: 14px;
    margin-top: -30px;
}

body#main.page-template-registration #wrapper, body#main.page-template-login #wrapper {
    background-color: #fafafa;
}

body#main.page-template-registration footer .copyright_container .social_media {
    display: none;
}

body#main .copyright_container .social_media.mobile {
    display: none;
}

body#main footer .footer_col .social_media {
    position: relative;
    top: 36px;
}

body#main.page-template-registration footer .menu-footer_policies-container {
    float: right;
    position: relative;
    top: -9px;
}

body#main footer .menu-footer_policies-container {
    float: right;
    width: auto;
}

body#main footer .menu-footer_policies-container #menu-footer_policies li {
    display: inline-block;
    padding-bottom: 0;
    padding-right: 15px;
    position: relative;
    top: 7px;
}

body#main footer .menu-footer_policies-container #menu-footer_policies li:last-child {
    padding-right: 0;
}

body#main footer .menu-footer_policies-container #menu-footer_policies li a {
    color: #64676d;
    font-size: 13px;
}

body#main footer .menu-footer_policies-container #menu-footer_policies li a:hover {
    color: #3ac4d7;
}

body#main .footer-logo img {
    height: auto;
    max-width: 180px;
    width: 100%;
}

body#main .footer-logo {
    display: inline-block;
    float: left;
    width: auto;
}

body#main.page-template-registration footer .copyright_container .copyright, body#main.page-template-thankyou footer .copyright_container .copyright {
    float: left;
    position: relative;
    top: -9px;
}

body#main.page-template-registration .navbar-header, body#main.page-template-thankyou .navbar-header{
    float: none;
    margin: 0 auto;
    display: block;
    width: 160px;
    left: 0;
    top: 0;
    text-align: center;
    position: relative;
}

#form_steps{

    position: relative;
}

.speech_bubble {
    padding: 10px 20px;
    text-align: left;
    font-size: 16px;
    color: #fff;
    opacity: 0;
    position: absolute;
    top: -300px;
    height: 0px;
    width: 16px;
    margin: 0 auto;
    background-color: #384257;
    border-radius: 3px;
}

.speech_bubble em {
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0.4px;
    text-decoration: underline;
}

@media only screen and (max-width: 767px) {
    .speech_bubble {
        left: 36%;
        animation-name: stretchmob;
        animation-duration: 1.2s;
        animation-timing-function: ease-in;
        animation-delay: 0.4s;
        animation-direction: normal;
        animation-fill-mode: none;
        animation-fill-mode: forwards;
    }
}
@media only screen and (min-width: 768px) {
    .speech_bubble {
        left: 15px;
        animation-name: stretch;
        animation-duration: 1.2s;
        animation-timing-function: ease-in;
        animation-delay: 0.4s;
        animation-direction: normal;
        animation-fill-mode: none;
        animation-fill-mode: forwards;
    }
}

@keyframes stretch {
    50% {
        top: -120px;
        height: 5px;
    }
    70% {
        opacity: 1;
        top: -120px;
        height: 90px;
        width: 16px;
    }
    100% {
        opacity: 1;
        top: -120px;
        width: 355px;
        height: 90px;
    }
}

@keyframes stretchmob{
    50% {
        top: -120px;
        height: 5px;
        left: 36%;
    }
    70% {
        opacity: 1;
        top: -120px;
        height: 90px;
        width: 46%;
        left: 29%;
    }
    100% {
        opacity: 1;
        top: -120px;
        width: 98%;
        height: 90px;
        left: 2%;
    }
}


.speech_bubble:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 0 0 16px;
    border-color: transparent transparent transparent #384257;
    z-index: -100;
    position: absolute;
    top: -21px;
    left: 0px;
    opacity: 0;
    animation-name: arrow;
    animation-duration: 0.6s;
    animation-timing-function: ease-in;
    animation-delay: 0s;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-fill-mode: forwards;
}

@media only screen and (max-width: 767px) {
    .speech_bubble:after {
        left: 46%;
        border-width: 0 8px 24px 8px;
        border-color: transparent transparent #384257 transparent;
    }
}

@keyframes arrow {
    100% {
        opacity: 1
    }
}


/***** slider dot animated border */
.rangeslider__handle.unclicked:after{

    content: "";
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    top: -4px;
    left: -4px;

    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;

    border: dashed 1px #394257;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-animation: s3-rotate 5s infinite linear;
    -moz-animation: s3-rotate 5s infinite linear;
    animation: s3-rotate 5s infinite linear;
}

@keyframes s3-rotate {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to   {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

body#main .speech_bubble_stop {
    background-color: #384257;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 40px;
    left: 17%;
    padding: 4px 20px;
    position: absolute;
    top: -6px;
    z-index: 8;
}

body#main .speech_bubble_stop::after {
    background-color: #384257;
    content: "";
    height: 20px;
    position: absolute;
    right: -6px;
    top: 11px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 20px;
    z-index: 2;
}

body#main #stop_bubble > a {
    border-bottom: 1px solid transparent;
    color: #fff;
    display: block;
    font-size: 18px;
    height: 22px;
    position: relative;
    top: 4px;
}

body#main #stop_bubble > a:hover {
    border-bottom: 1px solid #fff;
}


/*--------PRICING SPEECH BUBBLE---------*/
.speech_bubble_pricing {
    padding: 12px 15px;
    text-align: left;
    font-size: 18px;
    color: transparent;
    opacity: 0;
    position: absolute;
    bottom: 0;
    height: 0px;
    width: 16px;
    margin: 0 auto;
    background-color: #384257;
    border-radius: 3px;
    z-index: 190;
}
.speech_bubble_pricing {
    left: 8px;
    animation-name: stretch_pricing;
    animation-duration: 1.0s;
    animation-timing-function: ease-in;
    animation-delay: 0.2s;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

#pricing_bubble_go.speech_bubble_pricing {
    left: 105px;
    animation-name: stretch_pricing;
    animation-duration: 1.0s;
    animation-timing-function: ease-in;
    animation-delay: 0.2s;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@keyframes stretch_pricing {
    50% {
        bottom: 60px;
        height: 5px;
        color: transparent;
    }
    70% {
        opacity: 1;
        bottom: 40px;
        height: 45px;
        width: 16px;
        color: transparent;
    }
    100% {
        opacity: 1;
        bottom: 40px;
        width: 105px;
        height: 45px;
        color: #fff;
    }
}

.speech_bubble_pricing:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 24px 16px;
    border-color: transparent transparent transparent #384257;
    z-index: -100;
    position: absolute;
    bottom: -21px;
    left: 0px;
    opacity: 0;
    animation-name: arrow_pricing;
    animation-duration: 0.6s;
    animation-timing-function: ease-in;
    animation-delay: 0s;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-fill-mode: forwards;
}

@keyframes arrow_pricing {
    100% {
        opacity: 1
    }
}
/*--------END PRICING SPEECH BUBBLE---------*/

body#main .speech_bubble_stop {
    display: none;
}

body#main.page-template-registration #register-content.contains_thankyou{
    min-height: 690px
}

body#main.page-template-registration #thankyou {
    min-height: 36vw;
    position: relative;
    top: 3vw;
    width: 100%;
    display: none;
    background: rgba(0, 0, 0, 0) url("./images/envelope.svg") no-repeat scroll 50% bottom / contain ;
}

body#main.page-template-registration #thankyou-content {
    bottom: 0;
    left: 50%;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

body#main.page-template-registration .thankyou_inner {
    left: 50%;
    position: absolute;
    top: 17%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 32vw;
}

body#main.page-template-registration #thankyou-content h1 {
    font-family: "Montserrat";
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 20px;
    color: #3AC4D7;
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main.page-template-registration #thankyou-content .thankyou_text {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 30px;
    width: 100%;
}

body#main.page-template-registration #thankyou-content h2 {
    font-family: "Montserrat";
    font-size: 22px;
    font-weight: 300;
    color: #384257;
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main.page-template-registration .thankyou_border {
    border-radius: 100%;
    bottom: 7px;
    left: 0;
    box-shadow: 0 10px 3px rgba(0, 0, 0, 0.5);
    display: block;
    height: 2px;
    position: absolute;
    width: 100%;
}

body#main.page-template-registration #thankyou-content #thankyou img {
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 80;
}

body#main.page-template-registration #register {
    background-color: #FAFAFA;
    width: 100%;
    padding: 0;
    /*min-height: 41vw;*/
    position: relative;
}

body#main.page-template-registration #register .form-control {
    background-color: rgba(0,0,0,0);
    background-image: none;
    border: 1px solid #384257;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #384257;
    display: block;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Hind', sans-serif;
    height: 50px;
    line-height: 1.42857;
    padding: 6px 12px 6px 16px;
    position: relative;
    width: 100%;
    z-index: 1;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main.page-template-registration #register .form-control.has-error, body#main.page-template-registration #register .form-group.has-error .form-control {
    border-color: #e83c33;
}

body#main.page-template-registration #register .form-control.mail-error {
    border-color: #e83c33;
}

body#main.page-template-registration #register .error_label2, body#main.page-template-registration #register .error_label {
    color: #e83c33;
    display: block;
    width: 100%;
}

body#main.page-template-registration #register #InputCompanySlug.form-control.has-error {
    border-color: #e83c33;
}

body#main.page-template-registration #register #InputCompanySlug.form-control.has-error:focus {
    border-color: #3AC4D7;
}

body#main.page-template-registration #register .form-group {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    height: 100%;
    margin-bottom: 40px;
    min-height: 50px;
    position: relative;
}

body#main.page-template-registration #register .form-control:focus {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #3AC4D7;
    border: 1px solid #3AC4D7;
}

body#main.page-template-registration #register .form-control.has-value + .placeholder, body#main.page-template-registration #register .form-control:focus + .placeholder {
    font-size: 14px;
    top: -36px;
    left: 0;
}

body#main.page-template-registration #register .form-control:focus + .placeholder {
    opacity: 1;
}

body#main.page-template-registration #register .form-group .placeholder {
    line-height: 40px;
    height: 40px;
    position: absolute;
    z-index: 0;
    left: 17px;
    top: 5px;
    color: #384257;
    display: block;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Hind', sans-serif;
    -webkit-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
    -moz-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
    -ms-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
    -o-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
    transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
}

body#main.page-template-registration #register .form-control ~ .required {
    line-height: 40px;
    height: 40px;
    position: absolute;
    z-index: 0;
    right: 17px;
    top: 9px;
    color: #384257;
    display: block;
    font-size: 22px;
    font-weight: 400;
    font-family: 'Hind', sans-serif;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

body#main.page-template-registration #register .form-control:focus ~ .required {
    color: #3ac4d7;
}

body#main.page-template-registration #register .form-control.has-error ~ .required, body#main.page-template-registration #register .form-group.has-error .form-control  ~ .required {
    color: #e83c33;
}

body#main.page-template-registration #register .form-control.mail-error ~ .required {
    color: #e83c33;
}

body#main.page-template-registration #register .form-control#InputCompanySlug {
    float: left;
    width: 72%;
}

body#main.page-template-registration #register .form-control ~ .additional_text {
    color: #384257;
    display: block;
    float: left;
    font-family: "Hind",sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    left: 16px;
    line-height: 1.42857;
    padding-right: 15px;
    padding-top: 17px;
    position: relative;
    text-align: right;
    width: 22%;
}

body#main.page-template-registration #register button {
    background: #ff6154 none repeat scroll 0 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    height: 50px;
    padding: 0 36px 0;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Hind', sans-serif;
    outline: none;
    border: none;
    margin: auto;
    display: inline-block;
    width: auto;
}

body#main.page-template-registration #register button i {
    font-size: 20px;
    padding-left: 5px;
    position: relative;
    right: 0;
    top: 3px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-registration #register button:hover i, body#main.page-template-registration #register button:focus i {
    right: -8px;
}

/*body#main.page-template-registration #register button span {
    background: #ff4f43 none repeat scroll 0 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    height: 50px;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 50px;
}*/

body#main.page-template-registration #register a.btn, body#main.page-template-registration #register a.btn:focus {
    background: #ff6154 none repeat scroll 0 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    height: 50px;
    padding: 10px 36px 0;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Hind', sans-serif;
    outline: none;
    border: none;
    margin: auto;
    display: inline-block;
    width: auto;
}

body#main.page-template-registration #register a.btn i {
    font-size: 20px;
    padding-left: 5px;
    position: relative;
    right: 0;
    top: 3px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-registration #register a.btn:hover i, body#main.page-template-registration #register a.btn:focus i {
    right: -8px;
}

body#main.page-template-registration #register a.btn_back, body#main.page-template-registration #register a.btn_back:focus {
    border-bottom: 2px solid #3ac4d7;
    color: #3ac4d7;
    display: inline-block;
    width: auto;
    font-family: "Montserrat";
    font-size: 15px;
    font-weight: 300;
    margin-top: 10px;
    padding: 4px 6px;
}

body#main.page-template-registration #register a.btn_back:hover {
    border-bottom: 2px solid #384257;
    color: #384257;
}

/*body#main.page-template-registration #register a.btn_back i {
    font-size: 17px;
    padding-right: 6px;
    position: relative;
    left: 0;
    top: 1px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-registration #register a.btn_back:hover i, body#main.page-template-registration #register a.btn_back:focus i {
    left: -4px;
}*/

body#main.page-template-registration #register .backwards {
    display: inline-block;
    float: right;
}

/*body#main.page-template-registration #register a.btn span {
    background: #ff4f43 none repeat scroll 0 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    height: 50px;
    position: absolute;
    right: -1px;
    top: 0;
    width: 50px;
}*/

body#main.page-template-registration #register .col-registration-form b {
    font-family: "Montserrat";
    font-size: 21px;
    font-weight: 300;
    margin-bottom: 20px;
    color: #384257;
    display: block;
    padding-left: 15px;
}

body#main.page-template-registration #register .col-registration-form .registration_label {
    color: #545c6e;
    display: block;
    font-size: 16px;
    margin-bottom: 20px;
    position: relative;
    top: -20px;
}

body#main.page-template-registration #register .col-registration-form .third_step span.more_subscribers {
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 300;
    color: #545C6E;
    display: block;
    width: auto;
    float: left;
    margin-bottom: 40px;
}

body#main.page-template-registration #register .col-registration-form .third_step #less_100.is_checked:hover {cursor: pointer}
body#main.page-template-registration #register .col-registration-form .third_step #more_100:not(.is_checked):hover {cursor: pointer}

body#main.page-template-registration #register .form-group.radio_group {
    margin-bottom: 40px;
}

body#main.page-template-registration #register .col-registration-form .third_step span.agree_text {
    font-family: 'Hind', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

body#main.page-template-registration #register .col-registration-form .third_step span.agree_text a {
    font-weight: 600;
    color: #545C6E;
}

body#main.page-template-registration #register .col-registration-form .third_step span.agree_text a:hover {
    color: #3AC4D7;
}

body#main.page-template-registration #register .col-registration-form .hidden_input {
    display: none;
    height: 100%;
    width: 100%;
}

body#main.page-template-registration #register .register-container {padding-top: 180px;}


body#main.page-template-registration #register .col-registration-form .step {
    display: none;
}

body#main.page-template-registration #register .col-test {
    /*padding-top: 200px;*/
    display: block;
}

/*body#main.page-template-registration #register .col-registration-form .first_step {
    display: block;
}*/

body#main.page-template-registration footer, body#main.page-template-login footer, body#main.page-template-thankyou footer {
    bottom: 0;
    left: 0;
    padding: 10px 0 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}

body#main.page-template-registration footer {
    background-color: #fafafa;
}

body#main.page-template-thankyou footer {
    background-color: #fff;
}

body#main.page-template-registration footer .divider, body#main.page-template-login footer .divider, body#main.page-template-thankyou footer .divider {
    display: none;
}

body#main.page-template-registration footer .col-newsletter-mobile, body#main.page-template-login footer .col-newsletter-mobile, body#main.page-template-thankyou footer .col-newsletter-mobile {
    display: none;
}



/*******************************************/
/************** PRICING PAGE ***************/
/*******************************************/

body#main.page-template-pricing #pricing_header {
    background-color: #f6f6f6;
}

body#main #testimonials .testimonials_title {
    color: #ff6154;
    font-family: "Montserrat";
    font-size: 30px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 60px;
    display: block;
}

body#main.page-template-pricing #pricing_header h1 {
    color: #384257;
    font-size: 38px;
    font-weight: 300;
    font-family: 'Montserrat';
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main.page-template-pricing #pricing_header span.pricing_subtext {
    color: #545C6E;
    font-size: 18px;
    font-weight: 300;
}

body#main.page-template-pricing #plans .plan-content {
    display: none;
    border-top: 1px solid #3ac4d7;
    padding-top: 60px;
}

body#main #plans .plan-row span.register a, body#main #plans .plan-row span.register a:hover, body#main #plans .plan-row span.register a:focus {
    background-color: #3ac4d7;
    border: 1px solid #3ac4d7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    padding: 10px 20px;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 300;
    position: absolute;
    right: -3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    z-index: 4;
}

body#main #plans .go_plan-row span.register a, body#main #plans .go_plan-row span.register a:hover, body#main #plans .go_plan-row span.register a:focus {
    background-color: #3ac4d7;
    border: 1px solid #3ac4d7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    padding: 10px 20px;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 300;
    position: absolute;
    right: -3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    z-index: 4;
}

body#main #plans .plan-row span.register.register_lg a, body#main #plans .plan-row span.register.register_lg a:hover, body#main #plans .plan-row span.register.register_lg a:focus, body#main #plans .go_plan-row span.register.register_lg a, body#main #plans .go_plan-row span.register.register_lg a:hover, body#main #plans .go_plan-row span.register.register_lg a:focus, body#main.page-template-allpricing #plans #paid-plans .plan-row span.register a, body#main.page-template-allpricing #plans #paid-plans .plan-row span.register a:hover, body#main.page-template-allpricing #plans #paid-plans .plan-row span.register a:focus {
    right: 4px;
}

body#main #plans .plan-row:hover span.register a, body#main #plans .go_plan-row:hover span.register a {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

body#main.page-template-pricing #plans #paid-plans.plan-content  {
    display: block;
}

body#main.page-template-pricing #plans .plans-menu {
    text-align: center;
}

body#main.page-template-pricing #plans .plans-menu li {
    display: inline-block;
}

body#main.page-template-pricing #plans .plans-menu li.current a {
    color: #3AC4D7;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #3ac4d7 #3ac4d7 #fff;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 4px;
    font-family: 'Montserrat';
}

body#main.page-template-pricing #features .features_col, body#main.page-template-allpricing #features .features_col {
    margin-bottom: 30px;
}

body#main.page-template-pricing #plans .plans-menu li a {
    color: #AAADB6;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    padding: 15px 100px 1px;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
    padding: 15px 100px 6px;
    position: relative;
    -webkit-transition: none 0s ease 0s ;
    -moz-transition: none 0s ease 0s ;
    -ms-transition: none 0s ease 0s ;
    -o-transition: none 0s ease 0s ;
    transition: none 0s ease 0s ;
    z-index: 100;
    bottom: 5px;
}

body#main.page-template-pricing #plans .plans-menu li:hover a {
    color: #3AC4D7;
}

body#main.page-template-pricing #registration .registration_top {
    margin-bottom: 60px;
}

body#main.page-template-pricing #registration .registration_top h1 {
    color: #fff;
    font-size: 43px;
    font-weight: 300;
    font-family: 'Montserrat';
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main.page-template-pricing #registration .registration_top span.registration_subtext {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}

body#main.page-template-pricing #features {
    padding: 60px 0;
}

body#main.page-template-pricing #features .features_row {
    margin-top: 0;
}

body#main.page-template-pricing #special {
    background-color: #f6f6f6;
    padding: 60px 0;
}

body#main.page-template-pricing #special h2 {
    color: #384257;
    font-size: 22px;
    font-weight: 300;
    font-family: 'Montserrat';
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main.page-template-pricing #special span.special_text {
    color: #545C6E;
    font-size: 16px;
    display: block;
}

body#main.page-template-pricing #special a.special_btn {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    background-color: #3AC4D7;
    border: 1px solid #3AC4D7;
    padding: 6px 16px;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    margin-top: 30px;
    margin-bottom: 30px;
}

body#main.page-template-pricing #special a.special_btn:hover {
    color: #3AC4D7;
    background-color: #fff;
    border: 1px solid #3AC4D7;
}

body#main.page-template-pricing #pricing_faq {
    padding: 60px 0;
}

body#main.page-template-pricing #pricing_faq h1 {
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
    padding-left: 15px;
    margin-bottom: 20px;
}

body#main.page-template-pricing #pricing_faq b {
    color: #3AC4D7;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Montserrat';
    display: block;
    margin-bottom: 20px;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main.page-template-pricing #pricing_faq span.faq_content_text {
    color: #545C6E;
    font-size: 16px;
    display: block;
    margin-bottom: 20px;
}

body#main.page-template-pricing #plans .paid_plan_options {
    display: block;
    width: 100%;
    margin-bottom: 60px;
    text-align: center;
}

body#main.page-template-pricing #plans .paid_plan_options span {
    color: #AAADB6;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    border: 1px solid #AAADB6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 6px 14px;
    cursor: pointer;
    margin-right: 20px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

body#main #plans .paid_plan_options span i {
    font-style: normal;
    font-weight: 300;
    padding-left: 4px;
    color: #87898E;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

body#main #plans .paid_plan_options span:hover i {
    color: #309EAD;
}

body#main #plans .paid_plan_options span.active_plan i {
    color: #309EAD;
}

body#main.page-template-pricing #plans .paid_plan_options em, body#main.page-template-allpricing #plans .paid_plan_options em {
    color: #384257;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 300;
    padding-right: 18px;
    font-style: normal;
}

body#main.page-template-pricing #plans .paid_plan_options span:last-child {
    margin-right: 20px;
}


body#main.page-template-pricing #plans .paid_plan_options span.active_plan, body#main.page-template-pricing #plans .paid_plan_options span:hover {
    color: #3AC4D7;
    border: 1px solid #3AC4D7;
}

body#main.page-template-pricing #plans .range_slider {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}

body#main.page-template-pricing #plans .range_slider #js-amount-input {
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #3ac4d7;
    display: inline-block;
    font-family: "Montserrat";
    font-size: 17px;
    font-weight: 300;
    height: 40px;
    line-height: 17px;
    margin-bottom: 35px;
    position: relative;
    text-align: center;
    top: -6px;
    width: 100px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .range_slider #js-amount-input:focus {
    border: 1px solid #3ac4d7;
    outline: none;
}

body#main.page-template-pricing #plans .range_slider em {
    color: #3AC4D7;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    margin-bottom: 30px;
}

body#main.page-template-pricing #plans .range_slider span {
    color: #384257;
    font-weight: 300;
    font-family: 'Montserrat';
    /*margin-bottom: 30px;
    padding-left: 4px;
    font-size: 14px;*/
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;

    padding-left: 10px;
    font-size: 15px;
    line-height: 30px;
    vertical-align: top;
    margin-bottom: 35px;
}

body#main.page-template-pricing #plans .plans_table {
    margin-bottom: 20px;
}

body#main #plans .plans_table #plans_table_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(250,250,250,0.6);
    z-index: 200;
}

body#main #plans .plans_table #plans_table_overlay.changed {
    display: block;
}

body#main.page-template-pricing #plans .plans_table-header {
    margin-bottom: 20px;
}

body#main.page-template-pricing #plans .plans_table-header .header-col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 33%;
    color: #384257;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    padding-left: 15px;
    padding-right: 15px;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main.page-template-pricing #plans .col-subscribers {
    text-align: left;
}

body#main.page-template-pricing #plans .col-mails {
    text-align: center;
}

body#main.page-template-pricing #plans .col-cost {
    text-align: right;
}

body#main.page-template-pricing #plans .plans_table-results {

}

body#main.page-template-pricing #plans .plans_table-results .plan-row {
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .plans_table-results .plan-row.selected_plan {
    border: 1px solid #3AC4D7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .plans_table-results .plan-row.selected_plan.highlighted_plan,
body#main.page-template-pricing #plans .go_plans_table-results .go_plan-row.selected_plan.highlighted_plan {
    border: 1px solid #3AC4D7;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-animation: plan_highlight 1.5s 1 linear;
    -moz-animation: plan_highlight 1.5s 1 linear;
    animation: plan_highlight 1.5s 1 linear;
}

@keyframes plan_highlight {
    0% {
        background-color: #fff;
    }
    50%   {
        background-color: #a1e7e9;
    }
    100%   {
        background-color: #fff;
    }
}

body#main.page-template-pricing #plans .plans_table-results .plan-row .plan-col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 33%;
    color: #545C6E;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Hind', sans-serif;
    height: 50px;
    padding-top: 14px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    position: relative;
}

body#main.page-template-pricing #plans .plans_table-results .plan-row.selected_plan .plan-col {
    font-size: 22px;
    padding-top: 10px;
    color: #3AC4D7;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .plans_table-results .plan-row .plan-col.col-subscribers {
    padding-left: 20px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .plans_table-results .plan-row .plan-col.col-cost {
    padding-right: 20px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .plans_table-results .plan-row.selected_plan .plan-col.col-subscribers {
    padding-left: 15px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .plans_table-results .plan-row.selected_plan .plan-col.col-cost {
    padding-right: 15px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main #plans .plans_table-results .plan-row .plan-col span.old_price {
    visibility: hidden;
}

body#main #plans .plans_table-results .plan-row.selected_plan .plan-col span.old_price {
    color: #545c6e;
    font-size: 16px;
    position: relative;
    right: 16px;
    text-decoration: line-through;
    top: -2px;
    visibility: visible;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .border {
    width: 100%;
    display: block;
    height: 1px;
    background-color: #e6e6e6;
    margin: 20px 0;
}

body#main.page-template-pricing #plans .pricing_more .more-col {
    width: 49.6%;
    display: inline-block;
}

body#main .more_col_mobile {
    display: none;
    width: 100%;
    float: left;
    padding-left: 15px;
}

body#main.page-template-pricing #plans .pricing_more .more-col.col-subscribers-text {
    text-align: left;
    padding-left: 15px;
    color: #384257;
    font-size: 14px;
    font-weight: 300;
    font-family: "Montserrat";
}

body#main.page-template-pricing #plans .pricing_more .more-col.col-all {
    text-align: right;
    padding-right: 15px;
}

body#main.page-template-pricing #plans .pricing_more .more-col.col-all a {
    color: #3AC4D7;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    border-bottom: 2px solid #3AC4D7;
    padding: 4px;
    display: inline-block;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main.page-template-pricing #plans .pricing_more .more-col.col-all a:hover {
    color: #384257;
    border-color: #384257;
}

body#main.page-template-pricing #plans .pricing_more .more-col.col-all a i {
    font-family: "Montserrat";
    font-size: 13px;
    font-weight: 300;
    padding-left: 4px;
    position: relative;
    top: 0;
}

body#main .free_text {
    color: #384257;
    display: none;
    font-family: "Montserrat";
    font-size: 13px;
    font-weight: 300;
    width: 100%;
    float: left;
    position: relative;
    top: -5px;
}

body#main .free_text_small {
    color: #384257;
    display: none;
    font-family: "Montserrat";
    font-size: 11px;
    font-weight: 300;
    width: 100%;
    float: left;
    position: relative;
    top: -8px;
}

body#main .free_text_all {
    bottom: 4px;
    color: #384257;
    display: none;
    font-family: "Montserrat";
    font-size: 11px;
    font-weight: 300;
    position: absolute;
    right: 15px;
    width: auto;
}

/*body#main .first_plan_all .plan-col.col-cost {
    position: relative;
    top: -8px;
}*/

/*body#main .pre_text {
    display: block;
    float: left;
    width: 100%;
}

body#main .pre_text_small.small_span {
    position: relative;
    top: -6px;
}*/

/*body#main .first_plan.selected_plan .plan-col.col-subscribers, body#main .first_plan.selected_plan .plan-col.col-mails {
    position: relative;
    top: -6px;
}

body#main.page-template-pricing #plans .plans_table-results .plan-row.first_plan.selected_plan .plan-col {
    height: 40px;
    padding-top: 5px;
}*/

body#main.page-template-pricing #plans .range_slider span.free_tab {
    background-color: #384257;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    height: 40px;
    line-height: 42px;
    position: absolute;
    right: 0;
    text-transform: none;
    top: -6px;
    width: 12vw;
    min-width: 200px;
    padding: 0;
    text-align: center;
    font-family: "Hind",sans-serif;
    display: none;
}

/* pay as you go */

body#main.page-template-pricing #plans .go_plans_table {
    margin-bottom: 20px;
}

body#main.page-template-pricing #plans .go_plans_table-header {
    margin-bottom: 20px;
}

body#main.page-template-pricing #plans .go_plans_table-header .go_header-col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 33%;
    color: #384257;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    padding-left: 15px;
    padding-right: 15px;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main.page-template-pricing #plans .go_col-subscribers {
    text-align: left;
}

body#main.page-template-pricing #plans .go_col-mails {
    text-align: center;
}

body#main.page-template-pricing #plans .go_col-cost {
    text-align: right;
}

body#main.page-template-pricing #plans .go_plans_table-results {

}

body#main.page-template-pricing #plans .go_plans_table-results .go_plan-row {
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .go_plans_table-results .go_plan-row.selected_plan {
    border: 1px solid #3AC4D7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .go_plans_table-results .go_plan-row .go_plan-col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 33%;
    color: #545C6E;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Hind', sans-serif;
    height: 50px;
    padding-top: 14px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main #plans .go_plans_table-results .go_plan-row .go_plan-col {
    position: relative;
}

body#main.page-template-pricing #plans .go_plans_table-results .go_plan-row.selected_plan .go_plan-col {
    font-size: 22px;
    padding-top: 10px;
    color: #3AC4D7;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .go_plans_table-results .go_plan-row .go_plan-col.go_col-subscribers {
    padding-left: 20px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .go_plans_table-results .go_plan-row .go_plan-col.go_col-cost {
    padding-right: 20px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .go_plans_table-results .go_plan-row.selected_plan .go_plan-col.go_col-subscribers {
    padding-left: 15px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .go_plans_table-results .go_plan-row.selected_plan .go_plan-col.go_col-cost {
    padding-right: 15px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

/***********************************************/
/************** NEW PRICING PAGE ***************/
/***********************************************/

body#main.page-template-new_pricing #pricing_header {
    background-color: #3ac4d7;
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
}

body#main #testimonials .testimonials_title {
    color: #ff6154;
    font-family: "Montserrat";
    font-size: 30px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 60px;
    display: block;
}

body#main.page-template-new_pricing #pricing_header h1 {
    border-bottom: 2px solid #1099b5;
    color: #fff;
    font-family: "Montserrat";
    font-size: 38px;
    font-weight: bold;
    margin-bottom: 50px;
    padding-bottom: 50px;
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main.page-template-new_pricing #pricing_header span.pricing_subtext {
    color: #545C6E;
    font-size: 18px;
    font-weight: 300;
}

body#main.page-template-new_pricing #plans .plan-content {
    display: none;
    border-top: 1px solid #3ac4d7;
    padding-top: 60px;
}

body#main.page-template-new_pricing #plans #paid-plans.plan-content  {
    display: block;
}

body#main .integration-post-content .nav-tabs,
body#main.page-template-new_pricing #plans .plans-menu {
    text-align: center;
}

body#main.page-template-new_pricing #plans .plans-menu li ,
body#main .integration-post-content .nav-tabs li {
    display: inline-block;
}

body#main.page-template-new_pricing #plans .plans-menu li.current a ,
body#main .integration-post-content .nav-tabs li.active a {
    color: #3AC4D7;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #3ac4d7 #3ac4d7 #fff;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 4px;
    font-family: 'Montserrat';
    font-weight: bold;
}

body#main.page-template-new_pricing #features .features_col, body#main.page-template-allpricing #features .features_col {
    margin-bottom: 30px;
}

body#main .integration-post-content .nav-tabs li a ,
body#main.page-template-new_pricing #plans .plans-menu li a {
    color: #AAADB6;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    padding: 15px 100px 1px;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
    padding: 15px 100px 6px;
    position: relative;
    -webkit-transition: none 0s ease 0s ;
    -moz-transition: none 0s ease 0s ;
    -ms-transition: none 0s ease 0s ;
    -o-transition: none 0s ease 0s ;
    transition: none 0s ease 0s ;
    z-index: 100;
    bottom: 8px;
}

body#main .integration-post-content .nav-tabs li:hover a ,
body#main.page-template-new_pricing #plans .plans-menu li:hover a {
    color: #3AC4D7;
}

body#main.page-template-new_pricing #registration .registration_top {
    margin-bottom: 60px;
}

body#main.page-template-new_pricing #registration .registration_top h1 {
    color: #fff;
    font-size: 43px;
    font-weight: 300;
    font-family: 'Montserrat';
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main.page-template-new_pricing #registration .registration_top span.registration_subtext {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}

body#main.page-template-new_pricing #features {
    padding: 60px 0;
}

body#main.page-template-new_pricing #features .features_row {
    margin-top: 0;
}

body#main.page-template-new_pricing #special {
    background-color: #f6f6f6;
    padding: 60px 0;
}

body#main.page-template-new_pricing #special h2 {
    color: #384257;
    font-size: 22px;
    font-weight: bold;
    font-family: 'Montserrat';
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 18px;
    line-height: 36px;
}

body#main.page-template-new_pricing #special span.special_text {
    color: #545C6E;
    font-size: 16px;
    display: block;
    line-height: 1.42857143;
    font-family: 'Hind', 'sans-serif';
}

body#main.page-template-new_pricing #special a.special_btn {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    background-color: #3AC4D7;
    border: 1px solid #3AC4D7;
    padding: 6px 16px;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    margin-top: 30px;
    margin-bottom: 30px;
    transition: all .4s;
}

body#main.page-template-new_pricing #special a.special_btn:hover {
    color: #3AC4D7;
    background-color: #fff;
    border: 1px solid #3AC4D7;
}

body#main.page-template-new_pricing #pricing_faq {
    padding: 60px 0;
}

body#main.page-template-new_pricing #pricing_faq h1 {
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
    padding-left: 15px;
    margin-bottom: 20px;
}

body#main.page-template-new_pricing #pricing_faq b {
    color: #3AC4D7;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Montserrat';
    display: block;
    margin-bottom: 20px;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main.page-template-new_pricing #pricing_faq span.faq_content_text {
    color: #545C6E;
    font-size: 16px;
    display: block;
    margin-bottom: 20px;
    font-family: 'Hind';
    font-weight: 100;
    line-height: 1.4;
}

body#main.page-template-new_pricing #plans .paid_plan_options {
    display: block;
    width: 100%;
    margin-bottom: 60px;
    text-align: center;
}

body#main.page-template-new_pricing #plans .paid_plan_options span {
    color: #AAADB6;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Montserrat';
    border: 1px solid #AAADB6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 6px 14px;
    cursor: pointer;
    margin-right: 20px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

body#main #plans .paid_plan_options span i {
    font-style: normal;
    font-weight: 600;
    padding-left: 4px;
    color: #87898E;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

body#main #plans .paid_plan_options span:hover i {
    color: #309EAD;
}

body#main #plans .paid_plan_options span.active_plan i {
    color: #309EAD;
}

body#main.page-template-new_pricing #plans .paid_plan_options em, body#main.page-template-allpricing #plans .paid_plan_options em {
    color: #384257;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 600;
    padding-right: 18px;
    font-style: normal;
}

body#main.page-template-new_pricing #plans .paid_plan_options span:last-child {
    margin-right: 20px;
}


body#main.page-template-new_pricing #plans .paid_plan_options span.active_plan, body#main.page-template-new_pricing #plans .paid_plan_options span:hover {
    color: #3AC4D7;
    border: 1px solid #3AC4D7;
}

body#main.page-template-new_pricing #plans .range_slider {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}

body#main.page-template-new_pricing #plans .range_slider #js-amount-input {
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #3ac4d7;
    display: inline-block;
    font-family: "Montserrat";
    font-size: 17px;
    font-weight: bold;
    height: 40px;
    line-height: 17px;
    margin-bottom: 35px;
    position: relative;
    text-align: center;
    top: -6px;
    width: 100px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .range_slider #js-amount-input:focus {
    border: 1px solid #3ac4d7;
    outline: none;
}

body#main.page-template-new_pricing #plans .range_slider em {
    color: #3AC4D7;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    margin-bottom: 30px;
}

body#main.page-template-new_pricing #plans .range_slider span {
    color: #384257;
    font-weight: 300;
    font-family: 'Montserrat';
    /*margin-bottom: 30px;
    padding-left: 4px;
    font-size: 14px;*/
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;

    padding-left: 10px;
    font-size: 15px;
    line-height: 30px;
    vertical-align: top;
    margin-bottom: 35px;
}

body#main.page-template-new_pricing #plans .plans_table {
    margin-bottom: 20px;
}

body#main #plans .plans_table #plans_table_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(250,250,250,0.6);
    z-index: 200;
}

body#main #plans .plans_table #plans_table_overlay.changed {
    display: block;
}

body#main.page-template-new_pricing #plans .plans_table-header {
    margin-bottom: 20px;
}

body#main.page-template-new_pricing #plans .plans_table-header .header-col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 32.9%;
    color: #384257;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Montserrat';
    padding-left: 15px;
    padding-right: 15px;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main.page-template-new_pricing #plans .col-subscribers {
    text-align: left;
}

body#main.page-template-new_pricing #plans .col-mails {
    text-align: center;
}

body#main.page-template-new_pricing #plans .col-cost {
    text-align: right;
}

body#main.page-template-new_pricing #plans .plans_table-results {

}

body#main.page-template-new_pricing #plans .plans_table-results .plan-row {
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .plans_table-results .plan-row.selected_plan {
    border: 1px solid #3AC4D7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .plans_table-results .plan-row.selected_plan.highlighted_plan,
body#main.page-template-new_pricing #plans .go_plans_table-results .go_plan-row.selected_plan.highlighted_plan {
    border: 1px solid #3AC4D7;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-animation: plan_highlight 1.5s 1 linear;
    -moz-animation: plan_highlight 1.5s 1 linear;
    animation: plan_highlight 1.5s 1 linear;
}

@keyframes plan_highlight {
    0% {
        background-color: #fff;
    }
    50%   {
        background-color: #a1e7e9;
    }
    100%   {
        background-color: #fff;
    }
}

body#main.page-template-new_pricing #plans .plans_table-results .plan-row .plan-col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 32.9%;
    color: #545C6E;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Hind', sans-serif;
    height: 50px;
    padding-top: 14px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    position: relative;
}

body#main.page-template-new_pricing #plans .plans_table-results .plan-row.selected_plan .plan-col {
    font-size: 22px;
    padding-top: 10px;
    color: #3AC4D7;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .plans_table-results .plan-row .plan-col.col-subscribers {
    padding-left: 20px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .plans_table-results .plan-row .plan-col.col-cost {
    padding-right: 20px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .plans_table-results .plan-row.selected_plan .plan-col.col-subscribers {
    padding-left: 15px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .plans_table-results .plan-row.selected_plan .plan-col.col-cost {
    padding-right: 15px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main #plans .plans_table-results .plan-row .plan-col span.old_price {
    visibility: hidden;
}

body#main #plans .plans_table-results .plan-row.selected_plan .plan-col span.old_price {
    color: #545c6e;
    font-size: 16px;
    position: relative;
    right: 16px;
    text-decoration: line-through;
    top: -2px;
    visibility: visible;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .border {
    width: 100%;
    display: block;
    height: 1px;
    background-color: #e6e6e6;
    margin: 20px 0;
}

body#main.page-template-new_pricing #plans .pricing_more .more-col {
    width: 49.6%;
    display: inline-block;
}

body#main .more_col_mobile {
    display: none;
    width: 100%;
    float: left;
    padding-left: 15px;
    font-size: 14px;
}

body#main.page-template-new_pricing #plans .pricing_more .more-col.col-subscribers-text {
    text-align: left;
    padding-left: 15px;
    color: #384257;
    font-size: 14px;
    font-weight: 600;
    font-family: "Montserrat";
}

body#main.page-template-new_pricing #plans .pricing_more .more-col.col-all {
    text-align: right;
    padding-right: 15px;
}

body#main.page-template-new_pricing #plans .pricing_more .more-col.col-all a {
    color: #3AC4D7;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Montserrat';
    border-bottom: 2px solid #3AC4D7;
    padding: 4px;
    display: inline-block;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main.page-template-new_pricing #plans .pricing_more .more-col.col-all a:hover {
    color: #384257;
    border-color: #384257;
}

body#main.page-template-new_pricing #plans .pricing_more .more-col.col-all a i {
    font-family: "Montserrat";
    font-size: 13px;
    font-weight: 300;
    padding-left: 4px;
    position: relative;
    top: 0;
}

body#main .free_text {
    color: #384257;
    display: none;
    font-family: "Montserrat";
    font-size: 13px;
    font-weight: 300;
    width: 100%;
    float: left;
    position: relative;
    top: -5px;
}

body#main .free_text_small {
    color: #384257;
    display: none;
    font-family: "Montserrat";
    font-size: 11px;
    font-weight: 300;
    width: 100%;
    float: left;
    position: relative;
    top: -8px;
}

body#main .free_text_all {
    bottom: 4px;
    color: #384257;
    display: none;
    font-family: "Montserrat";
    font-size: 11px;
    font-weight: 300;
    position: absolute;
    right: 15px;
    width: auto;
}

/*body#main .first_plan_all .plan-col.col-cost {
    position: relative;
    top: -8px;
}*/

/*body#main .pre_text {
    display: block;
    float: left;
    width: 100%;
}

body#main .pre_text_small.small_span {
    position: relative;
    top: -6px;
}*/

/*body#main .first_plan.selected_plan .plan-col.col-subscribers, body#main .first_plan.selected_plan .plan-col.col-mails {
    position: relative;
    top: -6px;
}

body#main.page-template-new_pricing #plans .plans_table-results .plan-row.first_plan.selected_plan .plan-col {
    height: 40px;
    padding-top: 5px;
}*/

body#main.page-template-new_pricing #plans .range_slider span.free_tab {
    background-color: #384257;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    height: 40px;
    line-height: 42px;
    position: absolute;
    right: 0;
    text-transform: none;
    top: -6px;
    width: 12vw;
    min-width: 200px;
    padding: 0;
    text-align: center;
    font-family: "Hind",sans-serif;
    display: none;
}

/* pay as you go */

body#main.page-template-new_pricing #plans .go_plans_table {
    margin-bottom: 20px;
}

body#main.page-template-new_pricing #plans .go_plans_table-header {
    margin-bottom: 20px;
}

body#main.page-template-new_pricing #plans .go_plans_table-header .go_header-col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 32.9%;
    color: #384257;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    padding-left: 15px;
    padding-right: 15px;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main.page-template-new_pricing #plans .go_col-subscribers {
    text-align: left;
}

body#main.page-template-new_pricing #plans .go_col-mails {
    text-align: center;
}

body#main.page-template-new_pricing #plans .go_col-cost {
    text-align: right;
}

body#main.page-template-new_pricing #plans .go_plans_table-results {

}

body#main.page-template-new_pricing #plans .go_plans_table-results .go_plan-row {
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .go_plans_table-results .go_plan-row.selected_plan {
    border: 1px solid #3AC4D7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .go_plans_table-results .go_plan-row .go_plan-col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 32.9%;
    color: #545C6E;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Hind', sans-serif;
    height: 50px;
    padding-top: 14px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    position: relative;
}

body#main.page-template-new_pricing #plans .go_plans_table-results .go_plan-row.selected_plan .go_plan-col {
    font-size: 22px;
    padding-top: 10px;
    color: #3AC4D7;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .go_plans_table-results .go_plan-row .go_plan-col.go_col-subscribers {
    padding-left: 20px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .go_plans_table-results .go_plan-row .go_plan-col.go_col-cost {
    padding-right: 20px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .go_plans_table-results .go_plan-row.selected_plan .go_plan-col.go_col-subscribers {
    padding-left: 15px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .go_plans_table-results .go_plan-row.selected_plan .go_plan-col.go_col-cost {
    padding-right: 15px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main a.btn.dark_btn, body#main a.btn.dark_btn:focus {
    background: #384257 none repeat scroll 0 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    height: 50px;
    padding: 10px 36px 0;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Hind', sans-serif;
    outline: none;
    border: none;
    margin: 30px auto 0;
    display: inline-block;
    width: auto;
}

body#main a.btn.dark_btn i {
    font-size: 20px;
    padding-left: 5px;
    position: relative;
    right: 0;
    top: 3px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main a.btn.dark_btn:hover i, body#main a.btn.dark_btn:focus i {
    right: -8px;
}

body#main.page-template-new_pricing .new_plan_table .new_plan-col {
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-family: "Hind",sans-serif;
    font-size: 22px;
    font-weight: 600;
    width: 32.9%;
}

body#main.page-template-new_pricing .new_plan_table .new_plan_footer-col {
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-family: "Hind",sans-serif;
    font-size: 17px;
    font-weight: 300;
    width: 32.9%;
    position: relative;
    padding-left: 20px;
}

body#main.page-template-new_pricing .new_plan_table .new_plan_footer-col span {
    position: relative;
    font-family: "Hind",sans-serif;
    font-size: 17px;
}

body#main.page-template-new_pricing .new_plan_table .new_plan_footer-col span::before {
    border: 2px solid #1099b5;
    border-radius: 100%;
    content: "";
    display: block;
    height: 10px;
    left: -20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px;
}

body#main .new_plan_table-footer {
    display: block;
    margin: 40px 0 30px;
    width: 100%;
}

body#main .new_plan_footer-col {
    text-align: center;
}

body#main .new_plan_footer-col:first-child {
    text-align: left;
}

body#main .new_plan_footer-col:last-child {
    text-align: right;
}

body#main .new_plan_title {
    color: #fff;
    display: block;
    font-family: 'Montserrat';
    font-size: 22px;
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
    font-weight: bold;
}

body#main .sub_text {
    display: block;
    font-size: 16px;
    font-weight: 300;
    width: 100%;
    font-family: "Hind",sans-serif;
}

body#main .new_plan-row {
    border: 1px solid #fff;
    border-radius: 2px;
    padding: 20px;
}

body#main .new_plan-col {
    text-align: center;
}

body#main .new_plan-col:first-child {
    padding-right: 90px;
}

body#main .new_plan-col:last-child {
    padding-left: 90px;
}

body#main .pricing_illustration {
    position: absolute;
}

body#main .left_folder {
    left: 4vw;
    top: 6vw;
    width: 10vw;
}

body#main .small_folder {
    bottom: 12vw;
    left: 7vw;
    width: 4vw;
}

body#main .left_cloud {
    bottom: 8vw;
    left: 15vw;
    width: 10vw;
}

body#main .right_cloud {
    right: 16vw;
    top: 6vw;
    width: 10vw;
}

body#main .right_folder {
    bottom: 5vw;
    right: 5vw;
    width: 10vw;
}

body#main .closed_folder {
    right: -4vw;
    top: 5vw;
    width: 10vw;
}

/***********************************************/
/************** ALL PRICING PAGE ***************/
/***********************************************/

body#main.page-template-allpricing #pricing_header {
    background-color: #f6f6f6;
}

body#main.page-template-allpricing #pricing_features .more-col.col-optional-text {
    color: #384257;
    font-family: "Montserrat";
    font-size: 13px;
    font-weight: 300;
    padding-left: 60px;
    padding-top: 20px;
    text-align: left;
    margin-bottom: 20px;
}

body#main.page-template-allpricing #pricing_header h1 {
    color: #384257;
    font-size: 38px;
    font-weight: bold;
    font-family: 'Montserrat';
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main.page-template-allpricing .sf-label-all::after {
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #ddd;
    border-bottom-right-radius: 1px;
    border-top-right-radius: 1px;
    color: #3ac4d7;
    content: "\f3d0";
    display: block;
    font-family: "Ionicons";
    font-size: 16px;
    height: 33px;
    padding-top: 6px;
    position: absolute;
    right: 6px;
    text-align: center;
    top: 1px;
    width: 18px;
    z-index: 1;
}

body#main.page-template-allpricing select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: #3ac4d7;
    border-radius: 2px;
    box-shadow: none;
    color: #3ac4d7;
    font-family: 'Montserrat';
    font-weight: 400;
    padding-left: 7px;
    padding-top: 6px;
    position: relative;
    width: 100px;
    z-index: 10;
    cursor: pointer;
}

body#main.page-template-allpricing #currency-plans-content {
    position: relative;
    height: 0;
}

body#main.page-template-allpricing .drop_down_currency {
    position: absolute;
    right: 15px;
    top: 56px;
}

body#main.page-template-allpricing #pricing_header span.pricing_subtext {
    color: #545C6E;
    font-size: 18px;
    font-weight: 300;
    font-family: 'Hind', sans-serif;
}

body#main.page-template-allpricing #plans .plan-content {
    display: none;
    border-top: 1px solid #3ac4d7;
    padding-top: 60px;
}

body#main.page-template-allpricing #plans #paid-plans.plan-content  {
    display: block;
}

body#main.page-template-allpricing #plans .plans-menu {
    text-align: center;
}

body#main.page-template-allpricing #plans .plans-menu li {
    display: inline-block;
}

body#main.page-template-allpricing #plans .plans-menu li.current a {
    color: #3AC4D7;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #3ac4d7 #3ac4d7 #fff;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 4px;
    font-family: 'Montserrat';
    font-weight: bold;
}

body#main.page-template-allpricing #plans .plans-menu li a {
    color: #AAADB6;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
    padding: 15px 100px 6px;
    position: relative;
    -webkit-transition: none 0s ease 0s ;
    -moz-transition: none 0s ease 0s ;
    -ms-transition: none 0s ease 0s ;
    -o-transition: none 0s ease 0s ;
    transition: none 0s ease 0s ;
    z-index: 100;
    bottom: 8px;
}

body#main.page-template-allpricing #plans .plans-menu li:hover a {
    color: #3AC4D7;
}

body#main.page-template-allpricing #registration .registration_top {
    margin-bottom: 60px;
}

body#main.page-template-allpricing #registration .registration_top h1 {
    color: #fff;
    font-size: 43px;
    font-weight: 300;
    font-family: 'Montserrat';
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main.page-template-allpricing #registration .registration_top span.registration_subtext {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}

body#main.page-template-allpricing #plans .paid_plan_options {
    display: block;
    width: 100%;
    margin-bottom: 60px;
}

body#main.page-template-allpricing #plans .paid_plan_options span {
    color: #AAADB6;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Montserrat';
    border: 1px solid #AAADB6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 7px 15px;
    cursor: pointer;
    margin-right: 20px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

body#main.page-template-allpricing #plans .paid_plan_options span:last-child {
    margin-right: 20px;
}


body#main #plans .paid_plan_options span.active_plan, body#main #plans .paid_plan_options span:hover {
    color: #3AC4D7;
    border: 1px solid #3AC4D7;
}

body#main.page-template-allpricing #plans .range_slider {
    text-align: center;
    margin-bottom: 60px;
}

body#main.page-template-allpricing #plans .range_slider output {
    color: #3AC4D7;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    display: inline-block;
    margin-bottom: 30px;
}

body#main.page-template-pricing #plans .range_slider #js-amount-input-go, body#main.page-template-new_pricing #plans .range_slider #js-amount-input-go {
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #3ac4d7;
    display: inline-block;
    font-family: "Montserrat";
    font-size: 17px;
    font-weight: 300;
    height: 40px;
    line-height: 17px;
    margin-bottom: 35px;
    position: relative;
    text-align: center;
    top: -6px;
    width: 100px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .range_slider #js-amount-input-go:focus, body#main.page-template-new_pricing #plans .range_slider #js-amount-input-go:focus {
    border: 1px solid #3ac4d7;
    outline: none;
}

body#main.page-template-allpricing #plans .range_slider em {
    color: #3AC4D7;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    margin-bottom: 30px;
}

body#main.page-template-allpricing #plans .range_slider span {
    color: #384257;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    margin-bottom: 30px;
    padding-left: 4px;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main.page-template-allpricing #plans .plans_table {
    margin-bottom: 20px;
    overflow: visible;
    position: relative;
}

body#main.page-template-pricing #plans .plans_table {
    overflow: visible;
}

body#main.page-template-allpricing #plans .plans_table-header {
    margin-bottom: 20px;
    /*min-width: 700px;*/
}

body#main .star_image {
    left: -20px;
    position: absolute;
    top: 284px;
    width: 20px;
    display: none;
}

body#main.page-template-allpricing .star_image {
    left: -30px;
    position: absolute;
    top: 57px;
    width: 20px;
    display: none;
}

body#main.page-template-pricing #plans .plans_table-header {
    /*min-width: 700px;*/
}

body#main.page-template-allpricing #plans .plans_table-header .header-col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 32.9%;
    color: #384257;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Montserrat';
    padding-left: 15px;
    padding-right: 15px;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main.page-template-allpricing #plans .col-subscribers {
    text-align: left;
}

body#main.page-template-allpricing #plans .col-mails {
    text-align: center;
}

body#main.page-template-allpricing #plans .col-cost, body#main.page-template-allpricing #plans .cost-th {
    text-align: right;
}

body#main.page-template-allpricing #plans .plans_table-results, body#main.page-template-pricing #plans .plans_table-results {
    /*min-width: 700px;*/
    position: relative;
}

body#main.page-template-allpricing #plans .plans_table-results .plan-row {
    cursor: pointer;
    border: 1px solid #fff;
    position: relative;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .plans_table-results .plan-row.selected_plan {
    border: 1px solid #3AC4D7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .plans_table-results .plan-row .plan-col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 33%;
    color: #545C6E;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Hind', sans-serif;
    height: 50px;
    padding-top: 14px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .plans_table-results .plan-row.selected_plan .plan-col {
    font-size: 22px;
    padding-top: 10px;
    color: #3AC4D7;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .plans_table-results .plan-row .plan-col.col-subscribers {
    padding-left: 20px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .plans_table-results .plan-row .plan-col.col-cost {
    padding-right: 20px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .plans_table-results .plan-row.selected_plan .plan-col.col-subscribers {
    padding-left: 15px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .plans_table-results .plan-row.selected_plan .plan-col.col-cost {
    padding-right: 15px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .border {
    width: 100%;
    display: block;
    height: 1px;
    background-color: #e6e6e6;
    margin: 20px 0;
}

body#main.page-template-allpricing #plans .pricing_more .more-col {
    width: 49.6%;
    display: inline-block;
}

body#main.page-template-allpricing #plans .pricing_more .more-col.col-subscribers-text {
    text-align: left;
    padding-left: 15px;
    color: #384257;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Montserrat';
}

body#main.page-template-allpricing #plans .pricing_more .more-col.col-all {
    text-align: right;
    padding-right: 15px;
}

body#main.page-template-allpricing #plans .pricing_more .more-col.col-all a {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Montserrat';
    color: #3AC4D7;
}

body#main.page-template-allpricing #plans .pricing_more .more-col.col-all a i {
    font-family: "Montserrat";
    font-size: 15px;
    font-weight: 300;
    padding-left: 4px;
    position: relative;
    top: 1px;
}

body#main.page-template-allpricing #features {
    background-color: #f6f6f6;
    padding: 60px 0;
}

body#main.page-template-allpricing #unlimited b {
    color: #3AC4D7;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Montserrat';
    display: block;
    margin-bottom: 20px;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main.page-template-allpricing #unlimited span.unlimited_content_text {
    color: #545C6E;
    font-size: 16px;
    display: block;
    margin-bottom: 20px;
}

body#main.page-template-allpricing #pricing_features {
    padding: 60px 0;
}

body#main.page-template-allpricing #pricing_features h1 {
    color: #384257;
    font-size: 43px;
    font-weight: 300;
    font-family: 'Montserrat';
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main.page-template-allpricing #pricing_features b {
    color: #3AC4D7;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Montserrat';
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
    text-align: center;
    display: block;
}

body#main.page-template-allpricing #pricing_features a.btn:not(.orange), body#main.page-template-allpricing #pricing_features a.btn:not(.orange):focus {
    background: #ff6154 none repeat scroll 0 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    height: 50px;
    padding: 10px 36px 0;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Hind', sans-serif;
    outline: none;
    border: none;
    margin: 50px auto auto;
    display: inline-block;
    width: auto;
}
body#main #pricing_features .btn.orange:hover,
body#main #pricing_features .btn.orange:focus,
body#main #pricing_features .btn.orange:active {
    color: #ffffff;
    box-shadow: none;
    border: 1px solid transparent;
}

body#main.page-template-allpricing #pricing_features a.btn i {
    font-size: 20px;
    padding-left: 5px;
    position: relative;
    right: 0;
    top: 3px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-allpricing #pricing_features a.btn:hover i, body#main.page-template-allpricing #pricing_features a.btn:focus i {
    right: -8px;
}

/*body#main.page-template-allpricing #pricing_features a.btn span {
    background: #ff4f43 none repeat scroll 0 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    height: 50px;
    position: absolute;
    right: -1px;
    top: 0;
    width: 50px;
}*/

body#main.page-template-allpricing #pricing_features .features_table-results .feature-row .feature-col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 24.5%;
    min-width: 210px;
    color: #545C6E;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Hind', sans-serif;
    height: 54px;
    padding-top: 6px;
    vertical-align: middle;
    line-height: 1.42857143;
}

body#main.page-template-allpricing #pricing_features .features_table-results .feature-row {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 10px;
}

body#main.page-template-allpricing #pricing_features .features_table-results .feature-row .feature-col.col-features {
    padding-left: 60px;
    text-align: left;
}

body#main.page-template-allpricing #pricing_features .features_table-results .feature-row .feature-col {
    text-align: center;
}

body#main.page-template-allpricing #pricing_features .features_table-header {
    margin-bottom: 40px;
}

body#main.page-template-allpricing #pricing_features .features_table-header .header-col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 24.5%;
    min-width: 210px;
    color: #384257;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Montserrat';
    text-align: center;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main.page-template-allpricing #pricing_features .features_table-header, body#main.page-template-allpricing #pricing_features .features_table-results {
    min-width: 900px;
}

body#main.page-template-allpricing #pricing_features .col-features {
    text-align: left;
}

body#main.page-template-allpricing #pricing_features .col-free, body#main.page-template-allpricing #plans .col-paid {
    text-align: center;
}

body#main.page-template-allpricing #pricing_features .col-credits {
    text-align: right;
}

body#main.page-template-allpricing #pricing_features .features_table {
    margin-top: 70px;
    overflow: auto;
}

body#main.page-template-allpricing #pricing_features .features_table .feature-col .ion-checkmark-round {
    background: #3ac4d7 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    height: 25px;
    padding-right: 1px;
    padding-top: 6px;
    width: 25px;
    text-align: center;
}

body#main.page-template-allpricing #pricing_features .features_table .feature-col .ion-close-round {
    background: #384257 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    height: 25px;
    padding-right: 1px;
    padding-top: 6px;
    width: 25px;
    text-align: center;
}

/* pay as you go */

body#main.page-template-allpricing #plans .go_plans_table {
    margin-bottom: 20px;
    overflow: auto;
}

body#main.page-template-pricing #plans .go_plans_table {
    overflow: auto;
}

body#main.page-template-allpricing #plans .go_plans_table-header {
    margin-bottom: 20px;
    /*min-width: 700px;*/
}

body#main.page-template-pricing #plans .go_plans_table-header {
    /*min-width: 700px;*/
}

body#main.page-template-allpricing #plans .go_plans_table-header .go_header-col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 32.9%;
    /*min-width: 210px;*/
    color: #384257;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Montserrat';
    padding-left: 15px;
    padding-right: 15px;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main.page-template-allpricing #plans .go_col-subscribers {
    text-align: left;
}

body#main.page-template-allpricing #plans .go_col-mails, body#main.page-template-allpricing #plans .go_col-mails-th {
    text-align: center;
}

body#main.page-template-allpricing #plans .go_col-cost {
    text-align: right;
}

body#main.page-template-pricing #plans .go_plans_table-results, body#main.page-template-allpricing #plans .go_plans_table-results {
    /*min-width: 700px;*/
}

body#main.page-template-allpricing #plans .go_plans_table-results .go_plan-row {
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .go_plans_table-results .go_plan-row.selected_plan {
    border: 1px solid #3AC4D7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .go_plans_table-results .go_plan-row .go_plan-col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 33%;
    /*min-width: 210px;*/
    color: #545C6E;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Hind', sans-serif;
    height: 50px;
    padding-top: 14px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .go_plans_table-results .go_plan-row.selected_plan .go_plan-col {
    font-size: 22px;
    padding-top: 10px;
    color: #3AC4D7;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .go_plans_table-results .go_plan-row .go_plan-col.go_col-subscribers {
    padding-left: 20px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .go_plans_table-results .go_plan-row .go_plan-col.go_col-cost {
    padding-right: 20px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .go_plans_table-results .go_plan-row.selected_plan .go_plan-col.go_col-subscribers {
    padding-left: 15px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .go_plans_table-results .go_plan-row.selected_plan .go_plan-col.go_col-cost {
    padding-right: 15px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

/*************************************************/
/************** CHECKBOX ANIMATION ***************/
/*************************************************/

body#main.page-template-registration #register .col-registration-form .checkbox {
    display: inline-block;
    margin: 0 0 50px;
    position: relative;
    width: 100%;
}

body#main.page-template-registration #register .col-registration-form .checkbox .checkbox_text {
    color: #545c6e;
    font-family: "Hind",sans-serif;
    font-size: 16px;
    font-weight: 400;
    left: 40px;
    position: relative;
}

body#main.page-template-registration #register .col-registration-form .checkbox label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 1px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid;
    border-color: #545C6E;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding: 0;
}

/*body#main.page-template-registration #register .col-registration-form .checkbox label:hover {
    background-color: #3AC4D7;
    border-color: #3AC4D7;
}*/

body#main.page-template-registration #register .col-registration-form .checkbox label:after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 5px;
    left: 4px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

body#main.page-template-registration #register .col-registration-form .checkbox input[type="checkbox"]:checked + label {
    background-color: #3AC4D7;
    border-color: #3AC4D7;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

body#main.page-template-registration #register .col-registration-form .checkbox input[type="checkbox"]:checked + label:after, body#main.page-template-registration #register .col-registration-form .checkbox input[type="checkbox"]:checked + label:hover::after {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

body#main.page-template-registration #register .col-registration-form .checkbox label:hover::after {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

body#main.page-template-registration #register .col-registration-form .checkbox input[type="checkbox"] {
    visibility: hidden;
}

body#main.page-template-registration #register .col-registration-form .checkbox input[type=checkbox]:checked + label:after {
    opacity: 1;
}

body#main.page-template-registration #register .agree_text {
    position: relative;
    top: -30px;
}

/*************************************/
/************** TABLES ***************/
/*************************************/

body#main table {
    border-bottom: 1px solid #e6e6e6;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

body#main table td strong, body#main th {
    color: #384257;
    display: inline-block;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
}

body#main table td {
    box-sizing: border-box;
    color: #545c6e;
    display: table-cell;
    font-family: "Hind",sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: auto;
    padding: 10px;
    vertical-align: middle;
}

/*****************************************************/
/************** RADIO BUTTON ANIMATION ***************/
/*****************************************************/

body#main.page-template-registration #register .col-registration-form input[type="radio"] {
    display: none;
}

body#main.page-template-registration #register .col-registration-form input[type="radio"] + label {
    color: #545C6E;
    font-family: 'Hind', sans-serif;
    font-weight: 400;
    font-size: 16px;
    padding-left: 20px;
    position: relative;
    left: 20px;
}

body#main.page-template-registration #register .col-registration-form input[type="radio"] + label span {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: -20px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid;
    border-color: #545C6E;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

body#main.page-template-registration #register .col-registration-form input[type="radio"] + label span:after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 5px;
    left: 4px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

body#main.page-template-registration #register .col-registration-form input[type="radio"] + label span:hover:after {
    opacity: 1;
}

body#main.page-template-registration #register .col-registration-form input[type="radio"] + label span:hover {
    background-color: #3AC4D7;
    border-color: #3AC4D7;
}

body#main.page-template-registration #register .col-registration-form input[type="radio"]:checked + label span, input[type="radio"]:checked + label span:hover {
    background-color: #3AC4D7;
    border-color: #3AC4D7;
}

body#main.page-template-registration #register .col-registration-form input[type="radio"]:checked + label span:after {
    opacity: 1;
}

body#main.page-template-registration #register .col-registration-form input[type="radio"] + label span,
body#main.page-template-registration #register .col-registration-form input[type="radio"]:checked + label span {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/*******************************************************/
/************** CHECKBOX SLIDE ANIMATION ***************/
/*******************************************************/

body#main.page-template-registration #register .col-registration-form .slideOne {
    background: #d1d1d1 none repeat scroll 0 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    height: 14px;
    margin: 5px 25px 0 25px;
    position: relative;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 46px;
    float: left;


}
body#main.page-template-registration #register .col-registration-form .slideOne.is_checked {
    background: #ADE4EC;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main.page-template-registration #register .col-registration-form .slideOne label {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    top: -6px;
    left: -3px;
    cursor: pointer;
    background: #384257;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
body#main.page-template-registration #register .col-registration-form .slideOne input[type=checkbox] {
    visibility: hidden;
}
body#main.page-template-registration #register .col-registration-form .slideOne input[type=checkbox]:checked + label {
    left: 27px;
    background-color: #3AC4D7;
}

body#main.page-template-registration #register .col-registration-form .slideOne input[type=checkbox] + label:after {
    font-family: "Ionicons";
    content: '\f129';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 4px;
    left: 8px;
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main.page-template-registration #register .col-registration-form .slideOne input[type=checkbox]:checked + label:after {
    content: '\f121';
    top: 4px;
    left: 7px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

/********************************************/
/************** STATS CONTENT ***************/
/********************************************/

body#main #stats {
    background-color: #3ac4d7;
    width: 100%;
}

body#main #stats .stats_col {
    text-align: center;
    color: #fff;
}

body#main #stats .stats_col .counter {
    font-family: "Montserrat";
    font-size: 52px;
    font-weight: 300;
    margin-bottom: 20px;
    min-height: 5vw;
}

body#main #stats .stats_col .counter_name {
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 22px;
    margin-bottom: 5px;
    width: 100%;
    float: left;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main #stats .stats_col .counter_text {
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 16px;
    width: 100%;
    float: left;
}

/******************************************************/
/************** IMAGE COMPARISON SLIDER ***************/
/******************************************************/

.cd-image-container {
    position: relative;
    width: 100%;
    margin: 0em auto;
}
.cd-image-container img {
    display: block;
    width: 100% !important;
}

.cd-image-label {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #ffffff;
    padding: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
    -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
    visibility: hidden;
}
.is-visible .cd-image-label {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.cd-resize-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    overflow: hidden;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.cd-resize-img img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: auto !important;
    max-width: none;
}
.cd-resize-img .cd-image-label {
    right: auto;
    left: 0;
}
.is-visible .cd-resize-img {
    width: 50%;
    /* bounce in animation of the modified image */
    -webkit-animation: cd-bounce-in 0.7s;
    -moz-animation: cd-bounce-in 0.7s;
    animation: cd-bounce-in 0.7s;
    -webkit-box-shadow: 0 0 10px rgba(153, 153, 153, 0.3);
    -moz-box-shadow: 0 0 10px rgba(153, 153, 153, 0.3);
    box-shadow: 0 0 10px rgba(153, 153, 153, 0.3);
}

@-webkit-keyframes cd-bounce-in {
    0% {
        width: 0;
    }
    60% {
        width: 55%;
    }
    100% {
        width: 50%;
    }
}
@-moz-keyframes cd-bounce-in {
    0% {
        width: 0;
    }
    60% {
        width: 55%;
    }
    100% {
        width: 50%;
    }
}
@keyframes cd-bounce-in {
    0% {
        width: 0;
    }
    60% {
        width: 55%;
    }
    100% {
        width: 50%;
    }
}
.cd-handle {
    position: absolute;
    height: 44px;
    width: 44px;
    /* center the element */
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border-radius: 50%;
    background: #fff url("./images/comparison_arrows.svg") no-repeat center center;
    cursor: move;
    -webkit-box-shadow: 4px 4px 12px rgba(153, 153, 153, 0.5);
    -moz-box-shadow: 4px 4px 12px rgba(153, 153, 153, 0.5);
    box-shadow: 4px 4px 12px rgba(153, 153, 153, 0.5);
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
    -moz-transform: translate3d(0, 0, 0) scale(0);
    -ms-transform: translate3d(0, 0, 0) scale(0);
    -o-transform: translate3d(0, 0, 0) scale(0);
    transform: translate3d(0, 0, 0) scale(0);
}
.cd-handle.draggable {
    /* change background color when element is active */
    background-color: #fff;
}
.is-visible .cd-handle {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
    -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}

.is-visible .cd-resize-img::after {
    background-color: #fff;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
}

body#main .comparison_content.col-centered {
    margin-top: 60px;
}

/**************************************************/
/************** CREATE TABBED CONTENT *************/
/**************************************************/

body#main .tab_content {
    display: none;
    left: -6.8%;
    position: relative;
}

body#main #customization {
    display: block;
}

body#main.page-template-new_create #create_tools.feature_dark {
    background-color: #384257;
}

body#main.page-template-new_create #create_tools h3 {
    color: #fff;
    display: block;
    font-family: "Montserrat";
    font-size: 38px;
    font-weight: 300;
    margin-top: 0;
    padding-bottom: 15px;
    text-transform: none;
    width: 100%;
}

body#main.page-template-new_create #create_tools.feature_dark .feature_text p {
    color: #fff;
}

body#main.page-template-new_create #create_tools.feature_dark .feature_text {
    margin-bottom: 60px;
    width: 100%;
    display: block;
}

body#main .tabs_menu li a {
    background-color: #fff;
    display: block;
    padding: 20px 20px 0;
    width: 100%;
    position: relative;
}

body#main .tabs_menu li a .tab_num {
    font-family: "Montserrat";
    font-size: 20px;
    color: #3ac4d7;
    position: absolute;
    left: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

body#main .tabs_menu li.current a .tab_num {
    color: #fff;
}

body#main .tabs_menu li a .tab_description {
    border-bottom: 1px solid #ccc;
    display: block;
    padding-bottom: 20px;
    width: 100%;
    padding-left: 50px;
}

body#main .tabs_menu li:last-child a .tab_description {
    border-bottom: 1px solid transparent;
}

body#main .tabs_menu li.current a .tab_description {
    border-bottom: 1px solid transparent;
}

body#main .tabs_menu li.current a {
    background-color: #3ac4d7;
}

body#main .tab_title {
    color: #3ac4d7;
    display: block;
    font-family: "Montserrat";
    font-size: 14px;
    padding-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
    padding-left: 50px;
}

body#main .tab_description p {
    color: #545c6e;
    font-size: 14px;
}

body#main .tabs_menu li.current .tab_title, body#main .tabs_menu li.current .tab_description p {
    color: #fff;
}

body#main .tabs_menu {
    background-color: #3ac4d7;
    position: absolute;
    bottom: 47px;
}

body#main.page-template-new_create #create_tools .highlight{
    display: flex;
    align-items: stretch;
}

body#main .tabs_menu li.current {
    border-left: 15px solid #3ac4d7;
    left: -15px;
    position: relative;
}

/**************************************************/
/************** FEATURES INNER PAGE ***************/
/**************************************************/

body#main #features_inner_header h1 {
    color: #384257;
    font-family: "Montserrat";
    font-size: 36px;
    font-weight: 300;
    margin-top: 0;
    padding-bottom: 0;
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
    line-height: 52px;
}

body#main #features_inner_header.main_container {
    padding: 40px 0 80px;
}

body#main .bottom_container {
    padding: 0 0 80px;
}

body#main .features_container {
    padding: 30px 0 80px;
}

body#main .single_container {
    padding: 40px 0 0;
}

body#main .single_post_content {
    margin-top: 60px;
    display: block;
}

/*body#main.single .single_post_content .gallery {
    display: none;
}*/

body#main #features_inner_header.main_container.page {
    padding: 60px 0 0;
}

body#main #features_inner_header.main_container .feature_content-text p img {
    margin: 20px auto 60px;
    display: block;
    max-width: 90%;
}

body#main #features_inner_header.main_container.recipes img{
    margin-top: -25px;
    margin-bottom: -60px;
}

body#main.page-id-210 #features_inner_header.main_container img{width: auto;}

body#main #features_inner_header.main_container h2 {
    color: #FF6154;
    font-size: 22px;
    font-weight: 300;
    font-family: 'Montserrat';
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main #features_inner_header a.btn, body#main #features_inner_header a.btn:focus {
    background: #ff6154 none repeat scroll 0 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    height: 50px;
    padding: 10px 36px 0;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Hind', sans-serif;
    outline: none;
    border: none;
    margin: 80px auto auto;
    display: inline-block;
    width: auto;
}

body#main #features_inner_header a.btn i {
    font-size: 20px;
    padding-left: 5px;
    position: relative;
    right: 0;
    top: 3px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main #features_inner_header a.btn:hover i, body#main #features_inner_header a.btn:focus i {
    right: -8px;
}

body#main #features_inner_header-content .feature_content-text p{line-height: 1.5}

body#main #features_inner_header-content .feature_content-text ul, body#main .wrappers_content ul{margin-bottom: 30px}
body#main #features_inner_header-content .feature_content-text ul li{
    padding-left: 28px;
    margin-bottom: 10px;
    color: #545C6E;
}
body#main #features_inner_header-content .feature_content-text ul li:before{
    color: #3ac4d7;
    content: "\f3a6";
    cursor: pointer;
    display: block;
    font-family: "Ionicons";
    font-size: 12px;
    height: 4px;
    left: -28px;
    padding-top: 6px;
    position: relative;
    top: 4px;
    width: 4px;
    z-index: 1;
}

body#main .wrappers_content ul li:before{
    top: 2px;
}
body#main #features_inner_header-content .feature_content-text ul li a{
    color: #384257;
    font-size: 18px;
    margin-bottom: 15px;
    display: block;
}

body#main .wrappers_content ul li {
    margin-bottom: 10px;
    color: #545C6E;
    display: inline-block;
    padding-right: 25px;
}

body#main .wrappers_content ul li img {
    margin-right: 8px;
    max-width: 24px;
    position: relative;
    top: -2px;
    width: 100%;
}

body#main .wrappers_content ul li a i {
    font-size: 30px;
    padding-right: 4px;
    position: relative;
    top: 7px;
}

body#main .wrappers_content ul li:first-child a i {
    font-size: 22px;
    top: 4px;
}

body#main.page-template-features_inner .feature_content-text.browser_grey {
    background: rgba(0, 0, 0, 0) url("./images/browser-grey-test.png") no-repeat scroll 0 0;
    background-size: 100% auto;
    left: 0;
    position: inherit;
    top: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

body#main.page-template-features_inner .feature_content-text.browser_grey img {
    cursor: default;
    display: block;
    max-width: 100%;
    padding: 6.9%;
    position: relative;
    top: 0px;
    left: 0.07%;
    width: 100%;
}

body#main.page-template-features_inner .feature_content-text.browser_grey video {
    cursor: pointer;
    display: block;
    max-width: 100%;
    padding: 6.9%;
    position: relative;
    top: 0px;
    left: 0.07%;
    width: 100%;
}


body#main.single .integration-post-content {margin: 100px 0 80px;}

body#main .integration-post-content .nav-tabs {border-bottom: 1px solid #3ac4d7;}
body#main .integration-post-content .nav-tabs li{float: none;}

body#main .integration-post-content .nav-tabs li a{
    bottom: -1px;
    padding: 15px 92px 6px;
}
body#main.single .integration-post-content .nav-tabs>li:not(.active)>a:focus,
body#main.single .integration-post-content .nav-tabs>li:not(.active)>a:hover{
    background: transparent;
    border-color: transparent;
}

body#main.single .integration-post-content .tab-content{
    padding: 50px 0 0;
}
body#main.single .integration-intro-row{
    display: flex;
    align-items: flex-start;
}
body#main.single  #features_inner_header .integration-intro-row h1{
    font-size: 26px;
    line-height: 1.5;
}

body#main.single .integration-intro-row .integration_logo img{max-width: 100%;}

body#main.single .breadcrumb-wrapper{margin-top: 10px;}
body#main.single .breadcrumb-wrapper .breadcrumb{
    background: transparent;
    margin-bottom: 10px;
}
body#main.single #features_inner_header .integration-intro-row a.integration_btn{
    margin-bottom: 15px!important;
    display: inline-block;
    border: 1px solid #ff6154;
}

body#main.single #features_inner_header .integration-intro-row a.integration_btn:hover{
    background: transparent;
    color: #ff6154;
}
body#main.single .integration-intro-row .integration-extra-fields p{margin-bottom: 3px;}
body#main.single .integration-intro-row .integration-extra-fields p span{font-weight: 500;}
body#main.single .integration-intro-row .title-intro-desc{padding: 0 20px;}
body#main.single .integration-intro-row .title-intro-desc h1{margin-top: 0;}

body#main.single .integration-intro-row .category-pills{margin-bottom: 20px;}
body#main.single .integration-intro-row .category-pills a{
    border: 1px solid #39c6d8;
    border-radius: 13px;
    padding: 0px 15px;
    line-height: 26px;
    height: 26px;
    display: inline-block;
    margin-right: 10px;
    transition: all 300ms ease;
}
body#main.single .integration-intro-row .category-pills a:hover{
    background: #39c6d8;
    color: #fff;
}


body#main.single .integrations-gallery.swiper-container {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}
body#main.single .integrations-gallery .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 300px;
}
body#main.single .integrations-gallery .swiper-slide.enabled-cb:hover {cursor: pointer}


body#main.single .moo-button-prev,
body#main.single .moo-button-next{
    position: absolute;
    top: 50%;
    width: 34px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    color: #3ac4d7;
    font-size: 34px;
}

body#main.single .moo-button-prev.swiper-button-disabled,
body#main.single .moo-button-next.swiper-button-disabled{
    opacity: .7;
    cursor: default;
}

body#main.single .moo-button-prev {
    left: 17px;
    right: auto;
}
body#main.single .moo-button-next {
    right: -3px;
    left: auto;
}
/*
body#main .integrations_gallery .slick-prev{left: -40px;}
body#main .integrations_gallery .slick-next{
    left: initial;
    right: -40px;
}

body#main .integrations_gallery {
    margin-top: 60px;
    box-shadow: inset -6px 3px 8px -6px #eee, inset 6px 6px 7px -6px #f7f7f7;
}

body#main .slick-prev.slick-disabled::before,
body#main .slick-next.slick-disabled::before{opacity: .3}
body#main .slick-prev.slick-disabled::before:hover,
body#main .slick-next.slick-disabled::before:hover{cursor: default;}

body#main .integration_gal_container {
    display: inline-block;
    height: 140px;
    margin-bottom: 30px;
    margin-right: 30px;
    max-width: 180px;
    width: 100%;
}

body#main .integrations_gallery .slick-slide{
    text-align: center;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}
body#main .integrations_gallery .slick-slide img{
    display: inline-block;
    max-width: 80%;
    max-height: 80%;
    transition: all 300ms ease;
}
body#main .integrations_gallery .slick-slide.slick-center img{
    max-width: 100%;
    max-height: 100%;
}
*/

body#main .lg-backdrop {
    background-color: rgba(0, 0, 0, 0.6);
}

body#main .integration_gal {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

body#main .related-recipes-container{}
body#main .related-recipes-container h2{
    font-weight: 300;
    font-family: "Montserrat";
    font-size: 43px;
    text-transform: none;
    color: #384257;
}
body#main .related-recipe-row{
    margin-bottom: 40px;
    display: flex;
    align-items: center;
}
body#main .related-recipe-row img{max-height: 370px}
body#main .related-recipe-description{
    font-size: 16px;
    display: block;
}


/*************************************/
/************** SEARCH ***************/
/*************************************/

body#main .templates_menu, body#main .integrations_menu {
    position: relative;
    top: -80px;
}

body#main .searchform {
    float: left;
    padding: 40px 30px;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 10;
}

body#main .searchform div {
    position: relative;
}

body#main #searchform #searchsubmit {
    border-radius: 0;
    height: 40px;
    width: 40px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    z-index: 4;
}

body#main #searchform span {
    color: #fff;
    font-size: 24px;
    position: absolute;
    right: 9px;
    top: 6px;
    z-index: 2;
}

body#main #searchform input.search_field {
    background-color: transparent;
    border: 1px solid #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 40px;
    padding: 0 8px;
    width: 100%;
}

body#main #searchform ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
}

body#main #searchform ::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}

body#main #searchform :-ms-input-placeholder { /* IE 10+ */
    color: #fff;
}

body#main #searchform :-moz-placeholder { /* Firefox 18- */
    color: #fff;
}

/*****************************************/
/************** PAGINATION ***************/
/*****************************************/

/*body.home ul.pagination {
	margin-top:20px!important;
}*/

ul.pagination li {
    display: inline-block;
    margin-right: 8px;
    color: #3ac4d7 !important;
}

ul.pagination li a {
    display: block;
    border: 1px solid #3ac4d7;
    border-radius: 3px;
    padding-top: 8px;
    text-align: center;
    line-height: 20px;
    font-size:16px!important;
}

ul.pagination li a:hover, ul.pagination li a:focus, ul.pagination li.current a {
    background-color: #3ac4d7!important;
    color: white !important;
    border: 1px solid #3ac4d7!important;
}


/*********************************************************/
/************** AUTOMATIONS BREAKDOWN PAGE ***************/
/*********************************************************/

body#main #features_header.automations_header {
    background-color: #c4edf3;
}

body#main #features_header.automations_header h1 {
    margin-top: 70px;
}

body#main.page-template-automations_feature .feature_white h2, body#main.page-template-automations_feature .feature_grey h2, body#main.page-template-automations_feature .feature_content-text h3 {
    color: #384257;
    font-family: "Montserrat";
    font-size: 38px;
    font-weight: 300;
    text-transform: none;
    padding-bottom: 20px;
}
body#main.page-template-automations_feature .feature_white .feature_text p, body#main.page-template-automations_feature .feature_grey .feature_text p {
    color: #545c6e;
    font-size: 18px;
    font-weight: 300;
}

body#main .col_automation_icon_inner {
    margin-bottom: 30px;
}

body#main .col_automation_icon_inner img {
    margin: auto;
    height: 140px;
}

body#main .feature_white .automation_icon img, body#main .feature_grey .automation_icon img, body#main .feature_dark .automation_icon img {
    margin: 30px auto 50px;
    height: 30px;
}

body#main .automation_content {
    border-bottom: 1px solid #e8e8e8;
    display: block;
    margin-bottom: 30px;
    padding-bottom: 10px;
    width: 100%;
    position: relative;
    float: left;
}

/*body#main .col_automation_content {
    padding-left: 80px;
}*/

body#main .automation_left_icon {
    left: -40px;
    position: absolute;
    top: 0;
}

body#main .automation_title {
    display: inline-block;
    float: left;
    font-family: "Montserrat";
    font-size: 14px;
    width: 30%;
}

body#main .automation_description {
    display: inline-block;
    float: left;
    width: 70%;
}

body#main.page-template-automations_feature .feature_content-text > h3 {
    margin-top: 0;
    padding-top: 40px;
}

body#main .automation_left_icon img {
    max-height: 18px !important;
}

body#main .new_automation_content {
    display: block;
    margin-top: 50px;
    width: 100%;
}

body#main .automation_top_description {
    display: block;
    height: 40px;
    font-size: 14px;
    width: 100%;
    text-align: center;
}

body#main .automation_top_image {
    display: block;
    margin: auto;
    width: 100%;
    margin-bottom: 20px;
}

body#main .automation_top_image img {
    display: block;
    margin: auto;
    width: auto;
}

body#main .row-centered {
    text-align:center;
}

body#main .col-centered2 {
    display:inline-block;
    float:none;
}

body#main .row-centered .col-centered2:first-child .new_automation_content {
    position: relative;
    top: 20px;
}

/********************************************/
/************** FEATURES PAGE ***************/
/********************************************/

body#main #features_header {
    background-color: #f6f6f6;
}

body#main #features_header h1 {
    color: #384257;
    font-size: 38px;
    font-weight: 300;
    font-family: 'Montserrat';
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}
body#main[class*='category-recipes-'] #features_header h1{
    font-size: 24px;
}

body#main #features_header p {
    color: #545C6E;
    font-size: 18px;
    font-weight: 300;
}

body#main #registration .registration_top {
    margin-bottom: 60px;
}

body#main #registration .registration_top h1 ,
body#main #registration .registration_top h3 {
    color: #fff;
    font-size: 43px;
    font-weight: 300;
    font-family: 'Montserrat';
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main #registration .registration_top span.header_register {
    color: #fff;
    font-family: "Montserrat";
    font-size: 43px;
    font-weight: 300;
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
    margin-top: 0;
    padding-bottom: 20px;
    display: block;
    width: 100%;
}

body#main #registration .registration_top span.registration_subtext {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}

body#main #special {
    background-color: #f6f6f6;
    padding: 60px 0;
    text-align: center;
}

body#main #get-support h2,
body#main #special h2 {
    color: #384257;
    font-size: 22px;
    font-weight: 300;
    font-family: 'Montserrat';
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main #get-support h2{padding-bottom: 10px;}


body#main #get-support span.special_text,
body#main #special span.special_text {
    color: #545C6E;
    font-size: 16px;
    display: block;
}

/*body#main #special a.special_btn {
    color: #3AC4D7;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    border-bottom: 2px solid #3AC4D7;
    padding: 4px 16px;
    display: inline-block;
    margin-top: 30px;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main #special a.special_btn:hover {
    color: #384257;
    border-color: #384257;
}*/

body#main #get-support a.btn, body#main #get-support a.btn:focus ,
body#main #special a.btn:not(.blue), body#main #special a.btn:not(.blue):focus {
    background: #3AC4D7 none repeat scroll 0 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    height: 50px;
    padding: 10px 36px 0;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Hind', sans-serif;
    outline: none;
    border: none;
    margin: 20px auto 0;
    display: inline-block;
    width: auto;
}
body#main #special-content .btn.blue:hover,
body#main #special-content .btn.blue:focus,
body#main #special-content .btn.blue:active {
    color: #ffffff;
    box-shadow: none;
    border: 1px solid transparent;
}
.u-container-special {
    display: flex;
}
.u-container-special > div {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.u-container-special > div .btn.blue {
    margin-top: auto;
}
.u-container-special > div .special_text {
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .u-container-special {
        flex-direction: column;
        color: black;
    }
    .u-container-special > div {
        width: 100%;
    }
}
body#main #get-support a.btn, body#main #get-support a.btn:focus{
    margin: 0 auto;
}


body#main #get-support a.btn i ,
body#main #special a.btn i {
    font-size: 20px;
    padding-left: 5px;
    position: relative;
    right: 0;
    top: 3px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main #special a.btn:hover i, body#main #special a.btn:focus i {
    right: -8px;
}

body#main .feature_white h2, body#main .feature_grey h2 {
    color: #FF6154;
    font-size: 22px;
    font-weight: 300;
    margin-top: 10px;
    font-family: 'Montserrat';
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
    text-align: center;
}

body#main .feature_white .feature_text p, body#main .feature_grey .feature_text p {
    font-size: 16px;
    display: block;
    color: #384257;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

body#main .feature_white a.feature_btn, body#main .feature_grey a.feature_btn, body#main #breakdown .contact_col_inner a.feature_btn {
    color: #3AC4D7;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    border-bottom: 2px solid #3AC4D7;
    padding: 4px;
    display: inline-block;
    margin-top: 30px;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main .feature_white a.feature_btn.import_btn {
    margin-top: 10px;
    margin-bottom: 40px;
}

body#main .feature_white a.feature_btn:hover, body#main .feature_grey a.feature_btn:hover, body#main #breakdown .contact_col_inner:hover a.feature_btn {
    color: #384257;
    border-color: #384257;
}

body#main .feature_grey {
    background-color: #f6f6f6;
}

body#main .feature_dark {
    background-color: #384257;
}

body#main .feature_light {
    background-color: #3ac4d7;
}

body#main .highlight {
    min-height: 16vw;
    position: relative;
}

body#main .large_highlight {
    min-height: 22vw;
    position: relative;
}

body#main.page-template-manage .highlight, body#main.page-template-analytics .highlight {
    min-height: 10vw;
}

body#main.page-template-create .highlight, body#main.page-template-new_create .highlight {
    min-height: 320px;
}


body#main.page-template-create #create_tags .highlight {
    min-height: 23vw;
}

body#main .feature_white img, body#main .feature_grey img, body#main .feature_dark img, body#main .feature_light img {
    margin: auto;
    width: auto;
}

body#main .highlight .feature_content-text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

body#main .highlight .feature_content-text.browser_grey {
    background: rgba(0, 0, 0, 0) url("./images/browser-grey.svg") no-repeat scroll 0 0 / contain ;
    width: 100%;
    left: 0;
    position: relative;
    top: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    width: 100%;
}

body#main .highlight .feature_content-text.browser_grey img {
    display: block;
    max-width: 100%;
    padding: 11.6% 2.6% 40px;
    position: relative;
    top: -26px;
    width: 100%;
}


body#main span.play_vid, body#main span.play_vid2, body#main span.play_vid, body#main span.play_vid3 {
    left: 50%;
    position: absolute;
    top: 50%;
    opacity: 1;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: #F18277;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 82px;
    padding-left: 7px;
    color: #fff;
    font-size: 48px;
}

body#main .browser_grey span.play_vid, body#main .browser_grey span.play_vid2, body#main .browser_grey span.play_vid3 {
    top: 50%;
}

body#main .laptop_bg span.play_vid {
    -webkit-transform: translate(-50%, -90%);
    -moz-transform: translate(-50%, -90%);
    transform: translate(-50%, -90%);
}

body#main .smtp_list b {
    min-height: 60px !important;
}

body#main span.play_vid.dark {
    background: #384257;
}

body#main span.play_vid.dark:hover {
    background: #495772;
    color: #fff;
}

body#main span.play_vid:hover, body#main span.play_vid2:hover, body#main span.play_vid3:hover {
    background: #FF6154;
    color: #384257;
}
body#main span.play_vid.clicked, body#main span.play_vid2.clicked, body#main span.play_vid3.clicked {
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main .highlight .feature_content-text.browser_grey span.play_vid {}
body#main .highlight .feature_content-text.laptop_white span.play_vid {}
body#main .highlight .feature_content-text.browser_grey span.play_vid.clicked {}
body#main .highlight .feature_content-text.laptop_white span.play_vid.clicked {}

body#main .highlight .feature_content-text.browser_grey video {
    display: block;
    max-width: 100%;
    padding: 11.6% 2.6% 40px;
    position: relative;
    top: -26px;
    width: 100%;
    cursor: pointer;
}

/*body#main .highlight .feature_content-text.browser_grey video#myvideo2 {
    cursor: pointer;
    display: block;
    max-width: 100%;
    padding: 11.6% 2.6% 40px;
    position: relative;
    top: -26px;
    width: 100%;
}*/

/*body#main .highlight .feature_content-text.laptop_grey video#myvideo3, body#main .highlight .feature_content-text.laptop_grey video#myvideo2 {
    cursor: pointer;
    display: block;
    max-width: 100%;
    padding: 11.6% 12.7% 97px;
    position: relative;
    top: -23px;
    width: 100%;
}*/

body#main .highlight .feature_content-text.laptop_white video {
    cursor: pointer;
    display: block;
    max-width: 100%;
    padding: 12.6%;
    position: relative;
    top: 0px;
    left: 0.07%;
    width: 100%;
}

body#main #features .laptop_bg video {
    cursor: pointer;
    display: block;
    max-width: 100%;
    padding: 14% 2.4% 81px;
    position: relative;
    top: -34px;
    width: 100%;
}

body#main .highlight .feature_content-text.laptop_white {
    background: rgba(0, 0, 0, 0) url("./images/laptop-white-test.png") no-repeat scroll 0 0;
    background-size: 100% auto;
    left: 0;
    position: inherit;
    top: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

body#main .highlight .feature_content-text.laptop_white img {
    display: block;
    max-width: 100%;
    padding: 12.7%;
    position: relative;
    top: -14px;
    width: 100%;
}

body#main .highlight .feature_content-text.laptop_grey {
    background: rgba(0, 0, 0, 0) url("./images/laptop-grey-test.png") no-repeat scroll 0 0;
    background-size: 100% auto;
    left: 0;
    position: inherit;
    top: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

body#main .highlight .feature_content-text.laptop_grey video, body#main .highlight .feature_content-text.laptop_grey img {
    cursor: pointer;
    display: block;
    max-width: 100%;
    padding: 12.6%;
    position: relative;
    top: 0px;
    left: 0.07%;
    width: 100%;
}

body#main .highlight .feature_content-text.laptop_grey iframe {
    cursor: pointer;
    display: block;
    max-width: 100%;
    padding: 12.6%;
    position: relative;
    top: 0px;
    left: 0.07%;
    width: 100%;
    /*height: 86vh;*/
}

body#main .highlight .feature_content-text.laptop_white iframe {
    cursor: pointer;
    display: block;
    max-width: 100%;
    padding: 12.6%;
    position: relative;
    top: 0px;
    left: 0.07%;
    width: 100%;
    /*height: 86vh;*/
}

body#main #create_drag iframe {opacity: 0}

body#main #highlight_drag iframe {opacity: 0}


body#main.page-template-new_create #create_delivery h3 {
    color: #384257;
    text-align: center;
    display: block;
    width: 100%;
    font-family: "Montserrat";
    font-size: 38px;
    font-weight: 300;
    margin-top: 0;
    text-transform: none;
    padding-bottom: 60px;
}

body#main.page-template-new_create #create_tags h3, body#main.page-template-new_create #create_templates h3, body#main.page-template-new_create #create_comparison h3 {
    color: #384257;
    text-align: center;
    display: block;
    width: 100%;
    font-family: "Montserrat";
    font-size: 38px;
    font-weight: 300;
    margin-top: 0;
    text-transform: none;
    padding-bottom: 30px;
    line-height: 1.2;
}

body#main .create_templates_images {
    margin-bottom: 40px;
}

body#main .left_create_img, body#main .right_create_img {
    display: inline-block;
}

body#main .left_create_img {
    margin-right: 30px;
}

body#main .highlight .feature_content-text.browser_grey {
    background: rgba(0, 0, 0, 0) url("./images/browser-grey-test.png") no-repeat scroll 0 0;
    background-size: 100% auto;
    left: 0;
    position: inherit;
    top: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

body#main .highlight .feature_content-text.browser_grey_tall {
    background: rgba(0, 0, 0, 0) url("./images/moosend_create_browser2.png") no-repeat scroll 0 0;
    background-size: 100% auto;
    left: 0;
    position: inherit;
    top: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    width: 100.5%;
    max-width: 100.5%;
    margin: 0 auto;
}

body#main footer .input-group-btn button.disabled {
    cursor: pointer;
    opacity: 1;
}

body#main #ms-sub-form .help-block.with-errors {
    bottom: -40px;
    left: 0;
    position: absolute;
}

body#main #ms-sub-form .help-block.with-errors ul li {
    font-size: 13px;
    color: #e83c33;
}

body#main .highlight .feature_content-text.browser_grey video {
    cursor: pointer;
    display: block;
    max-width: 100%;
    padding: 6.9%;
    position: relative;
    top: 0px;
    left: 0.07%;
    width: 100%;
}

body#main .highlight .feature_content-text.browser_grey img {
    cursor: pointer;
    display: block;
    max-width: 100%;
    padding: 6.9%;
    position: relative;
    top: 0px;
    left: 0.07%;
    width: 100%;
}

body#main .highlight .feature_content-text.browser_grey iframe {
    cursor: pointer;
    display: block;
    max-width: 100%;
    padding: 6.9%;
    position: relative;
    top: 0px;
    left: 0.07%;
    width: 100%;
}

body#main .highlight .feature_content-text.browser_grey_tall img {
    cursor: default;
    display: block;
    max-width: 100%;
    padding: 6.73%;
    position: relative;
    top: 1px;
    left: 0.3%;
    width: 100%;
}

body#main .feature_dark h2 {
    color: #FFFFFF;
    font-size: 38px;
    font-weight: 300;
    font-family: 'Montserrat';
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
    margin-top: 30px;
    display: inline-block;
}

body#main .feature_dark .feature_text p {
    font-size: 18px;
    display: block;
    width: 100%;
    color: #FFFFFF;
}

body#main .feature_dark a.btn, body#main .feature_dark a.btn:focus {
    background: #3AC4D7 none repeat scroll 0 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    height: 50px;
    padding: 10px 36px 0;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Hind', sans-serif;
    outline: none;
    border: none;
    margin: 30px auto 0;
    display: inline-block;
    width: auto;
}

body#main .feature_dark a.btn i {
    font-size: 20px;
    padding-left: 5px;
    position: relative;
    right: 0;
    top: 3px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main .feature_dark a.btn:hover i, body#main .feature_dark a.btn:focus i {
    right: -8px;
}

body#main .feature_grey a.btn.feature_btn_grey, body#main .feature_grey a.btn.feature_btn_grey:focus {
    background: #3AC4D7 none repeat scroll 0 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    height: 50px;
    padding: 10px 36px 0;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Hind', sans-serif;
    outline: none;
    border: none;
    margin: 30px auto 0;
    display: inline-block;
    width: auto;
}

body#main .feature_grey a.btn.feature_btn_grey i {
    font-size: 20px;
    padding-left: 5px;
    position: relative;
    right: 0;
    top: 3px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main .feature_grey a.btn.feature_btn_grey:hover i, body#main .feature_grey a.btn.feature_btn_grey:focus i {
    right: -8px;
}

/*body#main .feature_dark a.btn span {
    background: #2CB6CD none repeat scroll 0 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    height: 50px;
    position: absolute;
    right: -1px;
    top: 0;
    width: 50px;
}*/

body#main #main_features .main_feature_col a.feature_effect {
    display: block;
    height: 100%;
    width: 100%;
    background-color: #F6F6F6;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main .main_feature_row_separator {
    margin-top: 80px;
}

body#main #main_features .main_feature_col:hover a.feature_effect {
    background-color: #C4EDF3;
}

body#main #main_features .main_feature_col a.feature_effect img {
    margin: auto;
}

body#main #main_features a span.map_header {
    font-size: 16px;
    font-weight: 300;
    font-family: 'Montserrat';
    margin-bottom: 30px;
    margin-top: 40px;
    display: block;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main #main_features a:hover span.map_header {
    color: #384257;
}

body#main #main_features .feature_text li, body#main #key_points .feature_content-text li, body#main .contact_col .col_list li {
    padding-left: 28px;
}

body#main #key_points .feature_content-text li, body#main .contact_col .col_list li {
    margin-bottom: 10px;
}

body#main #main_features .feature_text li:before, body#main #key_points .feature_content-text li:before, body#main .contact_col .col_list li:before {
    color: #3ac4d7;
    content: "\f3a6";
    cursor: pointer;
    display: block;
    font-family: "Ionicons";
    font-size: 12px;
    height: 4px;
    left: -28px;
    padding-top: 6px;
    position: relative;
    top: 4px;
    width: 4px;
    z-index: 1;
}

body#main .contact_col.contact_col2 .col_list li:before {
    color: #ff6154;
}

body#main .contact_col.contact_col3 .col_list li:before {
    color: #f1c44c;
}

body#main .contact_col .col_list {
    margin-top: 60px;
    padding: 50px 30px 30px;
    position: relative;
}

body#main .contact_col1 .col_list {
    border: 1px solid #3ac4d7;
}

body#main .contact_col2 .col_list {
    border: 1px solid #ff6154;
}

body#main .contact_col3 .col_list {
    border: 1px solid #f1c44c;
}

body#main .contact_col .col_list span {
    background-color: #fff;
    left: 50%;
    padding: 20px;
    position: absolute;
    top: -32px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

body#main #main_features .feature_text a {
    color: #384257;
    font-size: 18px;
    margin-bottom: 15px;
    display: block;
}

body#main #main_features .feature_text a:hover {
    color: #3AC4D7;
}

body#main #features_nav .features_menu {
    border-bottom: 2px solid #b0e7ef;
    display: table;
    padding-bottom: 19px;
    width: 100%;
}

body#main #features_nav .features_menu > li {
    display: table-cell;
}

body#main #features_nav .features_menu li a {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    color: #384257;
}

body#main #features_nav .features_menu li a:hover, body#main #features_nav .features_menu li.current_feature a {
    color: #3AC4D7;
}

body#main #features_nav .features_menu a span {
    display: block;
    margin-top: 2px;
}

body#main #features_nav img.feature {
    margin: auto;
    display: block;
}

body#main #features_nav .features_menu li a .feature_border {
    background-color: rgba(0,0,0,0);
    border-radius: 5px;
    height: 4px;
    position: relative;
    top: 22px;
    width: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main #features_nav .features_menu li a:hover .feature_border, body#main #features_nav .features_menu li.current_feature a .feature_border {
    background-color: #3ac4d7;
}

body#main #features_nav {
    background-color: #fff;
    display: block;
}

body#main #features_nav.sticky {
    background-color: #f6f6f6;
    left: 0;
    position: fixed;
    top: 73px;
    width: 100%;
    z-index: 200;
    padding: 5px 0 0;
}

body#main #features_nav.sticky img.feature {
    display: none;
}

body#main #manage_members {
    padding-top: 120px;
}

body#main #manage_dedicated {
    padding-bottom: 120px;
}

body#main.page-template-create .feature_dark, body#main.page-template-new_create .feature_dark, body#main.page-template-analytics .feature_dark, body#main.page-template-automate .feature_dark, body#main.page-template-new_automations .feature_dark {
    background-color: #fff;
}

body#main.page-template-create .feature_dark h2, body#main.page-template-create .feature_dark .feature_text p, body#main.page-template-new_create .feature_dark h2, body#main.page-template-new_create .feature_dark .feature_text p, body#main.page-template-analytics .feature_dark h2, body#main.page-template-analytics .feature_dark .feature_text p, body#main.page-template-automate .feature_dark h2, body#main.page-template-automate .feature_dark .feature_text p, body#main.page-template-new_automations .feature_dark h2, body#main.page-template-new_automations .feature_dark .feature_text p {
    color: #384257;
}

body#main.page-template-analytics .feature_dark h3 {
    color: #384257;
    font-size: 28px;
    padding-top: 10px;
    margin-bottom: 40px;
    display: inline-block;
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main.page-template-automate .feature_grey .feature_text b, body#main.page-template-connect .feature_grey .feature_text b {
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 6px;
    margin-top: 8px;
}

body#main.page-template-automate .feature_grey .feature_text span, body#main.page-template-connect .feature_grey .feature_text span {
    font-weight: 300;
    display: inline-block;
    margin-bottom: 10px;
}

body#main.page-template-automate #automate_trigger .feature_content-text.browser_grey, body#main.page-template-new_automate #automate_hero .feature_content-text.browser_grey {
    background-size: 100% 100.6%;
}

body#main.page-template-automate #automate_trigger .feature_content-text.browser_grey video, body#main.page-template-new_automate #automate_hero .feature_content-text.browser_grey video {
    width: 99.8%;
}

/************************************************/
/************** NEW AUTOMATE PAGE ***************/
/************************************************/

body#main h3.dark, body#main h4.dark, body#main h3.dark, body#main h5.dark {
    color: #384257;
    text-align: center;
    display: block;
    width: 100%;
    font-family: "Montserrat";
    font-size: 38px;
    font-weight: 300;
    margin-top: 0;
    text-transform: none;
    padding-bottom: 30px;
}

body#main .automate_integrations, body#main .recommendations {
    margin-top: 80px;
}

body#main .automate_integration_col {
    margin-bottom: 50px;
}

body#main .automate_integration {
    height: 160px;
    margin: auto auto 30px;
    object-fit: contain;
    width: 100%;
    max-width: 280px;
}

body#main .automate_integration_title {
    color: #545c6e;
    font-family: "Montserrat";
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 20px;
    width: 100%;
    display: block;
    /*height: 60px;*/
}

body#main .automate_recommendation_title {
    color: #545c6e;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 40px;
    height: 30px;
    width: 100%;
    display: block;
}

body#main .automate_integration_description {
    display: block;
    /*height: 65px;
    overflow: hidden;
    text-overflow: ellipsis;*/
    width: 100%;
}
body#main.page-template-new_automate .automate_integration_description {min-height: 110px;}

body#main .integration_top {
    align-items: center;
    display: flex;
    padding: 20px 0;
}

body#main .integration_logo {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

body#main .integration_link {
    display: block;
    margin: 30px 0;
    width: 100%;
}


body#main .integration_logo img {
    max-width: 200px;
}
/*body#main .integration_link_content {
    float: right;
}*/

body#main .integration_link_content span {
    display: block;
    text-align: center;
    margin-top: 20px;
    width: 100%;
}

body#main .integration_description {
    background-color: #f6f6f6;
    padding: 0 30px;
}

body#main .integration_title_content {
    display: block;
    margin: 10px 0 20px;
    width: 100%;
}

/*body#main .integration_title_content h1 {
    float: left !important;
    font-size: 30px !important;
}*/

body#main .integration_btn {
    height: 40px !important;
    margin: 0 !important;
}

body#main .hide_desktop {
    display: none !important;
}

body#main #integrations_top.int-top-section {
    background-color: #f6f6f6;
    padding: 40px 0;
    position: absolute;
    top: 130px;
    width: 100%;
    left: 0;
    height: 253px;
    z-index: 105;
    overflow: hidden;
}


body#main #integrations_top.int-top-section.fixed {
    position: fixed;
    top: 73px;
    padding: 15px 0;
    height: 110px;
}

body#main #features_inner_header-content.new-integrations-content {padding-top: 290px;}
/*body#main.fixed-subnav #features_inner_header-content {
    padding-top: 50px;
}*/

body#main.fixed-subnav .int-logo-col{display: none}
body#main.fixed-subnav .int-text-col{}
body#main.fixed-subnav .int-button-col{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

body#main #integrations_top.int-top-section.fixed {}
body#main.single.fixed-subnav  #features_inner_header .integration-intro-row h1{font-size: 20px;}

body#main.single.fixed-subnav .integration_description_text{display: none}
body#main.single.fixed-subnav .integration-extra-fields p.support{display: none;}
body#main.single.fixed-subnav .integration-extra-fields p.requirements{display: none}

body#main.fixed-subnav .integration-intro-row .title-intro-desc{padding: 0}

body#main.fixed-subnav .integration-intro-row .integration-extra-fields p {
    margin-bottom: 0px;
    max-width: 174px;
    text-align: center;
}
body#main.fixed-subnav #features_inner_header .integration-intro-row a.integration_btn {
    margin-bottom: 10px!important;
}


/*body#main .integration_description_text {
    float: left;
}*/
body#main .integration-post-content #get-support{padding-bottom: 50px;}
body#main .integration-post-content .chat.row{padding-top: 10px;}

body#main .integration-post-content .support-articles{margin-bottom: 30px;}
body#main .integration-post-content .support-articles .chat.row{padding-top: 20px;}
body#main .integration-post-content .support-articles ol,
body#main .integration-post-content .support-articles ul{
    padding-left: 15px;
}
body#main .integration-post-content .support-articles li:before {
    color: #3ac4d7;
    content: "\f3a6";
    cursor: pointer;
    display: block;
    font-family: "Ionicons";
    font-size: 12px;
    height: 4px;
    left: -28px;
    padding-top: 6px;
    position: relative;
    top: 4px;
    width: 4px;
    z-index: 1;
}


body#main .integration-post-content .support-articles li{
    /*    list-style-type: decimal;
        color: #394258;
        font-size: 18px;
        line-height: 1.7;
        font-weight: 600;*/
    line-height: 1.5;
}
body#main .integration-post-content .support-articles li a{
    color: #545C6E;
    font-weight: 400;
    font-size: 18px;
}

body#main #get-support h2{
    margin: 0;
    line-height: 52px;
}

body#main .automate_integration_col .coming_soon{
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    text-transform: uppercase;
    color: #545c6e;
    margin-top: 30px;
    display: block;
}

body#main .automate_integration_col.integration_col:nth-child(odd) {
    clear: both;
}

body#main .automate_integration_content {
    padding: 0 10px 0 30px;
    /*min-height: 200px;*/
}
body#main.page-template-new_automate .automate_integration_content {
    min-height: 260px;
}

body#main a.automate_integration_btn {
    color: #3AC4D7;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    border-bottom: 2px solid #3AC4D7;
    padding: 4px;
    display: inline-block;
    margin-top: 15px;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main a.automate_integration_btn.back_btn {
    margin-right: 50px;
    position: relative;
    top: 40px;
}

body#main .attachment-post-thumbnail {
    height: auto;
    max-width: 100%;
    width: auto;
}

body#main .recommendation_btn {
    margin-top: 20px;
}

body#main .automate_recommendation_description {
    display: block;
    margin-top: 50px;
    text-align: center;
    width: 100%;
}

body#main a.automate_integration_btn:hover, body#main a.automate_integration_btn:focus {
    color: #384257;
    border-bottom: 2px solid #384257;
}

body#main .create_tabs a.btn,
body#main #integrate a.btn,
body#main #breakdown a.btn,
body#main .create_tabs a.btn:focus,
body#main #integrate a.btn:focus,
body#main #breakdown a.btn:focus {
    background: #ff6154 none repeat scroll 0 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    height: 50px;
    padding: 10px 36px 0;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Hind', sans-serif;
    outline: none;
    border: none;
    margin: auto;
    display: inline-block;
    width: auto;
}

body#main .create_tabs a.btn i,
body#main #breakdown a.btn i ,
body#main #integrate a.btn i {
    font-size: 20px;
    padding-left: 5px;
    position: relative;
    right: 0;
    top: 3px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main .create_tabs a.btn:hover i,
body#main #breakdown a.btn:hover i,
body#main #integrate a.btn:hover i,
body#main .create_tabs a.btn:focus i,
body#main #breakdown a.btn:focus i,
body#main #integrate a.btn:focus i {
    right: -8px;
}

body#main .automate_recommendation {
    -webkit-box-shadow: 8px 8px 8px rgba(153, 153, 153, 0.3);
    -moz-box-shadow: 8px 8px 8px rgba(153, 153, 153, 0.3);
    box-shadow: 8px 8px 8px rgba(153, 153, 153, 0.3);
    /*display: block;
    height: 400px;
    object-fit: cover;
    object-position: center top;
    width: 100%;*/
    display: block;
    height: auto;
    margin: auto;
}

body#main .statistics_col {
    background-color: #fff;
    margin-bottom: 80px !important;
    margin-top: 30px !important;
    padding: 0;
    -webkit-box-shadow: 5px 2px 12px rgba(153, 153, 153, 0.4);
    -moz-box-shadow: 5px 2px 12px rgba(153, 153, 153, 0.4);
    box-shadow: 5px 2px 12px rgba(153, 153, 153, 0.4);
}

body#main .statistics_row {
    border-bottom: 1px solid #e8e8e8;
    padding: 20px 30px;
}

body#main .statistics_row:last-child {
    border-bottom: 0 solid #e8e8e8;
}

body#main .stats_content {
    display: inline-block;
    margin-top: 15px;
}

body#main .stats_left {

}

body#main .stats_right {
    position: relative;
    top: -10px;
}

body#main .automation_image {
    display: inline-block;
    float: left;
    height: 80px;
    object-fit: cover;
    padding-right: 30px;
    width: 110px !important;
}

body#main .automation_text {
    display: inline-block;
    float: left;
    padding-right: 60px;
    width: 280px;
}

body#main .automate_title, body#main .click_title {
    width: 100%;
    display: block;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 6px;
}

body#main .click_title {
    color: #aaadb6;
}

body#main .automate_description, body#main .click_number {
    width: 100%;
    display: block;
    color: #aaadb6;
    font-size: 16px;
}

body#main .automate_description p {
    color: #aaadb6;
}

body#main .clicks_col {
    float: left;
    padding-right: 60px;
}

body#main .clicks_col:last-child {
    padding-right: 0;
}

body#main #recipes_examples {
    background-color: #384257;
    color: #fff;
}


body#main #recipes_examples #create_tabs {
    background-color: #fff!important;
}

body#main .recipe_example {
    display: none;
    /*min-height: 400px;*/
}

body#main #example_user {
    display: block;
}

body#main .recipes_examples {
    border-top: 1px solid #3ac4d7;
    padding-top: 80px;
    font-size: 18px;
    font-weight: 300;
}

body#main .recipes_examples_menu li a {
    color: #aaadb6;
    font-family: "Montserrat";
    font-size: 14px;
    padding: 15px 20px 10px;
    position: relative;
    top: -10px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

body#main .recipes_examples_menu li.current a {
    border-color: #3ac4d7 #3ac4d7 #384257;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 5px;
    color: #3ac4d7;
    font-family: "Montserrat";
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}


@media only screen and (min-width: 767px) {

    body#main .recipes_examples_menu.create_tabs li {
        width: 33%;
        text-align: center;
    }
}

body#main .recipes_examples_menu.create_tabs li.current a {
    border-color: #3ac4d7 #3ac4d7 #fff;
}

body#main .recipes_examples_menu {
    display: table;
    width: 100%;
}

body#main .recipes_examples_menu li {
    display: table-cell;
}

body#main .create_tabs .button_col {
    margin-top:60px;
}

body#main .create_tabs h3 {
    color: #FF6154;
    font-size: 22px;
    font-weight: 300;
    margin-top: 10px;
    font-family: 'Montserrat';
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
    text-align: center;
}

body#main .white_row {
    background-color: #fff;
    color: #545c6e;
    font-size: 18px;
    font-weight: 300;
    padding: 20px 30px 20px 80px;
    text-align: center;
    margin-bottom: 50px;
    position: relative;
}

body#main .transparent_row {
    padding: 20px;
    position: relative;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    width: 100%;
    display: block;
    float: left;
}

body#main .row_down::after {
    background-color: #fff;
    bottom: -50px;
    content: "";
    display: block;
    height: 50px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 1px;
}

body#main .row_up::before {
    background-color: #fff;
    top: -50px;
    content: "";
    display: block;
    height: 50px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 1px;
}

body#main .img_border {
    width: 100%;
    height: auto;
    position: relative;
    padding: 10px;
    border: 1px solid #fff;
}

body#main.page-template-new_automate #breakdown .contact_col_inner h3 {
    height: auto;
    margin-bottom: 20px;
    margin-top: 20px;
}

body#main .automate_icons_subtitle {
    display: block;
    font-size: 18px;
    font-weight: 300;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

body#main #breakdown .contact_col_inner h3 p {
    color: #3ac4d7;
    display: block;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 300;
    text-align: center;
}

body#main.page-template-new_automate #breakdown .contact_subtext {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}

body#main #breakdown .contact {
    height: 20px;
    margin: auto;
    width: auto;
}

body#main.page-template-new_automate #breakdown #contact_header-content .contact_col_inner {
    background-color: #fff !important;
    cursor: default;
    padding: 50px 30px;
}

body#main .img_border img {
    height: 100%;
    max-height: 400px;
    object-fit: cover;
    object-position: 0 0;
    width: 100%;
}

body#main #breakdown .contact_col_inner h3.triggers_title_new p {
    color: #000;
}

body#main #breakdown .contact_col_inner h3.steps_title_new p {
    color: #FF6154;
}

body#main .clock_img {
    display: block;
    height: 100px;
    margin: 50px auto;
    width: 100px;
}

body#main .red_circle, body#main .yellow_circle, body#main .blue_circle {
    position: relative;
    padding-left: 30px;
}

body#main .yellow_circle::after {
    border: 2px solid #f2c24a;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    content: "";
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px;
}

body#main .yellow_content {
    border-top: 1px solid #f2c24a;
    width: 100%;
    display: block;
    padding-top: 20px;
}

body#main .blue_circle::after {
    border: 2px solid #3ac4d7;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    content: "";
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px;
}

body#main .blue_content {
    border-top: 1px solid #3ac4d7;
    width: 100%;
    display: block;
    padding-top: 20px;
}

body#main .red_circle::after {
    border: 2px solid #ff6154;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    content: "";
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px;
}

body#main .red_content {
    border-top: 1px solid #ff6154;
    width: 100%;
    display: block;
    padding-top: 20px;
}

body#main .first_tab .blue_content {
    margin-top: 200px;
}

body#main .first_tab .red_content {
    margin-top: 80px;
}

body#main .full_row {
    display: block;
    float: left;
    width: 100%;
}

body#main .full_row.no_margin_top {
    margin-top: -50px;
}

body#main .second_tab .margin_top {
    margin-top: 80px;
}

body#main .fourth_tab .margin_top {
    margin-top: 200px;
}

body#main .fourth_tab .red_content {
    margin-top: 80px;
}

body#main .title_row {
    display: block;
    font-family: "Montserrat";
    font-size: 22px;
    margin-bottom: 70px;
    width: 100%;
}

body#main .third_tab .white_row {
    margin-bottom: 20px;
}

body#main .third_tab .yellow_content, body#main .third_tab .blue_content {
    border-top: none;
    padding: 10px 0 10px 20px;
    margin-bottom: 70px;
}

body#main .third_tab .yellow_content {
    border-left: 1px solid #f2c24a;
}

body#main .third_tab .blue_content {
    border-left: 1px solid #3ac4d7;
}

body#main .automate_icon {
    left: 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

body#main .mobile_automate_header {
    color: #3ac4d7;
    display: none;
    font-family: "Montserrat";
    margin: auto auto 60px;
    max-width: 220px;
    text-align: center;
    width: 100%;
}

/****************************************/
/************** ANIMATIONS **************/
/****************************************/

body#main .general_animation {
    opacity: 0;
}

body#main .general_animation.animated {
    opacity: 1;
}

/*********************************************/
/************** CLOCK ANIMATION **************/
/*********************************************/

.clock1 {
    position: relative;
    height: 100px;
    width: 100px;
    background: white url("./images/moosend_automate_clock.svg") no-repeat scroll 0 0;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.clock1 .center {
    height: 4px;
    width: 4px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #ff6154;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.clock1 .hour {
    width: 2px;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.clock1.animated .hour {
    -webkit-animation: time1 3s 2 linear;
    -moz-animation: time1 3s 2 linear;
    animation: time1 3s 2 linear;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s;
}

.clock1 .hour:before {
    background: #ff6154 none repeat scroll 0 0;
    content: "";
    height: 15px;
    position: absolute;
    top: 35px;
    width: 2px;
}

.clock1 .minute {
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.clock1.animated .minute {
    -webkit-animation: time1 0.25s 24 linear;
    -moz-animation: time1 0.25s 24 linear;
    animation: time1 0.25s 24 linear;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s;
}

.clock1 .minute:before {
    background: #ff6154 none repeat scroll 0 0;
    content: "";
    height: 18px;
    position: absolute;
    top: 30px;
    width: 1px;
}

@keyframes time1 {
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.clock2 {
    position: relative;
    height: 100px;
    width: 100px;
    background: white url("./images/moosend_automate_clock.svg") no-repeat scroll 0 0;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.clock2 .center {
    height: 4px;
    width: 4px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #ff6154;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.clock2 .hour {
    width: 2px;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    transform: rotate(40deg);
}

.clock2 .hour:before {
    background: #ff6154 none repeat scroll 0 0;
    content: "";
    height: 15px;
    position: absolute;
    top: 35px;
    width: 2px;
}

.clock2 .minute {
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.clock2.animated .minute {
    -webkit-animation: time2 3s normal linear;
    -moz-animation: time2 3s normal linear;
    animation: time2 3s normal linear;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
}

.clock2 .minute:before {
    background: #ff6154 none repeat scroll 0 0;
    content: "";
    height: 18px;
    position: absolute;
    top: 30px;
    width: 1px;
}

@keyframes time2 {
    to {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

.clock3 {
    position: relative;
    height: 100px;
    width: 100px;
    background: white url("./images/moosend_automate_clock.svg") no-repeat scroll 0 0;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.clock3 .center {
    height: 4px;
    width: 4px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #ff6154;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.clock3 .hour {
    width: 2px;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.clock3.animated .hour {
    -webkit-animation: time3 3s 10 linear;
    -moz-animation: time3 3s 10 linear;
    animation: time3 3s 10 linear;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s;
}

.clock3 .hour:before {
    background: #ff6154 none repeat scroll 0 0;
    content: "";
    height: 15px;
    position: absolute;
    top: 35px;
    width: 2px;
}

.clock3 .minute {
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.clock3.animated .minute {
    -webkit-animation: time3 0.25s 120 linear;
    -moz-animation: time3 0.25s 120 linear;
    animation: time3 0.25s 120 linear;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s;
}

.clock3 .minute:before {
    background: #ff6154 none repeat scroll 0 0;
    content: "";
    height: 18px;
    position: absolute;
    top: 30px;
    width: 1px;
}

@keyframes time3 {
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*********************************************/
/************** TEMPLATES PAGE ***************/
/*********************************************/

body#main .templates_menu .template {
    background-color: #384257;
    color: #fff;
    padding: 40px 30px;
    position: relative;
    top: 0;
    font-size: 18px;
    font-weight: 600;
}

body#main .templates_menu .template .all_cats.current, body#main .templates_menu .template li.current-cat a {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

body#main .templates_menu .template .all_cats {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}

body#main .templates_menu .template li a {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 0;
    width: 100%;
}

body#main .templates_menu .template li:first-child a {
    padding-top: 20px;
}

body#main .templates_menu .template li:last-child a {
    padding-bottom: 0;
}

body#main .template_col {
    position: relative;
    margin-bottom: 180px;
}

body#main .desktop_template {
    -webkit-box-shadow: 8px 8px 8px rgba(153, 153, 153, 0.3);
    -moz-box-shadow: 8px 8px 8px rgba(153, 153, 153, 0.3);
    box-shadow: 8px 8px 8px rgba(153, 153, 153, 0.3);
    float: right;
    height: 400px;
    margin: 15px;
    max-width: 250px;
    overflow-y: hidden;
    position: relative;
    width: auto;
}

body#main .desktop_template_img {
    -webkit-box-shadow: 0 0 10px rgba(153, 153, 153, 0.3);
    -moz-box-shadow: 0 0 10px rgba(153, 153, 153, 0.3);
    box-shadow: 0 0 10px rgba(153, 153, 153, 0.3);
}

body#main .zoom {
    position: absolute;
    right: 5px;
    top: 60px;
    -webkit-box-shadow: 0 0 10px rgba(153, 153, 153, 0.5);
    -moz-box-shadow: 0 0 10px rgba(153, 153, 153, 0.5);
    box-shadow: 0 0 10px rgba(153, 153, 153, 0.5);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

body#main .mobile_template {
    bottom: -80px;
    height: 363px;
    overflow: hidden;
    position: absolute;
    width: 250px;
    z-index: 4;
}

body#main .mobile_span {
    background-color: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 5;
}

body#main .mobile_img {
    height: 357px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 6;
    -webkit-filter: drop-shadow(8px 4px 5px rgba(153, 153, 153, 0.3));
    -moz-filter: drop-shadow(8px 4px 5px rgba(153, 153, 153, 0.3));
    filter: drop-shadow(8px 4px 5px rgba(153, 153, 153, 0.3));
}

body#main .mobile_template_img {
    height: auto;
    left: 0;
    padding: 51px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4;
}

body#main .template_popup {
    background-color: rgba(56, 66, 87, 0.8);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 500;
}

/*body#main #template_1205 {
    display: block;
}*/

body#main .template_popup_content {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40%;
    background-color: #fff;
    padding: 30px;
}

body#main .templates_tabs_menu, body#main .templatepopup_footer {
    width: 100%;
    display: block;
}

body#main .templates_tabs {
    width: 100%;
    display: block;
    height: 60vh;
    overflow-y: auto;
}

body#main .templates_tab_content {
    display: none;
    padding: 30px;
}

body#main .desktop_tab.templates_tab_content {
    display: block;
}

body#main .templates_tab_content img {
    margin: auto;
    -webkit-box-shadow: 8px 8px 8px rgba(153, 153, 153, 0.4);
    -moz-box-shadow: 8px 8px 8px rgba(153, 153, 153, 0.4);
    box-shadow: 8px 8px 8px rgba(153, 153, 153, 0.4);
}

body#main .template_popup_close {
    color: #ff6154;
    font-size: 15px;
    position: absolute;
    right: 30px;
}

body#main .templates_tabs_menu li {
    display: inline-block;
    padding-right: 10px;
}

body#main .templates_tabs_menu li:last-child {
    padding-right: 0;
}

body#main .templates_tabs_menu li a {
    color: #d1d1d1;
}

body#main .templates_tabs_menu li.current a, body#main .templates_tabs_menu li a:hover, body#main .templates_tabs_menu li a:focus {
    color: #384257;
}

body#main .templates_tabs_menu li a.mobile_icon {
    font-size: 20px;
    position: relative;
    top: -2px;
}

body#main .templates_tabs_menu li a.tablet_icon {
    font-size: 26px;
}

body#main .templates_tabs_menu li a.desktop_icon {
    font-size: 26px;
}

body#main .templates_tabs_menu {
    margin-bottom: 10px;
}

body#main .templatepopup_footer {
    margin-top: 30px;
    text-align: center;
}

body#main .templatepopup_footer a {
    background-color: #3ac4d7;
    border: 1px solid #3ac4d7;
    border-radius: 2px;
    color: #fff;
    padding: 10px 20px;
    width: auto;
    margin: auto;
    display: inline-block;
    font-family: 'Montserrat';
}

body#main .templatepopup_footer a:hover, body#main .templatepopup_footer a:focus {
    background-color: #fff;
    border: 1px solid #3ac4d7;
    color: #3ac4d7;
}

body#main .view_text {
    font-family: 'Montserrat';
    font-size: 12px;
    padding-left: 10px;
    position: relative;
    top: -7px;
}

/*****************************************/
/************** ABOUT PAGE ***************/
/*****************************************/

body#main #team h2 {
    color: #384257;
    font-size: 38px;
    font-weight: 300;
    font-family: 'Montserrat';
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}
body#main #features_header .team-intro p{text-align: center;}


body#main #team span.features_subtext {
    color: #545C6E;
    font-size: 18px;
    font-weight: 300;
}

body#main #team img {
    margin-top: 100px;
    margin-bottom: 40px;
    width: 120px;
    height: auto;
}

body#main #team .owner {
    color: #545C6E;
    font-weight: 300;
    font-size: 16px;
    height: 40px;
    font-family: 'Montserrat';
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main #team .owner strong {
    font-family: 'Montserrat';
}

body#main #team .owner em {
    color: #3AC4D7;
    font-style: normal;
    font-family: 'Montserrat';
    padding: 0 4px;
}

body#main #team .quote {
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    margin-top: 20px;
}

body#main #team.main_container {
    padding: 80px 0 100px;
}

body#main #registration.team .button_col {
    text-align: center;
}

body#main #registration.team a.btn, body#main #registration a.btn:focus {
    background: #ff6154 none repeat scroll 0 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    height: 50px;
    padding: 10px 36px 0;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Hind', sans-serif;
    outline: none;
    border: none;
    margin: auto;
    display: inline-block;
    width: auto;
}

body#main #registration.team a.btn i {
    font-size: 20px;
    padding-left: 5px;
    position: relative;
    right: 0;
    top: 3px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main #registration.team a.btn:hover i, body#main #registration.team a.btn:focus i {
    right: -8px;
}

/*body#main #registration.team a.btn span {
    background: #ff4f43 none repeat scroll 0 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    height: 50px;
    position: absolute;
    right: -1px;
    top: 0;
    width: 50px;
}*/

/************************************/
/************** BLAZY ***************/
/************************************/

.b-lazy {
    -webkit-transition: opacity 1000ms ease-in-out;
    -moz-transition: opacity 1000ms ease-in-out;
    -o-transition: opacity 1000ms ease-in-out;
    transition: opacity 1000ms ease-in-out;
    max-width: 100%;
    opacity: 0;
    background-image: none !important;
}

.b-lazy.b-loaded {
    opacity: 1;
}


/***************************************************/
/********************  TABLES **********************/
/***************************************************/

body#main:not(.page-template-pricing) .feature_content-text table,
body#main .tve_content_inner table{
    width: 100%;
    border-bottom: 0;
    margin-bottom: 40px;
    border-left: 1px solid #ddd;
    padding: 0!important;
}

body#main:not(.page-template-pricing) .feature_content-text table>tbody>tr>td,
body#main:not(.page-template-pricing) .feature_content-text table>tbody>tr>th,
body#main:not(.page-template-pricing) .feature_content-text table>thead>tr>td,
body#main:not(.page-template-pricing) .feature_content-text table>thead>tr>th,
body#main .tve_content_inner table>tbody>tr>td,
body#main .tve_content_inner table>tbody>tr>th,
body#main .tve_content_inner table>thead>tr>td,
body#main .tve_content_inner table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

body#main:not(.page-template-pricing) .feature_content-text table>tbody>tr:nth-of-type(odd),
body#main .tve_content_inner table>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
body#main:not(.page-template-pricing) .feature_content-text table>tbody>tr:last-child,
body#main .tve_content_inner table>tbody>tr:last-child {
    border-bottom: 1px solid #ddd;
}


/***************************************************/
/************** THRIVE REGISTRATION ****************/
/***************************************************/

body#main #empty {
    background: rgba(0, 0, 0, 0) url("./images/landing-background.png") no-repeat scroll 0 0 / cover ;
}

body#main #registration.thrive_registration {
    background-color: rgba(255, 255, 255, 0.5);
    display: block;
    float: left;
    padding: 30px 15px;
    width: 100%;
}

body#main #registration.thrive_registration .form-control {
    background-color: transparent;
    border: 1px solid #384257;
    color: #384257;
}

body#main #registration.thrive_registration .registration_top span.header_register {
    color: #384257;
    line-height: 1.2;
    font-size: 30px;
}

body#main #registration.thrive_registration .registration_top span.registration_subtext {
    color: #384257;
}

body#main #registration.thrive_registration .form-control::-webkit-input-placeholder {
    color: #384257;
    font-weight: 300;
    opacity: 1;
}

body#main #registration.thrive_registration .form-control:-moz-placeholder { /* Firefox 18- */
    color: #384257;
    font-weight: 300;
    opacity: 1;
}

body#main #registration.thrive_registration .form-control::-moz-placeholder {  /* Firefox 19+ */
    color: #384257;
    font-weight: 300;
    opacity: 1;
}

body#main #registration.thrive_registration .form-control:-ms-input-placeholder {
    color: #384257;
    font-weight: 300;
    opacity: 1;
}

body#main #registration.thrive_registration .form-group {
    margin-bottom: 20px;
}

body#main #registration.thrive_registration .error_front {
    bottom: 0;
    height: auto;
    left: 0;
    position: relative;
}

body#main #registration.thrive_registration button {
    float: none;
    width: 100%;
}

/****************************************/
/************** AGENCIES ****************/
/****************************************/

body#main .agency_image_content {
    background-color: #f6f6f6;
    padding: 60px 0;
    text-align: center;
}

body#main .agency_col:nth-child(4) {
    clear: left;
}

body#main .agencies_content {
    margin: 40px 0;
}

body#main.page-template-agencies #features_header {
    background-color: #d8f3f7;
    min-height: 450px;
    padding: 0;
    display: flex;
    align-items: center;
}

body#main .blue_text {
    color: #3ac4d7;
    font-family: "Montserrat";
    font-size: 120px;
    text-transform: uppercase;
    line-height: 120px;
    padding-left: 5vw;
}

body#main .red_text {
    color: #ff6154;
    font-family: "Montserrat";
    font-size: 120px;
    text-transform: uppercase;
    line-height: 120px;
    padding-left: 5vw;
}

body#main .dark_text {
    color: #384257;
    font-family: "Montserrat";
    font-size: 120px;
    text-transform: uppercase;
    line-height: 120px;
    padding-left: 5vw;
}

body#main .agency_slider_left {
    padding: 0 3vw;
}

body#main .agency_slider_image_content {
    display: block;
    height: 100%;
    width: 100%;
}

body#main .agency_slider_image_content img {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}

body#main .agency_slider_title {
    display: block;
    font-family: "Montserrat";
    font-size: 38px;
    width: 100%;
}

body#main .agency_slider_subtitle {
    display: block;
    font-family: "Montserrat";
    font-size: 18px;
    margin-bottom: 30px;
    width: 100%;
}

body#main .agency_slider_row {
    align-items: center;
    display: flex;
}

body#main.page-template-agencies .slick-dots li button::before {
    background-color: transparent;
    border: 2px solid #384257;
    border-radius: 100%;
    color: black;
    content: "";
    font-family: "slick";
    font-size: 6px;
    height: 15px;
    left: 0;
    line-height: 20px;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: 15px;
}

body#main.page-template-agencies .slick-dots li.slick-active button::before {
    background-color: #384257;
    opacity: 1;
}

body#main.page-template-agencies .slick-dots {
    bottom: -50px;
    left: 290px;
    position: absolute;
    width: auto;
}

body#main.page-template-agencies span.map_header {
    display: block;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 30px;
    color: #3ac4d7;
    margin-top: 40px;
    text-transform: uppercase;
}

body#main .slick-prev, body#main .slick-next {
    top: 46%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 50px;
}

body#main .slick-next {
    left: 635px;
}

body#main .slick-prev::before, body#main .slick-next::before {
    color: #3ac4d7;
    font-family: "Ionicons";
    font-size: 54px;
    font-weight: 300;
    line-height: 54px;
    opacity: 1;
}

body#main .hidden-md-up {
    display: none;
}

body#main.page-template-agencies {
    overflow-x: hidden;
}

body#main #agencies_slider .slick-prev,
body#main #agencies_slider .slick-next {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-transition: opacity 300ms ease-out;
    -o-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out;
}
body#main #agencies_slider .slick-prev:hover,
body#main #agencies_slider .slick-next:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
body#main #agencies_slider .slick-next {
    -webkit-animation: animationSlickNext ease-in-out 1.5s;
    -o-animation: animationSlickNext ease-in-out 1.5s;
    animation: animationSlickNext ease-in-out 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
@keyframes animationSlickNext {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(10px, 0px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}
@-moz-keyframes animationSlickNext {
    0% {
        -moz-transform: translate(0px, 0px);
    }
    50% {
        -moz-transform: translate(10px, 0px);
    }
    100% {
        -moz-transform: translate(0px, 0px);
    }
}
@-webkit-keyframes animationSlickNext {
    0% {
        -webkit-transform: translate(0px, 0px);
    }
    50% {
        -webkit-transform: translate(10px, 0px);
    }
    100% {
        -webkit-transform: translate(0px, 0px);
    }
}
@-ms-keyframes animationSlickNext {
    0% {
        -ms-transform: translate(0px, 0px);
    }
    50% {
        -ms-transform: translate(10px, 0px);
    }
    100% {
        -ms-transform: translate(0px, 0px);
    }
}
body#main #agencies_slider .slick-prev {
    -webkit-animation: animationSlickPrev ease-in-out 1.5s;
    -o-animation: animationSlickPrev ease-in-out 1.5s;
    animation: animationSlickPrev ease-in-out 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
@keyframes animationSlickPrev {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(-10px, 0px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}
@-moz-keyframes animationSlickPrev {
    0% {
        -moz-transform: translate(0px, 0px);
    }
    50% {
        -moz-transform: translate(-10px, 0px);
    }
    100% {
        -moz-transform: translate(0px, 0px);
    }
}
@-webkit-keyframes animationSlickPrev {
    0% {
        -webkit-transform: translate(0px, 0px);
    }
    50% {
        -webkit-transform: translate(-10px, 0px);
    }
    100% {
        -webkit-transform: translate(0px, 0px);
    }
}
@-ms-keyframes animationSlickPrev {
    0% {
        -ms-transform: translate(0px, 0px);
    }
    50% {
        -ms-transform: translate(-10px, 0px);
    }
    100% {
        -ms-transform: translate(0px, 0px);
    }
}

/********************************************/
/************** CONTACT PAGE ****************/
/********************************************/

body#main #contact_header {
    background-color: #f6f6f6;
}

body#main #contact_header h1, body#main #contact_form h1, body#main #breakdown h2 {
    color: #384257;
    font-size: 38px;
    font-weight: 300;
    font-family: 'Montserrat';
    margin-bottom: 20px;
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main #breakdown h2 {
    padding-bottom: 20px;
    margin-top: 0;
}

body#main .contact_subtext p {
    color: #545c6e;
    font-size: 18px;
    font-weight: 300;
}

body#main .contact_subtext {
    margin-bottom: 60px;
    display: inline-block;
    width: 100%;
}

body#main #contact_header .contact_col_inner h2, body#main #breakdown .contact_col_inner h3 {
    color: #3AC4D7;
    display: block;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
    margin-top: 60px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main #breakdown .contact_col_inner h3 {
    height: 45px;
}

body#main #contact_header.main_container{padding: 50px 0;}
body#main #contact_form.main_container{padding: 30px 0 80px;}

body#main #contact_form h3 {
    padding-left: 15px;
    display: block;
    font-family: 'Montserrat';
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 30px;
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main #contact_form .contact_icons {
    padding-top: 80px;
}

body#main #contact_form .info_icon_col {
    width: 100%;
    display: block;
    margin-bottom: 25px;
}

body#main #contact_form .contact_text li {
    padding-left: 78px;
}

/*body#main #contact_form .contact_text li:before {
    color: #3ac4d7;
    content: "\f3a6";
    cursor: pointer;
    display: block;
    font-family: "Ionicons";
    font-size: 12px;
    height: 4px;
    left: -28px;
    padding-top: 6px;
    position: relative;
    top: 4px;
    width: 4px;
    z-index: 1;
}*/

body#main #contact_form .contact_text li a {
    color: #3AC4D7;
    font-size: 17px;
    margin-bottom: 6px;
    display: block;
    font-weight: 200;
}

body#main #contact_form .contact_text li a:hover {
    color: #384257;
}

body#main #contact_form .contact_text .contact_info {
    font-size: 16px;
    display: block;
    width: 100%;
    margin-top: 10px;
    padding-left: 78px;
    font-weight: 200;
    line-height: 24px;
}

body#main #contact_form .contact_text a .bordered, body#main #contact_form .contact_text a.bordered {
    font-weight: 500;
    color: #3AC4D7;
    font-size: 16px;
    border-bottom: 2px solid #3AC4D7;
    margin-bottom: 10px;
    display: inline-block;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main #contact_form .contact_text a:hover .bordered, body#main #contact_form .contact_text a.bordered:hover {
    color: #384257;
    border-bottom: 2px solid #384257;
}

body#main #contact_form .contact_text b.bold {
    color: #3AC4D7;
    font-size: 16px;
    margin-bottom: 5px;
    display: inline-block;
    font-family: "Montserrat";
    font-weight: 300;
}

body#main #contact_form .info_icon_col .contact {
    float: left;
    margin-right: 30px;
    margin-top: 7px;
}

body#main #contact_header .contact_col_inner:hover h2, body#main #breakdown .contact_col_inner:hover h3 {
    color: #384257;
}

body#main #contact_header .contact_col_inner .contact_txt {
    font-size: 16px;
    min-height: 70px;
    color: #384257;
}

body#main #contact_header .contact_info {
    color: #384257;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

body#main #contact_header .contact_info em {
    color: #384257;
    display: block;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    padding-left: 44px;
}

body#main #contact_header .contact_info i {
    color: #3ac4d7;
    font-size: 40px;
    padding-right: 14px;
    position: relative;
    top: 10px;
}

body#main #contact_header .contact_location i {
    font-size: 45px;
    left: -9px;
    padding-right: 7px;
    top: 26px;
}

body#main #contact_header .contact_phone {
    margin-top: 10px;
}

body#main #contact_header-content .contact_col_inner {
    background-color: #fff;
    cursor: pointer;
    padding: 80px 30px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main #breakdown #contact_header-content .contact_col_inner {
    background-color: #f6f6f6;
}

body#main #contact_header-content .contact_col_inner:hover, body#main #breakdown #contact_header-content .contact_col_inner:hover {
    background-color: #C4EDF3;
}

body#main #contact_header-content .contact_col_inner .contact_icon img {
    height: 180px;
    margin: auto;
}

form.wpcf7-form #Send {
    background: #ff6154 none repeat scroll 0 0;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -ms-border-radius: 2px 0 0 2px;
    -o-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    color: #fff;
    height: 50px;
    /*padding: 4px 0 0 36px;*/
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Hind', sans-serif;
    outline: none;
    border: none;
    margin: auto;
    display: inline-block;
    width: auto;
    min-width: 160px;
    padding: 4px 0 0 0;
}

form.wpcf7-form #Send ~ span.icon i {
    font-size: 20px;
    padding-left: 5px;
    position: relative;
    right: 0;
    top: 14px;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

form.wpcf7-form #Send:hover ~ span.icon i,
form.wpcf7-form #Send:focus ~ span.icon i,
form.wpcf7-form #Send ~ span.icon:hover i {
    right: -8px;
}

form.wpcf7-form #Send ~ span.icon {
    background: #ff6154 none repeat scroll 0 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    height: 50px;
    position: absolute;
    top: 0;
    width: 50px;
    cursor: pointer;
}

form.wpcf7-form .form-group {
    backface-visibility: hidden;
    display: block;
    height: 100%;
    margin-bottom: 10px;
    min-height: 50px;
    position: relative;
    width: 100%;
}

form.wpcf7-form textarea {
    height: 160px !important;
}

.wpcf7-form-control-wrap {
    backface-visibility: hidden;
    display: block;
    height: 100%;
    margin-bottom: 25px;
    min-height: 50px;
    position: relative;
    width: 100%;
}

form.wpcf7-form .form-control {
    background-color: rgba(0,0,0,0);
    background-image: none;
    border: 1px solid #384257;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #384257;
    display: block;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Hind', sans-serif;
    height: 50px;
    line-height: 1.42857;
    padding: 6px 12px 6px 16px;
    position: relative;
    width: 100%;
    z-index: 1;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

form.wpcf7-form textarea.form-control {
    padding: 12px 12px 6px 16px;
}

form.wpcf7-form .form-control:focus {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #3AC4D7;
    border: 1px solid #3AC4D7;
}

form.wpcf7-form .form-control.wpcf7-not-valid,
form.wpcf7-form .form-group .form-control.wpcf7-not-valid {
    border-color: #e83c33;
}

div.wpcf7-validation-errors {
    display: none !important;
}

form.wpcf7-form .form-control ~ .required {
    line-height: 40px;
    height: 40px;
    position: absolute;
    z-index: 0;
    right: 17px;
    top: 9px;
    color: #384257;
    display: block;
    font-size: 22px;
    font-weight: 400;
    font-family: 'Hind', sans-serif;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

form.wpcf7-form .form-control:focus ~ .required {
    color: #3ac4d7;
}

form.wpcf7-form .form-control.wpcf7-not-valid ~ .required,
form.wpcf7-form .form-group .form-control.wpcf7-not-valid  ~ .required {
    color: #e83c33;
}

form.wpcf7-form .form-control.wpcf7-not-valid ~ .required {
    color: #e83c33;
}

form.wpcf7-form .form-control.has-value ~ .placeholder,
form.wpcf7-form .form-control:focus ~ .placeholder {
    font-size: 14px;
    top: -30px;
    left: 0;
}

form.wpcf7-form .form-control:focus ~ .placeholder {
    opacity: 1;
}

form.wpcf7-form .form-group .placeholder {
    line-height: 40px;
    height: 40px;
    position: absolute;
    z-index: 0;
    left: 17px;
    top: 5px;
    color: #384257;
    display: block;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Hind', sans-serif;
    -webkit-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
    -moz-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
    -ms-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
    -o-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
    transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
}

form.wpcf7-form span.wpcf7-not-valid-tip {
    color: #e83c33;
    display: block;
    width: 100%;
}

form.wpcf7-form div.wpcf7-mail-sent-ok {
    border: 0px solid #398f14;
    text-align: center;
    color: #384257;
    display: block;
    font-family: "Montserrat";
    font-size: 22px;
    font-weight: 300;
}

div.wpcf7 img.ajax-loader {
    border: medium none;
    left: 130px;
    margin-left: 4px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
}

/*******************************************/
/************** DEFAULT PAGE ***************/
/*******************************************/

/*body#main.page-template-default footer {
    bottom: 0;
    position: absolute;
}*/

body#main.page-template-default.home footer {
    position: inherit;
}

body#main.page-template-default .main-content {
    min-height: 26.8vw;
}

/***************************************/
/************** 404 PAGE ***************/
/***************************************/

body#main.error404 header, body#main.error404 footer {
    display: none;
}

body#main.error404 .main-content {
    height: 100%;
    padding-top: 0;
}

body#main.error404 .error {
    margin: auto;
    width: 100%;
}

body#main.error404 h1 {
    color: #384257;
    font-family: "Montserrat";
    font-size: 38px;
    font-weight: 300;
    text-transform: none;
    margin-top: 80px;
    margin-bottom: 10px;
}

body#main.error404 span.pricing_subtext {
    color: #545C6E;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 30px;
    display: block;
}

body#main.error404 span.back a {
    background-color: #3ac4d7;
    border: 1px solid #3ac4d7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    color: #fff;
    padding: 10px 20px;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 300;
    margin-right: 30px;
    border-radius: 30px;
}

body#main.error404 span.back a:hover {
    background-color: #fff;
    color: #3ac4d7;
}

body#main.error404 a.live {
    color: #3AC4D7;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    border-bottom: 2px solid #3AC4D7;
    padding: 4px;
    display: inline-block;
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main.error404 a.live:hover {
    color: #384257;
    border-color: #384257;
}

body#main.error404 #error_page {
    left: 50%;
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*********************************************/
/************** CUSTOMERS PAGE ***************/
/*********************************************/

body#main #customers_header {
    background-color: #f6f6f6;
    overflow: hidden;
    position: relative;
    height: 40vw;
}

body#main #customers_case {
    background: #f6f6f6 none repeat scroll 0 0;
}

body#main .customers_header_column {
    height: auto;
    left: 30.3vw;
    position: absolute;
    top: 3vw;
    width: 39.5vw;
}

body#main #customers_header .building {
    position: absolute;
}

body#main #customers_header .building.building1 {
    left: 0.3vw;
    top: 28.2vw;
    width: 6vw;
}

body#main #customers_header .building.building2 {
    left: 7vw;
    top: 21vw;
    width: 9vw;
}

body#main #customers_header .building.building3 {
    left: 17vw;
    top: 17vw;
    width: 11vw;
}

body#main #customers_header .building.building4 {
    right: 14vw;
    top: 12vw;
    width: 13vw;
}

body#main #customers_header .building.building5 {
    right: 1vw;
    top: 13vw;
    width: 11vw;
}

body#main .customers_img {
    width: 100%;
}

body#main #customers_header #tabs-container {
    left: 50%;
    position: absolute;
    top: 9.6%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 80%;
    z-index: 9;
}

body#main #customers_header h2 {
    color: #fff;
    font-family: "Montserrat";
    font-size: 1.5vw;
    font-weight: 300;
    left: 50%;
    position: absolute;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    text-transform: uppercase;
    top: -9vw;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    max-width: 60%;
}

body#main #customers_header .quote {
    color: #545c6e;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    font-family: 'Hind', sans-serif;
    margin-bottom: 30px;
}

body#main #customers_header .owner {
    color: #545C6E;
    font-weight: 300;
    font-size: 15px;
    font-family: 'Montserrat';
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main #customers_header .owner strong {
    font-family: 'Montserrat';
}

body#main #customers_header .owner em {
    color: #3AC4D7;
    font-style: normal;
    font-family: 'Montserrat';
    padding: 0 4px;
}

body#main #customers_testimonials {
    background-color: #384257;
}

body#main #customers_testimonials h2 {
    color: #3ac4d7;
    font-family: "Montserrat";
    font-size: 22px;
    font-weight: 300;
    padding-bottom: 10px;
    font-family: 'Montserrat';
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main #customers_testimonials .quote {
    color: #fff;
    font-family: "Hind",sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 10px;
}

body#main #customers_testimonials .owner {
    color: #fff;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 80px;
    margin-top: 20px;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main #customers_testimonials .owner strong {
    color: #fff;
    font-family: "Montserrat";
}

body#main #customers_testimonials .owner em {
    color: #3AC4D7;
    font-style: normal;
    font-family: 'Montserrat';
    padding: 0 4px;
}

body#main #customers_case h2, body#main #customers_brands h1 {
    color: #384257;
    font-size: 38px;
    font-weight: 300;
    font-family: 'Montserrat';
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main #customers_case span.customers_case_subtext, body#main #customers_brands span.customers_brands_subtext {
    color: #545C6E;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 60px;
    display: block;
}

body#main #customers_case .case_study {
    margin-bottom: 60px;
}

body#main #customers_case .case_study .customer_content_summary {
    color: #384257;
    display: block;
    font-size: 16px;
    font-weight: 400;
}

body#main a.case_btn {
    color: #3AC4D7;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    border-bottom: 2px solid #3AC4D7;
    padding: 4px;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 60px;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main a.case_btn:hover {
    color: #384257;
    border-color: #384257;
}

body#main #customers_case .case_study img {
    margin: auto;
}

body#main #customers_case .case_study a.case_study_text {
    text-align: center;
    width: 100%;
    display: block;
    font-size: 20px;
    font-weight: 300;
    font-family: 'Montserrat';
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: left;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main #customers_case .case_study a.case_study_text:hover, body#main #customers_case .case_study:hover a.case_study_text {
    color: #384257;
}

body#main #customers_brands .brand {
    margin-bottom: 100px;
    height: 6vw;
    position: relative;
}

body#main #customers_brands .brand .customer_content-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

body#main #customers_brands .brand a {
    display: block;
    text-align: center;
}
body#main #customers_brands .brand img {
    display: inline;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    cursor: default;
}

body#main #customers_brands .brand img:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}

body#main #customers_testimonials h3 {
    font-weight: 300;
    color: #fff;
    font-family: "Montserrat";
    font-size: 38px;
    line-height: 50px;
    margin-bottom: 60px;
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main #customers_header img.testimonial {
    margin: auto auto 30px;
    width: 8vw;
}

body#main #customers_header .tab-content {
    width: 100%;
    display: none;
}

body#main #customers_header #tab-1 {
    display: block;
}

body#main #customers_header .tabs-menu {
    left: 50%;
    position: absolute;
    top: 32vw;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
}

body#main #customers_header .tabs-menu li {
    display: inline-block;
    padding-right: 10px;
}

body#main #customers_header .tabs-menu li img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main #customers_header .tabs-menu li.current img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}

body#main #customers_header .tabs-menu li:last-child {
    padding-right: 0;
}

body#main #customers_testimonials img {
    margin-top: 20px;
}

/*******************************************/
/************** THANK YOU PAGE ***************/
/*******************************************/

body#main.page-template-thankyou #register-content.contains_thankyou{
    min-height: 690px
}

body#main.page-template-thankyou #thankyou {
    min-height: 36vw;
    position: relative;
    top: 60px;
    width: 100%;
    display: block;
    background: rgba(0, 0, 0, 0) url("./images/envelope.svg") no-repeat scroll 50% bottom / contain ;
}

body#main.page-template-thankyou #thankyou-content {
    position: relative;;
    text-align: center;
}

body#main.page-template-thankyou #menu-footer_policies.menu {
    position: relative;
    top: -8px;
}

body#main.page-template-thankyou .thankyou_inner {
    left: 50%;
    position: absolute;
    top: 17%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 32vw;
}

body#main.page-template-thankyou #thankyou-content h1 {
    font-family: "Montserrat";
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 20px;
    color: #3AC4D7;
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main.page-template-thankyou #thankyou-content .thankyou_text {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 30px;
    width: 100%;
}

body#main.page-template-thankyou #thankyou-content h2 {
    font-family: "Montserrat";
    font-size: 22px;
    font-weight: 300;
    color: #384257;
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main.page-template-thankyou .thankyou_border {
    border-radius: 100%;
    bottom: 7px;
    left: 0;
    box-shadow: 0 10px 3px rgba(0, 0, 0, 0.5);
    display: block;
    height: 2px;
    position: absolute;
    width: 100%;
}

body#main.page-template-thankyou #thankyou-content #thankyou img {
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 80;
}

body#main.page-template-thankyou #register {
    background-color: #fff;
    width: 100%;
    padding: 0;
    /*min-height: 41vw;*/
    position: relative;
}

/*******************************************/
/************** ERRORS STYLE ***************/
/*******************************************/

body#main #registration .error_front {
    bottom: -25px;
    color: #e83c33;
    display: block;
    font-size: 13px;
    height: 20px;
    left: 15px;
    position: absolute;
    width: auto;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main #registration .form-control.has-error {
    border-color: #e83c33;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

body#main #register .error_front {
    color: #e83c33;
    font-size: 13px;
    opacity: 0;
    width: 100%;
    float: left;
    height: auto;
    padding: 5px 0;
    line-height: 16px;
    margin-bottom: 22px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main #register .pass_info {
    color: #39c3d6;
    font-size: 13px;
    opacity: 1;
    width: 100%;
    float: left;
    position: absolute;
    top: 52px;
    left: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main #register .form-control.has-error {
    border-color: #e83c33;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

body#main.page-template-registration #register a.btn#btn_to_second {
    margin-top: 12px;
}

/*************************************/
/************** IE CSS ***************/
/*************************************/

@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, body#main #slider .slider_content video.top {
        top: 1vw;
    }
    *::-ms-backdrop, body#main #features .laptop_bg video {
        top: 2vw;
    }
    *::-ms-backdrop, body#main .laptop_bg span.play_vid {
        transform: translate(-50%, -50%)
    }
    *::-ms-backdrop, body#main.page-template-registration .main-content {
        overflow-x: hidden;
    }
}

/**************************************************/
/************** INTEGRATIONS & APPS ***************/
/**************************************************/

body#main.category-recipes .main_container {
    padding: 20px 0 80px;
}

body#main #menu-integrations, body#main #menu-recipes {
    background-color: #384257;
    display: block;
    margin-bottom: 60px;
    position: relative;
    top: -80px;
    padding: 40px 30px;
}
body#main.category-recipes .integrations_menu {top: -20px;}


body#main #menu-integrations li, body#main #menu-recipes li {
    color: #384257;
    display: block;
    font-size: 18px;
}

body#main #menu-integrations li a,body#main #menu-recipes li a {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 0;
    width: 100%;
}

body#main .integrations_buttons {
    margin-bottom: 60px;
}

/*body#main #menu-integrations li a:hover, body#main #menu-recipes li a:hover {
    color: #3ac4d7;
}*/

body#main #menu-integrations li:last-child a, body#main #menu-recipes li:last-child a {
    margin-bottom: 0;
}

body#main #menu-integrations li.current-menu-item a, body#main #menu-integrations li.current-menu-item a:hover, body#main #menu-recipes li.current-menu-item a, body#main #menu-recipes li.current-menu-item a:hover {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

body#main #integrations a .integration_title {
    font-family: "Montserrat";
    color: #545c6e;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 15px;
    display: block;
    width: 100%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

/*body#main #integrations .integration_image {
    width: 100%;
    padding: 30px;
    display: block;
}

body#main #integrations .recipe_image {
    display: block;
    margin-bottom: 30px;
    padding: 0;
    width: 100%;
}

body#main #integrations .integration_image img {
    height: auto;
    margin: auto;
    width: auto;
}

body#main #integrations .integration_image img.recipe_img {
    height: auto;
    margin: auto;
    width: auto;
}*/

body#main .automate_integration.recipe_img {
    height: auto;
    margin-bottom: 0;
    object-fit: contain;
    width: 100%;
    max-width: none;
}

body#main #integrations a:hover .integration_title {
    color: #3ac4d7;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main #integrations .integration_content a {
    display: block;
}

body#main #integrations .integration_content {
    display: block;
    margin-bottom: 50px;
    width: 100%;
}

body#main #integrations .all_integrations {
    font-size: 18px;
}

/************************************************************/
/************** RECIPES AND INTEGRATIONS MENU ***************/
/************************************************************/

body#main .integrations_menu .categories {
    background-color: #384257;
    color: #fff;
    padding: 40px 30px;
    position: relative;
    top: 0;
    font-size: 18px;
    font-weight: 600;
}

body#main .integrations_menu .categories .all_cats.current, body#main .integrations_menu .categories li.current-cat a {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

body#main .integrations_menu .categories .all_cats {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}

body#main .integrations_menu .categories li a {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 0;
    width: 100%;
}

body#main .integrations_menu .categories li:first-child a {
    padding-top: 20px;
}

body#main .integrations_menu .categories li:last-child a {
    padding-bottom: 0;
}

/**********************************************/
/************** CLOCK ANIMATION ***************/
/**********************************************/

.clock {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: url("./images/clock_plain.svg") no-repeat center;
    background-size: 88%;
    position: absolute;
    width: 7vw;
    height: 100%;
    max-height: 7vw;
    display: block;
    right: 2vw;
    top: 3vw;
}

.clock.show {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 2.5s 0.5s cubic-bezier(0.12, 1.03, 0.34, 1);
    -moz-transition: all 2.5s 0.5s cubic-bezier(0.12, 1.03, 0.34, 1);
    transition: all 2.5s 0.5s cubic-bezier(0.12, 1.03, 0.34, 1);
}

.clock::after {
    background: #119AB6;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 5%;
    height: 5%;
    z-index: 10;
}

.minutes-container, .hours-container, .seconds-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.hours-container {
    -webkit-animation: rotate 43200s infinite linear;
    -moz-animation: rotate 43200s infinite linear;
    animation: rotate 43200s infinite linear;
}

.linear .minutes-container {
    -webkit-animation: rotate 3600s infinite linear;
    -moz-animation: rotate 3600s infinite linear;
    animation: rotate 3600s infinite linear;
}
.linear .seconds-container {
    -webkit-animation: rotate 60s infinite linear;
    -moz-animation: rotate 60s infinite linear;
    animation: rotate 60s infinite linear;
}

.steps .minutes-container {
    -webkit-animation: rotate 3600s infinite steps(60);
    -moz-animation: rotate 3600s infinite steps(60);
    animation: rotate 3600s infinite steps(60);
}
.steps .seconds-container {
    -webkit-animation: rotate 60s infinite steps(60);
    -moz-animation: rotate 60s infinite steps(60);
    animation: rotate 60s infinite steps(60);
}

.local.steps .minutes-container {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}

.bounce .minutes-container {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 2.08, 0.55, 0.44);
    transition: -webkit-transform 0.3s cubic-bezier(0.4, 2.08, 0.55, 0.44);
    transition: transform 0.3s cubic-bezier(0.4, 2.08, 0.55, 0.44);
    transition: transform 0.3s cubic-bezier(0.4, 2.08, 0.55, 0.44), -webkit-transform 0.3s cubic-bezier(0.4, 2.08, 0.55, 0.44);
}
.bounce .seconds-container {
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 2.08, 0.55, 0.44);
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 2.08, 0.55, 0.44);
    transition: transform 0.2s cubic-bezier(0.4, 2.08, 0.55, 0.44);
    transition: transform 0.2s cubic-bezier(0.4, 2.08, 0.55, 0.44), -webkit-transform 0.2s cubic-bezier(0.4, 2.08, 0.55, 0.44);
}

.hours {
    background: #119AB6;
    width: 3.5%;
    height: 40%;
    position: absolute;
    left: 48.25%;
    top: 22%;
    -webkit-transform-origin: 50% 71%;
    -moz-transform-origin: 50% 71%;
    transform-origin: 50% 71%;
}

.minutes {
    background: #119AB6;
    width: 3.5%;
    height: 55%;
    position: absolute;
    left: 48.25%;
    top: 7%;
    -webkit-transform-origin: 50% 78.5%;
    -moz-transform-origin: 50% 78.5%;
    transform-origin: 50% 78.5%;
}

.seconds {
    background: #119AB6;
    width: 1.5%;
    height: 42%;
    position: absolute;
    left: 49.25%;
    top: 20%;
    -webkit-transform-origin: 50% 71%;
    -moz-transform-origin: 50% 71%;
    transform-origin: 50% 71%;
    z-index: 8;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

.clock.simple {
    background: url("./images/clock_plain.svg") no-repeat center;
    background-size: 88%;
}

.clock.simple:after {
    background-color: #119AB6;
    width: 5%;
    height: 5%;
}

.clock.simple .seconds {
    background-color: #119AB6;
    height: 45%;
    left: 49.5%;
    top: 14%;
    width: 1%;
    -webkit-transform-origin: 50% 80%;
    -moz-transform-origin: 50% 80%;
    transform-origin: 50% 80%;
}

.clock.simple .minutes {
    width: 2%;
    height: 40%;
    left: 49%;
    top: 10%;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.clock.simple .hours {
    width: 2.5%;
    height: 20%;
    left: 48.75%;
    top: 30%;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.hours.angled {
    -webkit-transform: rotateZ(-40deg);
    -moz-transform: rotateZ(-40deg);
    transform: rotateZ(-40deg);
}

.minutes.angled {
    -webkit-transform: rotateZ(40deg);
    -moz-transform: rotateZ(40deg);
    transform: rotateZ(40deg);
}

/********************************************************/
/************** RADIAL PROGRESS ANIMATION ***************/
/********************************************************/

.radial-progress {
    margin: auto;
    width: 350px;
    height: 350px;
    background-color: #fff;
    border-radius: 50%;
}
.radial-progress .circle .mask,
.radial-progress .circle .fill,
.radial-progress .circle .shadow {
    width: 350px;
    height: 350px;
    position: absolute;
    border-radius: 50%;
}
.radial-progress .circle .shadow {
    box-shadow: 0 0 1px #374156 inset;
}
.radial-progress .circle .mask,
.radial-progress .circle .fill {
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform 1s;
    transition: -ms-transform 1s;
    transition: transform 1s;
    border-radius: 50%;
}
.radial-progress .circle .mask {
    clip: rect(0px, 350px, 350px, 175px);
}
.radial-progress .circle .mask .fill {
    clip: rect(0px, 175px, 350px, 0px);
    background-color: #39C3D6;
}
.radial-progress .inset {
    background-color: #fafafa;
    border-radius: 50%;
    box-shadow: 0 0 1px #374156 inset;
    height: 300px;
    margin-left: 25px;
    margin-top: 25px;
    position: absolute;
    width: 300px;
    z-index: 1;
}
.radial-progress .inset .percentage {
    display: none;
    height: 54px;
    left: 50%;
    line-height: 1;
    overflow: hidden;
    position: absolute;
    top: 70%;
    transform: translate(-50%, -70%);
    width: 174px;
}
.radial-progress .inset .percentage .numbers {
    margin-top: -225px;
    transition: width 1s;
}
.radial-progress .inset .percentage .numbers span {
    color: #39c3d6;
    display: inline-block;
    font-family: "Montserrat";
    font-size: 34px;
    font-weight: 800;
    margin-right: 0vw;
    text-align: center;
    vertical-align: top;
    width: 174px;
    margin-top: 35px;
}
.radial-progress .step_label {
    color: #39c3d6;
    font-family: "Montserrat";
    font-size: 53px;
    font-weight: 300;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -40%);
    width: 100%;
    line-height: 55px;
}
.radial-progress .step_label em {
    font-family: "Montserrat";
    font-size: 35px;
    font-style: normal;
    font-weight: 200;
}
.radial-progress .inset .percentage .numbers span em {
    font-family: "Montserrat";
    font-size: 30px;
    font-style: normal;
    font-weight: 200;
    padding-left: 2px;
}
.radial-progress[data-progress="0"] .circle .mask.full,
.radial-progress[data-progress="0"] .circle .fill {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.radial-progress[data-progress="0"] .circle .fill.fix {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.radial-progress[data-progress="0"] .inset .percentage .numbers {
    width: 57px;
}
.radial-progress[data-progress="1"] .circle .mask.full,
.radial-progress[data-progress="1"] .circle .fill {
    -webkit-transform: rotate(1.8deg);
    -ms-transform: rotate(1.8deg);
    transform: rotate(1.8deg);
}
.radial-progress[data-progress="1"] .circle .fill.fix {
    -webkit-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    transform: rotate(3.6deg);
}
.radial-progress[data-progress="1"] .inset .percentage .numbers {
    width: 114px;
}
.radial-progress[data-progress="2"] .circle .mask.full,
.radial-progress[data-progress="2"] .circle .fill {
    -webkit-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    transform: rotate(3.6deg);
}
.radial-progress[data-progress="2"] .circle .fill.fix {
    -webkit-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    transform: rotate(7.2deg);
}
.radial-progress[data-progress="2"] .inset .percentage .numbers {
    width: 171px;
}
.radial-progress[data-progress="3"] .circle .mask.full,
.radial-progress[data-progress="3"] .circle .fill {
    -webkit-transform: rotate(5.4deg);
    -ms-transform: rotate(5.4deg);
    transform: rotate(5.4deg);
}
.radial-progress[data-progress="3"] .circle .fill.fix {
    -webkit-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    transform: rotate(10.8deg);
}
.radial-progress[data-progress="3"] .inset .percentage .numbers {
    width: 228px;
}
.radial-progress[data-progress="4"] .circle .mask.full,
.radial-progress[data-progress="4"] .circle .fill {
    -webkit-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    transform: rotate(7.2deg);
}
.radial-progress[data-progress="4"] .circle .fill.fix {
    -webkit-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    transform: rotate(14.4deg);
}
.radial-progress[data-progress="4"] .inset .percentage .numbers {
    width: 285px;
}
.radial-progress[data-progress="5"] .circle .mask.full,
.radial-progress[data-progress="5"] .circle .fill {
    -webkit-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    transform: rotate(9deg);
}
.radial-progress[data-progress="5"] .circle .fill.fix {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
}
.radial-progress[data-progress="5"] .inset .percentage .numbers {
    width: 342px;
}
.radial-progress[data-progress="6"] .circle .mask.full,
.radial-progress[data-progress="6"] .circle .fill {
    -webkit-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    transform: rotate(10.8deg);
}
.radial-progress[data-progress="6"] .circle .fill.fix {
    -webkit-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    transform: rotate(21.6deg);
}
.radial-progress[data-progress="6"] .inset .percentage .numbers {
    width: 399px;
}
.radial-progress[data-progress="7"] .circle .mask.full,
.radial-progress[data-progress="7"] .circle .fill {
    -webkit-transform: rotate(12.6deg);
    -ms-transform: rotate(12.6deg);
    transform: rotate(12.6deg);
}
.radial-progress[data-progress="7"] .circle .fill.fix {
    -webkit-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    transform: rotate(25.2deg);
}
.radial-progress[data-progress="7"] .inset .percentage .numbers {
    width: 456px;
}
.radial-progress[data-progress="8"] .circle .mask.full,
.radial-progress[data-progress="8"] .circle .fill {
    -webkit-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    transform: rotate(14.4deg);
}
.radial-progress[data-progress="8"] .circle .fill.fix {
    -webkit-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    transform: rotate(28.8deg);
}
.radial-progress[data-progress="8"] .inset .percentage .numbers {
    width: 513px;
}
.radial-progress[data-progress="9"] .circle .mask.full,
.radial-progress[data-progress="9"] .circle .fill {
    -webkit-transform: rotate(16.2deg);
    -ms-transform: rotate(16.2deg);
    transform: rotate(16.2deg);
}
.radial-progress[data-progress="9"] .circle .fill.fix {
    -webkit-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    transform: rotate(32.4deg);
}
.radial-progress[data-progress="9"] .inset .percentage .numbers {
    width: 570px;
}
.radial-progress[data-progress="10"] .circle .mask.full,
.radial-progress[data-progress="10"] .circle .fill {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
}
.radial-progress[data-progress="10"] .circle .fill.fix {
    -webkit-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg);
}
.radial-progress[data-progress="10"] .inset .percentage .numbers {
    width: 627px;
}
.radial-progress[data-progress="11"] .circle .mask.full,
.radial-progress[data-progress="11"] .circle .fill {
    -webkit-transform: rotate(19.8deg);
    -ms-transform: rotate(19.8deg);
    transform: rotate(19.8deg);
}
.radial-progress[data-progress="11"] .circle .fill.fix {
    -webkit-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    transform: rotate(39.6deg);
}
.radial-progress[data-progress="11"] .inset .percentage .numbers {
    width: 684px;
}
.radial-progress[data-progress="12"] .circle .mask.full,
.radial-progress[data-progress="12"] .circle .fill {
    -webkit-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    transform: rotate(21.6deg);
}
.radial-progress[data-progress="12"] .circle .fill.fix {
    -webkit-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    transform: rotate(43.2deg);
}
.radial-progress[data-progress="12"] .inset .percentage .numbers {
    width: 741px;
}
.radial-progress[data-progress="13"] .circle .mask.full,
.radial-progress[data-progress="13"] .circle .fill {
    -webkit-transform: rotate(23.4deg);
    -ms-transform: rotate(23.4deg);
    transform: rotate(23.4deg);
}
.radial-progress[data-progress="13"] .circle .fill.fix {
    -webkit-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    transform: rotate(46.8deg);
}
.radial-progress[data-progress="13"] .inset .percentage .numbers {
    width: 798px;
}
.radial-progress[data-progress="14"] .circle .mask.full,
.radial-progress[data-progress="14"] .circle .fill {
    -webkit-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    transform: rotate(25.2deg);
}
.radial-progress[data-progress="14"] .circle .fill.fix {
    -webkit-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    transform: rotate(50.4deg);
}
.radial-progress[data-progress="14"] .inset .percentage .numbers {
    width: 855px;
}
.radial-progress[data-progress="15"] .circle .mask.full,
.radial-progress[data-progress="15"] .circle .fill {
    -webkit-transform: rotate(27deg);
    -ms-transform: rotate(27deg);
    transform: rotate(27deg);
}
.radial-progress[data-progress="15"] .circle .fill.fix {
    -webkit-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    transform: rotate(54deg);
}
.radial-progress[data-progress="15"] .inset .percentage .numbers {
    width: 912px;
}
.radial-progress[data-progress="16"] .circle .mask.full,
.radial-progress[data-progress="16"] .circle .fill {
    -webkit-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    transform: rotate(28.8deg);
}
.radial-progress[data-progress="16"] .circle .fill.fix {
    -webkit-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    transform: rotate(57.6deg);
}
.radial-progress[data-progress="16"] .inset .percentage .numbers {
    width: 969px;
}
.radial-progress[data-progress="17"] .circle .mask.full,
.radial-progress[data-progress="17"] .circle .fill {
    -webkit-transform: rotate(30.6deg);
    -ms-transform: rotate(30.6deg);
    transform: rotate(30.6deg);
}
.radial-progress[data-progress="17"] .circle .fill.fix {
    -webkit-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    transform: rotate(61.2deg);
}
.radial-progress[data-progress="17"] .inset .percentage .numbers {
    width: 1026px;
}
.radial-progress[data-progress="18"] .circle .mask.full,
.radial-progress[data-progress="18"] .circle .fill {
    -webkit-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    transform: rotate(32.4deg);
}
.radial-progress[data-progress="18"] .circle .fill.fix {
    -webkit-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    transform: rotate(64.8deg);
}
.radial-progress[data-progress="18"] .inset .percentage .numbers {
    width: 1083px;
}
.radial-progress[data-progress="19"] .circle .mask.full,
.radial-progress[data-progress="19"] .circle .fill {
    -webkit-transform: rotate(34.2deg);
    -ms-transform: rotate(34.2deg);
    transform: rotate(34.2deg);
}
.radial-progress[data-progress="19"] .circle .fill.fix {
    -webkit-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    transform: rotate(68.4deg);
}
.radial-progress[data-progress="19"] .inset .percentage .numbers {
    width: 1140px;
}
.radial-progress[data-progress="20"] .circle .mask.full,
.radial-progress[data-progress="20"] .circle .fill {
    -webkit-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg);
}
.radial-progress[data-progress="20"] .circle .fill.fix {
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    transform: rotate(72deg);
}
.radial-progress[data-progress="20"] .inset .percentage .numbers {
    width: 1197px;
}
.radial-progress[data-progress="21"] .circle .mask.full,
.radial-progress[data-progress="21"] .circle .fill {
    -webkit-transform: rotate(37.8deg);
    -ms-transform: rotate(37.8deg);
    transform: rotate(37.8deg);
}
.radial-progress[data-progress="21"] .circle .fill.fix {
    -webkit-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    transform: rotate(75.6deg);
}
.radial-progress[data-progress="21"] .inset .percentage .numbers {
    width: 1254px;
}
.radial-progress[data-progress="22"] .circle .mask.full,
.radial-progress[data-progress="22"] .circle .fill {
    -webkit-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    transform: rotate(39.6deg);
}
.radial-progress[data-progress="22"] .circle .fill.fix {
    -webkit-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    transform: rotate(79.2deg);
}
.radial-progress[data-progress="22"] .inset .percentage .numbers {
    width: 1311px;
}
.radial-progress[data-progress="23"] .circle .mask.full,
.radial-progress[data-progress="23"] .circle .fill {
    -webkit-transform: rotate(41.4deg);
    -ms-transform: rotate(41.4deg);
    transform: rotate(41.4deg);
}
.radial-progress[data-progress="23"] .circle .fill.fix {
    -webkit-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    transform: rotate(82.8deg);
}
.radial-progress[data-progress="23"] .inset .percentage .numbers {
    width: 1368px;
}
.radial-progress[data-progress="24"] .circle .mask.full,
.radial-progress[data-progress="24"] .circle .fill {
    -webkit-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    transform: rotate(43.2deg);
}
.radial-progress[data-progress="24"] .circle .fill.fix {
    -webkit-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    transform: rotate(86.4deg);
}
.radial-progress[data-progress="24"] .inset .percentage .numbers {
    width: 1425px;
}
.radial-progress[data-progress="25"] .circle .mask.full,
.radial-progress[data-progress="25"] .circle .fill {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.radial-progress[data-progress="25"] .circle .fill.fix {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.radial-progress[data-progress="25"] .inset .percentage .numbers {
    width: 1482px;
}
.radial-progress[data-progress="26"] .circle .mask.full,
.radial-progress[data-progress="26"] .circle .fill {
    -webkit-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    transform: rotate(46.8deg);
}
.radial-progress[data-progress="26"] .circle .fill.fix {
    -webkit-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    transform: rotate(93.6deg);
}
.radial-progress[data-progress="26"] .inset .percentage .numbers {
    width: 1539px;
}
.radial-progress[data-progress="27"] .circle .mask.full,
.radial-progress[data-progress="27"] .circle .fill {
    -webkit-transform: rotate(48.6deg);
    -ms-transform: rotate(48.6deg);
    transform: rotate(48.6deg);
}
.radial-progress[data-progress="27"] .circle .fill.fix {
    -webkit-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    transform: rotate(97.2deg);
}
.radial-progress[data-progress="27"] .inset .percentage .numbers {
    width: 1596px;
}
.radial-progress[data-progress="28"] .circle .mask.full,
.radial-progress[data-progress="28"] .circle .fill {
    -webkit-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    transform: rotate(50.4deg);
}
.radial-progress[data-progress="28"] .circle .fill.fix {
    -webkit-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    transform: rotate(100.8deg);
}
.radial-progress[data-progress="28"] .inset .percentage .numbers {
    width: 1653px;
}
.radial-progress[data-progress="29"] .circle .mask.full,
.radial-progress[data-progress="29"] .circle .fill {
    -webkit-transform: rotate(52.2deg);
    -ms-transform: rotate(52.2deg);
    transform: rotate(52.2deg);
}
.radial-progress[data-progress="29"] .circle .fill.fix {
    -webkit-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    transform: rotate(104.4deg);
}
.radial-progress[data-progress="29"] .inset .percentage .numbers {
    width: 1710px;
}
.radial-progress[data-progress="30"] .circle .mask.full,
.radial-progress[data-progress="30"] .circle .fill {
    -webkit-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    transform: rotate(54deg);
}
.radial-progress[data-progress="30"] .circle .fill.fix {
    -webkit-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    transform: rotate(108deg);
}
.radial-progress[data-progress="30"] .inset .percentage .numbers {
    width: 1767px;
}
.radial-progress[data-progress="31"] .circle .mask.full,
.radial-progress[data-progress="31"] .circle .fill {
    -webkit-transform: rotate(55.8deg);
    -ms-transform: rotate(55.8deg);
    transform: rotate(55.8deg);
}
.radial-progress[data-progress="31"] .circle .fill.fix {
    -webkit-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    transform: rotate(111.6deg);
}
.radial-progress[data-progress="31"] .inset .percentage .numbers {
    width: 1824px;
}
.radial-progress[data-progress="32"] .circle .mask.full,
.radial-progress[data-progress="32"] .circle .fill {
    -webkit-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    transform: rotate(57.6deg);
}
.radial-progress[data-progress="32"] .circle .fill.fix {
    -webkit-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    transform: rotate(115.2deg);
}
.radial-progress[data-progress="32"] .inset .percentage .numbers {
    width: 1881px;
}
.radial-progress[data-progress="33"] .circle .mask.full,
.radial-progress[data-progress="33"] .circle .fill {
    -webkit-transform: rotate(59.4deg);
    -ms-transform: rotate(59.4deg);
    transform: rotate(59.4deg);
}
.radial-progress[data-progress="33"] .circle .fill.fix {
    -webkit-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    transform: rotate(118.8deg);
}
.radial-progress[data-progress="33"] .inset .percentage .numbers {
    width: 1938px;
}
.radial-progress[data-progress="34"] .circle .mask.full,
.radial-progress[data-progress="34"] .circle .fill {
    -webkit-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    transform: rotate(61.2deg);
}
.radial-progress[data-progress="34"] .circle .fill.fix {
    -webkit-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    transform: rotate(122.4deg);
}
.radial-progress[data-progress="34"] .inset .percentage .numbers {
    width: 1995px;
}
.radial-progress[data-progress="35"] .circle .mask.full,
.radial-progress[data-progress="35"] .circle .fill {
    -webkit-transform: rotate(63deg);
    -ms-transform: rotate(63deg);
    transform: rotate(63deg);
}
.radial-progress[data-progress="35"] .circle .fill.fix {
    -webkit-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    transform: rotate(126deg);
}
.radial-progress[data-progress="35"] .inset .percentage .numbers {
    width: 2052px;
}
.radial-progress[data-progress="36"] .circle .mask.full,
.radial-progress[data-progress="36"] .circle .fill {
    -webkit-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    transform: rotate(64.8deg);
}
.radial-progress[data-progress="36"] .circle .fill.fix {
    -webkit-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    transform: rotate(129.6deg);
}
.radial-progress[data-progress="36"] .inset .percentage .numbers {
    width: 2109px;
}
.radial-progress[data-progress="37"] .circle .mask.full,
.radial-progress[data-progress="37"] .circle .fill {
    -webkit-transform: rotate(66.6deg);
    -ms-transform: rotate(66.6deg);
    transform: rotate(66.6deg);
}
.radial-progress[data-progress="37"] .circle .fill.fix {
    -webkit-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    transform: rotate(133.2deg);
}
.radial-progress[data-progress="37"] .inset .percentage .numbers {
    width: 2166px;
}
.radial-progress[data-progress="38"] .circle .mask.full,
.radial-progress[data-progress="38"] .circle .fill {
    -webkit-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    transform: rotate(68.4deg);
}
.radial-progress[data-progress="38"] .circle .fill.fix {
    -webkit-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    transform: rotate(136.8deg);
}
.radial-progress[data-progress="38"] .inset .percentage .numbers {
    width: 2223px;
}
.radial-progress[data-progress="39"] .circle .mask.full,
.radial-progress[data-progress="39"] .circle .fill {
    -webkit-transform: rotate(70.2deg);
    -ms-transform: rotate(70.2deg);
    transform: rotate(70.2deg);
}
.radial-progress[data-progress="39"] .circle .fill.fix {
    -webkit-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    transform: rotate(140.4deg);
}
.radial-progress[data-progress="39"] .inset .percentage .numbers {
    width: 2280px;
}
.radial-progress[data-progress="40"] .circle .mask.full,
.radial-progress[data-progress="40"] .circle .fill {
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    transform: rotate(72deg);
}
.radial-progress[data-progress="40"] .circle .fill.fix {
    -webkit-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    transform: rotate(144deg);
}
.radial-progress[data-progress="40"] .inset .percentage .numbers {
    width: 2337px;
}
.radial-progress[data-progress="41"] .circle .mask.full,
.radial-progress[data-progress="41"] .circle .fill {
    -webkit-transform: rotate(73.8deg);
    -ms-transform: rotate(73.8deg);
    transform: rotate(73.8deg);
}
.radial-progress[data-progress="41"] .circle .fill.fix {
    -webkit-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    transform: rotate(147.6deg);
}
.radial-progress[data-progress="41"] .inset .percentage .numbers {
    width: 2394px;
}
.radial-progress[data-progress="42"] .circle .mask.full,
.radial-progress[data-progress="42"] .circle .fill {
    -webkit-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    transform: rotate(75.6deg);
}
.radial-progress[data-progress="42"] .circle .fill.fix {
    -webkit-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    transform: rotate(151.2deg);
}
.radial-progress[data-progress="42"] .inset .percentage .numbers {
    width: 2451px;
}
.radial-progress[data-progress="43"] .circle .mask.full,
.radial-progress[data-progress="43"] .circle .fill {
    -webkit-transform: rotate(77.4deg);
    -ms-transform: rotate(77.4deg);
    transform: rotate(77.4deg);
}
.radial-progress[data-progress="43"] .circle .fill.fix {
    -webkit-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    transform: rotate(154.8deg);
}
.radial-progress[data-progress="43"] .inset .percentage .numbers {
    width: 2508px;
}
.radial-progress[data-progress="44"] .circle .mask.full,
.radial-progress[data-progress="44"] .circle .fill {
    -webkit-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    transform: rotate(79.2deg);
}
.radial-progress[data-progress="44"] .circle .fill.fix {
    -webkit-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    transform: rotate(158.4deg);
}
.radial-progress[data-progress="44"] .inset .percentage .numbers {
    width: 2565px;
}
.radial-progress[data-progress="45"] .circle .mask.full,
.radial-progress[data-progress="45"] .circle .fill {
    -webkit-transform: rotate(81deg);
    -ms-transform: rotate(81deg);
    transform: rotate(81deg);
}
.radial-progress[data-progress="45"] .circle .fill.fix {
    -webkit-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    transform: rotate(162deg);
}
.radial-progress[data-progress="45"] .inset .percentage .numbers {
    width: 2622px;
}
.radial-progress[data-progress="46"] .circle .mask.full,
.radial-progress[data-progress="46"] .circle .fill {
    -webkit-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    transform: rotate(82.8deg);
}
.radial-progress[data-progress="46"] .circle .fill.fix {
    -webkit-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    transform: rotate(165.6deg);
}
.radial-progress[data-progress="46"] .inset .percentage .numbers {
    width: 2679px;
}
.radial-progress[data-progress="47"] .circle .mask.full,
.radial-progress[data-progress="47"] .circle .fill {
    -webkit-transform: rotate(84.6deg);
    -ms-transform: rotate(84.6deg);
    transform: rotate(84.6deg);
}
.radial-progress[data-progress="47"] .circle .fill.fix {
    -webkit-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    transform: rotate(169.2deg);
}
.radial-progress[data-progress="47"] .inset .percentage .numbers {
    width: 2736px;
}
.radial-progress[data-progress="48"] .circle .mask.full,
.radial-progress[data-progress="48"] .circle .fill {
    -webkit-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    transform: rotate(86.4deg);
}
.radial-progress[data-progress="48"] .circle .fill.fix {
    -webkit-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    transform: rotate(172.8deg);
}
.radial-progress[data-progress="48"] .inset .percentage .numbers {
    width: 2793px;
}
.radial-progress[data-progress="49"] .circle .mask.full,
.radial-progress[data-progress="49"] .circle .fill {
    -webkit-transform: rotate(88.2deg);
    -ms-transform: rotate(88.2deg);
    transform: rotate(88.2deg);
}
.radial-progress[data-progress="49"] .circle .fill.fix {
    -webkit-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    transform: rotate(176.4deg);
}
.radial-progress[data-progress="49"] .inset .percentage .numbers {
    width: 2850px;
}
.radial-progress[data-progress="50"] .circle .mask.full,
.radial-progress[data-progress="50"] .circle .fill {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.radial-progress[data-progress="50"] .circle .fill.fix {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.radial-progress[data-progress="50"] .inset .percentage .numbers {
    width: 2907px;
}
.radial-progress[data-progress="51"] .circle .mask.full,
.radial-progress[data-progress="51"] .circle .fill {
    -webkit-transform: rotate(91.8deg);
    -ms-transform: rotate(91.8deg);
    transform: rotate(91.8deg);
}
.radial-progress[data-progress="51"] .circle .fill.fix {
    -webkit-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    transform: rotate(183.6deg);
}
.radial-progress[data-progress="51"] .inset .percentage .numbers {
    width: 2964px;
}
.radial-progress[data-progress="52"] .circle .mask.full,
.radial-progress[data-progress="52"] .circle .fill {
    -webkit-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    transform: rotate(93.6deg);
}
.radial-progress[data-progress="52"] .circle .fill.fix {
    -webkit-transform: rotate(187.2deg);
    -ms-transform: rotate(187.2deg);
    transform: rotate(187.2deg);
}
.radial-progress[data-progress="52"] .inset .percentage .numbers {
    width: 3021px;
}
.radial-progress[data-progress="53"] .circle .mask.full,
.radial-progress[data-progress="53"] .circle .fill {
    -webkit-transform: rotate(95.4deg);
    -ms-transform: rotate(95.4deg);
    transform: rotate(95.4deg);
}
.radial-progress[data-progress="53"] .circle .fill.fix {
    -webkit-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    transform: rotate(190.8deg);
}
.radial-progress[data-progress="53"] .inset .percentage .numbers {
    width: 3078px;
}
.radial-progress[data-progress="54"] .circle .mask.full,
.radial-progress[data-progress="54"] .circle .fill {
    -webkit-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    transform: rotate(97.2deg);
}
.radial-progress[data-progress="54"] .circle .fill.fix {
    -webkit-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    transform: rotate(194.4deg);
}
.radial-progress[data-progress="54"] .inset .percentage .numbers {
    width: 3135px;
}
.radial-progress[data-progress="55"] .circle .mask.full,
.radial-progress[data-progress="55"] .circle .fill {
    -webkit-transform: rotate(99deg);
    -ms-transform: rotate(99deg);
    transform: rotate(99deg);
}
.radial-progress[data-progress="55"] .circle .fill.fix {
    -webkit-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    transform: rotate(198deg);
}
.radial-progress[data-progress="55"] .inset .percentage .numbers {
    width: 3192px;
}
.radial-progress[data-progress="56"] .circle .mask.full,
.radial-progress[data-progress="56"] .circle .fill {
    -webkit-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    transform: rotate(100.8deg);
}
.radial-progress[data-progress="56"] .circle .fill.fix {
    -webkit-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    transform: rotate(201.6deg);
}
.radial-progress[data-progress="56"] .inset .percentage .numbers {
    width: 3249px;
}
.radial-progress[data-progress="57"] .circle .mask.full,
.radial-progress[data-progress="57"] .circle .fill {
    -webkit-transform: rotate(102.6deg);
    -ms-transform: rotate(102.6deg);
    transform: rotate(102.6deg);
}
.radial-progress[data-progress="57"] .circle .fill.fix {
    -webkit-transform: rotate(205.2deg);
    -ms-transform: rotate(205.2deg);
    transform: rotate(205.2deg);
}
.radial-progress[data-progress="57"] .inset .percentage .numbers {
    width: 3306px;
}
.radial-progress[data-progress="58"] .circle .mask.full,
.radial-progress[data-progress="58"] .circle .fill {
    -webkit-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    transform: rotate(104.4deg);
}
.radial-progress[data-progress="58"] .circle .fill.fix {
    -webkit-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    transform: rotate(208.8deg);
}
.radial-progress[data-progress="58"] .inset .percentage .numbers {
    width: 3363px;
}
.radial-progress[data-progress="59"] .circle .mask.full,
.radial-progress[data-progress="59"] .circle .fill {
    -webkit-transform: rotate(106.2deg);
    -ms-transform: rotate(106.2deg);
    transform: rotate(106.2deg);
}
.radial-progress[data-progress="59"] .circle .fill.fix {
    -webkit-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    transform: rotate(212.4deg);
}
.radial-progress[data-progress="59"] .inset .percentage .numbers {
    width: 3420px;
}
.radial-progress[data-progress="60"] .circle .mask.full,
.radial-progress[data-progress="60"] .circle .fill {
    -webkit-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    transform: rotate(108deg);
}
.radial-progress[data-progress="60"] .circle .fill.fix {
    -webkit-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    transform: rotate(216deg);
}
.radial-progress[data-progress="60"] .inset .percentage .numbers {
    width: 3477px;
}
.radial-progress[data-progress="61"] .circle .mask.full,
.radial-progress[data-progress="61"] .circle .fill {
    -webkit-transform: rotate(109.8deg);
    -ms-transform: rotate(109.8deg);
    transform: rotate(109.8deg);
}
.radial-progress[data-progress="61"] .circle .fill.fix {
    -webkit-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    transform: rotate(219.6deg);
}
.radial-progress[data-progress="61"] .inset .percentage .numbers {
    width: 3534px;
}
.radial-progress[data-progress="62"] .circle .mask.full,
.radial-progress[data-progress="62"] .circle .fill {
    -webkit-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    transform: rotate(111.6deg);
}
.radial-progress[data-progress="62"] .circle .fill.fix {
    -webkit-transform: rotate(223.2deg);
    -ms-transform: rotate(223.2deg);
    transform: rotate(223.2deg);
}
.radial-progress[data-progress="62"] .inset .percentage .numbers {
    width: 3591px;
}
.radial-progress[data-progress="63"] .circle .mask.full,
.radial-progress[data-progress="63"] .circle .fill {
    -webkit-transform: rotate(113.4deg);
    -ms-transform: rotate(113.4deg);
    transform: rotate(113.4deg);
}
.radial-progress[data-progress="63"] .circle .fill.fix {
    -webkit-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    transform: rotate(226.8deg);
}
.radial-progress[data-progress="63"] .inset .percentage .numbers {
    width: 3648px;
}
.radial-progress[data-progress="64"] .circle .mask.full,
.radial-progress[data-progress="64"] .circle .fill {
    -webkit-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    transform: rotate(115.2deg);
}
.radial-progress[data-progress="64"] .circle .fill.fix {
    -webkit-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    transform: rotate(230.4deg);
}
.radial-progress[data-progress="64"] .inset .percentage .numbers {
    width: 3705px;
}
.radial-progress[data-progress="65"] .circle .mask.full,
.radial-progress[data-progress="65"] .circle .fill {
    -webkit-transform: rotate(117deg);
    -ms-transform: rotate(117deg);
    transform: rotate(117deg);
}
.radial-progress[data-progress="65"] .circle .fill.fix {
    -webkit-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    transform: rotate(234deg);
}
.radial-progress[data-progress="65"] .inset .percentage .numbers {
    width: 3762px;
}
.radial-progress[data-progress="66"] .circle .mask.full,
.radial-progress[data-progress="66"] .circle .fill {
    -webkit-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    transform: rotate(118.8deg);
}
.radial-progress[data-progress="66"] .circle .fill.fix {
    -webkit-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    transform: rotate(237.6deg);
}
.radial-progress[data-progress="66"] .inset .percentage .numbers {
    width: 3819px;
}
.radial-progress[data-progress="67"] .circle .mask.full,
.radial-progress[data-progress="67"] .circle .fill {
    -webkit-transform: rotate(120.6deg);
    -ms-transform: rotate(120.6deg);
    transform: rotate(120.6deg);
}
.radial-progress[data-progress="67"] .circle .fill.fix {
    -webkit-transform: rotate(241.2deg);
    -ms-transform: rotate(241.2deg);
    transform: rotate(241.2deg);
}
.radial-progress[data-progress="67"] .inset .percentage .numbers {
    width: 3876px;
}
.radial-progress[data-progress="68"] .circle .mask.full,
.radial-progress[data-progress="68"] .circle .fill {
    -webkit-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    transform: rotate(122.4deg);
}
.radial-progress[data-progress="68"] .circle .fill.fix {
    -webkit-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    transform: rotate(244.8deg);
}
.radial-progress[data-progress="68"] .inset .percentage .numbers {
    width: 3933px;
}
.radial-progress[data-progress="69"] .circle .mask.full,
.radial-progress[data-progress="69"] .circle .fill {
    -webkit-transform: rotate(124.2deg);
    -ms-transform: rotate(124.2deg);
    transform: rotate(124.2deg);
}
.radial-progress[data-progress="69"] .circle .fill.fix {
    -webkit-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    transform: rotate(248.4deg);
}
.radial-progress[data-progress="69"] .inset .percentage .numbers {
    width: 3990px;
}
.radial-progress[data-progress="70"] .circle .mask.full,
.radial-progress[data-progress="70"] .circle .fill {
    -webkit-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    transform: rotate(126deg);
}
.radial-progress[data-progress="70"] .circle .fill.fix {
    -webkit-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    transform: rotate(252deg);
}
.radial-progress[data-progress="70"] .inset .percentage .numbers {
    width: 4047px;
}
.radial-progress[data-progress="71"] .circle .mask.full,
.radial-progress[data-progress="71"] .circle .fill {
    -webkit-transform: rotate(127.8deg);
    -ms-transform: rotate(127.8deg);
    transform: rotate(127.8deg);
}
.radial-progress[data-progress="71"] .circle .fill.fix {
    -webkit-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    transform: rotate(255.6deg);
}
.radial-progress[data-progress="71"] .inset .percentage .numbers {
    width: 4104px;
}
.radial-progress[data-progress="72"] .circle .mask.full,
.radial-progress[data-progress="72"] .circle .fill {
    -webkit-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    transform: rotate(129.6deg);
}
.radial-progress[data-progress="72"] .circle .fill.fix {
    -webkit-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    transform: rotate(259.2deg);
}
.radial-progress[data-progress="72"] .inset .percentage .numbers {
    width: 4161px;
}
.radial-progress[data-progress="73"] .circle .mask.full,
.radial-progress[data-progress="73"] .circle .fill {
    -webkit-transform: rotate(131.4deg);
    -ms-transform: rotate(131.4deg);
    transform: rotate(131.4deg);
}
.radial-progress[data-progress="73"] .circle .fill.fix {
    -webkit-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    transform: rotate(262.8deg);
}
.radial-progress[data-progress="73"] .inset .percentage .numbers {
    width: 4218px;
}
.radial-progress[data-progress="74"] .circle .mask.full,
.radial-progress[data-progress="74"] .circle .fill {
    -webkit-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    transform: rotate(133.2deg);
}
.radial-progress[data-progress="74"] .circle .fill.fix {
    -webkit-transform: rotate(266.4deg);
    -ms-transform: rotate(266.4deg);
    transform: rotate(266.4deg);
}
.radial-progress[data-progress="74"] .inset .percentage .numbers {
    width: 4275px;
}
.radial-progress[data-progress="75"] .circle .mask.full,
.radial-progress[data-progress="75"] .circle .fill {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.radial-progress[data-progress="75"] .circle .fill.fix {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.radial-progress[data-progress="75"] .inset .percentage .numbers {
    width: 4332px;
}
.radial-progress[data-progress="76"] .circle .mask.full,
.radial-progress[data-progress="76"] .circle .fill {
    -webkit-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    transform: rotate(136.8deg);
}
.radial-progress[data-progress="76"] .circle .fill.fix {
    -webkit-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    transform: rotate(273.6deg);
}
.radial-progress[data-progress="76"] .inset .percentage .numbers {
    width: 4389px;
}
.radial-progress[data-progress="77"] .circle .mask.full,
.radial-progress[data-progress="77"] .circle .fill {
    -webkit-transform: rotate(138.6deg);
    -ms-transform: rotate(138.6deg);
    transform: rotate(138.6deg);
}
.radial-progress[data-progress="77"] .circle .fill.fix {
    -webkit-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    transform: rotate(277.2deg);
}
.radial-progress[data-progress="77"] .inset .percentage .numbers {
    width: 4446px;
}
.radial-progress[data-progress="78"] .circle .mask.full,
.radial-progress[data-progress="78"] .circle .fill {
    -webkit-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    transform: rotate(140.4deg);
}
.radial-progress[data-progress="78"] .circle .fill.fix {
    -webkit-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    transform: rotate(280.8deg);
}
.radial-progress[data-progress="78"] .inset .percentage .numbers {
    width: 4503px;
}
.radial-progress[data-progress="79"] .circle .mask.full,
.radial-progress[data-progress="79"] .circle .fill {
    -webkit-transform: rotate(142.2deg);
    -ms-transform: rotate(142.2deg);
    transform: rotate(142.2deg);
}
.radial-progress[data-progress="79"] .circle .fill.fix {
    -webkit-transform: rotate(284.4deg);
    -ms-transform: rotate(284.4deg);
    transform: rotate(284.4deg);
}
.radial-progress[data-progress="79"] .inset .percentage .numbers {
    width: 4560px;
}
.radial-progress[data-progress="80"] .circle .mask.full,
.radial-progress[data-progress="80"] .circle .fill {
    -webkit-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    transform: rotate(144deg);
}
.radial-progress[data-progress="80"] .circle .fill.fix {
    -webkit-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    transform: rotate(288deg);
}
.radial-progress[data-progress="80"] .inset .percentage .numbers {
    width: 4617px;
}
.radial-progress[data-progress="81"] .circle .mask.full,
.radial-progress[data-progress="81"] .circle .fill {
    -webkit-transform: rotate(145.8deg);
    -ms-transform: rotate(145.8deg);
    transform: rotate(145.8deg);
}
.radial-progress[data-progress="81"] .circle .fill.fix {
    -webkit-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    transform: rotate(291.6deg);
}
.radial-progress[data-progress="81"] .inset .percentage .numbers {
    width: 4674px;
}
.radial-progress[data-progress="82"] .circle .mask.full,
.radial-progress[data-progress="82"] .circle .fill {
    -webkit-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    transform: rotate(147.6deg);
}
.radial-progress[data-progress="82"] .circle .fill.fix {
    -webkit-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    transform: rotate(295.2deg);
}
.radial-progress[data-progress="82"] .inset .percentage .numbers {
    width: 4731px;
}
.radial-progress[data-progress="83"] .circle .mask.full,
.radial-progress[data-progress="83"] .circle .fill {
    -webkit-transform: rotate(149.4deg);
    -ms-transform: rotate(149.4deg);
    transform: rotate(149.4deg);
}
.radial-progress[data-progress="83"] .circle .fill.fix {
    -webkit-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    transform: rotate(298.8deg);
}
.radial-progress[data-progress="83"] .inset .percentage .numbers {
    width: 4788px;
}
.radial-progress[data-progress="84"] .circle .mask.full,
.radial-progress[data-progress="84"] .circle .fill {
    -webkit-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    transform: rotate(151.2deg);
}
.radial-progress[data-progress="84"] .circle .fill.fix {
    -webkit-transform: rotate(302.4deg);
    -ms-transform: rotate(302.4deg);
    transform: rotate(302.4deg);
}
.radial-progress[data-progress="84"] .inset .percentage .numbers {
    width: 4845px;
}
.radial-progress[data-progress="85"] .circle .mask.full,
.radial-progress[data-progress="85"] .circle .fill {
    -webkit-transform: rotate(153deg);
    -ms-transform: rotate(153deg);
    transform: rotate(153deg);
}
.radial-progress[data-progress="85"] .circle .fill.fix {
    -webkit-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    transform: rotate(306deg);
}
.radial-progress[data-progress="85"] .inset .percentage .numbers {
    width: 4902px;
}
.radial-progress[data-progress="86"] .circle .mask.full,
.radial-progress[data-progress="86"] .circle .fill {
    -webkit-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    transform: rotate(154.8deg);
}
.radial-progress[data-progress="86"] .circle .fill.fix {
    -webkit-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    transform: rotate(309.6deg);
}
.radial-progress[data-progress="86"] .inset .percentage .numbers {
    width: 4959px;
}
.radial-progress[data-progress="87"] .circle .mask.full,
.radial-progress[data-progress="87"] .circle .fill {
    -webkit-transform: rotate(156.6deg);
    -ms-transform: rotate(156.6deg);
    transform: rotate(156.6deg);
}
.radial-progress[data-progress="87"] .circle .fill.fix {
    -webkit-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    transform: rotate(313.2deg);
}
.radial-progress[data-progress="87"] .inset .percentage .numbers {
    width: 5016px;
}
.radial-progress[data-progress="88"] .circle .mask.full,
.radial-progress[data-progress="88"] .circle .fill {
    -webkit-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    transform: rotate(158.4deg);
}
.radial-progress[data-progress="88"] .circle .fill.fix {
    -webkit-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    transform: rotate(316.8deg);
}
.radial-progress[data-progress="88"] .inset .percentage .numbers {
    width: 5073px;
}
.radial-progress[data-progress="89"] .circle .mask.full,
.radial-progress[data-progress="89"] .circle .fill {
    -webkit-transform: rotate(160.2deg);
    -ms-transform: rotate(160.2deg);
    transform: rotate(160.2deg);
}
.radial-progress[data-progress="89"] .circle .fill.fix {
    -webkit-transform: rotate(320.4deg);
    -ms-transform: rotate(320.4deg);
    transform: rotate(320.4deg);
}
.radial-progress[data-progress="89"] .inset .percentage .numbers {
    width: 5130px;
}
.radial-progress[data-progress="90"] .circle .mask.full,
.radial-progress[data-progress="90"] .circle .fill {
    -webkit-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    transform: rotate(162deg);
}
.radial-progress[data-progress="90"] .circle .fill.fix {
    -webkit-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    transform: rotate(324deg);
}
.radial-progress[data-progress="90"] .inset .percentage .numbers {
    width: 5187px;
}
.radial-progress[data-progress="91"] .circle .mask.full,
.radial-progress[data-progress="91"] .circle .fill {
    -webkit-transform: rotate(163.8deg);
    -ms-transform: rotate(163.8deg);
    transform: rotate(163.8deg);
}
.radial-progress[data-progress="91"] .circle .fill.fix {
    -webkit-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    transform: rotate(327.6deg);
}
.radial-progress[data-progress="91"] .inset .percentage .numbers {
    width: 5244px;
}
.radial-progress[data-progress="92"] .circle .mask.full,
.radial-progress[data-progress="92"] .circle .fill {
    -webkit-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    transform: rotate(165.6deg);
}
.radial-progress[data-progress="92"] .circle .fill.fix {
    -webkit-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    transform: rotate(331.2deg);
}
.radial-progress[data-progress="92"] .inset .percentage .numbers {
    width: 5301px;
}
.radial-progress[data-progress="93"] .circle .mask.full,
.radial-progress[data-progress="93"] .circle .fill {
    -webkit-transform: rotate(167.4deg);
    -ms-transform: rotate(167.4deg);
    transform: rotate(167.4deg);
}
.radial-progress[data-progress="93"] .circle .fill.fix {
    -webkit-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    transform: rotate(334.8deg);
}
.radial-progress[data-progress="93"] .inset .percentage .numbers {
    width: 5358px;
}
.radial-progress[data-progress="94"] .circle .mask.full,
.radial-progress[data-progress="94"] .circle .fill {
    -webkit-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    transform: rotate(169.2deg);
}
.radial-progress[data-progress="94"] .circle .fill.fix {
    -webkit-transform: rotate(338.4deg);
    -ms-transform: rotate(338.4deg);
    transform: rotate(338.4deg);
}
.radial-progress[data-progress="94"] .inset .percentage .numbers {
    width: 5415px;
}
.radial-progress[data-progress="95"] .circle .mask.full,
.radial-progress[data-progress="95"] .circle .fill {
    -webkit-transform: rotate(171deg);
    -ms-transform: rotate(171deg);
    transform: rotate(171deg);
}
.radial-progress[data-progress="95"] .circle .fill.fix {
    -webkit-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    transform: rotate(342deg);
}
.radial-progress[data-progress="95"] .inset .percentage .numbers {
    width: 5472px;
}
.radial-progress[data-progress="96"] .circle .mask.full,
.radial-progress[data-progress="96"] .circle .fill {
    -webkit-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    transform: rotate(172.8deg);
}
.radial-progress[data-progress="96"] .circle .fill.fix {
    -webkit-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    transform: rotate(345.6deg);
}
.radial-progress[data-progress="96"] .inset .percentage .numbers {
    width: 5529px;
}
.radial-progress[data-progress="97"] .circle .mask.full,
.radial-progress[data-progress="97"] .circle .fill {
    -webkit-transform: rotate(174.6deg);
    -ms-transform: rotate(174.6deg);
    transform: rotate(174.6deg);
}
.radial-progress[data-progress="97"] .circle .fill.fix {
    -webkit-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    transform: rotate(349.2deg);
}
.radial-progress[data-progress="97"] .inset .percentage .numbers {
    width: 5586px;
}
.radial-progress[data-progress="98"] .circle .mask.full,
.radial-progress[data-progress="98"] .circle .fill {
    -webkit-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    transform: rotate(176.4deg);
}
.radial-progress[data-progress="98"] .circle .fill.fix {
    -webkit-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    transform: rotate(352.8deg);
}
.radial-progress[data-progress="98"] .inset .percentage .numbers {
    width: 5643px;
}
.radial-progress[data-progress="99"] .circle .mask.full,
.radial-progress[data-progress="99"] .circle .fill {
    -webkit-transform: rotate(178.2deg);
    -ms-transform: rotate(178.2deg);
    transform: rotate(178.2deg);
}
.radial-progress[data-progress="99"] .circle .fill.fix {
    -webkit-transform: rotate(356.4deg);
    -ms-transform: rotate(356.4deg);
    transform: rotate(356.4deg);
}
.radial-progress[data-progress="99"] .inset .percentage .numbers {
    width: 5700px;
}
.radial-progress[data-progress="100"] .circle .mask.full,
.radial-progress[data-progress="100"] .circle .fill {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.radial-progress[data-progress="100"] .circle .fill.fix {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.radial-progress[data-progress="100"] .inset .percentage .numbers {
    width: 5757px;
}











/****************************************************/
/************** NEW REGISTRATION PAGE ***************/
/****************************************************/

body#main.page-template-new_registration .header-logo {
    left: 20px;
    position: fixed;
    top: 20px;
}

body#main.page-template-new_registration nav {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: auto;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200;
}

body#main.page-template-new_registration .footer_col, body#main.page-template-login .footer_col, body#main.page-template-thankyou .footer_col {
    display: none;
}

body#main.page-template-new_registration .main-content {
    padding: 0;
}

body#main.page-template-new_registration #myForm .registered_label {
    display: block;
    font-size: 14px;
    margin-top: -10px;
}

body#main.page-template-new_registration #wrapper, body#main.page-template-login #wrapper {
    background-color: #fafafa;
}

body#main.page-template-new_registration footer .copyright_container .social_media {
    display: none;
}

body#main .copyright_container .social_media.mobile {
    display: none;
}

body#main footer .footer_col .social_media {
    position: relative;
    top: 36px;
}

body#main.page-template-new_registration footer .menu-footer_policies-container {
    float: right;
    position: relative;
    top: -9px;
}

body#main footer .menu-footer_policies-container {
    float: right;
    width: auto;
}

body#main footer .menu-footer_policies-container #menu-footer_policies li {
    display: inline-block;
    padding-bottom: 0;
    padding-right: 15px;
    position: relative;
    top: 7px;
}

body#main footer .menu-footer_policies-container #menu-footer_policies li:last-child {
    padding-right: 0;
}

body#main footer .menu-footer_policies-container #menu-footer_policies li a {
    color: #64676d;
    font-size: 13px;
}

body#main footer .menu-footer_policies-container #menu-footer_policies li a:hover {
    color: #3ac4d7;
}

body#main.page-template-new_registration footer .copyright_container .copyright, body#main.page-template-thankyou footer .copyright_container .copyright {
    float: left;
    position: relative;
    top: -9px;
}

body#main.page-template-new_registration .navbar-header, body#main.page-template-thankyou .navbar-header{
    float: none;
    margin: 0 auto;
    display: block;
    width: 160px;
    left: 0;
    top: 0;
    text-align: center;
    position: relative;
}

#form_steps{

    position: relative;
}

.speech_bubble {
    padding: 10px 20px;
    text-align: left;
    font-size: 16px;
    color: #fff;
    opacity: 0;
    position: absolute;
    top: -300px;
    height: 0px;
    width: 16px;
    margin: 0 auto;
    background-color: #384257;
    border-radius: 3px;
}

.speech_bubble em {
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0.4px;
    text-decoration: underline;
}

@media only screen and (max-width: 767px) {
    .speech_bubble {
        left: 36%;
        animation-name: stretchmob;
        animation-duration: 1.2s;
        animation-timing-function: ease-in;
        animation-delay: 0.4s;
        animation-direction: normal;
        animation-fill-mode: none;
        animation-fill-mode: forwards;
    }
}
@media only screen and (min-width: 768px) {
    .speech_bubble {
        left: 15px;
        animation-name: stretch;
        animation-duration: 1.2s;
        animation-timing-function: ease-in;
        animation-delay: 0.4s;
        animation-direction: normal;
        animation-fill-mode: none;
        animation-fill-mode: forwards;
    }
}

@keyframes stretch {
    50% {
        top: -120px;
        height: 5px;
    }
    70% {
        opacity: 1;
        top: -120px;
        height: 90px;
        width: 16px;
    }
    100% {
        opacity: 1;
        top: -120px;
        width: 355px;
        height: 90px;
    }
}

@keyframes stretchmob{
    50% {
        top: -120px;
        height: 5px;
        left: 36%;
    }
    70% {
        opacity: 1;
        top: -120px;
        height: 90px;
        width: 46%;
        left: 29%;
    }
    100% {
        opacity: 1;
        top: -120px;
        width: 98%;
        height: 90px;
        left: 2%;
    }
}


.speech_bubble:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 0 0 16px;
    border-color: transparent transparent transparent #384257;
    z-index: -100;
    position: absolute;
    top: -21px;
    left: 0px;
    opacity: 0;
    animation-name: arrow;
    animation-duration: 0.6s;
    animation-timing-function: ease-in;
    animation-delay: 0s;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-fill-mode: forwards;
}

@media only screen and (max-width: 767px) {
    .speech_bubble:after {
        left: 46%;
        border-width: 0 8px 24px 8px;
        border-color: transparent transparent #384257 transparent;
    }
}

@keyframes arrow {
    100% {
        opacity: 1
    }
}


/***** slider dot animated border */
.rangeslider__handle.unclicked:after{

    content: "";
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    top: -4px;
    left: -4px;

    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;

    border: dashed 1px #394257;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-animation: s3-rotate 5s infinite linear;
    -moz-animation: s3-rotate 5s infinite linear;
    animation: s3-rotate 5s infinite linear;
}

@keyframes s3-rotate {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to   {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

body#main .speech_bubble_stop {
    background-color: #384257;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 40px;
    left: 17%;
    padding: 4px 20px;
    position: absolute;
    top: -6px;
    z-index: 8;
}

body#main .speech_bubble_stop::after {
    background-color: #384257;
    content: "";
    height: 20px;
    position: absolute;
    right: -6px;
    top: 11px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 20px;
    z-index: 2;
}

body#main #stop_bubble > a {
    border-bottom: 1px solid transparent;
    color: #fff;
    display: block;
    font-size: 18px;
    height: 22px;
    position: relative;
    top: 4px;
}

body#main #stop_bubble > a:hover {
    border-bottom: 1px solid #fff;
}


/*--------PRICING SPEECH BUBBLE---------*/
.speech_bubble_pricing {
    padding: 12px 15px;
    text-align: left;
    font-size: 18px;
    color: transparent;
    opacity: 0;
    position: absolute;
    bottom: 0;
    height: 0px;
    width: 16px;
    margin: 0 auto;
    background-color: #384257;
    border-radius: 3px;
    z-index: 190;
    font-family: 'Hind';
}
.speech_bubble_pricing {
    left: 8px;
    animation-name: stretch_pricing;
    animation-duration: 1.0s;
    animation-timing-function: ease-in;
    animation-delay: 0.2s;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

#pricing_bubble_go.speech_bubble_pricing {
    left: 105px;
    animation-name: stretch_pricing;
    animation-duration: 1.0s;
    animation-timing-function: ease-in;
    animation-delay: 0.2s;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@keyframes stretch_pricing {
    50% {
        bottom: 60px;
        height: 5px;
        color: transparent;
    }
    70% {
        opacity: 1;
        bottom: 40px;
        height: 45px;
        width: 16px;
        color: transparent;
    }
    100% {
        opacity: 1;
        bottom: 40px;
        width: 105px;
        height: 45px;
        color: #fff;
    }
}

.speech_bubble_pricing:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 24px 16px;
    border-color: transparent transparent transparent #384257;
    z-index: -100;
    position: absolute;
    bottom: -21px;
    left: 0px;
    opacity: 0;
    animation-name: arrow_pricing;
    animation-duration: 0.6s;
    animation-timing-function: ease-in;
    animation-delay: 0s;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-fill-mode: forwards;
}

@keyframes arrow_pricing {
    100% {
        opacity: 1
    }
}
/*--------END PRICING SPEECH BUBBLE---------*/

body#main .speech_bubble_stop {
    display: none;
}

body#main.page-template-new_registration #register-content.contains_thankyou{
    min-height: 690px
}

body#main.page-template-new_registration #thankyou {
    min-height: 36vw;
    position: relative;
    top: 3vw;
    width: 100%;
    display: none;
    background: rgba(0, 0, 0, 0) url("./images/envelope.svg") no-repeat scroll 50% bottom / contain ;
}

body#main.page-template-new_registration #thankyou-content {
    bottom: 0;
    left: 50%;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

body#main.page-template-new_registration .thankyou_inner {
    left: 50%;
    position: absolute;
    top: 17%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 32vw;
}

body#main.page-template-new_registration #thankyou-content h1 {
    font-family: "Montserrat";
    font-size: 36px;
    font-weight: 300;
    position: relative;
    top: -120px;
    color: #384257;
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main.page-template-new_registration #thankyou-content .thankyou_text {
    display: block;
    font-size: 22px;
    line-height: 1.5;
    margin-bottom: 30px;
    width: 100%;
}

body#main.page-template-new_registration #thankyou-content h2 {
    font-family: "Montserrat";
    font-size: 18px;
    font-weight: 300;
    color: #384257;
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
    text-transform: none;
}

body#main.page-template-new_registration .thankyou_border {
    border-radius: 100%;
    bottom: 7px;
    left: 0;
    box-shadow: 0 10px 3px rgba(0, 0, 0, 0.5);
    display: block;
    height: 2px;
    position: absolute;
    width: 100%;
}

body#main.page-template-new_registration #thankyou-content #thankyou img {
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 80;
}

body#main.page-template-new_registration #register {
    background-color: #c4edf3;
    width: 100%;
    padding: 0;
    height: 100vh;
    position: relative;
}

body#main.page-template-new_registration #register .form-control {
    background-color: rgba(0,0,0,0);
    background-image: none;
    border: 1px solid #384257;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #384257;
    display: block;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Hind', sans-serif;
    height: 50px;
    line-height: 1.42857;
    padding: 6px 12px 6px 16px;
    position: relative;
    width: 100%;
    z-index: 1;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main.page-template-new_registration #register .form-control.has-error, body#main.page-template-new_registration #register .form-group.has-error .form-control {
    border-color: #e83c33;
}

body#main.page-template-new_registration #register .form-control.mail-error {
    border-color: #e83c33;
}

body#main.page-template-new_registration #register .error_label2, body#main.page-template-new_registration #register .error_label {
    color: #e83c33;
    display: block;
    width: 100%;
}

body#main.page-template-new_registration #register #InputCompanySlug.form-control.has-error {
    border-color: #e83c33;
}

body#main.page-template-new_registration #register #InputCompanySlug.form-control.has-error:focus {
    border-color: #3AC4D7;
}

body#main.page-template-new_registration #register .form-group {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    height: 100%;
    margin-bottom: 30px;
    min-height: 50px;
    position: relative;
}

body#main #first_step .registration_button {
    margin: 30px 0 20px;
}

body#main .registration_button {
    margin: 20px 0;
}

body#main.page-template-new_registration #register .pass_info {
    color: #39c3d6;
    float: left;
    font-size: 13px;
    left: 0;
    opacity: 1;
    padding-left: 16px;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 4;
}

body#main.page-template-new_registration #register .pass_info::before {
    color: #3ac4d7;
    content: "\f3a6";
    display: block;
    font-family: "Ionicons";
    font-size: 10px;
    height: 4px;
    left: -14px;
    padding-top: 4px;
    position: relative;
    top: 1px;
    width: 4px;
    z-index: 1;
}

body#main.page-template-new_registration #register .form-control:focus {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #3AC4D7;
    border: 1px solid #3AC4D7;
}

body#main.page-template-new_registration #register .form-control.has-value + .placeholder, body#main.page-template-new_registration #register .form-control:focus + .placeholder {
    font-size: 14px;
    top: -36px;
    left: 0;
}

body#main.page-template-new_registration #register .form-control:focus + .placeholder {
    opacity: 1;
}

body#main.page-template-new_registration #register .form-group .placeholder {
    line-height: 40px;
    height: 40px;
    position: absolute;
    z-index: 0;
    left: 17px;
    top: 5px;
    color: #384257;
    display: block;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Hind', sans-serif;
    -webkit-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
    -moz-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
    -ms-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
    -o-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
    transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
}

body#main.page-template-new_registration #register .form-control ~ .required {
    line-height: 40px;
    height: 40px;
    position: absolute;
    z-index: 0;
    right: 17px;
    top: 9px;
    color: #384257;
    display: block;
    font-size: 22px;
    font-weight: 400;
    font-family: 'Hind', sans-serif;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

body#main.page-template-new_registration #myForm {
    display: block;
    height: 100vh;
    position: relative;
    width: 100%;
}

body#main.page-template-new_registration #register .form-control:focus ~ .required {
    color: #3ac4d7;
}

body#main.page-template-new_registration #register .form-control.has-error ~ .required, body#main.page-template-new_registration #register .form-group.has-error .form-control  ~ .required {
    color: #e83c33;
}

body#main.page-template-new_registration #register .form-control.mail-error ~ .required {
    color: #e83c33;
}

body#main.page-template-new_registration #register .form-control#InputCompanySlug {
    float: left;
    width: 72%;
}

body#main.page-template-new_registration #register .form-control ~ .additional_text {
    color: #384257;
    display: block;
    float: left;
    font-family: "Hind",sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    left: 16px;
    line-height: 1.42857;
    padding-right: 15px;
    padding-top: 17px;
    position: relative;
    text-align: right;
    width: 22%;
}

body#main.page-template-new_registration #register button {
    background: #ff6154 none repeat scroll 0 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    height: 50px;
    padding: 0 36px 0;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Hind', sans-serif;
    outline: none;
    border: none;
    margin: auto;
    display: inline-block;
    width: auto;
}

body#main.page-template-new_registration #register button i {
    font-size: 20px;
    padding-left: 5px;
    position: relative;
    right: 0;
    top: 3px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-new_registration #register button:hover i, body#main.page-template-new_registration #register button:focus i {
    right: -8px;
}

/*body#main.page-template-new_registration #register button span {
    background: #ff4f43 none repeat scroll 0 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    height: 50px;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 50px;
}*/

body#main.page-template-new_registration #register a.btn, body#main.page-template-new_registration #register a.btn:focus {
    background: #ff6154 none repeat scroll 0 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    height: 50px;
    padding: 10px 36px 0;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Hind', sans-serif;
    outline: none;
    border: none;
    margin: auto;
    display: inline-block;
    width: auto;
}

body#main.page-template-new_registration #register a.btn i {
    font-size: 20px;
    padding-left: 5px;
    position: relative;
    right: 0;
    top: 3px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-new_registration #register a.btn:hover i, body#main.page-template-new_registration #register a.btn:focus i {
    right: -8px;
}

body#main.page-template-new_registration #register a.btn_back, body#main.page-template-new_registration #register a.btn_back:focus {
    bottom: 30px;
    color: #384257;
    display: block;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 300;
    left: 30px;
    position: absolute;
    width: auto;
}

body#main.page-template-new_registration #register a.btn_back i {
    font-size: 20px;
    padding-right: 5px;
    position: relative;
    left: 0;
    top: 3px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-new_registration #register a.btn_back:hover i, body#main.page-template-new_registration #register a.btn_back:focus i {
    left: -4px;
}

body#main.page-template-new_registration {
    overflow: hidden;
}

body#main .steps_navigation {
    position: absolute;
    left: 50%;
    bottom: 30px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 4;
}

body#main .steps_navigation li {
    display: inline-block;
    padding-right: 10px;
}

body#main .steps_navigation li:last-child {
    padding-right: 0;
}

body#main .steps_navigation li a {
    background-color: transparent;
    border: 2px solid #384257;
    border-radius: 100%;
    display: block;
    height: 15px;
    width: 15px;
    cursor: default;
}

body#main .steps_navigation li a.current_step {
    background-color: #384257;
}

/*body#main.page-template-new_registration #register a.btn_back i {
    font-size: 17px;
    padding-right: 6px;
    position: relative;
    left: 0;
    top: 1px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-new_registration #register a.btn_back:hover i, body#main.page-template-new_registration #register a.btn_back:focus i {
    left: -4px;
}*/

/*body#main.page-template-new_registration #register .backwards {
    display: inline-block;
    float: right;
}*/

/*body#main.page-template-new_registration #register a.btn span {
    background: #ff4f43 none repeat scroll 0 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    height: 50px;
    position: absolute;
    right: -1px;
    top: 0;
    width: 50px;
}*/

body#main.page-template-new_registration #register .col-registration-form b {
    font-family: "Montserrat";
    font-size: 21px;
    font-weight: 300;
    margin-bottom: 40px;
    color: #384257;
    display: block;
    padding-left: 15px;
    /*-webkit-filter: blur(0.000001px);*/
}

body#main.page-template-new_registration #register .col-registration-form .registration_label {
    color: #545c6e;
    display: block;
    font-size: 16px;
    margin-bottom: 20px;
    position: relative;
    top: -20px;
}

body#main.page-template-new_registration #register .col-registration-form .third_step span.more_subscribers {
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 300;
    color: #545C6E;
    display: block;
    width: auto;
    float: left;
    margin-bottom: 40px;
}

body#main.page-template-new_registration #register .col-registration-form .third_step #less_100.is_checked:hover {cursor: pointer}
body#main.page-template-new_registration #register .col-registration-form .third_step #more_100:not(.is_checked):hover {cursor: pointer}

body#main.page-template-new_registration #register .form-group.radio_group {
    margin-bottom: 40px;
}

body#main.page-template-new_registration #register .col-registration-form .third_step span.agree_text {
    font-family: 'Hind', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

body#main.page-template-new_registration #register .col-registration-form .third_step span.agree_text a {
    font-weight: 600;
    color: #545C6E;
}

body#main.page-template-new_registration #register .col-registration-form .third_step span.agree_text a:hover {
    color: #3AC4D7;
}

body#main.page-template-new_registration #register .col-registration-form .hidden_input {
    display: none;
    height: 100%;
    width: 100%;
}

body#main.page-template-new_registration #register .register-container {
    display: block;
    float: left;
    height: 100%;
    padding: 0;
    width: 100%;
}


body#main.page-template-new_registration #register .col-registration-form .step {
    display: none;
    height: 100%;
}

body#main .registration_left {
    background-color: #c4edf3;
    display: table;
    float: left;
    height: 100%;
    position: relative;
    width: 60%;
}

body#main .registration_left_content {
    display: table-cell;
    height: auto;
    position: relative;
    width: 100%;
    padding: 0 20%;
    vertical-align: middle;
}

body#main #second_step .registration_left_content {
    padding: 0 15%;
}

body#main .registration_left_title {
    display: block;
    font-family: "Montserrat";
    font-size: 36px;
    font-weight: 300;
    text-align: center;
    width: 100%;
    margin-bottom: 40px;
}

body#main .registration_left_subtitle {
    display: block;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

body#main .registration_left_description {
    display: block;
    width: 100%;
    margin: 20px 0 40px;
}

body#main .registration_left_description ul {
    display: block;
    width: 100%;
    text-align: center;
}

body#main .registration_left_description ul li {
    display: inline-block;
    font-family: "Hind",sans-serif;
    font-size: 18px;
    font-weight: 300;
    padding-right: 20px;
    position: relative;
    padding-left: 28px;
}

body#main .registration_left_description ul li:last-child {
    padding-right: 0;
}

body#main .registration_left_description ul li:before {
    color: #3ac4d7;
    content: "\f3a6";
    display: block;
    font-family: "Ionicons";
    font-size: 12px;
    height: 4px;
    left: -28px;
    padding-top: 4px;
    position: relative;
    top: 2px;
    width: 4px;
    z-index: 1;
}

body#main .step1_image {
    display: block;
    margin: auto;
    max-width: 320px;
}

body#main .registration_right {
    display: table;
    float: right;
    width: 40%;
    height: 100%;
    position: relative;
    background-color: #fff;
}

body#main .registration_right_content {
    display: table-cell;
    height: auto;
    position: relative;
    width: 100%;
    padding: 0 20%;
    vertical-align: middle;
}

body#main.page-template-new_registration #register .col-test {
    /*padding-top: 200px;*/
    display: block;
}

body#main .highlight .feature_content-text.browser_blue {
    background: rgba(0, 0, 0, 0) url("./images/browser_blue.svg") no-repeat scroll 0 0 / contain ;
    width: 100%;
    left: 0;
    position: relative;
    top: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    width: 100%;
}

body#main .highlight .feature_content-text.browser_blue img {
    display: block;
    max-width: 100%;
    padding: 11.5% 0.3% 0;
    position: relative;
    top: -1.35vw;
    width: 100%;
}

body#main.page-template-new_registration #register .col-registration-form .first_step {
    display: block;
}

body#main.page-template-new_registration footer, body#main.page-template-login footer, body#main.page-template-thankyou footer {
    bottom: 0;
    left: 0;
    padding: 10px 0 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}

body#main .activation_message {
    background-color: #c4edf3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    font-family: "Montserrat";
    font-size: 13px;
    font-weight: 300;
    padding: 10px 15px;
    position: relative;
    top: -80px;
    width: 90%;
    margin-left: 15px;
    z-index: 4;
}

body#main .activation_message::before {
    background-color: #c4edf3;
    content: "";
    display: block;
    height: 20px;
    left: -6px;
    position: absolute;
    top: 35%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 20px;
    z-index: -1;
}

body#main .activated {
    border-bottom: 1px solid;
    font-family: "Montserrat";
    padding-bottom: 0;
}

body#main.page-template-new_registration footer {
    background-color: #fafafa;
    display: none;
}

body#main.page-template-thankyou footer {
    background-color: #fff;
}

body#main.page-template-new_registration footer .divider, body#main.page-template-login footer .divider, body#main.page-template-thankyou footer .divider {
    display: none;
}

body#main.page-template-new_registration footer .col-newsletter-mobile, body#main.page-template-login footer .col-newsletter-mobile, body#main.page-template-thankyou footer .col-newsletter-mobile {
    display: none;
}
/*************************************************/
/************** CHECKBOX ANIMATION ***************/
/*************************************************/

body#main.page-template-new_registration #register .col-registration-form .checkbox {
    display: inline-block;
    margin: 0 0 50px;
    position: relative;
    width: 100%;
}

body#main.page-template-new_registration #register .col-registration-form .checkbox .checkbox_text {
    color: #545c6e;
    font-family: "Hind",sans-serif;
    font-size: 16px;
    font-weight: 400;
    left: 40px;
    position: relative;
}

body#main.page-template-new_registration #register .col-registration-form .checkbox label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 1px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid;
    border-color: #545C6E;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding: 0;
}

/*body#main.page-template-new_registration #register .col-registration-form .checkbox label:hover {
    background-color: #3AC4D7;
    border-color: #3AC4D7;
}*/

body#main .registration_features {
    /*margin: 30px 0;*/
    margin: 6vh 0;
    padding: 0 30px;
}

body#main .registration_features_image {
    height: 140px;
    object-fit: contain;
    width: 100%;
}

body#main.page-template-new_registration #register .col-registration-form .checkbox label:after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 5px;
    left: 4px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

body#main.page-template-new_registration #register .col-registration-form .checkbox input[type="checkbox"]:checked + label {
    background-color: #3AC4D7;
    border-color: #3AC4D7;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

body#main.page-template-new_registration #register .col-registration-form .checkbox input[type="checkbox"]:checked + label:after, body#main.page-template-new_registration #register .col-registration-form .checkbox input[type="checkbox"]:checked + label:hover::after {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

body#main.page-template-new_registration #register .col-registration-form .checkbox label:hover::after {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

body#main.page-template-new_registration #register .col-registration-form .checkbox input[type="checkbox"] {
    visibility: hidden;
}

body#main.page-template-new_registration #register .col-registration-form .checkbox input[type=checkbox]:checked + label:after {
    opacity: 1;
}

body#main.page-template-new_registration #register .agree_text {
    position: relative;
    top: 0;
}

/*****************************************************/
/************** RADIO BUTTON ANIMATION ***************/
/*****************************************************/

body#main.page-template-new_registration #register .col-registration-form input[type="radio"] {
    display: none;
}

body#main.page-template-new_registration #register .col-registration-form input[type="radio"] + label {
    color: #545C6E;
    font-family: 'Hind', sans-serif;
    font-weight: 400;
    font-size: 16px;
    padding-left: 20px;
    position: relative;
    left: 20px;
}

body#main.page-template-new_registration #register .col-registration-form input[type="radio"] + label span {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: -20px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid;
    border-color: #545C6E;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

body#main.page-template-new_registration #register .col-registration-form input[type="radio"] + label span:after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 5px;
    left: 4px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

body#main.page-template-new_registration #register .col-registration-form input[type="radio"] + label span:hover:after {
    opacity: 1;
}

body#main.page-template-new_registration #register .col-registration-form input[type="radio"] + label span:hover {
    background-color: #3AC4D7;
    border-color: #3AC4D7;
}

body#main.page-template-new_registration #register .col-registration-form input[type="radio"]:checked + label span, input[type="radio"]:checked + label span:hover {
    background-color: #3AC4D7;
    border-color: #3AC4D7;
}

body#main.page-template-new_registration #register .col-registration-form input[type="radio"]:checked + label span:after {
    opacity: 1;
}

body#main.page-template-new_registration #register .col-registration-form input[type="radio"] + label span,
body#main.page-template-new_registration #register .col-registration-form input[type="radio"]:checked + label span {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/*******************************************************/
/************** CHECKBOX SLIDE ANIMATION ***************/
/*******************************************************/

body#main.page-template-new_registration #register .col-registration-form .slideOne {
    background: #d1d1d1 none repeat scroll 0 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    height: 14px;
    margin: 5px 0 0;
    position: relative;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 46px;
    left: 25px;
    float: left;


}
body#main.page-template-new_registration #register .col-registration-form .slideOne.is_checked {
    background: #ADE4EC;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main.page-template-new_registration #register .col-registration-form .slideOne label {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    top: -6px;
    left: -3px;
    cursor: pointer;
    background: #384257;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
body#main.page-template-new_registration #register .col-registration-form .slideOne input[type=checkbox] {
    visibility: hidden;
}
body#main.page-template-new_registration #register .col-registration-form .slideOne input[type=checkbox]:checked + label {
    left: 27px;
    background-color: #3AC4D7;
}

body#main.page-template-new_registration #register .col-registration-form .slideOne input[type=checkbox] + label:after {
    font-family: "Ionicons";
    content: '\f129';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 4px;
    left: 8px;
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main.page-template-new_registration #register .col-registration-form .slideOne input[type=checkbox]:checked + label:after {
    content: '\f121';
    top: 4px;
    left: 7px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}



/********************************************/
/************* ABANDONMENT PAGE *************/
/********************************************/

body#main.page-template-abandonment_cart #abandonment_header {
    background: url(images/abandonment_bg.jpg) no-repeat;
    background-size: cover;
    padding-bottom:0!important;
}

body#main.page-template-abandonment_cart #abandonment_header h1 {
    color: #fff;
    text-transform: capitalize;
}

body#main.page-template-abandonment_cart #abandonment_header p {
    color: #fff;
}

body#main.page-template-abandonment_cart #abandonment_header .demo {
    background: #e26054;
    border:1px solid #e26054;
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding:1rem 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    margin:2rem;
    display: inline-block;
    min-width: 175px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main.page-template-abandonment_cart #abandonment_header .demo:hover {
    background-color: transparent;
    color: #e26054;
}

body#main.page-template-abandonment_cart #abandonment_header .register {
    background: transparent;
    color: #fff;
    border:1px solid #fff;
    text-align: center;
    font-size: 18px;
    padding:1rem 0;
    border-radius: 2px;
    margin:2rem;
    display: inline-block;
    min-width: 175px;
}

body#main.page-template-abandonment_cart #abandonment_header .laptop_grey {
    background: rgba(0, 0, 0, 0) url(./images/laptop-grey-test.png) no-repeat scroll 0 0;
    background-size: 100% auto;
    left: 0;
    position: inherit;
    top: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

body#main.page-template-abandonment_cart #abandonment_header .laptop_grey iframe {
    cursor: pointer;
    display: block;
    max-width: 100%;
    padding: 12.6%;
    position: relative;
    top: 0px;
    left: 0.07%;
    width: 100%;
    height: 72vh;
}

body#main.page-template-abandonment_cart #abandonment_intergration img {
    width:100%;
    height:100%;
    object-fit: contain;
    max-width: 260px;

}

body#main.page-template-abandonment_cart #abandonment_steps h3 {
    font-size: 38px;
    line-height: 38px;
    font-weight:bold;
    color:#394257;
    margin:0 auto 5rem auto;
    -webkit-text-transform: capitalize;
    -moz-text-transform: capitalize;
    -ms-text-transform: capitalize;
    -o-text-transform: capitalize;
    text-transform: capitalize;
}

body#main.page-template-abandonment_cart #abandonment_intergration h3 {
    font-size: 38px;
    line-height: 38px;
    font-weight:bold;
    color:#394257;
    margin:0 auto 5rem auto;
    text-transform: capitalize;
}

body#main.page-template-abandonment_cart #abandonment_intergration {
    padding:50px 0;
}

body#main.page-template-abandonment_cart #abandonment_intergration .allintegration {
    color: #e26054;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    border-bottom: 2px solid #e26054;
    padding: 4px;
    display: inline-block;
    margin-top: 4rem;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main.page-template-abandonment_cart #abandonment_intergration a.connect {
    background-color: #3ac4d7;
    border: 1px solid #3ac4d7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    padding: 10px 40px;
    display: inline-block;
    margin-top:2rem;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main.page-template-abandonment_cart #abandonment_intergration a.connect:hover {
    background-color: #fff;
    color: #3ac4d7;
}

body#main.page-template-abandonment_cart #abandonment_intergration .cms {
    width:100%;
    height:100px;
}

body#main.page-template-abandonment_cart #abandonment_intergration .border-bottom {
    border-bottom:1px solid #ccc;
    padding-bottom:4rem;
}

body#main.page-template-abandonment_cart .grey_border {
    height:1px;
    width:100%;
    background: #ccc;
    max-width: 1170px;
    margin:0 auto;
}

body#main .abandoned_cart_tamplates h3 {
    color: #fff;
    font-size:38px;
    line-height: 38px;
    font-weight: bold;
    text-transform: capitalize;
    margin-bottom: 5rem;
}

body#main .abandoned_cart_tamplates p {
    color: #fff;
}

body#main .abandoned_cart_tamplates a {
    /*
        color: #fff;
        text-transform: uppercase;
        border-bottom: 1px solid #fff;
        padding-bottom:1px;
        margin:4rem auto 0 auto;
        display: inline-block;
    */

    color: #fff;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    border-bottom: 2px solid #fff;
    padding: 4px;
    display: inline-block;
    margin-top: 4rem;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;

}

body#main .abandoned_cart_tamplates a:hover {
    color:#fff;
}

body#main #manage_forms {
    padding:100px 0;
}

body#main #manage_forms a.feature_btn {
    display: block;
    margin:30px auto 0 auto;
    width:96px;
}

body#main #manage_forms a.feature_btn:hover {
    color: #3AC4D7;
    border-color: #3AC4D7;
}

body#main #manage_forms img.after_arrow_to_right {
    position: absolute;
    bottom: -200px;
    right: -120px;
}

body#main #manage_fields img.after_arrow_to_left {
    position: absolute;
    bottom: -200px;
    left: -120px;
}

body#main.page-template-abandonment_cart #manage_fields {
    padding:50px 0!important;
}

body#main.page-template-abandonment_cart .main-content {
    overflow: hidden;
}




/********************************************************/
/************* PRODUCT RECOMMENDATIONS PAGE *************/
/********************************************************/

body#main.page-template-product_recommendations #recommendation_header {
    background: url(images/abandonment_bg.jpg) no-repeat;
    background-size: cover;
    padding-bottom:0!important;
}

body#main.page-template-product_recommendations #recommendation_header h1 {
    color: #fff;
    text-transform: capitalize;
}

body#main.page-template-product_recommendations #recommendation_header p {
    color: #fff;
}

body#main.page-template-product_recommendations #recommendation_header .demo {
    background: #e26054;
    border:1px solid #e26054;
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding:1rem 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    margin:2rem;
    display: inline-block;
    min-width: 175px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main.page-template-product_recommendations #recommendation_header .demo:hover {
    background-color: transparent;
    color: #e26054;
}

body#main.page-template-product_recommendations #recommendation_header .register {
    background: transparent;
    color: #fff;
    border:1px solid #fff;
    text-align: center;
    font-size: 18px;
    padding:1rem 0;
    border-radius: 2px;
    margin:2rem;
    display: inline-block;
    min-width: 175px;
}

body#main.page-template-product_recommendations #recommendation_header .laptop_grey {
    background: rgba(0, 0, 0, 0) url(./images/laptop-grey-test.png) no-repeat scroll 0 0;
    background-size: 100% auto;
    left: 0;
    position: inherit;
    top: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

body#main.page-template-product_recommendations #recommendation_header .laptop_grey iframe {
    cursor: pointer;
    display: block;
    max-width: 100%;
    padding: 12.6%;
    position: relative;
    top: 0px;
    left: 0.07%;
    width: 100%;
    height: 72vh;
}

body#main.page-template-product_recommendations #recommendation_header .laptop_grey img {
    cursor: pointer;
    display: block;
    max-width: 100%;
    padding: 12.6%;
    position: relative;
    top: 0px;
    left: 0.07%;
    width: 100%;
    height: 72vh;
}

body#main.page-template-product_recommendations #recommendation_intergration img {
    width:100%;
    height:100%;
    object-fit: contain;
    max-width: 260px;

}

body#main.page-template-product_recommendations #recommendation_intergration h3 {
    font-size: 38px;
    line-height: 38px;
    font-weight: bold;
    color:#394257;
    margin:0 auto 5rem auto;
    text-transform: capitalize;
}

body#main.page-template-product_recommendations #recommendation_intergration {
    padding:50px 0;
}

body#main.page-template-product_recommendations #recommendation_intergration .allintegration {
    color: #e26054;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    border-bottom: 2px solid #e26054;
    padding: 4px;
    display: inline-block;
    margin-top: 4rem;
    text-align: center;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main.page-template-product_recommendations #recommendation_intergration a.connect {
    background-color: #3ac4d7;
    border: 1px solid #3ac4d7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    padding: 10px 40px;
    display: inline-block;
    margin-top:2rem;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body#main.page-template-product_recommendations #recommendation_intergration a.connect:hover {
    background-color: #fff;
    color: #3ac4d7;
}

body#main.page-template-product_recommendations #recommendation_intergration .cms {
    width:100%;
    height:100px;
}

body#main.page-template-product_recommendations #recommendation_intergration .border-bottom {
    border-bottom:1px solid #ccc;
    padding-bottom:4rem;
}

body#main.page-template-product_recommendations .grey_border {
    height:1px;
    width:100%;
    background: #ccc;
    max-width: 1170px;
    margin:0 auto;
}

body#main .recommendation_cart_tamplates h3 {
    color: #fff;
    font-size:38px;
    line-height: 38px;
    font-weight:bold;
    text-transform: capitalize;
    margin-bottom: 5rem;
}

body#main.page-template-product_recommendations #create_delivery {
    padding-top:0!important;
}

body#main.page-template-product_recommendations #create_delivery h3 {
    color: #394257;
    text-align: center;
    display: block;
    width: 100%;
    font-family: "Montserrat";
    font-size: 38px;
    line-height: 38px;
    font-weight: bold;
    margin-top: 0;
    text-transform: none;
    padding-bottom: 30px;
}

body#main.page-template-product_recommendations #create_delivery .feature_content-text {
    margin-top:60px;
}

body#main.page-template-product_recommendations #create_delivery h2 {
    padding-top:18px;
}

body#main .recommendation_cart_tamplates p {
    color: #fff;
}

body#main .recommendation_cart_tamplates a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Montserrat';
    border-bottom: 2px solid #fff;
    padding: 4px;
    display: inline-block;
    margin-top: 4rem;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;

}

body#main .recommendation_cart_tamplates a:hover {
    color:#fff;
}

body#main.page-template-product_recommendations #manage_fields {
    padding:100px 0!important;
}

body#main.page-template-product_recommendations .main-content {
    overflow: hidden;
}

/* Thrive subtitles */
body #tve_editor .ttfm2 {
    font-weight: bold !important;
}

body .tve_flt p {
    margin-bottom: 10px;
}

body .tve_flt h3 {
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: 600;
}

body#main section.register p {
    color: #fff;
}