/* Google Font Embed - OA */
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700i,300,700,600,400,400i,800);
@import url(https://fonts.googleapis.com/css?family=Muli:400i);
@import url(https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400i,400,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);

@font-face {
    font-family: 'Marguerite';
    src: url('../content/fonts/marguerite-webfont.woff2') format('woff2'),
    url('../content/fonts/marguerite-webfont.woff') format('woff');
}

/*------------------------------- Generl Styles -------------------------------*/
.bizcenter_active, .ambassador_status_qualified {
    color: #43C295 !important
}
.Progres-bar-Total {
    display: inline-block;
    margin-top: 11px;
    /*color: #0A7B9F;*/
    font-size: 1.5em;
    font-weight: bold;
}

.Progres-bar-points {
    display: inline-block;
    margin-top: 11px;
    color: #ED9A08;
    font-size: 1.7em;
    font-weight: bold;
    margin-left:5px;
}

.Progres-bar-forecolor-gold,
.Progres-bar-forecolor-gold .Progres-bar-points{
    color: #ED9A08 !important;
}
    .Progres-bar-forecolor-gold .ui-widget-content, 
    .Progres-bar-forecolor-gold .ui-widget-header {
        border: 1px solid #ED9A08;
    }
    .Progres-bar-forecolor-gold .ui-widget-header {
        background: #ED9A08;
    }

.Progres-bar-forecolor-gold > span {
    font-size: 1.7em !important;
    font-weight: 600;
    align-content: flex-start;
}

.Progres-bar-forecolor-platinum,
.Progres-bar-forecolor-platinum .Progres-bar-Total{
    color: #90969c !important;
}
    .Progres-bar-forecolor-platinum .ui-widget-content,
    .Progres-bar-forecolor-platinum .ui-widget-header {
        border: 1px solid #90969c;
    }
    .Progres-bar-forecolor-platinum .ui-widget-header {
        background: #90969c url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    }
.Progres-bar-forecolor-platinum > span{
    font-size: 1.7em !important;
    align-content: flex-start;
    font-weight: 600;
}
.bizcenter_inactive, .ambassador_status_unqualified, .ambassador_status_cancelled {
    color: #c40f0f !important
}

.header_banner {
    padding: 8px 15px;
    background: url("/images/banner_bg.png");
    height: 68px;
}

.header_banner .banner_logo {
    float: left;
    margin-left: 20px;
}

.header_banner .banner_btn {
    float: right;
    color: #fefefe;
    font-size: 28px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #0d525d;
    padding: 11px 57px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 5px;
    text-decoration: none;
}

.header_banner .banner_btn:hover {
    text-decoration: none;
    background: #17889A;
}

@media all and (max-width: 700px) {

    .header_banner {
        text-align: center;
    }

    .header_banner .banner_logo {
        width: 80%;
        margin: 0 10%;
    }

    .header_banner .banner_logo img {
        width: 100%;
    }

    .header_banner .banner_btn {
        display: inline-block;
        float: none;
    }
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.MenuItemActive {
    color: #f0d76e !important;
}

.SubMenuItemActive {
    color: #f7a840 !important;
    font-weight: bold;
}

.hide {
    display: none;
}

.chosenfield {
    width: 171px;
    background-color: #dae5f8;
    border: 2px solid #0665A1;
    font-weight: bold;
    padding: 8px 8px 8px 8px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.selectedfield {
    background-color: #C6E8F5;
    background-image: url(../image/approve_icon.gif);
    background-position: right;
    background-repeat: no-repeat;
}

.unselectedfield {
    background-color: #FBFBFC;
    background-image: none;
    background-position: right;
    background-repeat: no-repeat;
}

.disabled {
    background-color: blue;
    color: #fff;
    font-size: 18px;
}

input[readonly="readonly"] {
    background: #FAF7F7;
    color: #307BB6;
    font-weight: bold;
}

input[disabled="disabled"] {
    background: #FAF7F7;
    color: #307BB6;
    font-weight: bold;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.inner {
    margin: 0 auto;
    padding: 0;
    max-width: 940px;
}

.btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #d49c2b;
    *background-color: #d49c2b;
    background-image: -moz-linear-gradient(top, #d49c2b, #d49c2b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d49c2b), to(#d49c2b));
    background-image: -webkit-linear-gradient(top, #d49c2b, #d49c2b);
    background-image: -o-linear-gradient(top, #d49c2b, #d49c2b);
    background-image: linear-gradient(to bottom, #d49c2b, #d49c2b);
    background-repeat: repeat-x;
    border-color: #d49c2b;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d49c2b', endColorstr='#d49c2b', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
    color: #ffffff;
    background-color: #d49c2b;
    *background-color: #d49c2b;
}

/*------------------------------- Menu Styles -------------------------------*/

.navnotgray {
    background-color: transparent !important;
    background: #fff !important;
}

.mt_10 {
    margin-top: 10px !important;
}

.mt_20 {
    margin-top: 20px !important;
}

.mt_30 {
    margin-top: 30px !important;
}

.mb_5 {
    margin-bottom: 5px !important;
}

.tac {
    text-align: center;
}

.taj {
    text-align: justify;
}

.w50 {
    float: left;
    width: 50%;
    padding: 0 15px;
}

.w50 a:hover > img {
    opacity: 0.7;
}

.w50_inl {
    display: inline-block;
    width: 50%;
    margin-right: -4px;
    padding: 0 15px;
    vertical-align: middle;
}

@media all and (max-width: 767px) {
    .w50_inl {
        width: 100% !important;
        padding: 0 15px !important;
    }
}

#logoImage {
    position: relative;
    top: 20px; /* move down */
    left: 40px; /* move right */
    max-width: 150px;
}

.navbar {
    position: relative;
    z-index: 1020;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    background-color: rgba(0, 0, 0, 0.1);
}

.white_nav.navbar {

    background: #fff !important;
}

.navbar .nav > li > a {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 5px 9px 5px 9px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: none;
    border: solid 1px transparent;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-transition: border 150ms ease-out;
    -moz-transition: border 150ms ease-out;
    -o-transition: border 150ms ease-out;
    transition: border 150ms ease-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.navbar.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7) !important;
}

.navbar.fixed .nav > li {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}

.navbar.fixed .brand {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}

.navbar .btn-navbar {
    color: #000;
    margin-top: 12px;
    margin-right: 10px;
    padding: 4px 10px;
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar[disabled] {
    color: #000;
}

.start_now {
    display: none;
    float: right;
    padding: 4px 3px;
}

.start_now .btn {
    margin-top: 11px;
    padding: 2px 12px;
    background: #6bc04b;
    border: none;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 500;
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -ms-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
}

.start_now .btn.btn.btn_orange:hover {
    background: #fff;
    color: #0f0f0f;
}

.navbar .maxSize {
    width: 65px;
    height: 65px;
    margin-top: 0;
    margin-bottom: 1px;
}

.navbar-inner {
    padding-right: 0;
    padding-left: 0;
    background-color: transparent;
    background-image: -moz-linear-gradient(top, transparent, transparent);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(transparent));
    background-image: -webkit-linear-gradient(top, transparent, transparent);
    background-image: -o-linear-gradient(top, transparent, transparent);
    background-image: linear-gradient(to bottom, transparent, transparent);
    background-repeat: repeat-x;
    border: 0 solid #d4d4d4;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='transparent', GradientType=0);
    *zoom: 1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.nav-collapse {
    float: left;
    margin-left: 50px;
}

.nav-collapse.in {
    margin-left: 0;
}

.nav .dropdown-toggle .caret {
    margin-top: 6px;
    border-top-color: #155660;
    border-bottom-color: #155660;
}

.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
    border-top-color: #155660;
    border-bottom-color: #155660;
}

.white_nav.navbar .nav > li > a {
    color: #423e3e;
}

.white_nav.navbar .nav > li > a:hover {
    color: #423e3e;
}

.navbar .nav .dropdown-toggle .caret {
    margin-top: 8px;
}

.navbar .nav > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    outline: none;

}

.navbar .nav > li > a:hover,
.navbar .nav > li.active > a {
    color: #fff;
    text-decoration: none;
    padding: 5px 9px 5px 9px;
    background-color: transparent;
    outline: 0;
    border: 1px solid #e4ac32;
}

.navbar .nav > li > a {

    padding: 5px 9px 5px 9px;
    color: #fff;

    text-decoration: none;

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

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus,
.navbar .nav > .active > a:active {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    /*box-shadow: none;*/
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    color: #423e3e;
    background-color: #ffffff;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: -40px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 0 0 0 0;
    list-style: none;
    background-color: rgba(10, 65, 74, 0.85);
    border: 5px solid #ffffff;
    border: 5px solid rgba(255, 255, 255, 0.2);
    *border-right-width: 5px;
    *border-bottom-width: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.dropdown-menu > li > a {
    display: block;
    padding: 8px 30px;
    clear: both;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    color: #f7a840;
    text-decoration: none;
    background-color: #05363e;
    background-image: -moz-linear-gradient(top, #05363e, #05363e);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#05363e), to(#05363e));
    background-image: -webkit-linear-gradient(top, #05363e, #05363e);
    background-image: -o-linear-gradient(top, #05363e, #05363e);
    background-image: linear-gradient(to bottom, #05363e, #05363e);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#05363e', endColorstr='#05363e', GradientType=0);
}

.navbar .nav > li > .dropdown-menu:before {
    position: absolute;
    top: -12px;
    left: 48%;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(255, 255, 255, 0.2);
    z-index: 99999;
    content: '';
}

.navbar .nav > li > .dropdown-menu:after {
    position: absolute;
    top: -10px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    content: '';
}

.dropdown img {
    padding-left: 5px;
}

/*------------------------------- Carousel Styles = Home Slider -------------------------------*/
#homeSlider .carousel-indicators {
    top: auto;
    bottom: 20px;
    left: 45%;
}

#homeSlider .carousel-indicators li {
    display: block;
    float: left;
    width: 6px;
    height: 6px;
    margin: 6px 0 6px 16px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50%;
}

#homeSlider .carousel-indicators .active {
    margin: 0 0 0 16px;
    width: 18px;
    height: 18px;
    background: transparent url(/images/indicator_active.png) no-repeat 0px 0px;
}

#homeSlider .carousel-control {
    position: absolute;
    top: 50%;
    left: 15px;
    width: 40px;
    height: 40px;
    padding: 0 0 0 12px;
    margin-top: -20px;
    font-size: 40px;
    font-weight: 100;
    line-height: 24px;
    color: #ffffff;
    text-align: left;
    background: transparent;
    border: 2px solid #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 1;
    filter: alpha(opacity=100);
}

#homeSlider .carousel-control.right {
    padding: 0 0 0 14px;
    right: 15px;
    left: auto;
}

#homeSlider .carousel-control:hover, #homeSlider .carousel-control:focus {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#homeSlider .carousel-caption {
    top: 10px;
    right: auto;
    bottom: auto;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0);
}

#homeSlider .carousel-caption h3 {
    margin: 0;
    padding: 8% 0 0 0;
    color: #ffffff;
    font-size: 60px;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    text-shadow: 0px 3px 4px rgba(0, 0, 0, 1);
}

#homeSlider .carousel-caption h4 {
    margin: 0;
    padding: 0 0 2.5% 0;
    color: #ffffff;
    font-size: 52px;
    line-height: 1;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-shadow: 0px 3px 4px rgba(0, 0, 0, 1);
}

#homeSlider .carousel-caption a {
    padding: 15px;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
}

#homeSlider .eletronics h3 {
    margin: 0;
    padding: 8% 0 0 8%;
    color: #323c48;
    font-size: 60px;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    text-shadow: 0px 3px 4px rgba(0, 0, 0, 1);
    text-align: left;
}

#homeSlider .eletronics h4 {
    margin: 0;
    padding: 0 0 2.5% 8%;
    color: #1a94b2;
    font-size: 42px;
    line-height: 1;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-shadow: 0px 3px 4px rgba(0, 0, 0, 1);
    text-align: left;
}

#homeSlider .specialOffers h3 {
    margin: 0;
    padding: 8% 8% 0 0;
    color: #14525c;
    font-size: 60px;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    text-shadow: 0px 3px 4px rgba(0, 0, 0, 1);
    text-align: right;
}

#homeSlider .specialOffers h4 {
    margin: 0;
    padding: 0 8% 2.5% 0;
    color: #726659;
    font-size: 52px;
    line-height: 1;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-shadow: 0px 3px 4px rgba(0, 0, 0, 1);
    text-align: right;
}

#homeSlider .specialOffers a {
    padding: 15px;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
}

/*------------------------------- Signup Styles = Home block -------------------------------*/
.signup {
    padding-top: 3%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 1%;
}

.signup h2 {
    margin: 0;
    padding: 0;
    color: #a1a1a1;
    font-size: 40px;
    line-height: 1;
    font-family: verdana;
    font-weight: 100;
    letter-spacing: -1px;
}

.signup h3 {
    margin: 0;
    padding: 0;
    color: #a1a1a1;
    font-size: 18px;
    line-height: 2;
    font-family: verdana;
    font-weight: 100;
}

.signup h4 {
    margin: 0;
    padding: 0;
    color: #14525c;
    font-size: 33px;
    line-height: 2;
    font-weight: 700;
}

.green {
    color: #14525c;
    font-weight: bold;
}

.yellow {
    color: #d29b37;
}

.signup a {
    font-weight: 700;
    font-size: 22px;
    background-color: #d49c2b;
}

/*------------------------------- Service block Styles -------------------------------*/

.serviceBox {
    margin: 0;
    padding: 0 0 10% 0;
    position: relative;
    text-align: center;
}

.serviceBox .bigIcon {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -45px;
    padding: 0 0 30px 0;
    text-align: center;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #d29b37;
    border: 10px solid #ffffff;
}

.serviceBox .bigIcon img {
    margin: 18px 0 0 0;
    border-radius: 0px;
}

.serviceBox img {
    margin: 60px auto 0 auto;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
}

.serviceBox .text {
    margin: 0;
    padding: 20px 20px 10px 20px;
    height: 170px;
    border-right: 1px solid #eaedf2;
    border-bottom: 1px solid #eaedf2;
    border-left: 1px solid #eaedf2;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.serviceBox .text h4 {
    margin: 0;
    padding: 1% 0 0 0;
    color: #434955;
    font-size: 22px;
    line-height: 1.4;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.serviceBox .text p {
    margin: 0;
    padding: 3.5% 0 0 0;
    color: #676f7a;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.4px;
}

/*------------------------------- Presentation block Styles -------------------------------*/
.presentation {
    margin: 3% auto 1% auto;
    padding: 0;
}

.presentation h5 {
    margin: 0;
    padding: 40px 0 10px 0;
    color: #434955;
    font-size: 26px;
    line-height: 1.1;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    border-top: 2px solid #eaedf2;
    text-align: center;
    position: relative;
}

.presentation h5 span {
    position: absolute;
    top: -28px;
    left: 50%;
    display: block;
    margin: 0 0 0 -62px;
    padding: 10px 50px;
    background-color: #ffffff;
}

.presentation ul {
    margin: 0;
    padding: 0 0 10px 0;
    list-style-type: none;
}

.presentation ul li {
    margin: 0;
    padding: 0 0 30px 40px;
    background: transparent url(../images/ico_yellow_blurb.png) no-repeat left 2px;
    color: #14525c;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    line-height: 20px;
}

.presentation .seeMore {
    display: block;
    margin: 0;
    padding: 5px 20px;
    float: right;
    color: #d49c2b;
    font-size: 14px;
    text-align: center;
    border-radius: 8px;
    border: 2px solid #d49c2b;
}

/*------------------------------- Testimonial Specific Styles -------------------------------*/
.presentation .seeMore:hover {
    text-decoration: none;
}

#testimonials .carousel-indicators {
    top: auto;
    bottom: 20px;
    left: 45%;
    z-index: 99999;
}

#testimonials .carousel-indicators li {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    text-indent: -999px;
    background-color: #eaedf2;
    background-color: rgba(234, 237, 242, 1);
    border-radius: 5px;
}

#testimonials .carousel-indicators .active {
    background-color: #cc9933;
}

#testimonials blockquote {
    margin: 0;
    padding: 8px 0 30px 0;
    text-align: center;
    border-left: 0px solid #eeeeee;
}

blockquote p {
    margin: 0;
    padding: 0;
    color: #676f7a;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7;
}

blockquote small {
    margin: 22px auto 0 auto;
    padding: 25px 0 0 0;
    border-top: 2px solid #eaedf2;
    width: 40%;
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #434955;
    position: relative;
}

blockquote small img {
    margin: -64px 30px 0 -30px;
}

blockquote small:before {
    content: '';
}

blockquote strong {
    color: #676f7a;
    font-size: 18px;
    font-weight: 500;
}

/*------------------------------- Content Styles -------------------------------*/
.content h1 {
    margin: 70px 0 0 0;
    padding: 40px 0 30px 0;
    color: #434955;
    font-size: 26px;
    line-height: 1.1;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    border-top: 2px solid #eaedf2;
    text-align: center;
    position: relative;
}

.content h1 span {
    position: absolute;
    top: -28px;
    left: 50%;
    display: block;
    margin: 0 0 0 -62px;
    padding: 10px 50px;
    background-color: #ffffff;
}

.content h2 {
    margin: 0;
    padding: 6% 0 3% 0;
    color: #434955;
    font-size: 26px;
    line-height: 1.1;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.content h3 {
    margin: 0;
    padding: 20% 0 3% 0;
    color: #434955;
    font-size: 24px;
    line-height: 1.0;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.content p {
    margin: 0;
    padding: 0 0 3% 0;
    color: #676f7a;
    font-size: 14px;
    line-height: 1.7;
}

.content p.special {
    margin: 0;
    padding: 0 0 3% 0;
    color: #676f7a;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.7;
    text-align: center;
}

.btn-signup {
    padding: 10px 22px;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    background-color: #d49c2b;
}

ul.checked {
    margin: 0;
    padding: 20px 0 30px 0;
    list-style-type: none;
}

ul.checked li {
    margin: 0;
    padding: 0 0 10px 30px;
    background: transparent url(../images/bg_checked.png) no-repeat 0px 0px;
    font-size: 14px;
    color: #676f7a;
}

ul.checkedSpecial {
    margin: -30px 0 0 0;
    padding: 35px 70px 15px 80px;
    list-style-type: none;
    width: 100%;
    background-color: #f4f4f4;
}

ul.checkedSpecial li {
    margin: 0;
    padding: 0 0 20px 30px;
    background: transparent url(../images/bg_checked.png) no-repeat 0px 0px;
    font-size: 21px;
    font-weight: 600;
    color: #676f7a;
    font-style: italic;
}

/*------------------------------- Footer Styles -------------------------------*/
footer {
    margin: 0;
    background-color: #383d44;
    position: relative;
}

footer .top {
    position: relative;
}

    footer .top:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 50%;
        background-color: #383d44;
        z-index: 0;
    }

    footer .top .inner {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        flex-wrap: wrap;
        padding: 0;
        background: #383d44;
    }

footer .top .inner article {
    width: 20%;
    padding: 22px 5px 22px 25px;
}

footer .top .inner .follow-mwr {
    padding: 20px 15px;
    text-align: center;
}

footer .top .inner .follow-mwr .social-icons {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

footer .top .inner .office {
    width: 30%;
}

footer .top .inner .last-block .wrap-img {
    margin: 25px 0 10px;
    padding-left: 25px;
}

footer .top .inner .last-block .wrap-img img {
    max-width: 105px;
}

footer .wrap-img {
    margin-bottom: 3px;
}

footer h6 {
    margin: 0;
    padding: 0 0 18% 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

footer h6 {
    margin: 0;
    padding: 0 0 18% 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

footer .rewards h6 {
    margin: 0;
    padding: 0 0 18% 0;
    color: #ffffff;
    font-size: 22px;
    line-height: 1.4;
    font-family: 'Muli', sans-serif;
    font-weight: 500;
    text-transform: none;
    font-style: italic;
}

footer .rewards h6 img {
    display: block;
    margin: -20px auto 10px auto;
}

footer a {
    color: #ffffff;
}

footer a:hover {
    color: #fff;
}

footer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

footer ul li {
    margin: 0;
    padding: 0 0 4px 25px;
    font-size: 12px;
    color: #fff;
    line-height: 1.6;
}

footer ul li.addy {
    background: transparent url(../images/ico_map.png) no-repeat -4px 7px;
    padding-top: 3px;
}

footer ul li.fax i {
    color: #D49C2A;
    padding-right: 10px;
    margin-left: -25px;
}

footer ul li.phone {
    background: transparent url(../images/ico_phone.png) no-repeat -4px 4px;
}

footer ul li.email {
    background: transparent url(../images/ico_email.png) no-repeat -4px 3px;
}

footer ul li.website {
    background: transparent url(../images/ico_website.png) no-repeat -4px 2px;
}

    footer ul li.whatsapp {
        background: transparent url(../images/ico_whatsapp.png) no-repeat -4px 2px;
    }

footer .twitter ul li {
    padding: 0 0 6% 30px;
    background: transparent url(../images/ico_twitter_entry.png) no-repeat -4px 6px;
}

footer .twitter ul li small {
    display: block;
    font-style: italic;
    font-size: 14px;
}

footer p {
    margin: 0;
    padding: 0 0 4% 0;
    font-size: 14px;
    color: #aab2bd;
    line-height: 1.6;
}

footer form {
    margin: 0;
    padding: 10px 0;
}

footer form input[type="text"] {
    margin: 0;
    padding: 8px;
    color: #ffffff;
    border: 0;
    background-color: #05363e;
    border-radius: 6px;
    width: 75%;
    height: 33px;
}

footer form button {
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #57caed;
    border-radius: 6px;
    width: 20%;
    height: 33px;
}

    footer .bottom {
        margin: 0;
        padding: 0;
        background-color: #383d44;
        height: 40px;
    }

footer .bottom p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #e1e1e1;
    line-height: 40px;
}

footer .bottom ul {
    margin: 20px 0 0 0;
    padding: 0;
    list-style-type: none;
    float: right;
}

footer .bottom ul li {
    margin: 0;
    padding: 0;
    float: left;
}

footer .bottom ul li a {
    display: block;
    margin: 0 0 0 10px;
    width: 31px;
    height: 30px;
    padding: 0;
    text-indent: -9000px;
}

footer .bottom ul li a.facebook {
    background: transparent url(../images/ico_facebook.png) no-repeat 0px 0px;
}

footer .bottom ul li a.twitter {
    background: transparent url(../images/ico_twitter.png) no-repeat 0px 0px;
}

footer .bottom ul li a.linkedin {
    background: transparent url(../images/ico_linkedIn.png) no-repeat 0px 0px;
}

/*------------------------------- Back to top Style -------------------------------*/
.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 2%;
    text-decoration: none;
    color: #000000;
    border: 2px solid #eaedf2;
    background-color: transparent;
    font-size: 12px;
    padding: 1em;
    display: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 50px;
    width: 50px;
    text-align: center;
    z-index: 9999;
}

.back-to-top:hover {
    background-color: rgba(233, 233, 233, 0.50);
}

/*------------------------------- Media Queries -------------------------------*/

@media (max-width: 979px) {
    .inner {
        margin: 0 auto;
        padding: 0 3%;
        max-width: 940px;
    }

    .navbar .nav > li > a {
        float: none;
        margin-left: 5%;
    }

    /*.navbar .nav > .active > a,*/
    /*.navbar .nav > .active > a:hover,*/
    /*.navbar .nav > .active > a:focus,*/
    /*.navbar .nav > .active > a:active {*/
    /*background-color: #155660;*/
    /*color: #ffffff;*/
    /*border-bottom: 0px solid #155660;*/
    /*}*/
    .dropdown-menu > li > a {
        padding-left: 5% !important;
        text-align: left;
        font-size: 12px;
    }

    .nav-collapse {
        display: block;
        float: none;
        z-index: 99999999;
    }

    .fixed .navbar-inner {
        min-height: 40px;
    }

    .navbar .navbar-inner .nav > li {
        padding: 10px 0;
    }

    ul.nav {
        padding-top: 30px;
    }

    #homeSlider .carousel-indicators {
        display: none;
    }

    #homeSlider .carousel-caption {
        top: 0px;
    }

    #homeSlider .carousel-caption h3 {
        margin: 0;
        padding: 4% 0 0 0;
        font-size: 40px;
    }

    #homeSlider .carousel-caption h4 {
        font-size: 30px;
    }

    #homeSlider .eletronics h3 {
        font-size: 40px;
    }

    #homeSlider .eletronics h4 {
        font-size: 30px;
    }

    #homeSlider .specialOffers h3 {
        font-size: 40px;
    }

    #homeSlider .specialOffers h4 {
        font-size: 30px;
    }

    .presentation h5 {
        margin: 50px 0 0 0;
    }

    .start_now {
        position: absolute;
        top: 0;
        right: 80px;
    }

    .nav-collapse.in li {
        opacity: 1;
    }

    .nav-collapse li {
        opacity: 0;
    }

    #navLayout.navbar {
        background: #000;
    }

    footer .top:before {
        display: none;
    }

    footer .top .inner article {
        padding-left: 15px;
    }

    footer .top .inner .office {
        width: 35%;
    }

    footer .top .inner .last-block {
        width: 30%;
    }

    footer .top .inner .follow-mwr {
        position: relative;
        width: 100%;
        text-align: center;
    }

    footer .top .inner .follow-mwr:before {
        content: '';
        position: absolute;
        left: -5%;
        top: 0;
        width: 110%;
        height: 100%;
        z-index: -1;
        background-color: #0f4751;
    }
}

@media (max-width: 767px) {
    #homeSlider .carousel-caption h3 {
        margin: 0;
        padding: 2% 0 0 0;
        font-size: 40px;
    }

    footer .top .inner {
        flex-direction: column;
    }

    footer .top .inner .follow-mwr:before {
        display: none;
    }

    footer .top .inner .office,
    footer .top .inner .last-block {
        width: 100%;
        padding: 15px 15%;
    }

    footer .top .inner .office {
        padding-bottom: 0 !important;
    }

    footer .top .inner .last-block .wrap-img {
        margin-top: 15px;
    }

    footer .top .inner .last-block .wrap-img img {
        max-width: 90px;
    }

    footer .bottom {
        height: auto;
        padding-bottom: 30px;
    }

    footer .bottom ul {
        margin: 0;
        float: none;
    }

    footer .bottom ul li a {
        margin: 0 10px 0 0;
    }

    footer h6 {
        padding: 2% 0;
        font-size: 20px;
    }

    footer .rewards h6 {
        text-align: center;
        margin: 0;
        padding: 0 0 4% 0;
    }

    #homeSlider .carousel-caption a {
        padding: 10px;
        font-size: 14px;
    }

    .services .services-header_images div > img {
        width: auto;
    }

    .services-header_images .clearfix > div:nth-of-type(2) {
        margin-top: -80px;
    }

    .navbar.fixed .navbar-inner {
        min-height: 40px;
    }
}

@media (max-width: 600px) {

    #homeSlider .carousel-caption h3 {
        font-size: 25px;
    }

    #homeSlider .carousel-caption h4 {
        font-size: 15px;
    }

    #homeSlider .eletronics h3 {
        font-size: 25px;
    }

    #homeSlider .eletronics h4 {
        font-size: 15px;
    }

    #homeSlider .specialOffers h3 {
        font-size: 25px;
    }

    #homeSlider .specialOffers h4 {
        font-size: 15px;
    }

    #homeSlider .carousel-caption a {
        padding: 6px;
        font-size: 10px;
    }

    #homeSlider .carousel-caption a i {
        display: none;
    }

    .services .service-block {
        padding: 10px;
        text-align: center;
    }

    .services .service-block .service-block_left {
        width: 100%;
    }

    .services .service-block .service-block_right {
        margin-top: 30px;
    }

    .start_now .btn.btn_orange {
        padding: 8px;
    }
}

@media (max-width: 480px) {
    #homeSlider .carousel-caption {
        position: absolute;
    }

    #homeSlider .carousel-control {
        display: none;
    }

    #homeSlider .carousel-caption h3 {
        padding: 0 0 0 0;
        font-size: 25px;
    }

    #homeSlider .carousel-caption h4 {
        font-size: 15px;
    }

    #homeSlider .eletronics h3 {
        font-size: 25px;
    }

    #homeSlider .eletronics h4 {
        font-size: 15px;
    }

    #homeSlider .specialOffers h3 {
        font-size: 25px;
    }

    #homeSlider .specialOffers h4 {
        font-size: 15px;
    }

    #homeSlider .carousel-caption a {
        padding: 6px;
        font-size: 10px;
    }

    #homeSlider .carousel-caption a i {
        display: none;
    }

    .signup h2 {
        font-size: 32px;
    }

    .signup h3 {
        font-size: 18px;
        line-height: 1.2;
    }

    .signup h4 {
        font-size: 20px;
    }

    .signup a {
        margin-top: 20px;
        font-size: 14px;
    }

    .services .scroll_down_services a {
        width: 100%;
    }

    .services-header_images a > img {
        width: 80%;
    }

    .services-header_images div.span6 > a:hover:before {
        width: 80%;
        margin-left: 10%;
    }

    .service-dropdown-paddings .span6:nth-of-type(2) {
        margin-top: 15px;
    }

    footer .top .inner .office,
    footer .top .inner .last-block {
        padding: 12px 15px;
    }
}

legend {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #E5E5E5;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #333333;
    display: block;
    font-size: 21px;
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 0;
    width: 100%;
}

div.legend {
    display: block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 10px;
    color: #FFFFFF;
    font-size: 21px;
    line-height: 40px;
    background-color: #2589CC;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #E5E5E5;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    border-color: #DDD;
    font-family: 'Montserrat';
}

.TabContainer div.legend {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 6px 10px;
    line-height: 1.4;
    text-align: left;
    font-weight:500;
    border-radius:7px;
}

.TabContainer div.legend a {
    margin-right: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}


.TabContainer .ui-widget select {
    margin-bottom: 2px;
}

.TabContainer table.dataTable {
    margin: 10px 0;
}

.TabContainer .wrap-showCancelled {
    margin-bottom: 5px;
    text-align: right;
}

.TabContainer #showCancelled {
    width: 20px !important;
    margin: 0;
}

#checkoutPage .TabContainer .formRow div label {
    width: 120px;
    margin: 0;
    padding-right: 10px;
    text-align: left;
}

#checkoutPage .TabContainer .formRow input[type="text"]:disabled {
    color: #808080;
    background: #eeeeee;
    font-weight: 100;
}

#checkoutPage .TabContainer .formRow input[type="checkbox"] {
    float: none;
    margin: 0 8px 2px 0;
}

.contentcontainer {
    min-height: 294px;
}

#mycarousel li {
    border: 1px solid #CCCCCC;
    list-style: none outside none;
    margin: 15px;
}

.product-heading {
    margin-left: 21px;
    text-align: center;
}

#aboutusContainer .duplicate-head {
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-right: 10px;
}

.imgframe-r {
    background-color: #FFFFFF;
    border: 1px solid #C4C4C4;
    color: #84919A;
    float: right;
    font-size: 0.85em;
    line-height: 1.2em;
    margin: 5px 0 10px 10px;
    padding: 6px;
}

#aboutusContainer .title-name {
    padding: 0 0 0%;
    font-size: 18px;
    width: 45%;
}

.highlight {
    padding: 0 0 0%;
    font-size: 18px;
    color: #D49C2B !important;
    width: 45%;
}

.field-validation-error {
    color: red !important;
    font-size: 13px;
}

/* Latest Design Updates - OA */

.navbar .nav > li {
    position: relative;
    margin: 0 10px;
    padding: 11px 0;
}

.carousel {
    margin-bottom: 0px;
}

.page-banner {
    display: none;
}

/* Top  Bar */

header.top-header {
    position: relative;
    background: #2589CC;
    width: 100%;
    z-index: 1;
}

.top-header .inner {
    padding: 8px 0 2px;
    color: #ededed;
}

.top-header .inner > div:not(.login) {
    float: left;
}

.top-header .login {
    float: right;
}

.top-header.logged .language {
    display: none;
}

.top-header .language {
    float: left;
    margin-left: 40px;
}

.top-header .language .changeLangDiv {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: lightgray;
}

.top-header .language .changeLangDiv select {
    width: 90px !important;
    height: 20px;
    margin: 1px 0 0;
    padding: 0 4px;
    background: transparent;
    color: #f1f5f6;
    font-size: 13px;
    line-height: 20px;
    border-width: .5px;
}

.country-menu {
    margin-bottom: 2px;
}

/* Social Icons Style */

.social-icon {
    padding: 1px 0;
}

.social-icon i {
    font-size: 13px;
    color: lightgray;
    padding-left: 5px;
    padding-right: 5px;
}

.social-icon i:hover {
    color: #D49C2B;
}

/* Right side login */

.login {
    float: right;
    font-family: 'Montserrat';
    font-weight: 600;
}

.login a {
    color: #fff;
    line-height: 22px;
}

.login_page .login a,
.login_page .login div {
    display: none;
}

.login a:nth-child(1) {
    padding-right: 10px;
}

.login a:nth-child(2) {
    padding-left: 10px;
}

.login a:hover {
    color: #f7a840;
    text-decoration: none;
}

.login a.active {
    color: #f7a840;
}

/* Home Banner */
.home-banner {
    margin-top: -8px;
    width: 100%;
    height: 600px;
    text-align: center;
    -webkit-background-size: 100% 348px;
    -moz-background-size: 100% 348px;
    background-size: cover;
    background-image: url('../images/background.jpg');
    margin-bottom: 20px;
}

.home-banner h1 {
    padding-top: 45px;
    font-size: 60px;
    color: #02434e;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    text-align: center;
    font-weight: bold;
    line-height: 0.8;

}

.home-banner h1 span {
    color: #0f92bc;
}

.home-banner a > img {
    margin-top: 10px;
    opacity: 1.0;
    max-width: 100%;
    height: auto;
}

.home-banner a > img:hover {
    opacity: 0.8;
}

.banner-video {

    margin: 0 auto;
    margin-top: 60px;

}

.banner-video img {
    box-shadow: 0px 0px 4px -1px #000000;
    border-radius: 2px;
    background-color: #000;
    opacity: 0.9;
    max-height: 430px;
    max-width: 850px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.banner-video img:hover {
    opacity: 1.0;
    box-shadow: 0px 0px 4px 1px #000000;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.banner-video h4 {
    padding-top: 40px;
    font-size: 30px;
    font-family: "Open Sans", sans-serif;
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    z-index: 11;
}

.banner-video h4 span {
    color: #0f92bc;
}

/*#profile-band p {
float: right;
margin-left: 9px;
font-size: 12px;
color: #3b3b3b;
padding-top: 8px;
line-height: 1.4;
font-weight: bold;
}*/
/*

    #profile-band p {
    font-size: 13.5px!important;
    color: #3B3B3B;
    padding-top: 1px;
    position: relative;
    line-height: 1.5;
    font-weight: bold;
    }
*/

/*#profile-band a {*/
/*position: absolute;*/
/*top: 0;*/
/*bottom: 0;*/
/*right: 0;*/
/*left: 0;*/
/*color: #3b3b3b;*/
/*font-weight: normal;*/
/*}*/

#profile-band .profile_info > span {
    font-size: 10px;
    line-height: 14px;
}

#profile-band .profile_info div {
    font-size: 11px;
    line-height: 1.1;
}

#profile-band .profile_info_not_logged div {
    font-size: 14px;
    line-height: 1.1;
}

#profile-band .profile_info_not_logged #checkPsize {
    margin-bottom: 26px;
    line-height: 16px;
}

#role {
    display: inline-block;
    min-width: 100px;
    color: #505050;
    font-size: 9px;
    font-weight: 300;
    text-transform: uppercase;
}

#role + br + span {
    display: block;
    line-height: 2px;
}

.btn_learn_more {
    max-height: 100%;
    height: auto;
    padding: 0 8px;
    margin-top: 20px;
    display: inline-block;
    line-height: 50px;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #d49c2b;
    font-weight: 500 !important;
    opacity: 1.0;
}

a.btn_learn_more:hover {
    text-decoration: none;
    color: #fff;
    opacity: 0.8;
}

/* I beat you Bootstrap :D - Building up a Fade Effect in Bootstrap Carousal */

.carousel.fade {
    opacity: 1;
}

.carousel.fade .item {
    -moz-transition: opacity ease-in-out .7s;
    -o-transition: opacity ease-in-out .7s;
    -webkit-transition: opacity ease-in-out .7s;
    transition: opacity ease-in-out .7s;
    left: 0 !important;
    opacity: 0;
    top: 0;
    position: absolute;
    width: 100%;
    display: block !important;
    z-index: 1;
}

.carousel.fade .item:first-child {
    top: auto;
    position: relative;
}

.carousel.fade .item.active {
    opacity: 1;
    -moz-transition: opacity ease-in-out .7s;
    -o-transition: opacity ease-in-out .7s;
    -webkit-transition: opacity ease-in-out .7s;
    transition: opacity ease-in-out .7s;
    z-index: 2;
}

/* Other Static Page General Data's */
.page-banner {
    height: 320px;
    -webkit-background-size: 100% 348px;
    -moz-background-size: 100% 348px;
    background-size: 100% 348px;
    background-image: url('../image/banner-all.jpg');
}

.wrapper {
    max-width: 980px;
    margin: 0 auto;
}

.content-section {
    text-align: left;
    padding-top: 20px;
    padding-bottom: 30px;
}

.sidebar {
    text-align: left;
    padding-left: 5px;
    padding-bottom: 30px;
}

.sidebar img {
    padding-left: 20px;
}

.content-title {
    padding-bottom: 10px;
    font-family: 'Roboto';
    font-size: 34px;
    color: #0c525d;
    border-bottom: 1px solid #eae5df;
    text-align: left;
}

.content-subtitle {
    margin-top: 20px;
    color: #cc9933;
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    line-height: 1.4;
    font-weight: 500;
}

.content-text {
    font-size: 14px;
    font-weight: 300;
    color: #131313;
    line-height: 1.3;
    text-align: justify;
}

.width_100 {
    max-width: 100%;
    height: auto;
}

/* Income Overview Grid - Called as io-grid */

.io-grid-item:nth-child(4) {
    margin-left: 0;
    margin-top: 30px;
}

.io-grid-item:nth-child(5) {
    margin-top: 30px;
}

.io-grid-item:nth-child(6) {
    margin-top: 30px;
}

.io-grid-item img {
    max-width: 100%;
    display: block;
}

.io-grid-item span {
    width: 100%;
    height: 39px;
    display: inline-block;
    background: #d49c2b;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    line-height: 39px;
    color: #ffffff;
    font-weight: 500;
    padding-left: 10px;
}

/* Immediate Income Static Page - Called as ii */

.ii-heading {
    font-size: 26px;
    color: #cc9933;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.4;
}

.ii-para {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #0c525d;
    line-height: 1.4;
}

/* LifeStyle Rewards Static Page - called it lfr */

.lfr .row-fluid:nth-child(1), .row-fluid:nth-child(2), .row-fluid:nth-child(3) {
    padding-bottom: 0px;
    padding-top: 0px;
}

.lfr .row-fluid {
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 30px;
    padding-top: 20px;
}

.lfr-heads {
    font-family: 'Open Sans', sans-serif;
    font-size: 68px;
    color: #cc9933;
    line-height: 1.4;
    font-weight: 400;
}

.lfr-desc {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: #0c525d;
    line-height: 1.4;
}

.mepp-list li {
    margin-top: 10px;
    padding-left: 0;
    list-style-type: disc;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #0c525d;
    font-weight: 700;
    font-style: italic;
}

/* sidebar style */
.sidebar img {
    margin: 0 auto;
    padding-top: 15px;
}

.sidebar-title {
    color: #434955;
    font-size: 26px;
    line-height: 1.4;
    padding-top: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding-left: 20px;
}

.sidebar-menu {
    margin-top: 20px;
}

.sidebar-menu ul li {
    clear: both;
    margin-top: 5px;
    padding-left: 20px;
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 22px;
    color: #959595;
    list-style-type: none;

}

.sidebar-menu ul li.active {
    background: url(../images/arrow-active.jpg) no-repeat 0 7px;
}

.sidebar-menu ul li.active a {
    color: #cc9933;
    text-decoration: none;
}

.sidebar-menu ul li a {
    color: #959595;
}

.sidebar-menu ul li a:hover {
    color: #cc9933;
    text-decoration: none;
}

/* Mobile Compatibility Grids */

@media screen and (min-width: 320px) and (max-width: 480px) {

    .top-bar .social-icon {
        text-align: center;
        padding-left: 5px;
    }

    .social-icon i {
        font-size: 14px;
    }

    .home-banner {
        height: auto;
        padding: 30px 10px 60px 10px;
        margin-bottom: 30px;
    }

    .home-banner h1 {
        padding-top: 0;
        font-size: 36px;
        line-height: 1.2;
    }

    .home-banner h2 {
        font-size: 30px;
    }

    .banner-video {
        margin-top: 40px;
    }

    .signup h2 {
        text-align: center;
        padding-top: 10px;
    }

    .signup h3 {
        text-align: center;
    }

    a.btn_learn_more {
        margin-left: 33%;
    }

    .carousel {
        margin-bottom: 20px;
    }

    #testimonials .carousel-indicators {
        bottom: -10px;
    }

    footer section.inner {
        margin-left: 0 !important;
    }

    .io-grid-item img {
        max-width: 100%;
        display: block;
        width: 100%;
    }

    .content-title {
        padding: 0 10px;
    }

    .content-text {
        padding: 0;
    }

    .ii-heading {
        padding: 0 5px 0 5px;
    }

    .ii-para {
        padding: 0 5px 0 5px;
    }

    .lfr-heads {
        text-align: center;
    }

    .lfr-desc {
        padding: 0 5px 0 5px;
        text-align: center;
    }

    .content-section .width_100 {
        width: 100%;
    }

    .content-section .leadership {
        padding: 0 5px 0 5px;
    }

    .content-section .leader {
        text-align: center;
        padding-bottom: 10px;
    }

    .content-section p {
        padding: 0 5px;
    }

    .content-section h3 {
        padding: 0 5px;
    }

    .content-section li {
        padding-right: 5px;
    }

    .event-holder {
        overflow: hidden;
        width: 98%;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {

    .home-banner {
        height: auto;
        padding: 30px 20px 60px 20px;
        margin-bottom: 30px;
    }

    .home-banner h1 {
        padding-top: 20px;
        font-size: 45px;
        line-height: 1.1;
    }

    .home-banner h2 {
        font-size: 40px;
    }

    .signup h2 {
        text-align: center;
        padding-top: 10px;
        font-size: 38px;
    }

    .signup h3 {
        text-align: center;
    }

    a.btn_learn_more {
        margin-left: 41%;
    }

    .content-title {
        padding: 0 10px;
    }

    .content-text {
        padding: 0;
    }

    .ii-heading {
        padding: 0 5px 0 5px;
    }

    .ii-para {
        padding: 0 5px 0 5px;
    }

    .event-holder {
        overflow: hidden;
        width: 98%;
    }

    footer section.inner {
        margin-left: 0 !important;
        padding-left: 15%;
    }

    .content-section p {
        padding: 0 10px;
    }

    .content-section h3 {
        padding: 0 10px;
    }

    .content-section li {
        padding-right: 5px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    .signup h2 {
        padding-top: 15px;
        font-size: 38px;
    }

    .home-banner {
        height: auto;
        padding: 30px 30px 60px 30px;
        margin-bottom: 30px;
    }

    .home-banner h1 {
        padding-top: 20px;
        font-size: 45px;
        line-height: 1.1;
    }

    a.btn_learn_more {
        font-size: 18px;
        padding: 0 10px;
    }

    .content-section {
        position: relative;
        left: 10px;
    }

    .event-holder {
        overflow: hidden;
        width: 98%;
    }

    footer section.inner {
        margin-left: 0 !important;
        padding-left: 15%;
    }
}

.adhcheckboxtextfont {
    padding: 20px;
}

.ddlClass {
    width: 210px;
}

/* Video Wrapper Class - For Responsive Embed */

.omax-video {
    position: relative;
    /*padding-bottom: 56.25%; /!* 16:9 *!/*/
}

.omax-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.omax-video a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

/* Custom Dashboard Implementation - OA */

.odashboard {
    padding: 30px;

}

.dashboard-nav .nav-tabs > li > a {
    border-radius: 0;
    color: #b1b1b1;
    margin-right: 0;
}

.dashboard-nav .nav-tabs > li > a:hover, .dashboard-nav .nav-tabs > li > a:hover:focus {
    background-color: #b1b1b1;
    color: #fff;
}

.dashboard-nav .nav-tabs > li.active > a,
.dashboard-nav .nav-tabs > li > a.current,
.dashboard-nav .nav-tabs > li > a:hover,
.dashboard-nav .nav-tabs > li > a:focus {
    background-color: #b1b1b1;
    color: #fff;
}

.dashboard-nav .nav-tabs > li > a i {
    font-size: 18px;
    padding-right: 20px;
    margin-top: -1px;
    color: #b1b1b1;
}

.dashboard-nav .nav-tabs > li.active > a i,
.dashboard-nav .nav-tabs > li > a.current i,
.dashboard-nav .nav-tabs > li > a:hover i,
.dashboard-nav .nav-tabs > li > a:focus i {
    color: #fff;
}

.dashboard-wrap {
    border: 1px solid #b1b1b1;
    margin-top: -21px;
    padding-top: 50px;
}

.dash-download {
    background: #64b4f2;
    padding: 10px 22px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
}

.dashboard-wrap h1 {
    font-size: 58px;
    font-weight: 300;
    margin-top: -15px;
    padding-left: 50px;
}

.dash-download i {
    font-size: 19px;
    padding-right: 25px;
}

.dash-download:hover {
    text-decoration: none;
    color: #fff;
    background: #4F8CBC;
}

@media all and (max-width: 767px) {

    .dashboard-wrap h1 {
        text-align: center;
        padding-left: 0;
    }

    .dash-download {
        display: inline-block;
        margin: 15px 0;
    }
}

.ds-block {
    padding-left: 50px;
    padding-bottom: 15px;
}

.dash-service {
    height: auto;

    padding-top: 25px;
    padding-bottom: 15px;
    padding-right: 30px !important;
}

.dash-service div.span7 {
    margin-left: 5px
}

.dash-service div.span4 {
    text-align: right;
    padding-top: 15px;
}

.dash-service div.span4 a {
    background: #d49c2b;
    padding: 6px 12px;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.dash-service div.span4 a:hover {
    text-decoration: none;
    opacity: 0.8;
}

.dash-service div.span4 a.view_details {
    background: #0D525D;
}

.dash-service h4 {
    font-weight: 400;
    font-size: 24px;
    padding-left: 0 !important;
}

.dash-service p {
    color: #cb9f34;
    margin-top: -8px
}

.dash-footer {
    padding-top: 80px;
    padding-bottom: 60px;
}

.dash-help p {
    text-align: center;
    text-transform: uppercase;
    color: #d6d6d6;
    font-weight: 300;
    padding-bottom: 20px;
}

.dash-help p i {
    font-size: 20px;
    position: relative;
    top: 2px;
    padding-right: 4px;
    color: #b1b1b1;
}

.dash-number {
    text-align: center;
    color: #b1b1b1;
    font-weight: 300;
}

.dash-number i {
    font-size: 20px;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.dash-mail {
    text-align: center;
    color: #b1b1b1;
    font-weight: 300;
}

.dash-mail a {
    color: #b1b1b1;
    text-decoration: underline;
}

.dash-mail i {
    font-size: 20px;
    position: relative;
    top: 1px;
    margin-right: 5px;
}

/* account */

.profile_form label {
    display: inline-block;
    width: 130px;
    vertical-align: middle;
}

.profile_form input[type='text'],
.profile_form input[type='password'],
.profile_form select {
    width: calc(100% - 170px);
}

.profile_form #btnSaveProfile {
    float: right;
    margin: 40px 36px 15px 0;
}

@media all and (max-width: 800px) {
    .profile_form .w50 {
        width: 80%;
        margin: 0 10%;
    }

    .profile_form #btnSaveProfile {
        float: right;
        margin: 40px 36px 15px 0;
    }

}

@media all and (max-width: 600px) {

    .profile_form .w50 {
        width: 90%;
        margin: 0 5%;
    }

    .profile_form label {
        width: auto;
    }

    .profile_form input[type='text'],
    .profile_form input[type='password'],
    .profile_form select {
        width: 100%;
    }

    .profile_form #btnSaveProfile {
        margin-right: 0;
    }

    .menu_CustomerAccount li {
        line-height: 30px;
    }

}

/* additional_services */

.additional_services {
    text-align: center;
}

.additional_services div {
    display: inline-block;
    margin: 0 10px 5px;
}

/* Odicon Implementation */

@font-face {
    font-family: 'odicons';
    src: url('fonts/odicons.eot');
}

@font-face {
    font-family: 'odicons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SDagAAAC8AAAAYGNtYXD8YcT5AAABHAAAAGRnYXNwAAAAEAAAAYAAAAAIZ2x5Zl0e1HgAAAGIAAAEhGhlYWQGZ4zKAAAGDAAAADZoaGVhB8cDxQAABkQAAAAkaG10eBYAAE8AAAZoAAAAIGxvY2EDtgKSAAAGiAAAABJtYXhwABAAmgAABpwAAAAgbmFtZY8///EAAAa8AAABhnBvc3QAAwAAAAAIRAAAACAAAwOaAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw5APA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQASAAAAA4ACAACAAYAAQAg5gHpcfDk//3//wAAAAAAIOYA6XHw5P/9//8AAf/jGgQWlQ8jAAMAAQAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAABAAP/8IEBAOoABkAMwBlAJcAAAElJiIHBQ4BFRQWFwUeATMyNjclPgE1NCYnBwUGIiclLgE1NDY3JT4BMzIWFwUeARUUBgcXJgYHBhYXHgEVFAYHBQYiJyUuATU0Njc+AScuAQcOARUUFhcFHgEzMjY3JT4BNTQmJxUmBgcGFhceARUUBgcFBiInJS4BNTQ2Nz4BJy4BBw4BFRQWFwUeATMyNjclPgE1NCYnA9j+jyZvJv6PFhYXFQFxEzAbGjATAXEWFhYWEP6OHV4e/o4MDg4MAXIPKBYVKA8BcgwODgwQBg0EAwMHDA4ODP6OH1sf/o4MDg4MBwMDBA0GFhYWFgFxFDAaGTAUAXEWFhYWBg0EAwMHDA4ODP6OH1sf/o4MDg4MBwMDBA0GFRcWFgFxFDAaGTAUAXEWFhYWAtjQFRXQDCESEyAM0QoMDArRDCATEiEMYNEREdEHEQkIEgfQCQkJCdAHEggJEQd7AwMHBg0EBxEJCREH0RER0QcRCQkRBwQNBgcDAwwhEhMgDNELCwsL0QwgExIhDNcEBAYGDgQHEQkIEgfQEhLQBxIICREIAw4GBgQEDCATEiEM0AsLCwvQDCESEyAMAAAAAAMAAP/RBAAD0QAUACkAMAAABSIuAjU0PgIzMh4CFRQOAiMRIg4CFRQeAjMyPgI1NC4CIwMzGwEzBycCAGq7i1BQi7tqaruLUFCLu2pXmHJCQnKYV1eYckJCcphX6YxdXYzp6S9Ri7pqaruLUFCLu2pquotRA6NBcplXVplyQUFymVZXmXJB/i8BdP6M6ekAAAEAQAAAA8ADQAAdAAAlNT4BNTQuAiMiDgIVFBYXFQ4DFSE0LgInAkA1SwYkTkhITiQGSzVRjWc7A4A7Z41R/TUehko8aU4tLU5pPEqGHjUGLUNXMDBXQy0GAAAABwAAAAAEAAMlABAAIQA8AE0AXgBvAIkAABM0JyYjIgcGFRQXFjMyNzY1EzQnJiMiBwYVFBcWMzI3NjUTNzYnJicmBwYPAQYHBgcGFxYXFjc2NzYnJiclNCcmIyIHBhUUFxYzMjc2NQE0JyYjIgcGFRQXFjMyNzY1BTQnJiMiBwYVFBcWMzI3NjUTFAcGIyEiJyY1NDc2NzY3NjMyFxYXFhcWFdsVFR8eFRYWFR4fFRVuFRYeHhYVFRYeHhYV9TkECAgODg0NBDoiGxsJDBcXLCwnKAsJDA0cAXkWFR4fFRUVFR8eFRb+khUWHh4WFRUWHh4WFQEAFRYeHhYVFRYeHhYVt1EKFPzeFApRKShFRF9faGhfX0RFKCkBJR4VFhYVHh8VFhYVHwEAHhUWFhUeHxUWFhUf/u3aDw0NBAQICA/aAxYWIiwoJwsMFxcsIiEgFBMeFRYWFR4fFRYWFR8BbR8VFRUVHx4VFhYVHm0eFRYWFR4fFRYWFR//AJZ+ERF+lmheX0VEKSkpKURFX15oAAEAAAABAAD+oYgFXw889QALBAAAAAAA0aIkHQAAAADRoiQdAAD/wgQEA9EAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAP/8BAQAAQAAAAAAAAAAAAAAAAAAAAgEAAAAAAAAAAAAAAACAAAABAAADwQAAAAEAABABAAAAAAAAAAACgAUAB4BBAFMAXoCQgAAAAEAAAAIAJgABwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRvZGljb25zAG8AZABpAGMAbwBuAHNWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBvZGljb25zAG8AZABpAGMAbwBuAHNvZGljb25zAG8AZABpAGMAbwBuAHNSZWd1bGFyAFIAZQBnAHUAbABhAHJvZGljb25zAG8AZABpAGMAbwBuAHNGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* billing_form */

.billing_form label {
    display: inline-block;
}

.billing_form input[type='text'] {
    display: block;
    width: 60%;
    clear: both;
}

.billing_form select {
    display: block;
}

.billing_form div div > div {
    clear: both;
}

.billing_form .slash {
    margin: 0 5px;
}

.billing_form #UpdateAllPlan {
    margin-top: 0;
}

select#CreditCardType {
    clear: both;
    width: 160px;
}

select#CreditCardMonth, select#CreditCardYear {
    display: inline-block;
    width: 70px;
    padding-left: 5px;
}

@media all and (max-width: 600px) {
    .billing_form .w50 {
        width: 70%;
        margin: 0 15% 20px;
    }

    .billing_form input[type='text'] {
        width: 100%;
    }
}

/* Odicon Implementation */

@font-face {
    font-family: 'odicons';
    src: url('fonts/odicons.eot');
}

@font-face {
    font-family: 'odicons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SDagAAAC8AAAAYGNtYXD8YcT5AAABHAAAAGRnYXNwAAAAEAAAAYAAAAAIZ2x5Zl0e1HgAAAGIAAAEhGhlYWQGZ4zKAAAGDAAAADZoaGVhB8cDxQAABkQAAAAkaG10eBYAAE8AAAZoAAAAIGxvY2EDtgKSAAAGiAAAABJtYXhwABAAmgAABpwAAAAgbmFtZY8///EAAAa8AAABhnBvc3QAAwAAAAAIRAAAACAAAwOaAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw5APA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQASAAAAA4ACAACAAYAAQAg5gHpcfDk//3//wAAAAAAIOYA6XHw5P/9//8AAf/jGgQWlQ8jAAMAAQAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAABAAP/8IEBAOoABkAMwBlAJcAAAElJiIHBQ4BFRQWFwUeATMyNjclPgE1NCYnBwUGIiclLgE1NDY3JT4BMzIWFwUeARUUBgcXJgYHBhYXHgEVFAYHBQYiJyUuATU0Njc+AScuAQcOARUUFhcFHgEzMjY3JT4BNTQmJxUmBgcGFhceARUUBgcFBiInJS4BNTQ2Nz4BJy4BBw4BFRQWFwUeATMyNjclPgE1NCYnA9j+jyZvJv6PFhYXFQFxEzAbGjATAXEWFhYWEP6OHV4e/o4MDg4MAXIPKBYVKA8BcgwODgwQBg0EAwMHDA4ODP6OH1sf/o4MDg4MBwMDBA0GFhYWFgFxFDAaGTAUAXEWFhYWBg0EAwMHDA4ODP6OH1sf/o4MDg4MBwMDBA0GFRcWFgFxFDAaGTAUAXEWFhYWAtjQFRXQDCESEyAM0QoMDArRDCATEiEMYNEREdEHEQkIEgfQCQkJCdAHEggJEQd7AwMHBg0EBxEJCREH0RER0QcRCQkRBwQNBgcDAwwhEhMgDNELCwsL0QwgExIhDNcEBAYGDgQHEQkIEgfQEhLQBxIICREIAw4GBgQEDCATEiEM0AsLCwvQDCESEyAMAAAAAAMAAP/RBAAD0QAUACkAMAAABSIuAjU0PgIzMh4CFRQOAiMRIg4CFRQeAjMyPgI1NC4CIwMzGwEzBycCAGq7i1BQi7tqaruLUFCLu2pXmHJCQnKYV1eYckJCcphX6YxdXYzp6S9Ri7pqaruLUFCLu2pquotRA6NBcplXVplyQUFymVZXmXJB/i8BdP6M6ekAAAEAQAAAA8ADQAAdAAAlNT4BNTQuAiMiDgIVFBYXFQ4DFSE0LgInAkA1SwYkTkhITiQGSzVRjWc7A4A7Z41R/TUehko8aU4tLU5pPEqGHjUGLUNXMDBXQy0GAAAABwAAAAAEAAMlABAAIQA8AE0AXgBvAIkAABM0JyYjIgcGFRQXFjMyNzY1EzQnJiMiBwYVFBcWMzI3NjUTNzYnJicmBwYPAQYHBgcGFxYXFjc2NzYnJiclNCcmIyIHBhUUFxYzMjc2NQE0JyYjIgcGFRQXFjMyNzY1BTQnJiMiBwYVFBcWMzI3NjUTFAcGIyEiJyY1NDc2NzY3NjMyFxYXFhcWFdsVFR8eFRYWFR4fFRVuFRYeHhYVFRYeHhYV9TkECAgODg0NBDoiGxsJDBcXLCwnKAsJDA0cAXkWFR4fFRUVFR8eFRb+khUWHh4WFRUWHh4WFQEAFRYeHhYVFRYeHhYVt1EKFPzeFApRKShFRF9faGhfX0RFKCkBJR4VFhYVHh8VFhYVHwEAHhUWFhUeHxUWFhUf/u3aDw0NBAQICA/aAxYWIiwoJwsMFxcsIiEgFBMeFRYWFR4fFRYWFR8BbR8VFRUVHx4VFhYVHm0eFRYWFR4fFRYWFR//AJZ+ERF+lmheX0VEKSkpKURFX15oAAEAAAABAAD+oYgFXw889QALBAAAAAAA0aIkHQAAAADRoiQdAAD/wgQEA9EAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAP/8BAQAAQAAAAAAAAAAAAAAAAAAAAgEAAAAAAAAAAAAAAACAAAABAAADwQAAAAEAABABAAAAAAAAAAACgAUAB4BBAFMAXoCQgAAAAEAAAAIAJgABwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRvZGljb25zAG8AZABpAGMAbwBuAHNWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBvZGljb25zAG8AZABpAGMAbwBuAHNvZGljb25zAG8AZABpAGMAbwBuAHNSZWd1bGFyAFIAZQBnAHUAbABhAHJvZGljb25zAG8AZABpAGMAbwBuAHNGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'odicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

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

.icon-od-dash:before {
    content: "\f0e4";
}

.icon-od-user:before {
    content: "\e971";
}

.country-icon {
    max-width: 4.5%;
    padding-bottom: 5px;
}

/*------ Country Menu Navigation -------- */

.country-menu {
    list-style: none;
    float: left;
    position: relative;
    z-index: 5;
    margin-top: -3px;
    margin-left: 0px;
    font-family: 'Montserrat';
}

.country-menu img {
    height: 28px;
    width: 28px;
}

.country-menu li {
    float: left;
    position: relative;
}

.country-menu a {
    display: block;
    padding: 0 3px;
    text-decoration: none;
    color: #fff;
}

.country-menu .country-flag {
    height: 28px;
    width: 28px;
}

.country-menu #languagechoice {
    display: block;
    padding: 0px 5px 0px 0px;
    text-decoration: none;
    color: lightgray;
    font-size: 13px;
}

.country-menu #languagechoice:hover {
    color: #f0d76e;
}

.country-menu ul {
    list-style: none;
    position: absolute;
    left: -9999px;
    padding-top: 10px;
    width: 135px;
    height: 36px;

}

.country-menu ul li {
    float: none;
    background-color: #0D525D;
    text-align: left;
    width: 135px;
    height: 36px;
    margin-left: -25px;

}

.country-menu li a:hover {
    color: #f0d76e;
}

.country-menu ul a {
    white-space: nowrap;
}

.country-menu li:hover ul {
    left: 0;
}

.country-menu li:hover a {
    text-decoration: none;
}

.country-menu li:hover ul a {
    text-decoration: none;
}

.country-menu li:hover ul li a:hover {
    background-color: #fff;
    color: #02434E;
}

.country-modal {
    position: relative;
    width: 100%;
    padding: 15px 35px 35px;
}

.country-modal a {
    text-decoration: none;
    display: block;
    color: #748598;
    padding: 4px 15px;
}

.country-modal a:hover {
    background-color: #EEEEEE;
    color: #255A90;
}

.country-modal img.map {
    display: block;
    margin: 0 auto;
}

.country-modal h3 {
    text-align: center;
    color: #173c5c;
    font-size: 1.5em;
    line-height: 24px;
}

.modal-header {
    border: 0;
}

.modal-header .close {
    margin-top: 2px;
    color: #04535c;
    font-weight: normal;
    border: none;
}

.modal-header button {
    border: 2px solid #3780CB;
    color: #3780CB;
    padding-left: 6px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-top: 1px;
    border-radius: 100%;
    opacity: 1.0;
}

#countryselect.fade.in {
    top: 20px;
}

#countryselect {
    width: 80%;
    height: auto;
    left: 10%;
    margin-left: 0;
    font-family: "ff-enzo-web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    border-radius: 0;
}

#countryselect.onload {
    display: block !important;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

#countryselect .country-modal {
    padding: 0px 30px 25px;
}

#countryselect .country-modal a {
    position: relative;
    padding: 6px 5px;
}

#countryselect .modal-body {
    max-height: none;
}

#countryselect .modal-body h4 {
    margin: 25px 0;
    color: #04535c;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}

.countryModalClass ul {
    margin: 0;
    list-style: none;
}

.countryModalClass {
    margin-left: 40px;
}

.countryModalClass ul li {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    margin-right: -4px;
    text-align: left;
}

.countryModalClass a img {
    position: absolute;
    top: 6px;
    left: 5px;
    height: 30px;
    width: 30px;
    margin-right: 2px;
}

.countryModalClass a span {
    display: inline-block;
    padding-left: 40px;
    padding-top: 5px;
    color: #333333;
    font-size: 17px;
}

@media all and (max-width: 1200px) {
    .countryModalClass ul li {
        width: 25%;
    }
}

@media all and (max-width: 1000px) {
    .countryModalClass ul li {
        width: 33.333%;
    }
}

@media all and (max-width: 800px) {
    .countryModalClass ul li {
        width: 50%;
        font-size: 14px;
    }
}

@media all and (max-width: 550px) {

    #countryselect {
        position: absolute;
    }

    .countryModalClass ul li {
        width: 100%;
        padding-left: 5%;
    }

    .countryModalClass {
        margin-left: 2%;
        overflow-x: hidden;
    }
}


.navbar .container {
    position: relative;
    overflow: visible;
}

.navbar .brand {
    float: left;
    margin-left: 5px 0 0 0;
    width: auto;
    padding: 0;
}

#profile-band {
    float: left;
    position: absolute;
    right: 0;
    top: 0;
    width: 170px;
    background: #fff;
    border-radius: 5px;
    margin: 10px 0 0 0;
    cursor: pointer;
}

.profile_info > div:not(.additional-info) {
    float: left;
    width: 20px;
}

.profile_info > div:first-of-type {
    width: calc(100% - 20px);
}

#profile-band .general-info {
    padding: 5px 25px 5px 10px;
    border-right: 1px solid #ededed;
}

#profile-band .profile-band_arrow {
    height: 33px;
    background-image: url("../images/arrow-bottom.png");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

#profile-band .additional-info {
    display: none;
    position: absolute;
    right: 0;
    top: 32px;
    width: 100%;
    padding: 10px;
    background: #fcfcfc;
    border-radius: 0 0 5px 5px;
}

#profile-band.active,
#profile-band:not(.touched):hover {
    border-radius: 5px 5px 0 0;
}

#profile-band.active .additional-info,
#profile-band:not(.touched):hover .additional-info {
    display: block;
}

#profile-band.active .profile-band_arrow,
#profile-band:not(.touched):hover .profile-band_arrow {
    background-image: url("../images/arrow-top.png");
}

#profile-band .additional-info div {
    margin-bottom: 3px;
}

#profile-band .additional-info div:first-of-type {
    margin-bottom: 10px;
    text-align: center;
}

#profile-band .additional-info img {
    width: 15px;
}

#profile-band .additional-info div:first-of-type img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

#profile-band .additional-info span {
    padding-left: 3px;
    color: #9d9d9d;
    font-size: 12px;
    font-weight: 300;
}

#profile-band .additional-info div:nth-of-type(2) span {
    vertical-align: middle;
}

#profile-band .header_phone {
    position: absolute;
    top: auto;
    bottom: 2px;
    right: 57px;
    display: block;
    width: 29px;
    height: 29px;
}

#profile-band .name {
    margin-bottom: 3px;
    font-size: 13px;
    line-height: 12px;
    font-weight: 500;
}

#profile-band #UsrProfileImage {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

@media all and (max-width: 979px) {
    #profile-band {
        margin: 7px 80px 0 0;
    }

    #logoImage {
        position: relative;
        top: 20px; /* move down */
        left: 40px; /* move right */
        max-width: 170px;
    }

    .start_now .btn {
        margin-top: 8px;
    }

    .navbar .btn-navbar {
        /*margin-top: 9px;*/
        margin: 9px;
    }
}

@media all and (max-width: 700px) {

    #profile-band:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    #profile-band {
        position: relative;
        margin: 10px;
    }
}

#profile-band p {
    font-size: 13.3px;
    color: #3B3B3B;
    /*margin-top: -13px !important;*/
    position: relative;
    margin: 0;
    line-height: 1;
    text-transform: uppercase;
    /*padding-top:4px;*/
}

.popUpIcon {
    width: 25px;
    height: 25px;
    float: right;
    /*margin-top: 6px;*/
    margin-left: 4px;
    top: -2px;
    clear: left;
    position: absolute;
}

/* responsive styles */

/* header */

.header-social_links {
    /*padding-left: 50px;*/
    padding-left: 40px;
    font-size: 13px;
    color: lightgray;
}

.login #hideLoginJoinHome > div {
    display: inline-block;
    margin-right: -4px;
}

.login #hideLoginJoinHome > div:last-of-type {
    margin-right: 0;
}

.login a:nth-child(1) {
    padding-right: 5px;
}

.login #hideLoginJoinHome > div:nth-of-type(2) {
    margin-right: 4px;
}

.country-menu li {
    position: relative;
}

@media (max-width: 815px) {
    .header-social_links {
        padding-left: 20px;
    }

    /*.top-header .language {
        margin-left: 20px;
    }*/
}

@media (max-width: 767px) {
    .top-header .inner > div {
        /*width: 100%;
        margin: 0;*/
        padding: 0 3px;
        text-align: center;
    }

    .top-header .inner > div.social-icon {
        float: right;
    }

    .header-social_links {
        float: right;
        padding: 0 10px 0 10px;
    }

    .top-header .inner .language {
        /*width: auto;
        margin: 3px 0 5px;
        padding-left: 7px;*/

        width: auto;
        margin-top: 1px;
    }

    .top-header .language span {
        display: none;
    }

    .top-header .inner .login {
        /*margin-bottom: 5px;*/
        width: 100%;
        margin: 5px 0;
    }

    /*.top-header:not(.logged) .inner .login {
        margin-top: -27px;
    }*/
}

@media (max-width: 550px) {
    .top-header .social-icon > * {
        float: none;
        display: block;
        /*margin-bottom: 8px;*/
    }

    .country-menu li {
        float: none;
    }

    /*.top-header .inner .language {
        width: 100%;
        margin: 3px 0 8px;
    }*/
    .top-header .inner > div {
        width: 100%;
        margin: 6px 0;
    }

    .country-lang {
        text-align: center;
    }

    .top-header .country-lang > * {
        float: none;
        display: inline-block;
    }

    .top-header .inner .login {
        margin: 5px 0 7px !important;
    }
}

/* end header */

/* footer */

footer .bottom {
    margin: 0;
    padding: 10px 30px;
    background-color: #383d44;
    text-align: center;
    height: auto;
}

footer .bottom div {
    margin: 0;
    padding: 0 15px;
    font-size: 12px;
    color: #e1e1e1;
}

footer .rewards h6 {
    padding-bottom: 8%;
}

@media (max-width: 770px) {
    footer .bottom {
        padding: 10px 15%;
    }

    footer .bottom div {
        text-align: left;
        padding: 0;
    }
}

@media screen and (max-width: 480px) and (min-width: 320px) {
    footer .bottom {
        padding: 10px 15px;
    }

    footer .bottom div {
        padding: 3px 0 6px;
    }
}

/* end footer */

/* main content */

.home {
    font-family: 'Raleway', sans-serif;
}

.home p {
    font-size: 18px;
}

.home .white-block h2 {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
}

.home .white-block h2 b {
    color: #03869b;
    font-size: 1.7em;
}

.home .video-wrap {
    position: relative;
    float: left;
    height: 700px;
    width: 100%;
    margin-top: -54px;
    overflow: hidden;
}

.home .video-wrap video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
}

.home .video-wrap video::-webkit-media-controls-panel {
    display: none !important;
    -webkit-appearance: none;
}

.home .video-wrap video::--webkit-media-controls-play-button {
    display: none !important;
    -webkit-appearance: none;
}

@media (min-width: 1025px) {
    .home .video-wrap video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -100;
        transform: translateX(-50%) translateY(-50%);
    }
}

@media (max-width: 1024px) {
    .home .video-wrap {
        height: auto;
    }

    .home .video-wrap video {
        width: 100%;
        height: auto;
        display: block;
    }
}

@media (max-width: 768px) {
    .home .video-wrap {
        margin-top: 0;
    }
}

.home .banner {
    margin: 0;
    padding: 70px 0 50px;
    background: url("../images/home_bg.jpg") no-repeat center;
    background-size: cover;
}

.home .banner .title {
    font-size: 28px;
}

.home .banner .btn {
    margin-top: 20px;
    color: #fff;
    font-size: 22px;
    padding: 6px 20px;
    letter-spacing: 0;
}

.upcoming_events {
    padding: 140px 0;
    background: url("../images/events_bg.jpg") no-repeat center;
    background-size: cover;
    text-align: center;
}

.upcoming_events h2 {
    display: inline-block;
    margin-bottom: 70px;
    position: relative;
    color: #fff;
    font-size: 48px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}

.upcoming_events h2:after {
    content: '';
    position: absolute;
    width: 80%;
    height: 1px;
    left: 10%;
    bottom: -15px;
    background: #e4ac32;
}

.upcoming_events .btn.btn_orange {
    padding: 3px 12px;
    color: #fff;
    font-size: 17px;
    letter-spacing: 0;
}

#home-banner-slider {
    position: relative;
    top: -88px;
    margin-bottom: -88px;
}

#home-banner-slider .carousel-indicators {
    bottom: 20px;
    top: inherit;
    right: 50%;
    margin-right: -22px;
}

#home-banner-slider .carousel-control {
    line-height: 20px;
    top: 50%;
}

#home-banner-slider .carousel-control.left {
    padding-right: 2px;
}

#home-banner-slider .carousel-control.right {
    padding-left: 2px;
}

#home-banner-slider .carousel-control.right {
    padding-left: 2px;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img,
.carousel-inner > .item > div > img {
    width: 100%;
}

.carousel-inner > .item {
    text-align: center;
}

#home-banner-slider .slick-slide {
    position: relative;
    height: auto;
}

#home-banner-slider .wrap_slide_text {
    position: absolute;
    top: 25%;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    color: #fff;
    text-align: center;
}

#home-banner-slider .banner_img {
    width: 100%;
    opacity: 0;
}

#home-banner-slider .slick-slide:first-of-type {
    background: url("../images/banner4.jpg") no-repeat center top;
    background-size: cover;
}

#home-banner-slider .slick-slide:nth-of-type(2) {
    background: url("../images/banner3.jpg") no-repeat center top;
    background-size: cover;
}

#home-banner-slider .slick-slide:nth-of-type(3) {
    background: url("../images/banner5.jpg") no-repeat center top;
    background-size: cover;
}

#home-banner-slider .slick-slide:nth-of-type(4) {
    background: url("../images/banner2.jpg") no-repeat center top;
    background-size: cover;
}

#home-banner-slider .slick-slide:nth-of-type(5) {
    background: url("../images/banner1.jpg") no-repeat center top;
    background-size: cover;
}

#home-banner-slider .wrap_slide_text h4 {
    display: inline-block;
    padding: 13px 25px;
    font-size: 34px;
    text-transform: uppercase;
    background: #e4ac32;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#home-banner-slider .wrap_slide_text h2 {
    margin: 35px 0;
    font-size: 55px;
    font-weight: 500;
    line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

#home-banner-slider .wrap_slide_text h2 span {
    font-weight: 800;
}

.mouse {
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -37px;
    text-align: center;
    color: #fff;
    font-family: 'Raleway', sans-serif;
}

.mouse a {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    -webkit-transition: color 150ms ease-out;
    -moz-transition: color 150ms ease-out;
    -o-transition: color 150ms ease-out;
    transition: color 150ms ease-out;
}

.mouse a img {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    -webkit-transition: opacity 150ms ease-out;
    -moz-transition: opacity 150ms ease-out;
    -o-transition: opacity 150ms ease-out;
    transition: opacity 150ms ease-out;
}

.mouse a:hover {
    color: #E4AC32;
}

.mouse a:hover img {
    opacity: 0.7;
}

#home-banner-slider .btn.btn_orange {
    color: #fff;
    font-size: 24px;
    letter-spacing: 0;
}

.btn_main {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    background: transparent;
    text-shadow: none;
    letter-spacing: 0.1em;
    border: 1px solid #e4ac32;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: background-color 150ms linear;
    -moz-transition: background-color 150ms linear;
    -o-transition: background-color 150ms linear;
    -ms-transition: background-color 150ms linear;
    transition: background-color 150ms linear;
}

.btn_main:hover,
.btn_main:active,
.btn_main:focus {
    background: #e4ac32;
    color: #fff;
    -webkit-transition: background-color 150ms linear;
    -moz-transition: background-color 150ms linear;
    -o-transition: background-color 150ms linear;
    -ms-transition: background-color 150ms linear;
    transition: background-color 150ms linear;
}

.btn_main.btn_orange {
    background: #e4ac32;
    color: #0d525d;
}

@media all and (max-width: 1200px) {
    #home-banner-slider .wrap_slide_text h2 {
        margin-bottom: 25px;
    }
}

@media all and (max-width: 1024px) {
    #home-banner-slider .wrap_slide_text {
        top: 25%;
    }

    #home-banner-slider .wrap_slide_text h4 {
        font-size: 26px;
    }

    .mouse {
        bottom: 20px;
    }

    #home-banner-slider .wrap_slide_text h2 {
        margin: 15px 0 0;
        font-size: 45px;
    }

    #home-banner-slider .btn.btn_orange {
        font-size: 20px;
    }
}

@media all and (max-width: 767px) {
    #home-banner-slider .wrap_slide_text {
        top: 30px;
    }

    .mouse {
        bottom: 10px;
    }

    #home-banner-slider {
        top: 0;
        margin-bottom: 0;
    }

    #home-banner-slider .wrap_slide_text h4 {
        font-size: 22px;
        padding: 10px 20px;
    }

    #home-banner-slider .wrap_slide_text h2 {
        margin: 5px 0 10px;
        font-size: 40px;
    }

    #home-banner-slider .btn.btn_orange {
        font-size: 18px;
    }
}

@media all and (max-width: 600px) {

    #home-banner-slider .wrap_slide_text {
        top: 20px;
    }

    #home-banner-slider .wrap_slide_text h2 {
        font-size: 35px;
    }

    .mouse {
        margin-left: -27px;
    }

    .mouse a {
        font-size: 13px;
    }

    .mouse a img {
        width: 45px;
        margin-top: 3px;
    }
}

@media all and (max-width: 500px) {

    #home-banner-slider .wrap_slide_text {
        top: 0;
    }

    #home-banner-slider .wrap_slide_text h4 {
        font-size: 12px;
    }

    #home-banner-slider .wrap_slide_text h4 {
        font-size: 18px;
        padding: 5px 12px;
    }

    #home-banner-slider .wrap_slide_text h2 {
        font-size: 25px;
        margin-bottom: -10px;
    }

    #home-banner-slider .btn.btn_orange {
        font-size: 14px;
        padding: 0 10px;
    }

    .btn {
        font-size: 12px;
    }
}

@media all and (max-width: 370px) {
    #home-banner-slider .wrap_slide_text h2 {
        margin-top: 0;
        font-size: 22px;
    }

    #home-banner-slider .wrap_slide_text h4 {
        padding: 2px 12px;
    }
}

.full_rectangles {
    position: relative;
}

@media all and (min-width: 768px) {
    .full_rectangles.right_orange:after {
        content: '';
        position: absolute;
        width: 50%;
        height: 100%;
        right: 0;
        top: 0;
        background: #ffb606;
        z-index: 0;
    }

    .full_rectangles.left_orange:after {
        content: '';
        position: absolute;
        width: 50%;
        height: 100%;
        left: 0;
        top: 0;
        background: #e4ac32;
        z-index: 0;
    }
}

.full_rectangles .inner {
    padding: 0 !important;
}

.full_rectangles .rectangle {
    position: relative;
    z-index: 3;
    padding: 15px 10px;
    font-size: 25px;
    line-height: 1.3;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    color: #0d525d;
    text-transform: uppercase;
    background: #fff;
}

.full_rectangles.right_orange .rectangle:last-of-type,
.full_rectangles.left_orange .rectangle:first-of-type,
.full_rectangles.right_orange .rectangle:last-of-type a {
    background: #ffb606;
    color: #fff;
    font-weight: 800;
    text-align: center;
    -webkit-transition: color 200ms ease-out;
    -moz-transition: color 200ms ease-out;
    -o-transition: color 200ms ease-out;
    transition: color 200ms ease-out;
}

.full_rectangles.right_orange .rectangle:last-of-type a:hover {
    color: #0d525d;
    text-decoration: none;
}

.full_rectangles .rectangle h3 {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
}

@media all and (min-width: 767px) {
    .full_rectangles .rectangle h3 {
        margin-top: 35px;
    }
}

.full_rectangles .rectangle h5 {
    margin: 0 0 10px;
    color: #0d525d;
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
}

.full_rectangles .rectangle p {
    margin-bottom: 5px;
    font-size: 16px;
    color: #131313;
    font-weight: 700;
    text-transform: none;
}

.full_rectangles .rectangle .btn {
    color: #000;
}

.package_plans {
    position: relative;
    padding: 100px 0 60px;
    background: url("../images/package_bg.jpg") no-repeat center;
    background-size: cover;
    font-family: 'Raleway', sans-serif;
    text-align: center;
}

.package_plans .span6 {
    width: 50%;
    padding: 0 10px;
    margin: 0;
}

.package_plans h4 {
    display: inline-block;
    margin-bottom: 100px;
    padding: 10px 15px;
    background: #e4ac32;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.05em;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.package_plans .package {
    color: #fff;
}

.package_plans .package:not(:last-of-type) {
    border-right: 1px solid #feeac6;
}

.package_plans .package h2 {
    position: relative;
    top: -25px;
    margin: 0 0 10px;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.package_plans .package p {
    margin-bottom: 35px;
    padding: 0 70px;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 600;
}

@media all and (max-width: 900px) {
    .package_plans .package h2 {
        font-size: 48px;
    }
}

@media all and (max-width: 767px) {

    .package_plans {
        padding: 50px 0 30px;
    }

    .package_plans .span6 {
        width: 100%;
    }

    .package_plans .package {
        margin-bottom: 50px;
    }

    .package_plans .package:first-of-type {
        border-right: none;
    }

    .package_plans h4 {
        margin-bottom: 30px;
    }

    .package_plans .package h2 {
        top: 0;
        margin-top: 20px;
        font-size: 43px;
    }

    .package_plans .package p {
        margin-bottom: 30px;
        padding: 0 30px;
    }
}

.package_plans .package h2 span {
    font-size: 36px;
    font-family: 'Marguerite', sans-serif;
    color: #FFB606;
    text-transform: none;
}

.commitment {
    position: relative;
    margin-top: 3px;
    padding: 20px 0;
    background: url("../images/services-commitment.jpg") no-repeat center;
    background-size: cover;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
}

.commitment:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #e4ac32;
}

.commitment > div {
    padding: 0 80px;
}

.commitment > div > div {
    display: inline-block;
    width: 30%;
    margin-right: -4px;
    vertical-align: middle;
}

.commitment > div > div:first-of-type {
    width: 70%;
}

.commitment {
    line-height: 1.2;
}

.commitment h2 {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 900;
    color: #FFB606;
    letter-spacing: 2px;
}

.commitment p {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
}

.commitment span {
    font-size: 29px;
    color: #fff;
    font-weight: 600;
}

@media all and (max-width: 900px) {
    .package_plans .package h2 {
        font-size: 48px;
    }

    .package_plans .package h2 span {
        font-size: 33px;
    }
}

@media all and (max-width: 767px) {

    .package_plans {
        padding: 50px 0 30px;
    }

    .package_plans .span6 {
        width: 100%;
    }

    .package_plans .package {
        margin-bottom: 50px;
    }

    .package_plans .package:not(:last-of-type) {
        border-right: none;
    }

    .package_plans h4 {
        margin-bottom: 30px;
    }

    .package_plans .package h2 {
        top: 0;
        margin-top: 20px;
        font-size: 43px;
    }

    .package_plans .package p {
        margin-bottom: 30px;
        padding: 0 30px;
    }

    .commitment > div > div {
        width: 100%;
        text-align: center;
    }

    .commitment > div > div:first-of-type {
        width: 100%;
        margin-bottom: 25px;
    }

    .services .package_plans .package.span4:nth-of-type(2) {
        padding-right: 0;
    }
}

@media all and (max-width: 500px) {
    .commitment > div {
        padding: 0 30px;
    }

    .package_plans .package h2 {
        font-size: 35px;
    }
}

.testimonials {
    padding: 100px 0;
    background: url('../images/testimonials_bg.jpg') no-repeat center;
    background-size: cover;
    font-family: 'Raleway', sans-serif;
    text-align: center;
}

.testimonials h2 {
    margin: 0 0 50px;
    text-transform: uppercase;
    font-weight: 300;
    color: #6bd7ff;
}

.testimonials .testimonial {
    height: auto;
    padding: 20px 30px 40px;
    margin: 0 15px 40px;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

@media all and (min-width: 767px) {
    .life_slider:before,
    .life_slider:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 115px;
        height: 100%;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        z-index: 100;
    }

    .life_slider:after {
        right: 0;
        left: auto;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    }
}

@media all and (max-width: 1500px) and (min-width: 767px) {
    #testimonials:before,
    #testimonials:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 115px;
        height: 100%;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        z-index: 100;
    }

    #testimonials:after {
        right: 0;
        left: auto;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    }
}

.testimonials.without_images .testimonial {
    padding: 35px 40px;
}

.testimonials .testimonial img {
    display: inline-block;
    margin-bottom: 30px;
    width: 190px;
    height: 190px;
}

.testimonials.without_images .testimonial img {
    width: 230px;
    margin-bottom: 20px;
}

.testimonials .testimonial p {
    height: 300px;
    overflow: auto;
    font-weight: 400;
    margin-bottom: 35px;
}

.testimonials.without_images .testimonial p {
    height: 200px;
    margin-top: 20px;
    margin-bottom: 0;
    text-align: justify;
}

.testimonials .testimonial .name {
    font-weight: 700;
    color: #00b3e9;
}

.testimonials.without_images .testimonial .name {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 26px;
}

.testimonials .testimonial .position {
    font-weight: 300;
}

.testimonials .become_consultant {
    margin-top: 60px;
    text-align: left;
}

.testimonials .become_consultant h2 {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
    font-size: 34px;
    font-weight: 300;
    color: #fff;
}

.testimonials .become_consultant .btn {
    vertical-align: middle;
    color: #fff;
    padding: 15px 12px;
    font-size: 34px;
    letter-spacing: 0.05em;
}

@media all and (max-width: 979px) {
    .testimonials .become_consultant {
        text-align: center;
    }

    .testimonials .become_consultant .btn {
        margin-top: 20px;
    }
}

/* modal ask question */

#ask_question,
#thank_you {
    height: auto;
    font-family: 'Raleway', sans-serif;
}

.custom_img_modal .modal_close {
    position: absolute;
    right: 10px;
    top: 5px;
    border: none;
    color: #fff;
    font-weight: bold;
    z-index: 999;
}

.custom_img_modal .modal-header,
.custom_img_modal .modal-body {
    padding: 0;
    overflow: visible;
}

.answer_modal .modal-header {
    padding-top: 20px;
    text-align: center;
    border-bottom: 1px solid #e4ac32;
}

#ask_question .modal-header h4 {
    margin: 10px 0 5px;
    font-size: 28px;
    font-weight: 400;
}

#ask_question .modal-header p {
    padding: 0 60px;
    font-size: 15px;
    line-height: 1.2;
}

.answer_modal .modal-header .modal_close {
    position: absolute;
    right: 10px;
    top: 5px;
    border: none;
    color: #d3d3d3;
    font-weight: bold;
}

.answer_modal .modal-header .consultant {
    padding-bottom: 5px;
}

.answer_modal .modal-header .consultant > img {
    display: inline-block;
}

.answer_modal .modal-header .consultant > div {
    display: inline-block;
    vertical-align: middle;
    max-width: 40%;
    padding-left: 20px;
}

.answer_modal .modal-header .consultant > div span {
    display: inline-block;
    width: 100%;
    text-align: left;
}

.answer_modal .modal-header .consultant > div span.name {
    color: #100f0f;
    font-size: 20px;
    font-weight: 700;
}

.answer_modal .modal-header .consultant > div span.position {
    margin-bottom: 10px;
    color: #b57c00;
    font-weight: 700;
    text-transform: uppercase;
}

.answer_modal .modal-header .consultant > div span.number {
    font-family: 'Open Sans', sans-serif;
}

.answer_modal .modal-header .consultant > div span.email {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}

.answer_modal .modal-body {
    padding: 20px 90px 30px 60px;
    text-align: center;
    background: url("../images/modal_bg.png") repeat;
}

#ask_question .modal-body h3 {
    margin: 0 0 20px;
    padding-left: 30px;
    font-weight: 700;
    text-transform: uppercase;
}

#ask_question .modal-body > div {
    background: #fff;
    padding: 15px 25px 0 10px;
}

.answer_modal .modal-body > div > div {
    position: relative;
}

.answer_modal .modal-body > div > div:after {
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    top: 8px;
    right: -70px;
    background: url("../images/modal_invalid.png") no-repeat center;
    background-size: cover;
}

.answer_modal .modal-body > div > div.valid:after {
    background-image: url('../images/modal_valid.png');
}

.answer_modal .modal-body > div input {
    width: 100%;
    height: auto;
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #c6c6c6;
    font: 400 22px/22px 'Raleway', sans-serif;
    color: #3c3c3c;
    text-align: left;
}

.answer_modal .modal-body > div input::-webkit-input-placeholder {
    color: #3c3c3c;
}

.answer_modal .modal-body > div input::-moz-placeholder {
    color: #3c3c3c;
}

.answer_modal .modal-body > div input:-ms-input-placeholder {
    color: #3c3c3c;
}

#ask_question .modal-body .btn {
    margin-left: 30px;
}

.answer_modal .modal-body .btn {
    margin-top: 20px;
    padding: 8px 35px;
    color: #fff;
    text-transform: none;
    letter-spacing: 0;
    font-size: 18px;
}

#thank_you .modal-header h3 {
    margin-top: 30px;
    font-size: 40px;
    color: #0d525d;
    font-weight: 400;
}

#thank_you .modal-body {
    text-align: center;
    padding: 25px 60px;
}

#thank_you .modal-body p:last-of-type {
    font-weight: 700;
    color: #0d525d;
}

#get_started {
    top: 50%;
    margin-top: -76px;
}

.access_modal {
    width: 470px;
    margin-left: -235px;
    text-align: center;
    border: 1px solid #05484B;
    background: #f7f7f7;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    box-shadow: inset 0 0 13px 0 rgba(1, 1, 1, 0.28);
    overflow: hidden;
}

.access_modal.fade {
    top: -400px;
    -webkit-transition: opacity 0.4s linear, top 0.6s ease-out;
    -moz-transition: opacity 0.4s linear, top 0.6s ease-out;
    -o-transition: opacity 0.4s linear, top 0.6s ease-out;
    transition: opacity 0.4s linear, top 0.6s ease-out;
}

.access_modal.modal.fade.in {
    top: 220px;
}

.access_modal .modal-body {
    padding: 25px 80px 15px 40px;
    background: #f7f7f7;
}

.access_modal .modal-header {
    border: none;
}

.access_modal h2,
.access_modal h4 {
    margin: 0;
    color: #1a1a1a;
    font-weight: 400;
}

.access_modal .modal-body > div > div:after {
    top: 6px;
    right: -35px;
}

.access_modal .modal-body > div input {
    background: #f7f7f7;
}

.access_modal .btn.btn_orange {
    margin-bottom: 15px;
    color: #fff;
}

.access_modal .modal-body > div input {
    font-size: 17px;
    line-height: 17px;
}

#choose_country h2 {
    font-size: 30px;
}

#choose_country .modal-body {
    padding: 20px;
}

#choose_country .modal-body p {
    margin-bottom: 15px;
}

#choose_country a {
    margin: 0 15px;
}

#choose_country a:hover {
    text-decoration: none;
}

.blur {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    -o-filter: blur(3px);
    /* FF doesn't support blur filter, but SVG */
    filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='svgBlur' x='-5%' y='-5%' width='110%' height='110%'><feGaussianBlur in='SourceGraphic' stdDeviation='5'/></filter></svg>#svgBlur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
}

@media all and (max-width: 767px) {
    .modal {
        height: 100%;
        overflow-y: auto;
    }

    .access_modal {
        width: 98%;
        height: auto;
        margin: 0;
        left: 1%;
        top: 50px;
    }

    .access_modal.modal.fade.in {
        top: 150px;
    }

    .modal.fade {
        top: -400px;
    }
}

@media all and (max-width: 400px) {
    #ask_question .modal-body {
        padding: 30px 60px 30px 25px;
    }

    #thank_you .modal-body {
        padding: 25px 30px;
    }
}

/* slick dots */

.slick-dots {
    position: absolute;
    bottom: 15px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.life_essentials .slick-dots,
.life_advantage .slick-dots {
    top: -35px;
    bottom: auto;
}

.life_essentials .slick-dots li button,
.life_advantage .slick-dots li button {
    background: #AFB3B7;
}

.slick-dots li {
    position: relative;

    display: inline-block;

    width: 12px;
    height: 12px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 12px;
    height: 12px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: #8e9297;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background 100ms ease-out;
    -moz-transition: background 100ms ease-out;
    -o-transition: background 100ms ease-out;
    transition: background 100ms ease-out;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
    background: #fff;
}

.slick-dots li.slick-active button {
    background: #fff;
}

/* new service page */

.services {
    margin-top: -88px;
    font-family: 'Raleway', sans-serif;
}

.services .services-title {
    padding: 45px 0 30px 0;
    color: #fff;
    background: url("../images/services-title-bg.jpg") no-repeat center;
    background-size: cover;
}

.services .package_plans .package a {
    color: #fff;
    font-weight: 700;
}

.services .mouse {
    display: none;
}

.services .full_rectangles {
    border-bottom: 1px solid #d7d7d7;
}

.services .full_rectangles .rectangle:first-of-type {
    position: relative;
    padding: 25px 160px 25px 10px;
}

.services .full_rectangles .rectangle:last-of-type:after {
    content: '';
    position: absolute;
    left: -260px;
    top: 0;
    width: 358px;
    height: 100%;
    background: url("../images/services_banner.png") no-repeat center;
    background-size: contain;
    z-index: -1;
}

.services .full_rectangles .rectangle:first-of-type h5,
.services .full_rectangles .rectangle:first-of-type h6 {
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
    color: #0d525d;
    text-transform: uppercase;
}

.services .full_rectangles .rectangle:first-of-type h6 {
    font-weight: 700;
}

.services .full_rectangles .rectangle:first-of-type p {
    padding-right: 90px;
    font-size: 17px;
    font-weight: 400;
    color: #131313;
}

.services .full_rectangles .rectangle:last-of-type {
    padding: 25px 10px 25px 100px;
}

.services .full_rectangles .rectangle:last-of-type h5 {
    margin: 0;
    font-size: 35px;
    font-weight: 800;
    line-height: 40px;
    color: #fff;
    text-align: left;
    text-indent: 5px;
}

.services .full_rectangles .rectangle:last-of-type h5 .big_number {
    position: relative;
    top: -3px;
    font-size: 2.2em;
    color: #0d525d;
}

.services .full_rectangles .rectangle:last-of-type h5 span:nth-of-type(2) {
    font-size: 0.8em;
}

.services .full_rectangles .rectangle:last-of-type h5 span:last-of-type {
    position: relative;
    top: 5px;
    line-height: 1.2;
    color: #0d525d;
    text-transform: uppercase;
}

.individual_services {
    position: relative;
    padding: 65px 0 10px;
    background: url("../images/service_bg.png") no-repeat center;
    background-size: cover;
    text-align: center;
}

.individual_services .inner {
    max-width: 1200px;
    padding: 0;
}

.individual_services h3 {
    margin-bottom: 100px;
    font-size: 30px;
    font-weight: 800;
    color: #155660;
    text-transform: uppercase;
}

.individual_services .ind_service.span3 {
    width: 14.28%;
    margin: 0 0 50px;
    padding: 0 5px;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}

.individual_services .ind_service .bounce_icon {
    display: inline-block;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.individual_services .ind_service .bounce_icon:hover {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

.individual_services .ind_service img {
    width: 120px;
}

.individual_services .ind_service h6 {
    position: relative;
    margin: 35px 0 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    color: #0d525d;
    text-transform: uppercase;
}

.individual_services .ind_service h6 span.after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.individual_services .ind_service .btn {
    padding: 1px 7px;
    color: #000;
    font-size: 13px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    letter-spacing: 0;
}

/* old ind services */

.services-tiles .individual_services {
    background: url("../images/ind_serv_bg.jpg") no-repeat center;
    background-size: cover;
}

.services-tiles .individual_services h1 {
    margin-bottom: 50px;
}

.services-tiles .individual_services .inner {
    padding-bottom: 30px;
}

.services-tiles .service_extra_info {
    /*background: url(../images/service_bg.png) no-repeat center bottom;*/
    /*background-size: cover;*/
    background: none;
}

.service_extra_info {
    padding: 35px 0;
    background: #fff;
}

.service_extra_info .service_extra_info-block {
    display: none;
    position: relative;
    top: -500px;
    opacity: 0;
    padding-bottom: 15px;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    -webkit-transition: opacity 0.5s linear, top 0.5s ease-out;
    -moz-transition: opacity 0.5s linear, top 0.5s ease-out;
    -o-transition: opacity 0.5s linear, top 0.5s ease-out;
    transition: opacity 0.5s linear, top 0.5s ease-out;
}

.service_extra_info .service_extra_info-block.active {
    opacity: 1;
    top: 0;
}

.service_extra_info .service_extra_info-block#travel {
    display: block;
}

.service_extra_info .service_extra_info-block header {
    padding: 6px 15px 16px;
    color: #fff;
}

.service_extra_info .service_extra_info-block h3 {
    position: relative;
    top: 2px;
    float: left;
    margin: 0;
    color: #fff;
    font-size: 30px;
    line-height: 1.4;
    font-weight: 300;
    text-transform: uppercase;
}

.service_extra_info .service_extra_info-block h3 span {
    position: relative;
    top: -3px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 42px;
    height: 42px;
}

.service_extra_info .service_extra_info-block#electronic_protection h3 span {
    background: url('../images/service_electnronic.png') no-repeat center;
}

.service_extra_info .service_extra_info-block#grocery h3 span {
    background: url('../images/service_grocery.png') no-repeat center;
}

.service_extra_info .service_extra_info-block#shopping h3 span {
    background: url('../images/shopping.png') no-repeat center;
}

.service_extra_info .service_extra_info-block#travel h3 span {
    background: url('../images/travel.png') no-repeat center;
}

.service_extra_info .service_extra_info-block#telemedicine h3 span {
    background: url("../images/service_telemed.png") no-repeat center;
}

.service_extra_info .service_extra_info-block#theft_protection h3 span {
    background: url("../images/service_protection.png") no-repeat center;
}

.service_extra_info .service_extra_info-block#legal_access h3 span {
    background: url("../images/service_legal.png") no-repeat center;
}

.service_extra_info .service_extra_info-block#road h3 span {
    background: url("../images/service_road.png") no-repeat center;
}

.service_extra_info .service_extra_info-block#tax h3 span {
    background: url("../images/service_tax.png") no-repeat center;
}

.service_extra_info .service_extra_info-block#support h3 span {
    background: url("../images/service_sup.png") no-repeat center;
}

.service_extra_info .service_extra_info-block header > span {
    float: right;
    margin-top: 12px;
    font-size: 25px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

.service_extra_info .service_extra_info-block header > span sup {
    font-weight: 400;
    font-size: 65%;
    top: -7px;
}

.service_extra_info .service_extra_info-block#electronic_protection .bg {
    background: #8b48d6 url("../images/service_electnronic_bg.jpg") no-repeat center;
}

.service_extra_info .service_extra_info-block#grocery .bg {
    background: #8b48d6 url("../images/grocery.jpg") no-repeat center;
}

.service_extra_info .service_extra_info-block#shopping .bg {
    background: #8b48d6 url("../images/bg_shopping.jpg") no-repeat center;
}

.service_extra_info .service_extra_info-block#travel .bg {
    background: #8b48d6 url("../images/bg_travel.jpg") no-repeat center;
}

.service_extra_info .service_extra_info-block#theft_protection .bg {
    background: url("../images/service_protection_bg.jpg") no-repeat center;
}

.service_extra_info .service_extra_info-block#telemedicine .bg {
    background: url("../images/service_telemedicine_bg.jpg") no-repeat center;
}

.service_extra_info .service_extra_info-block#legal_access .bg {
    background: url("../images/service_legal_bg.jpg") no-repeat center;
}

.service_extra_info .service_extra_info-block#road .bg {
    background: url("../images/service_road_bg.jpg") no-repeat center;
}

.service_extra_info .service_extra_info-block#tax .bg {
    background: url("../images/service_tax_bg.jpg") no-repeat center;
}

.service_extra_info .service_extra_info-block#support .bg {
    background: url("../images/service_sup_bg.jpg") no-repeat center;
}

.service_extra_info .service_extra_info-block .bg {
    height: 215px;
    margin-top: -10px;
    background-size: cover !important;
    border-radius: 10px 10px 0 0;
}

.service_extra_info .service_extra_info-block .main_service_text {
    padding: 45px 70px 30px;
    text-align: left;
    background: #fff;
    border-radius: 0 0 3px 3px;
}

.service_extra_info .service_extra_info-block .main_service_text .w50_inl:first-of-type p {
    font-family: 'Open Sans', sans-serif;
    padding-right: 60px;
}

/*.service_extra_info .service_extra_info-block .main_service_text .w50_inl:first-of-type p:before {*/
/*content: '';*/
/*display: inline-block;*/
/*width: 20px;*/
/*height: 20px;*/
/*background: url("../images/blue_arrow_right.png") no-repeat center;*/
/*position: relative;*/
/*top: 4px;*/
/*}*/

p.left-arrow:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/blue_arrow_right.png") no-repeat center;
    position: relative;
    top: 4px;
}

.service_extra_info .service_extra_info-block .main_service_text .w50_inl:last-of-type {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

.service_extra_info .service_extra_info-block .main_service_text .w50_inl:last-of-type p {
    position: relative;
    margin-left: 50px;
    margin-bottom: 20px;
    padding-left: 27px;
    color: #0d525d;
    line-height: 1;
    text-transform: uppercase;
}

.service_extra_info .service_extra_info-block .main_service_text .w50_inl:last-of-type p:last-of-type {
    margin-bottom: 0;
}

.service_extra_info .service_extra_info-block .main_service_text .w50_inl:last-of-type p:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url("../images/check_in_circle.png") no-repeat center;
}

.life_advantage {
    font-family: 'Raleway', sans-serif;
}

.life_advantage .title {
    font-size: 40px;
}

.banner {
    position: relative;
    margin: -88px 0 0;
    padding: 150px 0 200px;
    text-align: center;
}

.life_essentials {
    font-family: 'Raleway', sans-serif;
}

.life_advantage .banner {
    padding-bottom: 180px;
    background: url("../images/life_advantage_bg.jpg") no-repeat center;
    background-size: cover;
}

.life_essentials .banner {
    background: url("../images/life_essent_bg.jpg") no-repeat center;
    background-size: cover;
}

.life_essentials .banner p,
.life_advantage .banner p {
    font-size: 32px;
}

.mwr_cares .banner {
    padding: 130px 0 250px;
    background: url("../images/mwr_cares_bg.jpg") no-repeat center;
    background-size: cover;
}

.opportunity .banner {
    padding: 130px 0 250px;
    background: url("../images/opportunity_bg.jpg") no-repeat center;
    background-size: cover;
}

.opportunity .banner p {
    padding: 0 10px;
}

.opportunity-tile {
    padding: 30px 0 0;
}

.opportunity-tile.inner {
    max-width: 1170px;
}

.opportunity-tile .tile {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-right: -4px;
    margin-bottom: 5px;
    text-align: center;
}

.opportunity-tile .tile div.clearfix {
    min-height: 124px;
    margin-bottom: 15px;
    padding: 5px 5px 5px 25px;
    border-right: 1px solid #0d525d;
}

.opportunity-tile .tile:first-of-type div.clearfix {
    border-left: 1px solid #0d525d;
}

.opportunity-tile img {
    width: 98px;
}

.opportunity-tile img,
.opportunity-tile h4 {
    display: inline-block;
    vertical-align: middle;
}

.opportunity-tile h4 {
    width: calc(100% - 102px);
    color: #0d525d;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.2;
}

.opportunity-tile h4 span {
    color: #e4ac32;
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
}

.opportunity-tile h4.one-line_title span {
    font-size: 25px;
}

.opportunity-tile h4 span.text {
    font-size: 30px;
}

.opportunity-tile .learn_more_dropdown {
    display: inline-block;
    padding: 10px 10px 15px;
    color: #444;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
}

.opportunity-tile .learn_more_dropdown:after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 50%;
    margin-left: -12px;
    width: 25px;
    height: 13px;
    background: url("../images/dropdown_bottom.png") no-repeat center;
}

.opportunity-tile .learn_more_dropdown:hover .dropdown_tile {
    -moz-transition-duration: 0.7s;
    -webkit-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
    -moz-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    max-height: 1000px;
    overflow: hidden;
}

.dropdown_tile {
    position: absolute;
    -moz-transform: translateY(12px);
    -webkit-transform: translateY(12px);
    -o-transform: translateY(12px);
    -ms-transform: translateY(12px);
    transform: translateY(12px);
    left: 0;
    width: 100%;
    max-height: 0;
    background: #fff;
    z-index: 101;
    cursor: default;
    overflow: hidden;
    -moz-transition-duration: 0.7s;
    -webkit-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
    -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

}

.dropdown_tile > div {
    padding: 15px;
}

.dropdown_tile h5 {
    margin-bottom: 20px;
    color: #0d525d;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
}

.dropdown_tile p {
    margin: 0 0 10px;
    color: #131313;
    font-size: 17px;
    line-height: 1.2;
    text-transform: none;
}

.dropdown_tile .btn.btn_orange {
    margin-top: 25px;
    color: #fff;
    font-size: 17px;
    padding: 5px 12px;
}

.dropdown_tile h6 {
    margin-bottom: 0;
    color: #131313;
    font-size: 17px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .services {
        margin-top: -20px;
    }
}

/*.services.services-fr {margin-top: -108px;}*/

@media all and (max-width: 768px) {
    .opportunity-tile .tile {
        width: 80%;
    }

    .services .package_plans {
        padding: 100px 0 140px;
    }
}

@media all and (max-width: 600px) {
    .services .package_plans {
        padding: 60px 0 100px;
    }
}

@media all and (max-width: 400px) {
    .opportunity-tile .tile {
        width: 96%;
        margin-left: 2%;
    }
}

.banner p {
    padding: 0 10%;
    color: #fff;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 400;
    text-transform: uppercase;
}

.banner-services-p {
    padding: 0 10%;
    color: #fff;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 400;
    text-transform: uppercase;
}

.banner .wrap_video {
    max-width: 600px;
    margin: 30px auto 20px;
}

.sign_up_today {
    color: #fff;
    font-size: 35px;
    font-weight: 300;
    text-transform: uppercase;
}

.sign_up_today > span {
    vertical-align: middle;
}

.sign_up_today .numbers {
    position: relative;
    top: -5px;
    margin: 0 5px 0 2px;
}

.sign_up_today .btn {
    padding: 12px;
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 0;
}

.sign_up_today .btn:hover {
    color: #fff;
}

.title {
    display: inline-block;
    margin-bottom: 20px;
    padding: 3px 20px;
    background: #e4ac32;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.05em;
    line-height: 1.2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/*.services .title {
    margin: 30px 0;
    padding: 0;
    font-family: 'Montserrat-Light', sans-serif;
    font-size: 40px;
    font-weight: 300;
    background: none;
    text-transform: none;
    letter-spacing: 0;
}*/

.services .services-title p {
    max-width: 100%;
}

/* services carte */

.services.services-carte {
    font-family: 'Montserrat', sans-serif;
}

.services.services-carte .package_plans {
    padding-bottom: 60px;
    background: #21545d url("../images/services_carto_toppng.png") no-repeat top center;
    background-size: cover;
}

.services.services-carte .package_plans:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 28px;
    background: url("../images/service_carto_line.png") no-repeat center;
    background-size: cover;
}

.services.services-carte .title {
    margin-bottom: 20px;
}

.services.services-carte .title + p {
    margin-bottom: 70px;
    padding: 0 150px;
    color: #fff;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 300;
    text-transform: uppercase;
}

.services.services-tiles .plans h4 {
    display: block;
    margin-bottom: 0;
    padding-bottom: 25px;
    color: #ffb606;
    background: none;
    font-size: 30px;
    font-family: 'Marguerite';
    text-transform: none;
    border-bottom: 1px solid #ffb606;
    border-radius: 0;
}

.services.services-tiles .plans > div.span4 {
    width: 33.333%;
}

.services.services-tiles .plans > div.span8 {
    width: 66.666%;
    margin: 0;
}

.services.services-tiles .plans > div.span8 h4 {
    margin-left: 20px;
}

.services.services-tiles .plans > div.span8 .categories {
    padding: 18px 0 0 25px;
}

.services.services-tiles .plans > .span8 .categories:last-of-type a {
    margin-top: 9px;
    padding: 2px 10px;
}

.services.services-tiles .plans > div.span4 h4 {
    margin-right: 20px;
}

.services.services-tiles .plans > div.span4 .categories {
    padding: 18px 25px 0 0;
    border-right: 1px solid #ffb606;
}

.services.services-tiles .plans .categories {
    padding: 0 5px;
}

.services.services-tiles .plans .categories > a {
    display: block;
    margin-top: 18px;
    padding: 8px 10px;
    text-align: left;
    background-image: -moz-linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(-90deg, #fff 0%, #ddd 100%);
    background-image: -ms-linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 9px;
    box-shadow: inset 0px -1px 0px 0px rgba(41, 41, 41, 0.56);
}

.services.services-tiles .plans .categories > a:hover,
.services.services-tiles .plans .categories > a:focus {
    text-decoration: none;
}

.services.services-tiles .plans.clearfix .categories > a:first-of-type {
    margin: 0 auto;
}

.services.services-tiles .plans .categories > a img {
    width: 41px;
}

.services.services-tiles .plans .categories > a span {
    display: inline-block;
    width: calc(100% - 50px);
    vertical-align: middle;
    font-size: 17px;
    color: #363636;
    line-height: 1.2;
    text-align: center;
}

.services-carte .product-slider {
    padding: 30px 0 60px;
    background: url("../images/product_slider.png") no-repeat center;
    background-size: cover;
}

.services-carte .product-slider .product-slide {
    height: auto;
    margin: 0 20px;
    padding-bottom: 35px;
    background: #fff;
    border-radius: 0 0 10px 10px;
}

.services-carte .product-slider .product-slide h5 {
    margin: 0;
    padding: 20px;
    font-size: 30px;
    line-height: 1.1;
    font-weight: 300;
    color: #fff;
    text-align: center;
    background: #f4867c;
    text-transform: uppercase;
}

.services-carte .product-slider .product-slide .top-block {
    background-position: top center;
    background-size: cover;
}

.services-carte .product-slider .product-slide .top-block ul {
    list-style: none;
    margin: 0;
    padding: 35px 30px;
    max-width: 250px;
}

.services-carte .product-slider .product-slide .top-block ul li {
    position: relative;
    padding-left: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.2;
    color: #fff;
    text-transform: uppercase;
}

.services-carte .product-slider .product-slide .top-block ul li:before {
    content: '•';
    position: absolute;
    top: 0;
    left: 0;
    color: #f6a900;
}

.services-carte .product-slider .product-slide .bottom-block {
    padding: 20px;
}

.services-carte .product-slider .product-slide .bottom-block > div {
    display: inline-block;
    vertical-align: middle;
    width: 240px;
}

.services-carte .product-slider .product-slide .bottom-block > div:first-of-type {
    width: calc(100% - 250px);
    padding-right: 10px;
    border-right: 1px solid #f6a927;
}

.services-carte .product-slider .product-slide .bottom-block > div:first-of-type p {
    position: relative;
    margin-bottom: 0;
    font-size: 15px;
    color: #2a2a2a;
}

.services-carte .product-slider .product-slide .bottom-block > div:first-of-type p:not(:last-of-type) {
    margin-bottom: 15px;
}

.services-carte .product-slider .product-slide .bottom-block > div:first-of-type p:before {
    content: '?';
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    color: #f6a927;
}

.services-carte .product-slider .product-slide .bottom-block > div:last-of-type {
    text-align: center;
}

.services-carte .product-slider .product-slide .bottom-block > div:last-of-type div {
    font-family: 'Montserrat-Light', sans-serif;
    font-size: 20px;
    color: #767676;
    text-transform: uppercase;
}

.services-carte .product-slider .product-slide .bottom-block > div:last-of-type div span {
    font-family: 'Montserrat', sans-serif;
    font-size: 43px;
    line-height: 1;
}

.services-carte .product-slider .product-slide .bottom-block > div:last-of-type .btn_orange {
    margin-top: 25px;
    padding: 14px 30px;
    background: #f6a91c;
    color: #fff;
    font-size: 19px;
    line-height: 1.2;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 7px;
}

.services-carte .product-slider .product-slide .bottom-block > div:last-of-type .btn_orange:hover {
    opacity: 0.8;
}

@media all and (max-width: 767px) {

    .services.services-carte .title + p {
        padding: 0 60px;
    }

    .services.services-tiles .plans > div.span4,
    .services.services-tiles .plans > div.span8 {
        width: 70%;
        margin: 0 auto;
    }

    .services.services-tiles .plans > div.span8 {
        margin-top: 50px;
    }

    .services.services-tiles .plans > div.span4 h4 {
        margin-right: 0;
    }

    .services.services-tiles .plans > div.span4 .categories {
        padding-right: 0;
        border: none;
    }

    .services.services-tiles .plans > div.span8 h4 {
        margin-left: 0;
    }

    .services.services-tiles .plans .categories > div {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .services.services-tiles .plans > div.span8 .categories {
        padding-left: 0;
    }

    .services.services-tiles .plans > .span8 .categories:last-of-type a {
        margin-top: 18px;
        padding: 8px 10px;
    }

    .services.services-tiles .plans > .span8 .categories:last-of-type a:first-of-type {
        margin-top: 0;
    }

    .services-carte .product-slider .product-slide .bottom-block > div:first-of-type,
    .services-carte .product-slider .product-slide .bottom-block > div:last-of-type {
        width: 100%;
        border: none;
    }

    .services-carte .product-slider .product-slide .bottom-block > div:last-of-type {
        margin-top: 20px;
    }
}

@media all and (max-width: 500px) {

    .services.services-carte .title + p {
        padding: 0 25px;
    }

    .services.services-tiles .plans > div.span4,
    .services.services-tiles .plans > div.span8 {
        width: 90%;
    }
}

.full_orange_title,
.full_orange_title h4 {
    margin: 0;
    padding: 16px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    line-height: 1;
    font-weight: 300;
    background: #e4ac32;
    text-transform: uppercase;
}

.home .full_orange_title,
.home .full_orange_title h4 {
    margin: 0;
    padding: 25px 10px;
    text-align: center;
    color: #0b4873;
    font-size: 27px;
    background: #ffc600;
    text-transform: uppercase;
}

.home .full_orange_title h2 {
    margin-bottom: 0;
}

.mwr_cares .full_orange_title {
    font-weight: 800;
}

.mwr_cares .full_orange_title h5 {
    float: left;
    font-size: 25px;
    line-height: 1.2;
    text-align: left;
}

.mwr_cares .full_orange_title h5 span {
    color: #0d525d;
}

.mwr_cares .full_orange_title img {
    float: right;
    height: 110px;
}

.life_advantage-slider {
    padding: 60px 0 40px;
    background: url("../images/life_advantage_bg2.jpg") no-repeat center;
    background-size: cover;
    text-align: center;
}

.life_essent-slider {
    padding: 60px 0 40px;
    background: url("../images/life_essent_bg2.jpg") no-repeat center;
    background-size: cover;
    text-align: center;
}

.bg_red {
    background: #d64848 !important;
}

.bg_dark_red {
    background: #6c1f1f;
}

.bg_bright_red {
    background: #ff0000 !important;
}

.bg_bright_green {
    background: #73d648 !important;
}

.bg_blue {
    background: #487dd6 !important;
}

.bg_light_blue {
    background: #0089a8 !important;
}

.bg_purple {
    background: #8b48d6 !important;
}

.bg_light_brown {
    background: #9c8073 !important;
}

.bg_brown {
    background: #b26900 !important;
}

.bg_light_orange {
    background: #d67d48 !important;
}

.bg_warm_orange {
    background: #ffb606 !important;
}

.bg_orange {
    background: #f38f00 !important;
}

.bg_light_green {
    background: #48d69f !important;
}

.bg_dark_green {
    background: #3e6713 !important;
}

.bg_beige {
    background: #d6b048 !important;
}

.bg_grey {
    background: #898989 !important;
}

.life_advantage-slider > p {
    padding: 0 10px 60px;
    color: #fff;
    font-size: 20px;
    line-height: 1.2;
}

.life_slider .slick-slide {
    height: auto;
    margin: 0 30px;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.life_slider h6 {
    margin: 0;
    padding: 15px 0;
    background: #61bde5;
    color: #fff;
    font-size: 30px;
    line-height: 1;
    font-weight: 300;
    text-transform: uppercase;
}

.life_slider h6.large {
    font-size: 26px;
    padding: 4px 0;
}

.life_slider .main_info {
    padding: 30px 0 50px;
}

.life_slider .main_info .w50 {
    float: none;
    display: inline-block;
    width: 49%;
    vertical-align: middle;
    padding: 0 50px;
}

.life_slider .main_info .w50:first-child {
    padding-right: 20px;
}

.life_slider .main_info .w50:last-child {
    padding-left: 20px;
}

.life_slider .main_info > div {
    text-align: left;
}

.life_slider .main_info > div p {
    position: relative;
    margin-bottom: 15px;
    padding-left: 28px;
    font-size: 17px;
    font-weight: 700;
    color: #1d606d;
    text-align: left;
}

.life_slider .main_info > div p.without_checking {
    margin-top: 20px;
    font-weight: 400;
}

.life_slider .main_info > div p:before {
    content: '';
    position: absolute;
    left: -6px;
    top: -1px;
    width: 25px;
    height: 25px;
    background: url("../images/check_in_orange_circle.png") no-repeat;
    background-size: cover;
}

.life_slider .main_info > div p.without_checking:before {
    display: none;
}

.life_slider .footer_info {
    padding: 20px 50px;
    background: #eeede9;
    text-align: left;
}

.plan_terms a {
    display: inline-block;
    margin-top: 25px;
    color: #fff;
    font-size: 18px;
}

.plan_terms a:hover {
    text-decoration: none;
    color: #e4ac32;
}

.days_of_caring {
    position: relative;
    padding-bottom: 25px;
}

.days_of_caring h2 {
    position: absolute;
    left: 0;
    bottom: -100px;
    width: 100%;
    color: #fff;
    font-size: 45px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
}

.days_of_caring .day_of_caring {
    margin-bottom: 10px;
    padding: 25px 30px;
    background: #f1f1f1;
    border-top: 1px solid #000;
}

.days_of_caring .day_of_caring > img {
    float: left;
    width: 270px;
}

.days_of_caring .day_of_caring > div {
    padding-left: 320px;
    text-align: left;
}

.days_of_caring .day_of_caring > div h5 {
    margin-bottom: 20px;
    color: #05363e;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}

.days_of_caring .day_of_caring > div p {
    color: #131313;
    line-height: 1.2;
}

.days_of_caring .day_of_caring > div p a {
    font-weight: 700;
}

.days_of_caring .day_of_caring > div .helping_kids_img {
    text-align: right;
}

.days_of_caring .day_of_caring > div .helping_kids_img img {
    height: 54px;
}

.opportunity {
    font-family: 'Raleway', sans-serif;
}

.guaranteed {
    padding: 20px 0;
    background: url("../images/guaranteed_bg.jpg") no-repeat center;
    background-size: cover;
}

.guaranteed .wrap {
    padding: 0 50px;
}

.guaranteed .top-section img {
    float: left;
    width: 576px;
}

.guaranteed .top-section h4 {
    float: right;
    width: calc(100% - 576px);
    margin-top: 28px;
    font-size: 38px;
    color: #fff;
    font-weight: 800;
    line-height: 1.1;
    text-align: right;
}

.guaranteed .top-section h4 span {
    font-size: 45px;
}

.guaranteed .star_tiles {
    margin-top: 30px;
}

.guaranteed .star_tile {
    display: inline-block;
    width: 156px;
    margin: 0 34px 30px;
    background: #fff;
}

.guaranteed .star_tile:nth-of-type(5n - 4) {
    margin-left: 0;
}

.guaranteed .star_tile:nth-of-type(5n) {
    margin-right: 0;
}

.guaranteed .star_tile .top {
    padding: 5px 5px 0 10px;
}

.guaranteed .star_tile .top h6 {
    position: relative;
    top: 5px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 21px;
    color: #0d525d;
    font-weight: 800;
    text-transform: uppercase;
}

.guaranteed .star_tile .bottom {
    padding: 34px 5px 12px;
    margin-bottom: -5px;
    text-align: center;
    background: url("../images/start_level-bottom1.png") no-repeat center;
}

.guaranteed .star_tile .bottom span {
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.guaranteed .star_tile .bottom span:first-of-type {
    display: inline-block;
    margin-bottom: 6px;
    color: #fff;
}

.guaranteed .star_tile .bottom span:last-of-type {
    font-size: 21px;
    color: #00525f;
}

.guaranteed .star_tile .bottom span:last-of-type sup {
    font-size: 12px;
}

.guaranteed .star_tile .bottom span sup {
    font-size: 14px;
    font-weight: 400;
}

.blue_title {
    padding: 8px 5px;
    margin: 10px 45px;
    font-size: 41px;
    color: #0d525d;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.earn_money > div {
    float: left;
}

.earn_money > div h5 {
    display: inline-block;
    vertical-align: middle;
    margin: 15px 0 15px 20px;
    color: #0d525d;
    font-size: 25px;
    line-height: 1.2;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
}

.earn_money a {
    float: right;
    margin-top: 30px;
    color: #0f0f0f;
}

.earn_up {
    padding: 15px 0 385px;
    background: url("../images/opportunity_bg2.jpg") no-repeat center;
    background-size: cover;
}

.earn_up p {
    margin: 15px 50px 20px;
    color: #fff;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 700;
}

.earn_up .btn {
    padding: 1px 12px;
    margin: 0 50px;
    color: #000;
}

.compensation_plan {
    padding: 40px 0;
}

.compensation_plan h6 {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 100px);
    margin-left: 15px;
    color: #0d525d;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.compensation_plan p {
    margin-top: 5px;
    padding-right: 20px;
    color: #131313;
    font-size: 16px;
    line-height: 1.3;
}

.compensation_plan .btn {
    margin-top: 25px;
    color: #100f0f;
}

.compensation_plan .span6:last-of-type {
    max-height: 260px;
}

.compensation_plan .omax-video iframe {
    max-height: 260px;
}

.opportunity .testimonials,
.testimonials.without_images {
    padding: 0 0 20px;
    background: #000;
}

.testimonials.without_images .slick-slider {
    margin: 80px 0 0;
}

.testimonials.without_images .slick-dots {
    top: -45px;
    bottom: auto;
}

.opportunity .full_orange_title,
.services .full_orange_title,
.testimonials.without_images .full_orange_title {
    margin-bottom: 40px;
    padding: 12px 16px;
}

.opportunity .full_orange_title h4,
.services .full_orange_title h4,
.testimonials.without_images .full_orange_title h4 {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px 0 10px;
}

.opportunity .slick-slider {
    margin-bottom: 0;
}

.management,
.mwr-cares,
.home,
.membership,
.opportunity,
.ess-app,
.social {
    font-family: 'Montserrat', sans-serif;
}

#slider {
    position: relative;
    top: -54px;
}

.about-mwr {
    margin: -24px auto 30px;
}

.about-mwr .w50_inl:first-of-type {
    padding-left: 0;
}

.about-mwr .w50_inl:last-of-type {
    padding-right: 0;
    text-align: center;
}

.about-mwr .orange-line {
    margin: 15px auto;
}

.about-mwr .orange-line + p {
    color: #777;
    font-size: 12px;
    line-height: 17px;
    font-weight: 300;
}

.events {
    padding: 120px 0 100px;
    background: url(../images/events.jpg) no-repeat center top;
    background-size: cover;
    text-align: center;
}

.events h3 {
    color: #165660;
    font-size: 43px;
    font-weight: 400;
    line-height: 47px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.events h3 b {
    color: #fff;
    font-size: 65px;
    letter-spacing: 2px;
}

.events .blue-line {
    width: 100px;
    margin: 40px auto;
}

.info-block {
    padding: 50px 0;
}

.management h2,
.mwr_cares h2,
.home h2,
.membership h2,
.opportunity h2,
.ess-app h2,
.testimonials-page h2,
.social h2 {
    margin-top: 0;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.home h2 {
    font-weight: 700;
}

.home .life-exp,
.home .life-exp p {
    text-align: center;
}

.home .life-exp .images {
    margin: 25px 0 0;
}

.home .life-exp .images img {
    display: inline-block;
    width: 25%;
    margin-right: -4px;
    padding: 8px;
}

.home .life-exp .images .image-row.big-images img {
    width: 33.333%;
}

.home .ceo-quote {
    position: relative;
    padding: 250px 0;
    background-image: url("../images/home-freedom.jpg");
}

.home .ceo-quote:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -100px;
    height: 200px;
    width: 47%;
    background-image: -moz-linear-gradient(30deg, rgb(10, 73, 189) 0%, rgb(4, 188, 151) 100%);
    background-image: -webkit-linear-gradient(30deg, rgb(10, 73, 189) 0%, rgb(4, 188, 151) 100%);
    background-image: -ms-linear-gradient(30deg, rgb(10, 73, 189) 0%, rgb(4, 188, 151) 100%);
    opacity: 0.6;
}

.home .ceo-quote .quote {
    position: relative;
    z-index: 2;
    text-align: center;
}

.home .ceo-quote .quote .quote-sign {
    margin: 20px 0;
}

.home .ceo-quote .quote .text {
    color: #000;
}

.home .ceo-quote .quote .text p {
    margin-bottom: 2px;
    font-size: 17px;
    font-weight: 600;
}

.home .ceo-quote .quote .text .author {
    font-size: 12px;
}

.home .ceo-quote .quote .text .author b {
    font-weight: 800;
}

.home .travel-membership {
    background: #f3f3f3;
}

.home .travel-membership .wrap {
    margin-top: 50px;
}

.home .travel-membership .wrap > div {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
}

.home .travel-membership .elite-card {
    position: relative;
    width: 40%;
    padding: 0 15px 15px;
    background: #fff;
    text-align: center;
}

.home .travel-membership .elite-card:after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    background: #ffc600;
}

.home .travel-membership .elite-card .image {
    margin-top: -40px;
}

.home .travel-membership .elite-card .image img {
    width: 160px;
}

.home .travel-membership .elite-card h3 {
    color: #ffc600;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
}

.home .travel-membership .elite-card ul {
    margin: 15px 0;
    list-style: none;
}

.home .travel-membership .elite-card ul li {
    display: inline-block;
    width: 100%;
    margin-bottom: 1px;
    text-align: center;
}

.home .travel-membership .elite-card ul li:before,
.home .travel-membership .elite-card ul li:after {
    display: inline-block;
    color: #1b84c8;
}

.home .travel-membership .elite-card ul li:before {
    content: " \00BB";
}

.home .travel-membership .elite-card ul li:after {
    content: " \00AB";
}

.home .tiles {
    width: 60%;
    padding-left: 30px;
    text-align: center;
}

.home .tiles .tile {
    display: inline-block;
    width: 20%;
    vertical-align: top;
    margin: 0 -4px 0 6%;
}

.home .tiles .tile:nth-of-type(4n-3) {
    margin-left: 0;
}

.home .tiles span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    margin: 8px 0 15px;
    color: #084566;
    line-height: 1.2;
    font-weight: 600;
    text-transform: uppercase;
}

.home .tiles img {
    display: block;
    width: 100%;
    box-shadow: 7px 9px 18px rgba(0, 0, 0, 0.04);
}

.home .become-entrepreneur {
    padding: 150px 0;
    background-image: url(../images/home-house.jpg);
}

.home .entrepreneur-benefits {
    position: relative;
    padding: 35px;
    background: rgba(255, 255, 255, 0.9);
    color: #2d2d2d;
    text-align: center;
}

.home .entrepreneur-benefits h2 {
    color: #0b4873;
    font-weight: 700;
}

.home .entrepreneur-benefits .orange-line {
    height: 5px;
    width: 95%;
}

.home .entrepreneur-benefits p {
    text-align: center;
}

.home .entrepreneur-benefits ul {
    margin: 25px 0 15px 35px;
    list-style: none;
    text-align: left;
}

.home .entrepreneur-benefits ul li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 40px;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
}

.home .entrepreneur-benefits ul li:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 22px;
    height: 13px;
    background: url("../images/double-arrow-right.png");
}

.home .mwr-cares-block {
    padding: 90px 0;
    background-image: url('../images/cares-dandelion.jpg');
    background-position: center;
    color: #303030;
    font-weight: 700;
}

.home .mwr-cares-block .wrap-img {
    margin-bottom: 30px;
    text-align: center;
}

.home .mwr-cares-block p {
    margin-bottom: 30px;
}

.home .mwr-cares-block p:first-of-type {
    color: #0b4873;
}

.home .mwr-cares-block p:last-of-type {
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
}

.bottom-outside-button {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: translateY(50%);
    text-align: center;
    z-index: 3;
}

@media all and (max-width: 1300px) {
    .home .ceo-quote {
        padding: 160px 0;
    }

    .home .ceo-quote:after {
        width: 45%;
    }

    .home .become-entrepreneur {
        padding: 95px 0;
    }

    .home .mwr-cares-block {
        padding: 50px 0;
    }
}

@media all and (max-width: 996px) {
    .home .entrepreneur-benefits.span6 {
        width: 55%;
        margin-left: 45%;
        padding: 25px;
    }

    .home .entrepreneur-benefits ul {
        margin-left: 25px;
    }

    .home .mwr-cares-block .cares-block {
        width: 50%;
        margin-left: 50%;
    }
}


@media all and (max-width: 767px) {
    .home .life-exp .images img,
    .home .life-exp .images .image-row.big-images img {
        width: 40%;
        padding: 5px;
    }

    .home .ceo-quote:after,
    .home .ceo-quote .quote {
        width: 55%;
    }

    .home .travel-membership .wrap {
        text-align: center;
    }

    .home .travel-membership .elite-card {
        width: 100%;
        max-width: 400px;
        margin-bottom: 45px;
    }

    .home .tiles {
        width: 80%;
        padding-left: 0;
    }

    .home .entrepreneur-benefits.span6 {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

    .home .mwr-cares-block .cares-block {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        padding: 20px;
        background: #fff;
        box-shadow: 0 0 2px 1px #ffc601;
    }
}

@media all and (max-width: 500px) {
    .home .life-exp .images img,
    .home .life-exp .images .image-row.big-images img {
        width: 350px;
    }

    .home .ceo-quote:after,
    .home .ceo-quote .quote {
        width: 90%;
        margin-left: 5%;
    }

    .home .ceo-quote:after {
        opacity: 0.9;
    }

    .home .ceo-quote .quote .text {
        color: #fff;
    }

    .home .ceo-quote .quote .text p {
        color: #ffc601;
    }

    .home .tiles .tile {
        width: 117px;
        margin: 0 10px !important;
    }

    .home .entrepreneur-benefits ul {
        margin-left: 10px;
    }
}

.management h2 b,
.mwr_cares h2 b,
.membership h2 b,
.opportunity h2 b,
.ess-app h2 b,
.social h2 b {
    font-weight: 600;
}

.membership .short-description,
.ess-app .short-description {
    font-size: 18px;
    font-weight: 300;
}

.opportunity .short-description,
.social .short-description {
    font-size: 22px;
    line-height: 24px;
    font-weight: 300;
}

.orange-line,
.blue-line {
    height: 3px;
    width: 50%;
    margin: 15px auto;
    background: #ffc600;
}

.orange-line-gradient {
    height: 4px;
    width: 40%;
    margin: 25px 0;
    background: linear-gradient(to right, #e7b315 10%, #fff 100%);
}

.orange-line + p {
    font-weight: 300;
    text-align: justify;
}

.blue-line {
    background: #165660;
}

.testimonials-block {
    margin-top: -54px;
    padding: 30px 0 50px;
    background: #F9F9F9;
}

.testimonials-block .orange-line {
    margin: 15px auto 30px;
}

.testimonials-block .testimonial-tile {
    margin-top: 20px;
    padding: 15px;
    background: #fff;
    border: 1px solid #d6d6d6;
}

.testimonials-block .testimonial-tile > div {
    float: left;
}

.testimonials-block .testimonial-tile .testimonial-image {
    width: 210px;
}

.testimonials-block .testimonial-tile .testimonial-content {
    width: calc(100% - 210px);
    padding-left: 30px;
}

.testimonials-block .testimonial-tile .testimonial-content h3 {
    margin-bottom: 0;
    color: #0a4468;
    font-size: 35px;
    font-weight: 800;
    line-height: 1;
}

.testimonials-block .testimonial-tile .testimonial-content span {
    color: #b7b7b7;
    font-size: 17px;
}

.testimonials-block .testimonial-tile .testimonial-content .description {
    margin-bottom: 20px;
    text-align: justify;
}

.testimonials-block .testimonial-tile .testimonial-content .description p {
    font-size: 13px;
    line-height: 1.4;
}

.management_block {
    position: relative;
    background: linear-gradient(to bottom, #f2f2f2, #fefefe);
}

.dark-top,
.dark-bottom {
    position: relative;
}

.dark-top:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 25px;
    width: 100%;
    background: linear-gradient(to bottom, rgba(226, 226, 226, 0.5), rgba(226, 226, 226, 0.01));
}

.dark-bottom:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 25px;
    width: 100%;
    background: linear-gradient(to top, rgba(226, 226, 226, 0.5), rgba(226, 226, 226, 0.01));
}

.management_block .about_mwr p {
    margin-bottom: 20px;
    color: #131313;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
}

.management .management_block .mwr_management {
    padding: 30px 0 10px;
}

.mwr_management > div:not(.orange-line) {
    margin-bottom: 40px;
}

.mwr_management h2 + div:not(.orange-line) {
    margin-top: 30px;
}

.mwr_management .image-side,
.mwr_management .content-side {
    float: left;
    width: calc(100% - 220px);
}

.mwr_management .image-side {
    width: 170px;
    margin-right: 40px;
}

.mwr_management .image-side.reverse {
    float: right;
    margin: 0 0 0 40px;
}

.mwr_management .content-side div:first-of-type {
    margin-bottom: 20px;
}

.mwr_management img {
    width: 170px;
}

.mwr_management h4 {
    margin: 0 0 5px;
    color: #545454;
    font-size: 26px;
    line-height: 1.3;
    font-weight: 700;
}

.mwr_management span {
    color: #3a3a3a;
    line-height: 1.1;
}

.mwr_management .extra_info {
    display: none;
}

.mwr-team {
    background: #f2f2f2;
}

.helping-kids {
    padding: 40px 0;
    background: url("../images/hands.jpg") no-repeat center top;
    background-size: cover;
    text-align: center;
}

.helping-kids h3 {
    margin: 40px 0 60px;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 300;
}

.helping-kids .btn_main,
.home .btn_main,
.membership .btn_main,
.opportunity .btn_main,
.ess-app .btn_main,
.management .btn_main {
    padding: 8px 25px;
    background: #ffc600;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    border: none;
    border-radius: 4px;
    letter-spacing: 0;
    transition: opacity 0.2s;
}

.home .btn_main {
    padding: 5px 20px;
    font-size: 12px;
}

.membership .btn_main.btn_green,
.ess-app .btn_main.btn_green {
    margin-top: 10px;
    padding: 6px 20px;
    background: #6bc04b;
    font-size: 12px;
}

.membership .btn_main.btn_green span,
.ess-app .btn_main.btn_green span {
    text-transform: none;
}

.ess-app .btn_main.btn_green.big_btn {
    font-size: 24px;
    padding: 20px 25px;
    border-radius: 7px;
    margin-top: 40px;
}

.btn_main.btn_green.big_btn span {
    text-transform: uppercase;
    font-size: 0.6em;
}

.btn_main.btn_green.big_btn sup {
    font-size: 0.6em;
}

.opportunity .btn_main.btn_green {
    margin: 45px auto;
    padding: 14px 50px;
    font-size: 23px;
    background: #6bc04b;
}

.helping-kids .btn_main:hover,
.home .btn_main:hover,
.membership .btn_main:hover,
.opportunity .btn_main:hover,
.management .btn_main:hover {
    color: #fff;
    opacity: 0.7;
}

.banner_img {
    width: 100%;
    opacity: 0;
}

#slider {
    opacity: 0;
}

#slider.slick-initialized {
    opacity: 1;
}

#slider .slick-slide,
.top-banner {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.top-banner {
    position: relative;
    margin-top: -54px;
}

.management .top-banner {
    background-image: url("../images/company-top-banner.jpg");
}

.membership .top-banner {
    background-image: url("../images/membership-top-banner.jpg");
}

.opportunity .top-banner {
    background-image: url("../images/opportunity-top-banner.jpg");
}

.testimonials-page .top-banner {
    background-image: url("../images/testimonials-top-banner.jpg");
}

.testimonial-slider .slick-slide:first-of-type {
    background-image: url("../images/testimonials-top-banner.jpg");
}

.testimonial-slider .slick-slide {
    background-image: url("../images/testimonials-top-banner.jpg");
}

.testimonial-slider .slick-slide p {
    color: white;
}

.company-slider .slick-slide:first-of-type {
    background-image: url("../images/company-slider1.jpg");
}

.company-slider .slick-slide:nth-of-type(2) {
    background-image: url("../images/company-slider2.jpg");
}

.company-slider .slick-slide:nth-of-type(3) {
    background-image: url("../images/company-slider3.jpg");
}

.cares-slider .slick-slide:first-of-type {
    background-image: url("../images/cares-slider1.jpg");
}

.cares-slider .slick-slide:nth-of-type(2) {
    background-image: url("../images/cares-slider2.jpg");
}

.cares-slider .slick-slide:nth-of-type(3) {
    background-image: url("../images/cares-slider3.jpg");
}

.home-slider .slick-slide:first-of-type {
    background-image: url("../images/home-slider1.jpg");
}

.home-slider .slick-slide:nth-of-type(2) {
    background-image: url("../images/home-slider3.jpg");
}

.home-slider .slick-slide:nth-of-type(3) {
    background-image: url("../images/home-slider5.jpg");
}

.membership-slider .slick-slide:first-of-type {
    background-image: url("../images/membership-slider1.jpg");
}

.membership-slider .slick-slide:nth-of-type(2) {
    background-image: url("../images/membership-slider2.jpg");
}

.membership-slider .slick-slide:nth-of-type(3) {
    background-image: url("../images/membership-slider3.jpg");
}

.membership-slider .slick-slide:nth-of-type(4) {
    background-image: url("../images/membership-slider4.jpg");
}

.social-slider .slick-slide:first-of-type {
    background-image: url("../images/social-slider1.jpg");
}

.social-slider .slick-slide:nth-of-type(2) {
    background-image: url("../images/social-slider2.jpg");
}

.social-slider .slick-slide:nth-of-type(3) {
    background-image: url("../images/social-slider3.jpg");
}

.opportunity-slider .slick-slide:first-of-type {
    background-image: url("../images/opportunity-slider1.jpg");
}

.opportunity-slider .slick-slide:nth-of-type(2) {
    background-image: url("../images/opportunity-slider2.jpg");
}

.opportunity-slider .slick-slide:nth-of-type(3) {
    background-image: url("../images/opportunity-slider3.jpg");
}

.opportunity-slider .slick-slide:nth-of-type(4) {
    background-image: url("../images/opportunity-slider4.jpg");
}

.opportunity-slider .slick-slide:nth-of-type(5) {
    background-image: url("../images/opportunity-slider5.jpg");
}

.ess-slider .slick-slide:first-of-type {
    background-image: url("../images/ess-slider1.jpg");
}

.ess-slider .slick-slide:nth-of-type(2) {
    background-image: url("../images/ess-slider2.jpg");
}

.ess-slider .slick-slide:nth-of-type(3) {
    background-image: url("../images/ess-slider3.jpg");
}

.wrap_slide_text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    color: #fff;
    text-align: center;
}

.wrap_slide_text h1 {
    position: relative;
    float: right;
    padding: 30px 40px;
    color: #fff;
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    text-align: right;
    letter-spacing: 2px;
}

.social .wrap_slide_text h1 {
    text-transform: none;
}

.social .blog {
    padding: 25px 0 0;
}

.social .blog h2 {
    text-transform: none;
}

.social .blog .orange-line {
    margin: 20px auto;
}

.wrap_slide_text h1:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-image: -moz-linear-gradient(180deg, rgb(177, 224, 87) 0%, rgba(177, 224, 87, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(177, 224, 87) 0%, rgba(177, 224, 87, 0) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(177, 224, 87) 0%, rgba(177, 224, 87, 0) 100%);
    opacity: 0.6;
    z-index: -1;
}

.wrap_slide_text h1:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #10A0B5;
    opacity: 0.7;
    z-index: -2;
}

.wrap_slide_text h1 > * {
    position: relative;
}


.wrap_slide_text h1 span {
    color: #094b51;
    font-size: 3.5em;
    font-weight: 200;
    line-height: 0.9;
    letter-spacing: 2px;
}

.wrap_slide_text h1 span.small {
    font-size: 2.1em;
}

.we-care {
    margin: -24px auto 30px;
}

.full-img-left-text,
.full-img-block-text {
    padding: 90px 0;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.full-img-left-text.donation {
    background-image: url("../images/donation.jpg");
}

.full-img-left-text.donation p {
    font-size: 17px;
}

.full-img-left-text.five-star-resort {
    padding: 150px 0;
    background-image: url("../images/five-star-resort.jpg");
}

.full-img-left-text.five-star-resort p {
    font-size: 18px;
}

.full-img-left-text h2 {
    text-align: left;
}

.full-img-left-text .orange-line {
    left: 0;
    width: 100%;
    margin: 20px auto 35px;
}

.full-img-left-text p {
    padding-right: 10px;
}

.lifestyle-consultant {
    padding: 35px 0;
    background: #f2f2f2;
}

.lifestyle-consultant .span4 {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 26px 1px rgba(0, 0, 0, 0.11);
    text-align: center;
}

.lifestyle-consultant .span4 h4 {
    margin: 0;
    padding: 25px 0;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
}

.lifestyle-consultant .span4 > div {
    position: relative;
    height: 305px;
    padding: 30px 45px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.lifestyle-consultant .span4:first-of-type > div {
    background-image: url("../images/our-passion.jpg");
}

.lifestyle-consultant .span4:nth-of-type(2n) > div {
    background-image: url("../images/our-mission.jpg");
}

.lifestyle-consultant .span4:last-of-type > div {
    background-image: url("../images/our-cause.jpg");
}

.lifestyle-consultant .span4 p {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 500;
}

.lifestyle-consultant .span4 h6 {
    margin: 60px 0;
    font-size: 27px;
    font-weight: 300;
    text-transform: uppercase;
}

.lifestyle-consultant .span4 .orange-line {
    height: 1px;
    width: 100%;
    margin: 20px auto;
}

.lifestyle-consultant .btn_orange {
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
}

.space {
    position: relative;
    height: 40px;
    width: 100%;
    background: #f2f2f2;
}

.learn-more .span8 {
    padding-left: 30px;
}

.learn-more h2 {
    margin: 30px 0 10px;
    font-weight: 600;
    text-align: left;
}

.learn-more p {
    padding-right: 60px;
    font-size: 16px;
    line-height: 1.2;
}

.learn-more .btn_orange {
    margin-top: 15px;
}

.success-stories {
    position: relative;
    padding: 40px 0;
    background: #f2f2f2;
}

.success-stories > div:first-of-type {
    position: relative;
    text-align: center;
}

.success-stories > div:first-of-type:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 3px;
    transform: translateY(-50%);
    background: #ffc600;
}

.success-stories > div:first-of-type h2 {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 35px;
    font-weight: 300;
    background: #f2f2f2;
}

#testimonials-slider {
    padding: 50px 0;
}

#testimonials-slider .user-info {
    display: inline-block;
    vertical-align: top;
    width: 125px;
    text-align: center;
}

#testimonials-slider .user-info div {
    margin-top: 15px;
}

#testimonials-slider .user-info div span {
    /*color: #5c5c5c;*/
    color: white;
    line-height: 1.3;
    font-weight: 500;
}

#testimonials-slider .user-info div span:last-of-type {
    /*color: #8e8e8e;*/
    color: white;
    font-size: 12px;
    font-weight: 300;
}

#testimonials-slider .user-info + div {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 160px);
    margin-left: 30px;
}

#testimonials-slider .user-info + div div {
    position: relative;
    padding: 30px 40px;
    border: 1px solid #a1a1a1;
    border-radius: 10px;
}

#testimonials-slider .user-info + div div:before {
    content: '';
    position: absolute;
    left: -32px;
    top: 45px;
    width: 32px;
    height: 28px;
    /*background: #f2f2f2 url("../images/testimonial-rectangle.png") no-repeat center;*/
    background: rgba(0, 0, 0, 0.1) url(../images/testimonial-rectangle.png) no-repeat center;

}

#testimonials-slider .user-info + div div p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 300;
}

#testimonials-slider .user-info + div div p img {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: bottom;
    margin: 0 10px 0 -10px;
}

#testimonials-slider .slick-dots {
    bottom: 0;
}

.grey-block,
.white-block {
    padding: 25px 0;
    text-align: center;
}

.grey-block {
    background: #f2f2f2;
}

.white-block {
    background: #fff;
}

.grey-block.top {
    margin-top: -54px;
}

.grey-block.bottom {
    padding: 50px 0;
}

.grey-block h2,
.white-block h2 {
    margin-bottom: 0;
}

.grey-block .short-description {
    text-transform: uppercase;
}

.top-promotion {
    text-align: center;
}

.top-promotion .span7 {
    padding: 15px 50px;
}

.top-promotion .span5 {
    text-align: center;
}

.top-promotion h4 {
    margin-top: 15px;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}

.travel-needs {
    position: relative;
    padding: 50px 0;
    background: #f2f2f2;
    text-align: center;
}

.travel-needs .orange-line {
    margin: 20px auto 35px;
}

.travel-needs .tiles > div {
    display: inline-block;
    vertical-align: top;
    width: 14%;
    height: 116px;
    margin: 10px 1%;
    padding: 15px 20px;
    background: #fff;
    text-align: center;
}

.travel-needs .tiles h6 {
    margin: 15px 0 0;
    line-height: 1;
    font-weight: 300;
    text-transform: uppercase;
}

.travel-needs .tiles h6.double-line {
    position: relative;
    top: 4px;
    margin-top: 4px;
}

.travel-needs .tiles > div div {
    position: relative;
    height: 60px;
}

.travel-needs .tiles > div div img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 60px;
}

.activities {
    padding: 40px 0;
    background: #f2f2f2;
    text-align: center;
}

.activities .short-description {
    margin-bottom: 35px;
}

.activities .row-fluid {
    margin-bottom: 25px;
}

.reward-credits .span6:first-of-type {
    padding: 25px 30px 25px 0;
}

.reward-credits .span6:last-of-type {
    text-align: center;
}

.reward-credits .orange-line {
    width: 100%;
    left: 0;
}

.reward-credits h2 img {
    display: inline-block;
    vertical-align: middle;
    width: 75px;
}

.reward-credits h2 b {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 95px);
    margin-left: 10px;
    text-align: left;
}

.reward-credits .short-description {
    margin-top: 25px;
    color: #777;
    font-size: 18px;
    line-height: 23px;
    text-align: justify;
}

.additional-benefits {
    padding: 40px 0;
    background: #f2f2f2;
    text-align: center;
}

.opportunity .additional-benefits .benefits {
    margin-top: 0;
}

.additional-benefits .benefits {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px;
}

.additional-benefits .benefit {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
    width: 23%;
    padding: 10px;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.membership .additional-benefits .benefit:first-of-type {
    background-image: url("../images/concierge.png");
}

.membership .additional-benefits .benefit:nth-of-type(2) {
    background-image: url("../images/best-price.png");
}

.membership .additional-benefits .benefit:nth-of-type(3) {
    background-image: url("../images/book-online.png");
}

.membership .additional-benefits .benefit:nth-of-type(4) {
    background-image: url("../images/no-black-dates.png");
}

.opportunity .additional-benefits .benefit:first-of-type {
    background-image: url("../images/DIAMOND_CLUB.png");
}

.opportunity .additional-benefits .benefit:nth-of-type(2) {
    background-image: url("../images/presidential-club.png");
}

.opportunity .additional-benefits .benefit:nth-of-type(3) {
    background-image: url("../images/awards.png");
}

.opportunity .additional-benefits .benefit:nth-of-type(4) {
    background-image: url("../images/exlusive-trips.png");
}

.additional-benefits .benefit h6 {
    color: #fff;
    font-size: 24px;
    line-height: 1.1;
    font-weight: 400;
    text-transform: uppercase;
}

.free-program .span6 {
    text-align: center;
}

.free-program .span6:first-of-type {
    padding: 50px 0;
}

.more-privileges {
    padding: 40px 0 20px;
    background: #f2f2f2;
}

.more-privileges .row-fluid {
    margin-top: 30px;
}

.more-privileges .vip-package-block {
    padding: 35px 30px;
    background: #fff;
    text-align: center;
    box-shadow: 0 2px 26px 1px rgba(0, 0, 0, 0.11);
}

.more-privileges .vip-package-block .short-description {
    margin: 40px 0;
    text-transform: uppercase;
}

.more-privileges .vip-package-block .btn_main {
    font-size: 12px;
}

.more-privileges .vip-package-block + div {
    padding: 20px 5px;
}

.more-privileges .vip-package-block + div .short-description {
    text-align: center;
    text-transform: uppercase;
}

.border-check {
    margin-top: 30px;
    list-style: none;
}

.border-check li {
    position: relative;
    margin-bottom: 15px;
    padding-left: 40px;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
}

.border-check li:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 25px;
    height: 23px;
    background: url("../images/border-check.png") no-repeat center;
}

.packages {
    padding: 40px 0 20px;
    background: #f2f2f2;
}

.packages-table {
    display: block;
    overflow-x: auto;
    margin-top: 30px;
    box-shadow: 0 2px 26px 1px rgba(0, 0, 0, 0.11);
}

.packages-table table {
    margin-bottom: 0;
}

.packages-table th,
.packages-table td {
    min-width: 110px;
    text-align: center;
    vertical-align: middle !important;
    text-transform: uppercase;
}

.packages-table th:first-of-type,
.packages-table td:first-of-type {
    width: 400px;
}

.packages-table th {
    padding: 14px 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border-bottom: none;
}

.packages-table th:first-of-type {
    background: #70b9c4;
    color: #fff;
}

.packages-table th:nth-of-type(2) {
    background: #00b050;
    color: #fff;
}

.packages-table th:nth-of-type(3) {
    background: #6cceee;
    color: #fff;
}

/*.packages-table th:nth-of-type(4) {
    background: #f2b23d;
    color: #fff;
}*/

    .packages-table th:nth-of-type(4) {
        background: #0448A1;
        color: #fff;
    }

.packages-table th:last-of-type {
    background: #9053a1;
}

.packages-table td {
    background: #fff;
}

.packages-table td:nth-of-type(2) {
    background: #def9de;
}

.packages-table td:nth-of-type(3) {
    background: #d9eef5;
}

    .packages-table td:nth-of-type(4) {
        background: #8ED0EE;
    }

/*.packages-table td:nth-of-type(4) {
    background: #f6e8cf;
}*/

.packages-table td:last-of-type {
    background-color: #e1d3e6;
}

.packages-table tbody tr:first-of-type  td {
    border-top: none;
}

.packages-table tbody tr:last-of-type td {
    padding: 14px 20px;
}

.packages-table tbody tr:last-of-type td:first-of-type {
    background-color: #f2f2f2;
    font-size: 14px;
    text-transform: none;
    text-decoration: underline;
}

.packages-table .btn_main.btn_green {
    width: 100%;
    padding: 6px 2px;
}

.packages-table .check:before {
    content: '\2714';
    color: #050505;
    font-size: 22px;
}

.packages-table .line:before {
    content: '-';
    color: #050505;
    font-size: 30px;
}

.table-buttons div {
    float: left;
    min-height: 1px;
    padding: 15px 0;
    text-align: center;
}

.table-buttons div:first-of-type {
    padding: 15px 0;
    font-size: 8px;
    line-height: 1.2;
    font-weight: 300;
    text-transform: uppercase;
    text-align: left;
}

.table-buttons div:nth-of-type(3) {
    padding-top: 14px;
    background: #F2F2F2;
    font-size: 15px;
    font-weight: 600;
    border-top: 1px solid #ddd;
    width: 149px;
}

.table-buttons div .btn_main.btn_green span, .table-buttons div .btn_main.btn_green sup {
    font-size: 12px;
}

.grey-title {
    padding: 30px 0 20px;
    background: #f2f2f2;
    text-align: center;
}

.grey-title .short-description {
    text-transform: uppercase;
}

/*.opportunity .grey-title {
    margin-top: -55px;
}

.opportunity .grey-title h2 {
    margin-bottom: 0;
}*/

.do-3-things .span6:first-of-type {
    padding: 35px 0;
}

.do-3-things h2 {
    padding-left: 20px;
    text-align: left;
}

.do-3-things .orange-line {
    width: 90%;
    margin: 15px 0 20px;
}

.do-3-things ul {
    list-style: none;
    margin: 0;
    padding-left: 10px;
}

.do-3-things ul li {
    position: relative;
    margin-bottom: 10px;
    padding-top: 6px;
    padding-left: 40px;
    font-size: 22px;
    text-transform: uppercase;
}

.do-3-things ul li img {
    position: absolute;
    left: 0;
    top: 0;
}

.how-it-works {
    padding: 30px 0;
    background: #f2f2f2;
}

.how-it-works .block {
    margin: 40px 0;
    background: #fff;
    box-shadow: 0 2px 26px 1px rgba(0, 0, 0, 0.11);
}

.how-it-works .block.row-fluid {
    padding: 0;
}

.how-it-works .block .orange-line {
    width: 80%;
}

.how-it-works .block .span6 {
    width: 50%;
    margin: 0;
}

.how-it-works .block .span6.info {
    padding: 30px 25px 0;
}

.how-it-works .block .span6.reverse {
    float: right;
}

.how-it-works .block p {
    color: #777;
    font-size: 17px;
    font-weight: 300;
}

.how-it-works .block h4 {
    margin-top: 25px;
    font-size: 17px;
    font-weight: 300;
    text-transform: uppercase;
}

.how-it-works .block .border-check {
    margin-top: 20px;
    margin-left: 40px;
}

.how-it-works .block .border-check li {
    margin-bottom: 14px;
    font-size: 16px;
}

.you-economy {
    padding: 50px 0;
    background: url("../images/smilling-people.jpg") no-repeat center;
    background-size: cover;
    text-align: center;
}

.you-economy h2 {
    margin-bottom: 0;
}

.you-economy .short-description {
    text-transform: uppercase;
}

.you-economy a:not(.btn) {
    color: #444;
    font-size: 12px;
    text-transform: uppercase;
}

.ess-app-benefits {
    padding: 40px 0 0;
    background: #f6f6f6;
}

.ess-app-benefits h2 {
    margin-bottom: 20px;
    font-weight: 600;
}

.ess-app-benefits h2 + .orange-line {
    width: 70%;
}

.ess-app-benefits .type {
    padding: 30px 0;
    overflow: hidden;
}

.ess-app-benefits .type.white {
    background: #fff;
}

.ess-app-benefits .type:not(.white) .type-content {
    float: right;
}

.ess-app-benefits .type:not(.white) .type-image img {
    left: 0;
}

.ess-app-benefits .type .inner > div {
    float: left;
}

.ess-app-benefits .type-content {
    width: 55%;
    margin-right: 10%;
}

.ess-app-benefits .type-content .orange-line {
    margin-bottom: 30px;
}

.orange-arrow-list {
    margin: 0;
    list-style: none;
}

.ess-app-benefits .orange-arrow-list {
    float: left;
    width: 50%;
    margin: 30px 0;
}

.orange-arrow-list li {
    position: relative;
    margin-bottom: 5px;
    padding: 0 40px 0 25px;
    font-size: 12px;
    line-height: 1.4;
}

.orange-arrow-list li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 5px;
    height: 6px;
    background: url("../images/orange-arrow.png") no-repeat center;
}

.ess-app-benefits p {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 300;
    text-align: justify;
}

.ess-app-benefits .type-image {
    position: relative;
    width: 35%;
}

.ess-app-benefits .type-image img {
    position: absolute;
    top: 0;
    width: 66%;
    left: 17%
}

.ess-app-benefits h3 {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

#liMembership:hover ul {
    display: block;
}

#membership-dropdown {
    display: none;
    position: absolute;
    width: 190px;
    top: 90%;
    left: -30%;
    margin: 0;
    background: #fff;
    border-radius: 4px;
    list-style: none;
}

#membership-dropdown:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 50%;
    width: 0;
    height: 0;
    transform: translateX(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
}

#membership-dropdown li a {
    display: block;
    padding: 10px 10px 10px 15px;
    color: #505050;
    font-size: 11px;
    border-radius: 0 0 4px 4px;
}

#membership-dropdown li:first-of-type a {
    border-radius: 4px 4px 0 0;
}

#membership-dropdown li a:hover,
#membership-dropdown li a.active {
    background: #ffc600;
    color: #fff;
    text-decoration: none;
}

#membership-dropdown li:first-of-type {
    border-bottom: 1px solid #f4f4f4;
}

#membership-dropdown li a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 14px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../images/adv-vip-icon.png");
}

#membership-dropdown li a:hover:before,
#membership-dropdown li a.active:before {
    background-image: url("../images/adv-vip-white-icon.png");
}

#membership-dropdown li:last-of-type a:before {
    height: 19px;
    background-image: url("../images/essentials-app-icon.png");
}

#membership-dropdown li:last-of-type a:hover:before,
#membership-dropdown li:last-of-type a.active:before {
    background-image: url("../images/ess-app-hover-icon.png");
}

@media all and (max-width: 1170px) {
    .opportunity-tile .tile {
        width: 49%;
        margin-bottom: 50px;
    }

    .opportunity-tile .tile div.clearfix,
    .opportunity-tile .tile:first-of-type div.clearfix {
        border: none;
    }

    .opportunity-tile h4 {
        width: auto;
        min-width: 160px;
        margin-left: 15px;
    }

    .guaranteed .top-section {
        text-align: center;
    }

    .guaranteed .star_tiles {
        text-align: center;
    }

    .guaranteed .top-section img {
        float: none;
    }

    .guaranteed .top-section h4 {
        float: none;
        width: auto;
        text-align: center;
    }

    .guaranteed .star_tile:nth-of-type(5n - 4) {
        margin-left: 34px;
    }

    .guaranteed .star_tile:nth-of-type(5n) {
        margin-right: 34px;
    }

    .blue_title {
        margin: 10px 0;
        text-align: center;
    }

    .earn_up p {
        margin: 15px 0 20px;
    }

    .earn_up .btn {
        margin: 0;
    }

    .opportunity-tile .tile div.clearfix {
        padding: 5px;
    }
}

.app {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: url("../images/app_bg.jpg") no-repeat center;
    background-size: cover;
}
.app .full {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


.app .main_block {
    display: flex;
    flex-direction: row;
    width: 940px;
    padding: 0;
    overflow: hidden;
    background-color: #fff;
}

.app .logo img {
    width: 90px;
}

.app .wrap-text {
    margin: 120px 0 30px;
    line-height: 1.35;
}

.app .main_block .market_links {
    /*padding: 30px 0 30px;*/
    /*border-top: 1px solid #d5a93e;*/
}

.app .main_block .market_links a {
    display: inline-block;
    margin: 0 20px 0 0;
    -webkit-transition: opacity 200ms ease-out;
    -moz-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
}

.app .wrap-content h1 {
    margin: 0;
    font-size: 45px;
    font-family: 'spartanBold', sans-serif;
}

.app .wrap-content h2 {
    margin: 0;
    font-size: 33px;
    color: #44464a;
}

.app .main_block .market_links a:hover {
    opacity: 0.7;
}

@media (max-width: 979px) {

    #slider {
        top: 0;
    }

    .top-banner {
        margin-top: 0;
    }

    .home .wrap_slide_text .inner:after {
        display: none;
    }

    #navLayout.navbar {
        background-color: #000;
    }

    .individual_services .ind_service.span3 {
        width: 25%;
    }

    .compensation_plan {
        padding: 40px 1%;
    }

    .management_block .mwr_management .span4 {
        width: 100%;
        margin: 0 0 30px;
        text-align: center;
    }

    .mwr_management .span4:first-of-type,
    .mwr_management .span4:last-of-type {
        padding: 0 15px;
    }

    .wrap_slide_text h1 {
        font-size: 35px;
    }

    .lifestyle-consultant .inner .span4 {
        width: 70%;
        margin: 0 15% 40px;
    }

    .learn-more .inner .row-fluid > div {
        width: 70%;
        margin: 0 15% 30px;
        padding: 0;
        text-align: center;
    }

    .learn-more h2 {
        text-align: center;
        margin: 30px 0 20px;
    }

    .learn-more p {
        padding-right: 0;
    }

    .learn-more .btn_orange {
        margin: 5px 0 0;
    }

    .more-privileges .row-fluid .vip-package-block,
    .more-privileges .row-fluid .vip-package-block + div,
    .free-program .row-fluid .span6,
    .top-promotion .row-fluid .span7,
    .top-promotion .row-fluid .span5,
    .reward-credits .row-fluid .span6 {
        width: 70%;
        margin: 15px 15%;
    }

    .free-program .span6:first-of-type {
        padding: 30px 0 0;
    }

    .reward-credits .row-fluid .span6 {
        padding: 10px 10px 0;
    }

    .additional-benefits .benefits {
        justify-content: center;
    }

    .additional-benefits .benefit {
        width: 35%;
        margin: 15px;
    }

    .do-3-things {
        padding: 10px 0 30px;
    }

    .do-3-things .row-fluid .span6,
    .how-it-works .block .span6 {
        width: 70%;
        margin: 10px 15%;
    }

    .do-3-things .row-fluid .span6:last-of-type img,
    .how-it-works .block .span6 img {
        width: 100%;
    }

    .grey-block.top {
        margin-top: 0;
    }

    #liMembership:hover ul {
        display: none;
    }

    #membership-dropdown {
        position: static;
        width: 190px;
        margin-top: 15px;
        margin-left: 65px;
        background: #fff;
    }

    #membership-dropdown:before {
        display: none;
    }

    .opportunity .grey-title,
    .testimonials-block {
        margin-top: 0;
    }

    .about-mwr,
    .we-care {
        margin-top: 20px;
    }

    .app {
        padding: 20px !important;
    }

    .app .main_block {
        margin: 0px;
    }


}

@media all and (max-width: 900px) {

    .mwr_cares .full_orange_title {
        text-align: center;
    }

    .mwr_cares .full_orange_title h5 {
        float: none;
        display: block;
        text-align: center;
    }

    .mwr_cares .full_orange_title img {
        float: none;
        display: inline-block;
    }

    .days_of_caring .day_of_caring {
        text-align: center;
    }

    .days_of_caring .day_of_caring > img {
        float: none;
    }

    .days_of_caring .day_of_caring > div {
        padding: 20px 15px 0;
    }

    .days_of_caring .day_of_caring > div h5 {
        text-align: center;
    }

    .opportunity .banner {
        padding: 80px 0 120px;
    }

    .compensation_plan {
        text-align: center;
    }

    .compensation_plan .span6 {
        width: 100%;
    }

    .compensation_plan .span6:last-of-type {
        width: 80%;
        margin: 20px 10% 0;
        max-height: none;
    }

    .compensation_plan h6 {
        width: auto;
        text-align: left;
    }

    .compensation_plan p {
        margin-top: 15px;
        padding: 0 20px;
    }

    .compensation_plan .omax-video iframe {
        max-height: none;
    }

    .service_extra_info .service_extra_info-block .main_service_text {
        padding: 30px 30px 60px;
    }

    .service_extra_info .service_extra_info-block .main_service_text .w50_inl:first-of-type p {
        padding-right: 0;
    }

    .packages-table tbody tr:last-of-type td  {
        padding: 14px 10px;
    }
}

@media all and (max-width: 900px) and (min-width: 768px) {

    .services .full_rectangles .rectangle:last-of-type {
        padding-left: 45px;
    }

    .services .full_rectangles .rectangle:last-of-type h5 {
        font-size: 32px;
    }

    .services .full_rectangles .rectangle:first-of-type {
        padding-right: 130px;
    }

    .services .full_rectangles .rectangle:last-of-type:after {
        left: -280px;
    }

    .services .full_rectangles .rectangle:first-of-type h5, .services .full_rectangles .rectangle:first-of-type h6 {
        font-size: 28px;
    }

    .services .full_rectangles .rectangle:first-of-type p {
        font-size: 16px;
    }

    .individual_services {
        padding: 40px 0 10px;
    }

    .management .full_rectangles .span4 {
        margin-left: 10px;
    }

    .our_goal .banner {
        padding: 130px 0 250px;
    }

    .management .full_rectangles.left_orange .rectangle:first-of-type {
        padding-left: 20px;
    }
}

@media all and (max-width: 767px) {

    .home .white-block h2 {
        font-size: 16px;
    }

    .services .full_rectangles {
        text-align: center;
    }

    .services .full_rectangles .rectangle:first-of-type {
        padding: 30px 20px;
    }

    .services .full_rectangles .rectangle:first-of-type p {
        padding: 0;
    }

    .services .full_rectangles .rectangle:last-of-type {
        padding-left: 400px;
    }

    .services .full_rectangles .rectangle:last-of-type:after {
        left: 0;
    }

    .individual_services {
        padding: 30px 0 5px;
    }

    .individual_services .ind_service.span3 {
        float: left;
        width: 100%;
        margin-bottom: 40px;
    }

    .individual_services .ind_service h6 {
        margin-top: 20px;
    }

    .individual_services h3 {
        margin-bottom: 40px;
    }

    .services .title {
        margin-bottom: 30px;
    }

    .banner {
        margin-top: 0;
        padding: 40px 0 160px;
    }

    .mwr_cares .banner {
        padding: 40px 0 90px;
    }

    .opportunity .banner {
        padding-top: 50px;
    }

    .earn_money {
        text-align: center;
    }

    .earn_money > div {
        width: 100%;
        margin-top: 5px;
    }

    .earn_money > div h5 {
        margin: 15px 0 15px 10px;
    }

    .earn_money .btn {
        float: none;
        margin: 10px 0 20px;
    }

    .management .full_rectangles.left_orange .rectangle:first-of-type,
    .full_rectangles .rectangle {
        text-align: center;
    }

    .our_goal .banner {
        padding: 140px 0;
    }

    .our_goal .banner .title {
        margin-bottom: 30px;
    }

    .management .full_rectangles img {
        position: static;
        max-width: 280px;
    }

    .services {
        margin-top: 0;
    }

    .service_extra_info .service_extra_info-block .main_service_text .w50_inl:last-of-type {
        margin: 15px;
    }

    .service_extra_info .service_extra_info-block .main_service_text .w50_inl:last-of-type p {
        margin-left: 0;
    }

    .service_extra_info .service_extra_info-block h3 {
        width: 100%;
    }

    .service_extra_info .service_extra_info-block h3 span {
        width: 100%;
        top: 0;
        margin-bottom: 5px;
    }

    .service_extra_info .service_extra_info-block header > span {
        float: none;
        display: inline-block;
        margin-bottom: 12px;
    }

    .app .wrap-content {
        width: 400px;
        padding-top: 50px 30px;
    }

    .app .wrap-text {
        margin-top: 60px;
    }

    .app .wrap-image img {
        width: 810px;
        left: -210px;
    }

    .app .wrap-image {
        margin-left: -240px;
    }

    .mwr_cares .w50 {
        width: 100%;
        margin: 10px 0;
    }

    .wrap_slide_text h1 {
        padding: 30px;
        font-size: 25px;
    }

    #testimonials-slider .user-info {
        width: 100%;
    }

    #testimonials-slider .user-info img {
        display: inline-block;
        width: 150px;
        height: 150px;
    }

    #testimonials-slider .user-info + div {
        width: 100%;
        margin: 20px 0 0;
    }

    #testimonials-slider .user-info + div div:before {
        display: none;
    }

    .mwr_management .image-side, .mwr_management .content-side {
        width: 100%;
        margin: 0 0 10px;
        text-align: center;
    }

    .activities .row-fluid {
        margin-bottom: 0;
    }

    .activities .row-fluid .span4:first-of-type {
        margin-top: 0;
    }

    .activities .span4 {
        margin: 10px 0;
        text-align: center;
    }

    .activities .span4 img {
        width: 70%;
    }

    .table-buttons div .btn_main.btn_green {
        padding: 6px 20px;
        font-size: 16px;
    }

    .more-privileges .row-fluid .vip-package-block,
    .more-privileges .row-fluid .vip-package-block + div,
    .free-program .row-fluid .span6,
    .top-promotion .row-fluid .span7,
    .top-promotion .row-fluid .span5,
    .reward-credits .row-fluid .span6 {
        width: 90%;
        margin: 15px 5%;
    }

    .ess-app-benefits .type .inner > div {
        width: 100%;
        margin: 0 0 10px;
    }

    .ess-app-benefits .type-image {
        height: 250px;
        text-align: center;
    }

    .ess-app-benefits .type-image img {
        position: static;
        width: 150px;
    }

    .orange-arrow-list li {
        padding: 0 25px;
    }

    .additional-benefits .benefit {
        width: 50%;
    }

    .travel-needs .tiles > div {
        width: 17%;
    }

    .do-3-things .row-fluid .span6,
    .how-it-works .block .span6 {
        width: 90%;
        margin: 10px 5%;
    }

    .packages-table th, .packages-table td {
        font-size: 12px;
        line-height: 1.3;
    }

    .table-buttons div:last-of-type {
        font-size: 14px;
    }

    .full-img-left-text.five-star-resort {
        padding: 90px 0;
    }

    .testimonials-block .testimonial-tile {
        text-align: center;
    }

    .testimonials-block .testimonial-tile .testimonial-image,
    .testimonials-block .testimonial-tile .testimonial-content {
        width: 100%;
        padding: 0 10px;
    }

    .testimonials-block .orange-line-gradient {
        width: 70%;
        margin: 25px auto;
    }

}

@media all and (max-width: 600px) {

    .services .full_rectangles .rectangle:first-of-type {
        padding: 30px 20px 70px 20px;
    }

    .services .full_rectangles .rectangle:last-of-type {
        padding: 90px 25px 35px 25px;
    }

    .services .full_rectangles .rectangle:last-of-type h5 {
        margin-top: 10px;
        text-align: center;
        text-indent: 0;
    }

    .services .full_rectangles .rectangle:last-of-type:after {
        top: -70px;
        left: 50%;
        width: 200px;
        height: 150px;
        margin-left: -100px;
        z-index: 1;
    }

    .individual_services .ind_service.span3 {
        width: 100%;
    }

    .sign_up_today > span {
        display: block;
        margin-bottom: 15px;
    }

    .banner {
        padding: 40px 0 120px;
    }

    .banner p {
        padding: 0 15px;
    }

    .life_slider .slick-slide {
        margin: 0 10px;
    }

    .life_slider .main_info .w50 {
        width: auto;
        padding: 0 20px;
        margin-bottom: 20px;
    }

    .life_slider .main_info .w50:first-child {
        width: 100%;
        max-width: 300px;
        padding: 0 20px;
    }

    .life_slider .main_info {
        padding-bottom: 10px;
    }

    .life_slider .footer_info {
        padding: 15px 25px;
    }

    .days_of_caring .day_of_caring {
        padding: 25px 15px;
    }

    .days_of_caring .day_of_caring > div {
        padding: 20px 5px 0;
    }

    .opportunity .banner {
        padding-bottom: 70px;
    }

    .earn_money > div {
        margin-top: 15px;
    }

    .earn_up {
        text-align: center;
    }

    .earn_up .btn {
        margin-left: 0;
    }

    .earn_up p {
        padding-left: 0;
    }

    .earn_money > div h5 {
        text-align: center;
    }

    .compensation_plan h6 {
        text-align: center;
    }

    .compensation_plan p {
        margin-top: 5px;
    }

    .compensation_plan .span6:last-of-type {
        width: 94%;
        margin: 20px 3% 0;
    }

    .opportunity .full_orange_title h4 {
        margin-top: 5px;
    }

    .our_goal .banner {
        padding: 50px 0 100px;
    }

    .our_goal .banner p {
        padding: 0 15px;
    }

    .mwr_management .team_member-header {
        margin-left: 0;
    }

    .mwr_management .team_member-header div {
        position: static;
        min-width: auto;
        text-align: center;
    }

    .service_extra_info .service_extra_info-block .main_service_text .w50_inl:last-of-type {
        margin: 15px 0;
    }

    .app .wrap-content {
        width: 100%;
        padding: 40px 20px;
        text-align: center;
    }

    .app .wrap-content h1 {
        font-size: 37px;
    }

    .app .wrap-content h2 {
        font-size: 24px;
    }

    .app .wrap-text {
        margin: 30px 0;
    }

    .app .wrap-image {
        display: none;
    }

    .opportunity-tile.inner {
        text-align: center;
    }

    .opportunity-tile h4 {
        margin-left: 0;
        min-height: 95px;
    }

    .wrap_slide_text h1 {
        padding: 20px;
        font-size: 20px;
    }

    .learn-more .inner .row-fluid > div {
        width: 100%;
        margin: 0 0 30px;
    }

    .lifestyle-consultant .inner .span4 {
        width: 100%;
        margin: 0 0 40px;
    }

    .lifestyle-consultant .span4 > div {
        height: auto;
        min-height: 250px;
    }

    .table-buttons div .btn_main.btn_green {
        padding: 6px 10px;
        font-size: 12px;
    }

    .table-buttons div .btn_main.btn_green span, .table-buttons div .btn_main.btn_green sup {
        font-size: 10px;
    }

    .activities .span4 img {
        width: 80%;
    }

    .travel-needs .tiles > div {
        width: 60%;
        margin: 15px 15%;
    }

    .additional-benefits .benefit {
        width: 70%;
    }

    .full-img-left-text.five-star-resort {
        padding: 50px 0;
    }

    .packages-table td,
    .packages-table th {
        width: 60px;
        max-width: 60px;
        min-width: auto;
        padding: 8px 5px;
    }

    .packages-table th:first-of-type,
    .packages-table td:first-of-type {
        width: auto;
    }

    .packages-table tbody tr:last-of-type td {
        padding: 12px 5px;
    }

    .packages-table tbody tr:last-of-type td:first-of-type {
        font-size: 12px;
    }

    .packages-table .btn_main.btn_green {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 6px 0;
        line-height: 1.2;
    }

    .packages-table .check:before {
        font-size: 18px;
    }

    .packages-table .line:before {
        font-size: 24px;
    }
}

@media all and (max-width: 375px) {

    .wrap_slide_text h1 {
        font-size: 15px;
    }

    .start_now {
        right: 70px;
    }

    .start_now .btn {
        margin-top: 4px;
        font-size: 11px;
    }

    #logoImage {
        position: relative;
        top: 20px; /* move down */
        left: 40px; /* move right */
        max-width: 130px;
    }

    .navbar .btn-navbar {
        /*margin-top: 5px;*/
        margin: 5px;
    }

    .top-promotion .span7 {
        padding: 15px 20px;
    }

    .packages-table th, .packages-table td {
        font-size: 10px;
    }

    .table-buttons div {
        padding: 10px 3px;
    }

    .table-buttons div:nth-of-type(3) {
        padding-top: 9px;
    }

    .table-buttons div .btn_main.btn_green,
    .table-buttons div .btn_main.btn_green span,
    .table-buttons div .btn_main.btn_green sup {
        font-size: 11px;
        line-height: 18px;
    }

    .table-buttons div .btn_main.btn_green sup {
        top: -0.3em;
    }
}

@media all and (max-width: 340px) {
    .packages-table td, .packages-table th {
        width: 52px;
        max-width: 52px;
    }

    .packages-table tbody tr:last-of-type td {
        padding: 12px 3px;
    }
}

#testimonials .carousel-indicators {
    top: auto;
    bottom: 20px;
    left: calc((100% - 25px) / 2);
    z-index: 99999;
}

.signup {
    padding-top: 0;
}

.signup .signup_title {
    display: inline-block;
    width: calc(100% - 155px);
    vertical-align: middle;
}

.signup .signup_btn {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}

.signup .signup_btn .btn_learn_more {
    margin-top: 0;
}

.signup .signup_title.signup_es_title {
    width: calc(100% - 180px);
}

.sidebar-link {
    padding-left: 55px;
    color: #cc9933;
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 22px;
}

.lfr {
    text-align: center;
}

@media (max-width: 770px) {
    .signup .signup_title, .signup .signup_title.signup_es_title {
        width: 100%;
        text-align: center;
    }

    .signup .signup_btn {
        width: 100%;
        margin: 25px 0 0;
        text-align: center;
    }

    .signup .signup_btn .btn_learn_more {
        margin-top: 0;
        margin-left: 0;
    }

    .sidebar-menu a img {
        padding-left: 0;
    }

    .sidebar-menu {
        text-align: center;
    }

    .sidebar-menu > ul {
        text-align: left;
    }

    .sidebar-menu .sidebar-link {
        padding-left: 0;
    }

    .blue_title {
        text-align: center;
    }
}

@media screen and (max-width: 767px) and (min-width: 480px) {
    a.btn_learn_more {
        margin-left: 0;
    }
}

@media screen and (max-width: 480px) and (min-width: 320px) {
    a.btn_learn_more {
        margin-left: 0;
    }
}

/* end main content */

/* joinhome page */

#checkoutPage .formRow div label {
    padding-right: 0;
}

.formRow .first {
    float: left;
    width: 46%;
    margin: 3px 1% 4px 1%;
}

.formRow .second {
    float: left;
    width: 46%;
    margin: 3px 3% 4px 1%;
}

.validate_row:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.formRow .validate_row .first, .formRow .validate_row .second {
    margin: 0 3% 0 1%;
    min-height: 1px;
}

#checkoutPage .formRow div label {
    width: 125px;
    text-align: right;
    margin-right: 10px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    float: none;
    height: auto;
}

#checkoutPage .step-first .formRow div label {
    width: auto;
    text-align: left;
}

#checkoutPage .formRow div label + div {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}

#checkoutPage .formRow div input:not([type="radio"]):not([type="checkbox"]),
#checkoutPage .formRow select  {
    width: calc(100% - 140px);
    max-width: 240px;
}

#checkoutPage .formRow .double_select select {
    flex: 1 1;
}

#checkoutPage .formRow.one-column div input[type='submit'] {
    width: auto;
    margin-top: 10px;
}

.row_radio {
    display: inline-block;
    margin: 0 15px;
}

.row_radio:first-of-type {
    margin-left: 50px;
}

#divWebsiteInfo div div {
    margin: 5px 0;
}

#checkoutPage .formRow#divWebsiteInfo {
    padding-bottom: 0;
}

#checkoutPage .formRow#divWebsiteInfo .field-validation-error {
    padding-left: 180px;
}

#checkoutPage .formRow#divWebsiteInfo > div {
    margin-bottom: 15px;
}

#checkoutPage .formRow#divWebsiteInfo div > input {
    width: 300px;
    max-width: 300px;
}

#checkoutPage .formRow#divWebsiteInfo div > label {
    float: none;
    display: inline-block;
    min-width: 176px;
    margin-right: 0;
    padding: 0;
    color: #606060;
    font-weight: bold;
}

#checkoutPage .formRow #mastercardContent .first {
    text-align: center;
    width: 30%;
}

#checkoutPage .formRow #mastercardContent .second {
    width: 64%;
    margin-bottom: 0;
}

#checkoutPage .formRow #mastercardContent .first img {
    float: none;
    margin: 10px 0 0;
}

#checkoutPage .formRow #mastercardContent .second p {
    line-height: 1.7;
    padding-top: 5px;
    margin-bottom: 0;
}

#checkoutPage .formRow .double_select .field-validation-error {
    width: auto;
}

#checkoutPage .formRow .double_select .field-validation-error:first-of-type {
    margin-left: 108px;
}

#checkoutPage .formRow .double_select .field-validation-error:last-of-type {
    margin-left: 23px;
}

#checkoutPage .formRow .double_select select,
.biz_center #checkoutPage .formRow .double_select select {
    width: calc((100% - 29px) / 2);
}

#checkoutPage .formRow .double_select span {
    padding: 0 8px;
}

.cv_field {
    width: calc(100% - 140px);
}

#checkoutPage .formRow .cv_image {
    margin-left: 4px;
    width: calc(100% - 57px);
    max-width: 130px;
}

#checkoutPage .double_select {
    width: calc(100% - 140px);
    max-width: 240px;
}

#checkoutPage .agree {
    margin: 10px 0 0 5px;
}

#checkoutPage .agree input {
    margin: -2px 8px 0 2px;
}

#promoterAgreeTerms, #salesRepAgreeTerms {
    padding: 0 10px 10px;
}

#checkoutPage .row_checkbox .first, #checkoutPage .row_checkbox .second {
    width: auto;
}

#checkoutPage .row_checkbox .first {
    margin-right: 10px;
}

#checkoutPage .formRow .field-validation-error {
    display: inline-block;
    margin: 0 0 7px;
    padding-left: 136px;
}

#checkoutPage .formRow .validate_row .second .field-validation-error {
    padding-left: 122px;
}

#checkoutPage .formRow .validate_row .double_select_valid {
    position: relative;
}

#checkoutPage .formRow .validate_row .double_select_valid .field-validation-error:last-of-type {
    padding-left: 47px;
}

#checkoutPage .proceed-link {
    margin: 25px 0;
    text-align: center;
}

#checkoutPage .proceed-link a {
    color: #005580;
    font-weight: bold;
    cursor: pointer;
}

#ResellerType {
    position: relative;
    left: 4px;
}

.reseller-type {
    position: relative;
    padding: 5px;
}

.reseller-type.active {
    background-color: #f7f8f5;
}

.reseller-type__block {
    margin-bottom: 30px;
    padding: 5px;
}

.reseller-type__checkbox {
    position: relative;
}

.reseller-type__checkbox.active {
    background-color: #fff;
}

    .reseller-type__checkbox#TravelAdvantageDiv:before,
    .reseller-type__checkbox#EliteTravelAdvantageProDiv:before
    /*.reseller-type__checkbox#TravelAdvantageDivVIP:before
    .reseller-type__block#VelocityConferenceDiv*/ {
        content: '';
        position: absolute;
        left: -5px;
        top: -15px;
        width: calc(100% + 10px);
        height: 1px;
        background-color: #c5cdd6;
    }

    .reseller-type__checkbox#EliteTravelAdvantageProDiv:before
    /*.reseller-type__checkbox#TravelAdvantageDivVIP:before
    .reseller-type__block#VelocityConferenceDiv*/ {
        top: auto;
        bottom: -15px;
    }


.reseller-type__block .top-part {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.reseller-type__block .name-part {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 8px;
}

.reseller-type__block .check-fixed {
    pointer-events: none;
}

.reseller-type__block .type-name {
    height: auto !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2 !important;
    text-align: left;
}

.reseller-type__block .type-name span {
    text-transform: uppercase;
}

.reseller-type__block .type-name i {
    font-weight: 400;
}

.reseller-type__block .wrap-text {
    flex: 1 1;
    padding-right: 20px;
}

.reseller-type__block .wrap-text p {
    margin-bottom: 0;
    padding-left: 22px;
}

.reseller-type__block .wrap-img {
    width: 120px;
    margin-top: 8px;
    text-align: center;
}

.reseller-type__block .wrap-mobile_img img {
    width: 50px;
}

.reseller-type__block .points-part ul {
    margin-left: 40px;
}

.reseller-type__block .check-part {
    padding-left: 30px;
}

.footnote {
    margin: -5px 0 15px;
    padding: 0 5px;
    text-align: right;
    font-style: italic;
}

.text-red {
    color: #c40f0f !important;
}

.text-red_bright {
    color: #ff0104 !important;
}

.text-black {
    color: #606060;
}

.list-check {
    margin-left: 6px;
    list-style: none;
}

.list-check li {
    position: relative;
    margin-bottom: 6px;
}

.list-check li:before {
    content: '\2713';
    display: inline;
    margin-right: 4px;
}

#checkoutPage .formRow#divEnrollment {
    margin-bottom: -10px;
}

#checkoutPage .formRow#divPromoterText {
    margin-top: 30px;
    padding: 0;
}

#checkoutPage .promo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: -8px;
    margin-bottom: 12px;
    padding: 10px 30px;
    background-color: #f1f2f6;
    border: 1px solid #c5cdd6;
}

#checkoutPage .promo-title  {
    padding-right: 15px;
}

#checkoutPage .promo-title h3 {
    margin: 0 0 3px;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: -1px;
}

#checkoutPage .promo-title b {
    color: #8a919e;
    font-size: 16px;
}

#checkoutPage .promo-counter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 24px;
    background-color: #fff;
    color: #747d8c;
    border-radius: 7px;
}

#checkoutPage .promo-counter .counter-spots {
    font-size: 38px;
    line-height: 1;
}

#checkoutPage .promo-counter .counter-text {
    text-transform: uppercase;
    text-align: center;
}

#checkoutPage .mobile-promotion {
    display: none;
}

@media all and (max-width: 768px) {
    .reseller-type__block .top-part {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .reseller-type__block .wrap-text {
        padding-right: 0;
    }

    .reseller-type__block .wrap-img {
        width: auto;
        margin: 0 0 15px;
        text-align: center;
    }

    .reseller-type__block .wrap-img img {
        width: 180px;
    }

    .reseller-type__block .wrap-mobile_img img {
        width: 70px;
    }

    .reseller-type__block .wrap-elevation_img img  {
        width: 240px;
    }

    #checkoutPage .formRow#divEnrollment {
        background: transparent !important;
    }

    #checkoutPage .formRow#divEnrollment .row_checkbox .second {
        display: none;
    }

    #checkoutPage .mobile-promotion {
        display: block;
    }
}

@media all and (max-width: 500px) {

    #checkoutPage .promo {
        flex-direction: column;
        padding: 15px;
        border-right: none;
        border-left: none;
    }

    #checkoutPage .promo-title {
        margin-bottom: 20px;
        text-align: center;
    }

    .reseller-type__block .name-part {
        margin-bottom: 7px;
    }
}

@media all and (max-width: 374px) {
    #checkoutPage .promo-title h3 {
        font-size: 31px;
    }
}

#divServices > p:last-of-type {
    margin-bottom: 0;
}

#divSalesRepText p {
    margin-bottom: 0;
}

.back-to-top {
    bottom: 40px;
}

#fc_chat_layout {
    width: 250px;
}

/* bizcenter */

#checkoutPage .formRow div.dashboard_inputs label {
    width: 200px;
}

#checkoutPage .formRow div.dashboard_inputs input {
    width: calc(100% - 210px);
}

#checkoutPage .formRow div.dashboard_inputs a {
    float: right;
    font-size: 14px;
    font-weight: bold;
    color: #cc9933;
    margin-top: 10px;
}

#positionRank {
    text-align: center;
}

#countdownelements {
    margin: -10px 0 -20px;
    padding: 0;
    text-align: center;
}

#countdownelements > img {
    display: inline-block;
    width: 59%;
    vertical-align: top;
    padding: 22px 0 30px;
}

#countdownelements .style1 .gerakl-countdown-section {
    width: 24%;
    margin: 0;
}

#nextrankDiv .wrap {
    padding: 0 20px;
}

#positionRank2 {
    text-align: center;
}

@media all and (max-width: 939px) {
    #countdownelements > img {
        width: 90%;
        padding: 10px 0;
    }

    #countdownelements .geraklcountdown {
        width: 100%;
        margin-bottom: 15px;
    }

    #countdownelements .style1 .gerakl-countdown-section {
        width: 90px;
        margin: 0 5px;
    }
}

@media all and (max-width: 767px) {
    #checkoutPage .formRow div.dashboard_inputs label {
        width: auto;
    }

    #checkoutPage .formRow div.dashboard_inputs input {
        width: 100%;
    }

    #checkoutPage .formRow div.dashboard_inputs .first,
    #checkoutPage .formRow div.dashboard_inputs .second {
        width: 80%;
        margin: 5px 10%;
    }

    #countdownelements {
        padding: 0 5px;
    }

    #countdownelements .style1 .gerakl-countdown-section {
        width: 75px;
    }

    .TabContainer .row-fluid .my-info,
    .TabContainer .row-fluid .btn-group_page {
        margin: 20px auto 0;
    }

    .TabContainer .row-fluid .my-info {
        width: 70%;
    }

    .TabContainer .row-fluid .btn-group_page {
        width: 50%;
    }
}

@media all and (max-width: 600px) {
    #countdownelements > img {
        width: 100%;
    }
}

@media all and (max-width: 500px) {
    .TabContainer .row-fluid .my-info {
        width: 90%;
    }

    .TabContainer .row-fluid .btn-group_page {
        width: 70%;
    }

    .app .wrap-text {
        width: auto;
    }
}

@media all and (max-width: 370px) {
    #countdownelements .style1 .gerakl-countdown-section {
        width: 70px;
        margin: 0 1px;
    }

    #countdownelements .style1 .gerakl-countdown-amount {
        font-size: 25px;
    }

    #countdownelements .style1 .gerakl-countdown-amount span {
        line-height: 37px;
    }

    .app .wrap-text {
        width: auto;
    }

}

/* reseller page */

.person_info {
    text-align: center;
    margin-top: 15px;
}

.person_name_and_position, .person_image {
    display: inline-block;
    vertical-align: middle;

}

.person_info .person_name_and_position {
    width: 250px;
    text-align: left;
    margin-left: 15px;
}

.person_info .person_name_and_position span:first-of-type {
    display: block;
    font-size: 1.4em;
    color: #0c525d;
    border-bottom: 1px solid #acacac;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 3px;
}

.person_image img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /*width:106px;
    height:107px;*/

}

.person_video {
    background: url("../images/reseler_video_wrap.png") no-repeat center;
    padding-bottom: 60%;
    top: -20px;
}

.person_video2 {
    background: rgba(0, 0, 0, 0) url("../images/reseler_video_wrap.png") no-repeat scroll center center;
    padding-bottom: 60%;
    top: -20px;
}

.person_video.omax-video iframe {
    width: 86%;
    height: 88%;
    left: 7%;
    right: 7%;
    top: 15%;
}

.person_video div > div:after {
    content: "\f144";
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -17px;
    font-size: 40px;
}

.videoblackbackgroundremoved {
    width: 92%;
    height: 79%;
}

/* end reseller page */
@media (max-width: 979px) {
    #checkoutPage .formRow .double_select span {
        padding: 0 8px;
    }
}

.person_info {
    margin-bottom: 40px;
}

.person_info:last-of-type {
    margin-bottom: 0;
}

/*.person_video {
    background: none;
    padding-bottom: 56.25%;
}*/

/*.person_video.omax-video iframe {
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 30px;
}*/

@media (max-width: 770px) {
    .formRow div .first, .formRow div .second {
        float: left;
        width: 44%;
        margin: 3px 3% 4px 3%;
    }

    #checkoutPage .formRow #mastercardContent .first, #checkoutPage .formRow #mastercardContent .second {
        width: 100%;
        margin: 3px 0;
    }

    #checkoutPage .formRow div label,
    #checkoutPage .TabContainer .formRow div label {
        width: auto;
        margin: 0 0 4px;
        padding: 0;
        text-align: left;
    }

    #checkoutPage .formRow > div:not(.row_radio) {
        width: 96%;
        margin: 0 2%;
    }

    #checkoutPage .formRow > .row_checkbox > div {
        width: 100%;
        margin: 5px 0;
    }

    #checkoutPage .formRow#divEnrollment > .row_checkbox > div {
        width: auto;
        margin-right: 20px;
    }

    #checkoutPage .formRow#divWebsiteInfo div > label {
        text-align: right;
    }

    .row_radio:first-of-type {
        margin: 10px 0 0 5px;
    }

    #checkoutPage .formRow div input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
    #checkoutPage .formRow select {
        width: 100%;
        max-width: none;
    }

    #checkoutPage .formRow#divWebsiteInfo div strong span {
        display: inline-block;
        margin-bottom: 1px;
    }

    #checkoutPage .formRow .field-validation-error {
        padding-left: 12px;
    }

    #checkoutPage .formRow .validate_row .second .field-validation-error {
        padding-left: 24px;
    }

    #checkoutPage .double_select,
    .cv_field {
        width: 100%;
        max-width: none;
    }

    .double_select, .cv_field {
        clear: both;
    }

    #checkoutPage .formRow .validate_row .double_select_valid .field-validation-error:last-of-type {
        position: absolute;
        left: calc(50% + 23px);
        padding: 0;
    }

    .back-to-top {
        bottom: 70px;
    }
}

@media (max-width: 600px) {
    #checkoutPage .formRow .validate_row .second .field-validation-error {
        padding-left: 20px;
    }

    #checkoutPage .formRow div .double_select select:first-of-type {
        margin-right: 8px;
    }

    .double_select > span {
        display: none;
    }

    .db {
        position: relative;
    }

    #checkoutPage .formRow .validate_row .first.double_select_valid .field-validation-error:last-of-type {
        position: absolute;
        left: calc(50% + 15px);
    }


    #checkoutPage .formRow#divWebsiteInfo div > input {
        display: block;
        width: 44%;
    }

    #checkoutPage .formRow#divWebsiteInfo div > label {
        float: none;
        display: inline-block;
        width: auto;
        min-width: auto;
        padding: 0;
        text-align: left;
    }

    #checkoutPage .formRow#divWebsiteInfo .field-validation-error {
        padding-left: 0;
    }

    #checkoutPage .formRow#divWebsiteInfo > div {
        text-align: left;
    }

    #checkoutPage .formRow#divContactInfo + div > span {
        display: block;
    }

    #checkoutPage .formRow#divWebsiteInfo #divPassword {
        padding: 0;
    }
}

@media (max-width: 480px) {
    #checkoutPage .formRow .validate_row .second .field-validation-error {
        padding-left: 16px;
    }

    #checkoutPage .formRow .field-validation-error {
        padding-left: 9px;
    }

    #checkoutPage .formRow#divServices p {
        margin-bottom: 20px;
    }

    #checkoutPage .formRow#divServices p:last-of-type {
        margin-bottom: 0;
    }

    #checkoutPage div.legend {
        font-size: 17px;
    }

    .app .wrap-text {
        width: auto;
    }
}

@media screen and (min-width: 320px) and (max-width: 480px) {

    .app .wrap-text {
        width: auto;
    }
}

.person_image {
    display: block;
}

.person_info .person_name_and_position {
    width: auto;
    margin-top: 5px;
    text-align: center;
}

/* end joinhome page */

/* end responsive styles */
/*#alignUsa {
    padding:10px;
}

#divPassword {
    padding-left:20px!important;
}*/

.secure_enrollment {
    float: right;
    font-weight: bold;
    margin-top: 25px;
    color: #fff;
}

.white_nav .secure_enrollment {
    margin-top: 15px;
    color: #333333;
    font-family: 'Open Sans', sans-serif;
}

.secure_enrollment:after {
    content: '';
    position: relative;
    display: inline-block;
    top: 5px;
    width: 20px;
    height: 20px;
    background: url("../images/img_lock.png") no-repeat;
}

.text_with_background {
    display: inline-block;
    padding: 0 4px;
    background-color: gold;
}

/* services page */

.services-header_images {
    text-align: center;
}

.services-header_images div > img {
    width: 100%;
}

.services-header_images div.span6 > a {
    display: inline-block;
    position: relative;
    top: -110px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.services-header_images div.span6 > a:hover:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #F8E89F;
    opacity: 0.3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.services-content {
    margin-top: -40px;
    position: relative;
}

.scroll_down_services {
    position: relative;
    top: -100px;
    text-align: center;
}

.scroll_down_services a {
    display: inline-block;
    width: 400px;
    font-size: 17px;
    color: #0a0a0a;
    text-align: center;
    line-height: 2.3;
    border-bottom: 4px solid #0d525d;
}

.scroll_down_services a:after {
    content: '';
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 21px;
    background: url("../images/double_arrows_bottom_blue.png") no-repeat;
}

.scroll_down_services a:hover, .scroll_down_services a:focus {
    text-decoration: none;
}

.service-block-wrap {
    margin-bottom: 10px;
}

.service-block {
    padding: 10px 40px;
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.service-block h3 {
    font-size: 40px;
    font-weight: 300;
    color: #2a2a2a;
}

.service-block .service-block_left {
    display: inline-block;
    width: calc(100% - 165px);
}

.service-block .service-block_left > span {
    font-family: 'Montserrat', sans-serif;
    padding-left: 3px;
    font-size: 15px;
    color: #6c6c6c;
}

.service-block .service-block_right {
    display: inline-block;
    width: 160px;
    height: 123px;
    text-align: center;
    vertical-align: top;
    background-position: 50% 75%;
}

/*.telemedicine {*/
/*background: url("../images/services-form12.png") no-repeat;*/
/*}*/

/*.tech_support {*/
/*background: url("../images/services-form21.png") no-repeat;*/
/*}*/

/*.roadside_assistance {*/
/*background: url("../images/services-form31.png") no-repeat;*/
/*}*/

/*.theft_protection {*/
/*background: url("../images/services-form61.png") no-repeat;*/
/*}*/

/*.legal_access {*/
/*background: url("../images/services-form41.png") no-repeat;*/
/*}*/

/*.hotline {*/
/*background: url("../images/services-form51.png") no-repeat;*/
/*}*/

/*.repair_assist {*/
/*background: url("../images/vehicle-repair-assist-plus-icon.png") no-repeat;*/
/*}*/

/*.electronics_protection {*/
/*background: url("../images/electronics-protection-icon-v3.png") no-repeat;*/
/*}*/

.service-dropdown {
    background: #f9f9f9;
    margin: 0 30px;
    position: relative;
    overflow: hidden;
    display: none;
}

.service-block-wrap.active .service-dropdown {
    opacity: 1;
    height: auto;
    border-bottom: 4px solid #e6bd0b;
}

.service-dropdown-paddings {
    padding: 20px 25px 50px;
}

.service-dropdown .service-dropdown-paddings > div > div:first-of-type p:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/blue_arrow_right.png") no-repeat center;
    position: relative;
    top: 4px;
}

.service-dropdown .service-dropdown-paddings > div > div:nth-of-type(2) p {
    position: relative;
    font-weight: bold;
    color: #0d525d;
    margin-bottom: 12px;
    padding-left: 30px;
    line-height: 1;
    text-transform: uppercase;
}

.service-dropdown .service-dropdown-paddings > div > div:nth-of-type(2) p:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url("../images/check_in_circle.png") no-repeat center;
}

.mt_10 {
    margin-top: 10px !important;
}

.mt_20 {
    margin-top: 20px !important;
}

.mt_25 {
    margin-top: 25px !important;
}

.btn {
    transition: opacity 0.2s;
}

.btn:hover,
.btn:focus {
    transition: opacity 0.2s;
}

.btn-blue {
    color: #fff;
    background: #226384;
}

.btn-blue:hover,
.btn-blue:focus {
    color: #fff;
    background: #226384;
    opacity: 0.8;
}

.btn_green {
    color: #fff;
    background: #58c118;
    background-image: -moz-linear-gradient(bottom, #29b40c 0%, #54dd18 100%);
    background-image: -webkit-linear-gradient(bottom, #29b40c 0%, #54dd18 100%);
    background-image: -ms-linear-gradient(bottom, #29b40c 0%, #54dd18 100%);
    border: none;
}

.btn_green:focus,
.btn_green:hover {
    color: #fff;
    background: #58c118;
    background-image: -moz-linear-gradient(bottom, #29b40c 0%, #54dd18 100%);
    background-image: -webkit-linear-gradient(bottom, #29b40c 0%, #54dd18 100%);
    background-image: -ms-linear-gradient(bottom, #29b40c 0%, #54dd18 100%);
    opacity: 0.8;
}

.btn_orange {
    position: relative;
    padding: 6px 12px;
    font-size: 15px;
    color: #1b1b1b;
    background: #e6bd0b;
}

.btn_orange:hover {
    text-decoration: none;
    background: #EFC718;
    color: #1b1b1b;
}

.btn_orange:focus {
    text-decoration: none;
    color: #1b1b1b;
}

.btn_orange.btn_find_more {
    padding: 6px 20px 6px 50px;
    position: relative;
    top: 35px;
}

.btn_orange.btn_find_more:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    width: 25px;
    height: 26px;
    margin-top: -13px;
    background: url("../images/double_arrows_right.png") no-repeat center;
}

.btn_orange.btn_join_now {
    display: inline-block;
    padding: 6px 45px 6px 20px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}

.btn_orange.btn_join_now:after {
    content: '';
    position: absolute;
    right: 7px;
    top: 50%;
    width: 25px;
    height: 26px;
    margin-top: -13px;
    background: url("../images/arrow_in_circle.png") no-repeat center;
}

.service-block-wrap.active .btn_orange.btn_find_more:before {
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    margin-top: -14px;
}

.btn_dropdown {
    position: absolute;
    bottom: -22px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    background: #e6bd0b url('../images/double_arrows_small_top.png') no-repeat center 15%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.nextrank:hover {
    width: 100%;
}

.divrank {
    background: rgba(147, 206, 222, 1);
    background: -moz-linear-gradient(-45deg, rgba(147, 206, 222, 1) 0%, rgba(117, 189, 209, 1) 41%, rgba(73, 165, 191, 1) 49%, rgba(73, 165, 191, 1) 68%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(147, 206, 222, 1)), color-stop(41%, rgba(117, 189, 209, 1)), color-stop(49%, rgba(73, 165, 191, 1)), color-stop(68%, rgba(73, 165, 191, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(147, 206, 222, 1) 0%, rgba(117, 189, 209, 1) 41%, rgba(73, 165, 191, 1) 49%, rgba(73, 165, 191, 1) 68%);
    background: -o-linear-gradient(-45deg, rgba(147, 206, 222, 1) 0%, rgba(117, 189, 209, 1) 41%, rgba(73, 165, 191, 1) 49%, rgba(73, 165, 191, 1) 68%);
    background: -ms-linear-gradient(-45deg, rgba(147, 206, 222, 1) 0%, rgba(117, 189, 209, 1) 41%, rgba(73, 165, 191, 1) 49%, rgba(73, 165, 191, 1) 68%);
    background: linear-gradient(135deg, rgba(147, 206, 222, 1) 0%, rgba(117, 189, 209, 1) 41%, rgba(73, 165, 191, 1) 49%, rgba(73, 165, 191, 1) 68%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93cede', endColorstr='#49a5bf', GradientType=1);
}

/* end services page */

/* end responsive styles */
/*#alignUsa {
    padding:10px;
}

#divPassword {
    padding-left:20px!important;
}*/

/* intro pages */

.intro {
    font-family: 'Raleway', sans-serif;
}

.intro header {
    font-weight: 700;
}

.intro header.opacity {
    opacity: 0;
}

.intro header .navbar .nav li {
    padding: 50px 8px 20px;
}

.intro header .navbar .nav li > a {
    font-weight: 700;
    font-size: 19px;
    padding: 3px 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.intro header .navbar {
    background: transparent;
}

.intro header .navbar .inner {
    border-bottom: 1px solid #ffb806;
}

.intro .wrap_video {
    max-width: 600px;
    margin: 30px auto 20px;
}

.intro .introduction {
    padding: 170px 0 260px;
    background: url("../images/intro_bg.jpg") no-repeat center;
    background-size: cover;
}

.intro .introduction.capture {
    padding: 130px 0 100px;
}

.intro .income {
    padding: 170px 0 220px;
    background: url("../images/income_bg.jpg") no-repeat center;
    background-size: cover;
}

.intro .success_stories {
    padding: 170px 0 220px;
    background: url("../images/succcess_stories_bg.jpg") no-repeat center;
    background-size: cover;
}

.intro .mwr_life_cares {
    padding: 170px 0 220px;
    background: url("../images/mwr_life_cares_bg.jpg") no-repeat center;
    background-size: cover;
}

.intro .presentation {
    margin-bottom: 0;
    padding: 170px 0 220px;
    background: url("../images/presentation_bg.jpg") no-repeat center;
    background-size: cover;
}

.intro main {
    margin-top: -99px;
    padding-top: 99px;
    text-align: center;
}

.intro main h1 {
    margin: 0;
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
}

.intro main h3 {
    margin: 5px 0 20px;
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    font-style: italic;
}

.intro .introduction h1 {
    font-size: 35px;
    font-weight: 400;
}

.intro .actions {
    margin-top: 40px;
}

.intro .actions a {
    margin: 10px 20px;
    padding: 10px 12px;
    font-size: 28px;
    border: 2px solid #e4ac32;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    letter-spacing: 0;
}

.intro .actions a.btn_orange {
    color: #0d0d0d;
}

.intro .actions a.btn_orange + .btn {
    color: #fff;
    border: 2px solid #57caed;
    background: transparent;
}

.intro .actions a.btn_orange + .btn:hover {
    background: #57caed;
}

.intro_testimonials {
    position: relative;
    z-index: 1041;
}

.intro_testimonials h2 {
    margin-bottom: 40px;
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    font-style: italic;
}

#intro_testimonials .intro_testimonial {
    height: auto;
    padding: 20px 35px 15px;
    margin: 0 15px 40px;
    background: #fff;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

#intro_testimonials .intro_testimonial img {
    display: inline-block;
    vertical-align: middle;
    width: 54%;
    padding-left: 20px;
}

#intro_testimonials .intro_testimonial div {
    display: inline-block;
    vertical-align: middle;
    width: 44%;
    padding-left: 15px;
}

#intro_testimonials .intro_testimonial div span {
    display: inline-block;
    width: 100%;
    line-height: 1;
    text-align: left;
}

#intro_testimonials .intro_testimonial div span.name {
    margin-bottom: 5px;
    color: #00bfd6;
    font-weight: 700;
}

#intro_testimonials .intro_testimonial div span.position {
    margin-bottom: 2px;
    color: #5f5f5f;
}

#intro_testimonials .intro_testimonial div span.location {
    color: #252525;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
}

#intro_testimonials .intro_testimonial > p {
    margin: 15px 0 0;
    color: #5f5f5f;
    line-height: 1.4;
}

.intro footer {
    margin-top: -40px;
    padding: 10px 30px;
    color: #5a5a5a;
    text-align: center;
    background: transparent;
}

.intro footer a {
    color: #5a5a5a;
}

.intro .modal-backdrop {
    background-color: transparent;
}

@media all and (max-width: 979px) {
    .intro header .navbar .inner {
        margin: 0;
        max-width: 100%;
        width: 100%;
        border: none;
        background: #000;
    }

    .intro header .navbar .btn-navbar {
        margin: 15px 20px;
    }

    .intro header .navbar .nav li {
        padding: 20px 8px;
    }

    .intro main {
        margin-top: -88px;
        padding: 120px 0 100px !important;
    }

    #intro_testimonials .intro_testimonial {
        padding: 20px 20px 15px;
    }

    #intro_testimonials .intro_testimonial img,
    #intro_testimonials .intro_testimonial div {
        width: 100%;
        padding: 0 10px;
    }

    #intro_testimonials .intro_testimonial div {
        margin-top: 10px;
    }

    #intro_testimonials .intro_testimonial div span {
        text-align: center;
    }

    #intro_testimonials .intro_testimonial > p {
        margin-top: 10px;
    }
}

/***added by lllia to solve datepicker problem 15th setp 2016*/
.ui-datepicker {
    z-index: 9999 !important;
}

/*end of the change 15 sept 2016*/

/***************new bizcenter dashboard****************/

.responsive_table.dataTable thead th {
    vertical-align: middle;
}

.responsive_table.dataTable {
    border-top: none;
}

.responsive_table.dataTable thead th {
    border: none;
    border-bottom: 1px solid #111;
}

.responsive_table.dataTable #filterrow th {
    border: none;
}

.dashboard__top-part {
    display: flex;
    flex-direction: row;
}

.dashboard__top-part .col-3 {
    position: relative;
}

.dashboard__top-part .btn {
    color: #fff;
    font-weight: 700;
    text-shadow: none;
    border: none;
    border-radius: 7px;
    box-shadow: none;
}

.dashboard__top-part .btn:hover {
    opacity: 0.8;
}

.my-info {
    padding: 11px 15px;
    background: #FAF6F6;
    border: 1px solid #D5D6D7;
}

.my-info .my-info__row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
    line-height: 1.1;
}

.my-info .my-info__row:last-of-type {
    margin-bottom: 0;
}

.my-info .my-info__row span {
    line-height: 1.2;
}

.my-info .my-info__row span {
    color: #414141;
}

.my-info .my-info__row b {
    color: #2C3E50;
}

.my-info .my-info__row b a {
    color: #0060CB;
    text-decoration: underline;
}

.btn-group_page {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10px;
}

.btn-group_page .btn {
    width: 31%;
    padding: 8px 5px;
}

.btn-group_page .btn:first-of-type {
    background: #F1C40F;
    box-shadow: 0 3px 6px #FCF5D8;
}

.btn-group_page .btn:nth-of-type(2) {
    background: #2589CC;
    box-shadow: 0 3px 6px #DDEEF9;
}

.btn-group_page .btn:last-of-type {
    background: #2C3E50;
    box-shadow: 0 3px 6px #D1D5D9;
}

.hover-image:hover {
    opacity: 0.8;
}

#positionRank {
    text-align: center;
}

.elevation-block {
    background: url("../images/Academy-Biz-center-button.jpg") no-repeat top center;
    background-size: cover;
}

.elevation-block .wrap-btn {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
}

.elevation-block .btn {
    padding: 7px 20px;
    background: #43C295;
    font-size: 11px;
}

.app-block {
    background: url("../images/down-mob-app.jpg") no-repeat left;
    background-size: cover;
}

.app-block .wrap-title {
    position: absolute;
    top: 20px;
    left: 14px;
}

.app-block .wrap-title b {
    color: #fff;
}

.app-block .wrap-title h4 {
    margin: 2px 0 0;
    font-size: 19px;
    line-height: 17px;
    font-weight: 800;
}

.app-block .wrap-links {
    position: absolute;
    bottom: 20px;
    left: 14px;
    display: flex;
    flex-direction: row;
}

.app-block .wrap-links a:not(:first-of-type) {
    margin-left: 5px;
}

.app-block .wrap-links a:hover {
    transition: opacity 0.2s;
    opacity: .8;
}

.container-fluid .col-6 {
    width: 50%;
}

.container-fluid .col-3 {
    width: 25%;
}

.dashboard__top-part .col-3 {
    margin-left: 13px;
}

.rank-block {
    position: relative;
    padding: 0 16px;
}

.rank-block__title h4 {
    margin: 0;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.2;
}

.rank-block__title span {
    color: #097A9F;
}

.rank-block__title b {
    color: #0B799F;
    text-transform: uppercase;
}

.rank-block__chart {
    opacity: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow: auto;
}

.bar-section {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding-bottom: 36px;
}

.bar-section .bar {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 38px;
    margin: 0 4px;
}

.bar-section:first-of-type .bar:first-of-type {
    margin-left: 0;
}
.bar-section:last-of-type .bar:last-of-type {
    margin-right: 0;
}

.bar-value {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 26px;
    padding: 3px;
    background-color: #fff;
    color: #B4B4B4;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #D5D6D7;
    border-radius: 6px;
    text-align: center;
    text-transform: uppercase;
    z-index: 2;
}

.bar-value__checked {
    min-width: 32px;
    background: url('../images/icon-check-green.svg') no-repeat center;
    background-size: 16px;
    color: transparent;
    font-size: 0;
}

.bar-value:after {
    content: '';
    position: absolute;
    bottom: -6px;
    width: 10px;
    height: 10px;
    left: 50%;
    margin-left: -6px;
    border-bottom: 1px solid #D5D6D7;
    border-right: 1px solid #D5D6D7;
    transform: rotate(45deg);
    background: linear-gradient(-45deg, #fff 60%, transparent 80%);
    z-index: -1;
}

.bar-body {
    position: relative;
    height: 100px;
    width: 100%;
    margin-top: 12px;
    background-color: #D3D3D3;
    color: #fff;
    border-radius: 5px;
}

.bar-body span {
    position: absolute;
    bottom: 0;
    left: 9px;
    transform: rotate(270deg);
    transform-origin: 0 0;
    white-space: nowrap;
}

.bar-club {
    position: absolute;
    bottom: 0;
    left: 2px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: calc(100% - 4px);
    height: 80px;
    padding-bottom: 8px;
    z-index: -1;
    border-radius: 5px;
}

.bar-section__green .bar-body {
    background-color: #86E5C1;
}
.bar-section__green .bar-club {
    color: #3CD198;
    background: linear-gradient(to top, #DDF8ED 20%, #fff 75%);
}

.bar-section__blue .bar-body {
    background-color: #78D2F0;
}
.bar-section__blue .bar-club {
    color: #78D2F0;
    background: linear-gradient(to top, #DCF3FA 20%, #fff 75%);
}

.bar-section__purple .bar-body {
    background-color: #CBA2D6;
}
.bar-section__purple .bar-club {
    color: #CBA2D6;
    background: linear-gradient(to top, #F0E5F3 20%, #fff 75%);
}

.bar-section .bar:hover {
    cursor: pointer;
}

.bar-section .bar:hover .bar-body,
.bar-section .bar.active .bar-body {
    background-color: #ACA7A7;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16);
}
.bar-section .bar:hover .bar-value,
.bar-section .bar:hover .bar-value:after,
.bar-section .bar.active .bar-value,
.bar-section .bar.active .bar-value:after {
    border-color: #ACA7A7;
}
.bar-section .bar:hover .bar-value,
.bar-section .bar.active .bar-value {
    background-color: #F5F5F5;
}
.bar-section .bar:hover .bar-value:after,
.bar-section .bar.active .bar-value:after {
    background: linear-gradient(-45deg, #F5F5F5 60%, transparent 80%);
}

.bar-section__green .bar:hover .bar-body,
.bar-section__green .bar.active .bar-body {
    background-color: #3CD198;
    box-shadow: 0 3px 12px rgba(157, 199, 183, 0.71);
}
.bar-section__green .bar:hover .bar-value,
.bar-section__green .bar:hover .bar-value:after,
.bar-section__green .bar.active .bar-value,
.bar-section__green .bar.active .bar-value:after {
    color: #3CD198;
    border-color: #3CD198;
}
.bar-section__green .bar:hover .bar-value,
.bar-section__green .bar.active .bar-value {
    background-color: #D1FFEA;
}
.bar-section__green .bar:hover .bar-value:after,
.bar-section__green .bar.active .bar-value:after {
    background: linear-gradient(-45deg, #D1FFEA 60%, transparent 80%);
}

.bar-section__blue .bar:hover .bar-body,
.bar-section__blue .bar.active .bar-body {
    background-color: #2AAFDB;
    box-shadow: 0 3px 12px rgba(120, 210, 240, 0.71);
}
.bar-section__blue .bar:hover .bar-value,
.bar-section__blue .bar:hover .bar-value:after,
.bar-section__blue .bar.active .bar-value,
.bar-section__blue .bar.active .bar-value:after {
    color: #2AAFDB;
    border-color: #2AAFDB;
}
.bar-section__blue .bar:hover .bar-value,
.bar-section__blue .bar.active .bar-value {
    background-color: #DEF7FF;
}
.bar-section__blue .bar:hover .bar-value:after,
.bar-section__blue .bar.active .bar-value:after {
    background: linear-gradient(-45deg, #DEF7FF 60%, transparent 80%);
}

.bar-section__purple .bar:hover .bar-body,
.bar-section__purple .bar.active .bar-body {
    background-color: #A759BC;
    box-shadow: 0 3px 12px rgba(203, 162, 214, 0.71);
}
.bar-section__purple .bar:hover .bar-value,
.bar-section__purple .bar:hover .bar-value:after,
.bar-section__purple .bar.active .bar-value,
.bar-section__purple .bar.active .bar-value:after {
    color: #A759BC;
    border-color: #A759BC;
}
.bar-section__purple .bar:hover .bar-value,
.bar-section__purple .bar.active .bar-value {
    background-color: #F8E0FF;
}
.bar-section__purple .bar:hover .bar-value:after,
.bar-section__purple .bar.active .bar-value:after {
    background: linear-gradient(-45deg, #F8E0FF 60%, transparent 80%);
}

.rank-block__info {
    margin-top: 8px;
    padding: 16px 0 10px;
    background-color: #FAF6F6;
    text-align: center;
}

.rank-block__info p {
    margin-bottom: 5px;
    padding: 0;
    color: #939393;
    line-height: 1.2;
}

.rank-block__info .info-text__extra {
    font-size: 11px;
}

.rank-block__info a {
    color: #3CA3D7;
    font-size: 11px;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .container-fluid [class*="col"] {
        width: 100%;
    }

    .dashboard__top-part {
        flex-wrap: wrap;
        justify-content: center;
    }

    .dashboard__top-part .col-6 {
        width: 90%;
        margin-bottom: 8px;
    }

    .dashboard__top-part .col-3 {
        margin: 12px 8px 0;
        width: 250px;
        height: 180px;
    }

    .rank-block__title h4 {
        font-size: 24px;
    }
}

@media (max-width: 500px) {
    .my-info {
        padding: 16px 18px;
    }

    .dashboard__top-part .col-3 {
        width: 240px;
        height: 170px;
    }

    .TabContainer div.legend {
        flex-direction: column;
        align-items: flex-start;
    }

    .TabContainer div.legend a {
        margin-top: 1px;
        font-size: 11px;
    }
}

/***************end new bizcenter dashboard*/

/* new services */

.choose-service {
    font-family: 'Montserrat', sans-serif;
    background: linear-gradient(to right, #f5f5f5 0%, #f5f5f5 50%, #fff 51%, #fff 100%);
}

.service-list {
    float: left;
    width: 230px;
    background: #f5f5f5;
    padding-top: 20px;
}

.service-list ul {
    margin: 0;
    list-style: none;
}

.service-list ul li {
    line-height: 1;
}

.service-list ul li a {
    display: block;
}

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

.service-list ul li a span {
    float: right;
}

.service-list > ul {
    margin-top: 10px;
    padding-right: 20px;
}

.service-list > ul > li > a {
    position: relative;
    padding: 10px;
    color: #646464;
    font-size: 28px;
    border-bottom: 1px solid #b6b6b6;
}

.service-list > ul > li > a:after {
    content: '+';
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -15px;
    color: #14a0dc;
}

.service-list > ul > li.active > a:after {
    content: '-';
    right: 7px;
}

.service-list a:focus {
    text-decoration: none;
}

.service-list .sub-titles {

    background: #e8e8e8;
}

.service-list .sub-titles a {
    padding: 12px 10px;
    color: #313131;
    font-size: 16px;
    border-bottom: 1px solid #ebebeb;
}

.service-list .sub-titles li:first-of-type a {
    padding-top: 20px;
}

.service-list .sub-titles li:last-of-type a {
    padding-bottom: 20px;
}

.service-list .sub-titles a:hover,
.service-list .sub-titles a:focus,
.service-list .sub-titles li.active a {
    background: #fff;
    color: #0797d5;
    font-family: 'Montserrat-SemiBold', sans-serif;
}

.active-service {
    float: left;
    width: calc(100% - 230px);
    padding: 0 0 15px 20px;
    background: #fff;
    color: #646464;
    border-left: 1px solid #b6b6b6;
}

.active-service > div {
    display: none;
}

.active-service h2 {
    margin: 15px 0 10px;
    padding: 5px 20px;
    font-family: 'Montserrat-Light', sans-serif;
    color: #fff;
    font-size: 36px;
    font-weight: 300;
}

.active-service h4 {
    font-family: 'Montserrat-SemiBold', sans-serif;
    font-size: 20px;
}

.active-service .service-description {
    float: left;
    width: calc(100% - 210px);
    padding-right: 20px;
}

.active-service .service-description h3 {
    font-family: 'Montserrat-SemiBold', sans-serif;
    font-size: 20px;
    line-height: 1.2;
    text-transform: uppercase;
}

.active-service .full-size-title {
    font-family: 'Montserrat-SemiBold', sans-serif;
    font-size: 20px;
    line-height: 1.2;
    text-transform: uppercase;
}

.active-service .service-join {
    float: left;
    width: 210px;
    margin-top: 20px;
    text-align: center;
}

.active-service .service-join > div {
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #eee;
}

.active-service .service-join > div:first-of-type:not(.price-block) {
    padding: 0;
}

.my-info p span a {
    color: #0060CB;
    text-decoration: underline;
}

.my-info p:first-of-type span:last-of-type {
    /*color: #1f4e5d;*/
    color: #0a7b9f;
}

.active-service .service-join .goodman {
    padding: 7px 0 0 10px;
    text-align: left;
}

.active-service .service-join .goodman .w50_inl {
    padding: 0;
    vertical-align: bottom;
}

.active-service .service-join .goodman p {
    margin-bottom: 0;
    color: #226384;
    font-size: 13px;
    line-height: 1.1;
}

.active-service .service-join .goodman span {
    color: #3d3d3d;
    font-size: 10px;
}

.active-service .service-join .goodman .logos {
    margin: 5px 0;
}

.active-service .service-join .goodman .blue-check > li div {
    line-height: 1.2;
}

.active-service .service-join h5 {
    margin-top: 3px;
    color: #434343;
    font-family: 'Montserrat-Light', sans-serif;
    font-size: 16px;
    line-height: 1.1;
}

.active-service .service-join > div:first-of-type h5 {
    margin-top: 0;
}

.active-service .service-join .price-block {
    padding-bottom: 12px;
    background: #e0f1e1;
    border: 1px solid #afcfb0;
}

.active-service .service-join .price {
    color: #656565;
    font-size: 16px;
    font-weight: 700;
}

.active-service .service-join .price sup {
    font-size: 0.7em;
}

.active-service .service-join .btn {
    margin-top: 10px;
    padding: 5px 30px;
    border-radius: 2px;
}

.active-service .service-join h4 {
    margin-top: 10px;
}

.active-service .service-join .divider {
    background: #e8e8e8;
}

.active-service .service-join .promotion .w50_inl {
    margin-bottom: 5px;
    padding: 0 5px;
}

.active-service .service-join .promotion .w50_inl:first-of-type {
    width: 65%;
}

.active-service .service-join .promotion .w50_inl:last-of-type {
    width: 35%;
}

.active-service .service-join .promotion h6 {
    line-height: 1.4;
}

.active-service .service-join .promotion p {
    font-family: 'Montserrat-Light', sans-serif;
    font-size: 13px;
    line-height: 1.3;
}

.sub-services {
    margin: 0;
    list-style: none;
}

.sub-services > li {
    margin-bottom: 5px;
    border: 1px solid #ebebeb;
}

.sub-services > li > a {
    position: relative;
    display: block;
    padding: 10px 8px;
    color: #646464;
    background: #f5f5f5;
    border-bottom: 1px solid #ebebeb;
    text-decoration: none;
}

.sub-services > li > a span {
    padding-left: 8px;
    vertical-align: middle;
}

.sub-services > li > a:after {
    content: '+';
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -10px;
    font-family: 'Montserrat-ExtraBold', sans-serif;
    color: #14a0dc;
    font-size: 26px;
}

.sub-services > li.active > a:after {
    content: '-';
    right: 12px;
}

.sub-services .sub-content > div {
    float: left;
    width: 100%;
    padding: 0px 8px 8px;
}

.sub-services .sub-content > div:first-of-type {
    width: 100%;
    padding: 8px 12px 8px 8px;
}

.sub-content p {
    font-family: 'Montserrat-Light', sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.sub-content p span {
    display: inline-block;
    text-indent: 20px;
}

.sub-content img {
    width: 100%;
    margin-bottom: 10px;
}

.sub-content > img {
    margin-bottom: 0;
    padding: 8px;
}

.blue-check {
    padding-right: 3px;
}

.blue-check > li:not(:last-of-type) {
    position: relative;
}

.blue-check > li:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
    width: 13px;
    height: 13px;
    background: url("../images/check-blue.png") no-repeat center;
}

.blue-check > li > span,
.blue-check > li > div {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 20px);
    padding: 10px 5px;
    font-family: 'Montserrat-SemiBold', sans-serif;
    font-size: 11px;
    line-height: 1.3;
}

.blue-check > li h5 {
    margin: 0 0 2px;
    line-height: 1.3;
}

.blue-check > li li {
    padding-left: 7px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 1.3;
}

.blue-check.less-space > li > * {
    padding: 3px 5px;
}

.blue-check.without-title > li div {
    padding-left: 10px;
}

.blue-upper {
    color: #00b1f1;
    text-transform: uppercase;
}

.services ul {
    margin: 0;
    list-style: none;
}

.blue-points > li {
    position: relative;
    padding-left: 25px;
    padding-bottom: 10px;
    font-family: 'Montserrat-SemiBold', sans-serif;
    line-height: 1.3;
}

.blue-points > li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #14a0dc;
}

.divider {
    width: 100%;
    height: 1px;
    background: #f0f0f0;
}

.margin-top-bot-20 {
    margin: 20px 0;
}

.mobile-apps {
    padding: 5px 0;
    color: #fff;
    background: url("../images/mobile-app-bg.jpg") no-repeat center;
    background-size: cover;
    text-align: right;
}

.mobile-apps .container > div {
    display: inline-block;
    width: 35%;
    vertical-align: middle;
    text-align: center;
}

.mobile-apps .container > div:first-of-type {
    text-align: left;
}

.mobile-apps .container > div:last-of-type {
    margin-right: 5%;
}

.mobile-apps h2 {
    margin-bottom: 15px;
    font-family: 'Montserrat-ExtraBold', sans-serif;
    text-transform: uppercase;
}

.mobile-apps p {
    margin-bottom: 25px;
}

.mobile-apps .app-links {
    padding-left: 10px;
}

.mobile-apps .app-links a:not(:last-of-type) {
    margin-right: 5px;
}

.mobile-apps .app-links a:hover {
    opacity: 0.7;
}

.lifestyle-bundle .left-arrow {
    font-family: 'Montserrat-Light', sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
}

.bundle-description .span6 {
    border: 1px solid #e1e1e1;
    padding: 3px;
}

.bundle-description .blue-check {
    padding-left: 3px;
}

.description-header {
    text-align: right;
}

.description-header h4,
.description-header div {
    display: inline-block;
    width: 50%;
    margin-right: -4px;
    vertical-align: middle;
}

.description-header h4 {
    margin: 5px -4px 5px 0;
    padding-left: 5px;
    font-size: 18px;
    text-align: left;
}

.description-header .btn {
    margin-right: 5px;
    padding: 3px 12px;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 15px;
    background: linear-gradient(to bottom, #3292bf 0%, #17435d 100%);
    border: none;
}

.financial-edge .sub-services .sub-content > div {
    position: relative;
    width: 100%;
    padding: 8px;
}

.financial-edge .sub-services .sub-content > div.bottom-line:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 8px;
    width: calc(100% - 16px);
    height: 1px;
    background: #ebebeb;
}

.financial-edge .sub-content > div.full-size-image {
    padding-top: 8px;
}

.financial-edge .sub-content > .full-size-image img {
    margin-bottom: 0;
}

.financial-edge .sub-content .two-column > div {
    float: left;
    width: 100%;
    padding: 0 0 0 7px;
}

.financial-edge .sub-content .two-column > div:first-of-type {
    width: 100%;
    padding: 0 7px 0 0;
}

.financial-edge .sub-content .two-column.equivalent > div {
    width: 100%;
}

.financial-edge .blue-check {
    padding-top: 5px;
}

.financial-edge .blue-check > li:not(:last-of-type) {
    margin-bottom: 5px;
}

.financial-edge h5 {
    margin: 5px 0 0;
    color: #0089a8;
    font-size: 16px;
}

.financial-edge-added-benifits-h4 {
    margin: 5px 0 0;
    color: #0089a8;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Montserrat-SemiBold', sans-serif;
}

.financial-edge-added-benifits-h5 {
    margin: 5px 0 0;
    font-size: 16px;
    font-family: 'Montserrat-SemiBold', sans-serif;
}

.financial-edge h6 {
    margin: 0;
    font-family: 'Montserrat-SemiBold', sans-serif;
}

.full-size-image img {
    width: 100%;
    margin-bottom: 10px;
}

.btn-bright-green {
    padding: 10px 15px;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border-radius: 15px;
    background: linear-gradient(to bottom, #74e60c 0%, #34c005 100%);
    text-shadow: none;
    border: none;
}

.btn-bright-green:hover,
.btn-bright-green:focus {
    color: #fff;
    background: linear-gradient(to bottom, #74e60c 0%, #34c005 100%);
    opacity: 0.7;
}

@media (max-width: 979px) {
    .services .inner {
        padding: 0 1%;
    }

    .services .services-title {
        padding: 100px 0 50px;
    }

    .mobile-apps .container > div {
        width: 40%;
    }

    .sub-services .sub-content > div,
    .sub-services .sub-content > div:first-of-type {
        width: 100%;
        padding: 8px 10px;
    }

    .financial-edge .sub-content .two-column > div {
        width: 100% !important;
        padding: 0 15px !important;
    }
}

@media (max-width: 768px) {
    .services .inner {
        padding: 0 1%;
    }

    .services .services-title {
        padding: 10px 0 30px;
        text-align: center;
    }

    .services .services-title p {
        max-width: 90%;
        margin-left: 5%;
    }

    .mobile-apps,
    .mobile-apps .container > div:first-of-type {
        text-align: center;
    }

    .mobile-apps .container > div {
        width: 80%;
        margin: 0 0 15px;
    }

    .service-list {
        width: 100%;
    }

    .active-service {
        width: 100%;
        padding: 0 5px 20px;
        border: none;
    }

    .service-list > ul {
        padding: 0;
    }

    .service-list > ul > li > a:after {
        right: 15px;
    }

    .active-service .service-join .goodman .w50_inl:last-of-type {
        height: 180px;
        margin-top: 15px;
        background: url("../images/goodman-full.png") no-repeat center;
        background-size: contain;
    }

    .active-service .service-join .goodman .w50_inl:last-of-type img {
        display: none;
    }

    .TabContent .dataTables_filter {
        float: left;
        clear: both;
    }

    .TabContent .ui-tabs .ui-tabs-panel {
        padding: 1em;
    }
}

@media (max-width: 640px) {
    .TabContainer .wrap-showCancelled {
        margin-bottom: 10px;
        text-align: center;
    }

}

@media (max-width: 550px) {
    .active-service .service-description {
        width: 100%;
        padding: 0;
    }

    .active-service .service-join {
        width: 80%;
        margin-left: 10%;
    }

    .app .wrap-text {
        width: auto;
    }
}

.responsive_table.dataTable thead th {
    vertical-align: middle;
}

.responsive_table.dataTable {
    border-top: none;
}

.responsive_table.dataTable thead th,
.responsive_table.dataTable #filterrow th {
    border: none;
    border-bottom: 1px solid #111;
}

.biz_center #checkoutPage .formRow.change-pass div input:not([type="checkbox"]) {
    width: calc(100% - 220px);
}

.biz_center #checkoutPage .language-row .first label {
    width: 160px;
}

.biz_center #checkoutPage .language-row .first select {
    width: calc(100% - 200px);
}

.biz_center #checkoutPage .formRow .language-row .second input {
    width: auto;
}

.biz_center #checkoutPage .fromRow div .btn {
    width: auto !important;
}

.biz_center #checkoutPage .formRow div .btn .fileUpload #file {
    width: 100%;
}

.biz_center #checkoutPage .formRow .ewallet > * {
    display: inline-block;
    vertical-align: middle;
}

.biz_center #checkoutPage .formRow .ewallet .wrap-radio {
    margin: 0 20px;
}

.biz_center #checkoutPage .formRow .ewallet label {
    width: auto;
    padding: 0 0 0 10px;
}

.biz_center #checkoutPage .formRow .ewallet input[type="radio"] {
    margin: 5px 0 0;
}

.biz_center #checkoutPage .formRow .ewallet .btn {
    width: 90px;
    margin-left: 25px;
    padding: 4px 12px;
}

#infoId {
    position: relative;
    top: -5px;
}

#imagePreview {
    vertical-align: middle;
}

.profile-picture {
    padding-left: 30px;
}

@media (max-width: 900px) {
    .formRow .one-column div .first {
        width: 60%;
        margin: 3px 1%;
    }

}

@media (max-width: 770px) {
    .biz_center #checkoutPage .formRow div .btn .fileUpload {
        width: 100px;
    }

    .biz_center #checkoutPage .formRow {
        padding: 5px;
    }

    .biz_center #checkoutPage .language-row .first label {
        width: auto;
    }

    .biz_center #checkoutPage .language-row .first select {
        width: 100%;
    }

    .biz_center #checkoutPage .language-row .second {
        clear: both;
        width: 100%;
        margin: 20px 0 0;
        text-align: center;
    }

    .formRow.one-column div .first {
        width: 60%;
        margin: 3px 1%;
    }


}

@media (max-width: 600px) {

    .biz_center .TabContent {
        padding: 10px 5px;
    }

    .biz_center #checkoutPage .formRow > div:not(.row_radio) {
        width: 100%;
        margin: 0;
    }

    .biz_center #checkoutPage .formRow .ewallet .wrap-btn {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }

    .biz_center #checkoutPage .formRow .ewallet .wrap-btn .btn {
        margin-left: 0;
    }

    .profile-picture {
        padding-left: 0;
        text-align: center;
    }

    .profile-picture .fileUpload {
        display: block;
        width: 100px;
        margin: 15px auto;
    }

    #imageSixeId {
        display: block;
    }

    .formRow.one-column div .first {
        width: 70%;
    }

}

/***************end new bizcenter dashboard*/

.slick-slide {
    height: auto;
}

/* checkout modal */

#checkout {
    display: none;
    width: 80%;
    max-width: 900px;
    margin-left: 0;
    transform: translateX(-50%);
    color: #393939;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 300;
}

#checkout .modal-dialog {
    padding: 50px 50px 30px;
}

#checkout label {
    width: 95px;
    color: #7f7e7e;
    font-size: 15px;
    font-weight: 300;
}

#checkout input:not([type=radio]),
#checkout select {
    width: calc(100% - 110px);
    height: 23px;
    margin-left: 5px;
    padding: 2px 10px;
    background: #F6F6F6;
    border: 1px solid #E4E4E4;
    border-radius: 5px;
    box-shadow: none;
}

#checkout .divider {
    width: 100%;
    height: 1px;
    margin: 15px 0;
    background: #d9d9d9;
}

#checkout .top-part > div {
    display: inline-block;
    width: 60%;
    vertical-align: middle;
    margin-right: -4px;
}

#checkout .top-part > div.summary {
    width: 30%;
    margin-left: 10%;
}

#checkout .top-part input {
    height: 30px;
}

#checkout .top-part h2 {
    margin-top: 0;
    color: #00507e;
    font-size: 32px;
    font-weight: 300;
}

#checkout .top-part label {
    width: 115px;
}

#checkout .top-part input {
    width: calc(100% - 125px);
}

#checkout .top-part .summary {
    padding: 5px 12px 15px 15px;
    background: #eee;
    border-radius: 7px;
}

#checkout .top-part .summary h5 {
    margin-bottom: 20px;
    color: #7f7e7e;
    font-size: 15px;
    font-weight: 300;
}

#checkout .top-part .summary div {
    margin-bottom: 4px;
}

#checkout .top-part .summary div span:last-of-type {
    float: right;
}

#checkout .top-part .summary .divider {
    margin: 8px 0;
}

#checkout .top-part .summary .total span {
    font-weight: 700;
}

#checkout .top-part .secure-enrollment {
    position: absolute;
    top: -30px;
    right: 3px;
    width: auto;
}

#checkout .top-part .secure-enrollment b {
    vertical-align: middle;
    padding-left: 3px;
}

#checkout .full-line-title {
    margin: 20px 0;
    padding: 6px 15px;
    background: #0D525D;
    border-radius: 7px;
}

#checkout .full-line-title h3 {
    margin: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 300;
    text-transform: uppercase;
}

#checkout .first,
#checkout .second {
    float: left;
    width: 48%;
    margin: 0 2% 2px 0;
}

#checkout .second {
    margin: 0 0 2px 2%;
}

#checkout .three-col {
    margin-top: 3px;
}

#checkout .three-col > div {
    float: left;
    width: 30%;
    margin: 0 1%;
}

#checkout .three-col > div:first-of-type {
    margin-left: 0;
}

#checkout .three-col > div:last-of-type {
    margin-right: 0;
}

#checkout .three-col > div:not(:first-of-type) label {
    width: 40px;
}

#checkout .three-col > div:not(:first-of-type) input,
#checkout .three-col > div:not(:first-of-type) select {
    width: calc(100% - 50px);
}

#checkout .three-col.validate_row div {
    padding-top: 1px;
}

#checkout .three-col.validate_row .second,
#checkout .three-col.validate_row .third {
    padding-left: 55px;
}

#checkout .line-radio {
    margin: 20px 0;
}

#checkout .line-radio input {
    margin: 0 3px 0 0;
}

#checkout .validate_row > * {
    margin-bottom: 5px;
    padding-left: 108px;
}

#checkout .double-select select {
    width: calc(50% - 7px);
}

.validate-double-select .first > span:last-of-type {
    padding-left: 69px;
}

#checkout #CCV {
    width: 80px;
}

#checkout #CCV + img {
    float: right;
}

#checkout #lifestyleTC a {
    text-decoration: underline;
}

#checkout .bottom-part .btnSignup.btn_green {
    width: auto;
    height: auto;
    padding: 11px 35px;
    background: #36b94b;
    text-shadow: none;
    border-radius: 7px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 500;
}

#checkout .bottom-part .btnSignup.btn_green:hover {
    border: none;
}

#checkout .bottom-part .btnSignup.btn_green + img {
    float: right;
    margin-top: 4px;
}

#checkout .inline {
    display: inline-block;
    width: calc(100% - 105px);
}

.double-select-wrap {
    position: relative;
    z-index: 9;
}

@media all and (max-width: 1100px) {
    #checkout #CCV + img {
        float: none;
        display: inline-block;
        width: calc(100% - 110px);
        max-width: 135px;
    }
}

@media all and (max-width: 1100px) and (min-width: 996px) {
    #checkout .top-part .summary div span:first-of-type {
        display: inline-block;
        max-width: 145px;
    }
}

@media all and (max-width: 996px) {
    #checkout {
        width: 95%;
        max-height: 80%;
        overflow-y: auto;
    }

    #checkout .modal-dialog {
        padding: 50px 30px 30px;
    }

    #checkout .top-part > div {
        width: 100%;
    }

    #checkout .top-part > div.summary {
        width: 70%;
        margin: 15px 15% 0;
    }

    #checkout input:not([type=radio]), #checkout select,
    #checkout .three-col > div:not(:first-of-type) input,
    #checkout .three-col > div:not(:first-of-type) select {
        width: 100%;
        margin-left: 0;
    }

    #checkout .validate_row > * {
        padding-left: 0;
    }

    #checkout .three-col > div {
        width: 32%;
    }

    #checkout .three-col.validate_row .second,
    #checkout .three-col.validate_row .third {
        padding-left: 0;
    }

    #checkout .inline {
        width: 100%;
    }

    .validate-double-select .first span {
        display: inline-block;
        width: 49%;
        padding: 0 !important;
    }
}

@media all and (max-width: 776px) {
    #checkout {
        top: 10%;
        left: 50%;
        right: auto;
    }

    #checkout .modal-dialog {
        padding: 50px 10px 30px;
    }

    #checkout .top-part > div.summary {
        width: 80%;
        margin: 15px 10% 0;
    }
}

@media all and (max-width: 500px) {
    #checkout .double-select select {
        width: 100%;
    }

    #checkout .double-select select:first-of-type {
        margin-bottom: 20px;
    }

    .validate-double-select {
        position: relative;
    }

    .validate-double-select .first > span {
        position: absolute;
        left: 0;
    }

    .validate-double-select .first > span:first-of-type {
        top: 49px;
    }

    .validate-double-select .first > span:last-of-type {
        top: 91px;
    }

    .validate-double-select .second > span {
        position: relative;
        top: -6px;
    }

    #checkout #CCV + img {
        width: calc(100% - 85px);
    }
}

/*03-05-2017  add css for Country flags*/
/*@media all and (max-width: 1200px) {
    .countryModalClass ul li {
        width: 25%;
    }
}

@media all and (max-width: 1000px) {
    .countryModalClass ul li {
        width: 33.333%;
    }
}

@media all and (max-width: 800px) {
    .countryModalClass ul li {
        width: 50%;
        font-size: 14px;
    }
}

@media all and (max-width: 550px) {
    .countryModalClass ul li {
        width: 100%;
        padding-left: 10%;
    }
}*/

/* login/reset pass pages */

.login-block {
    margin-top: -55px;
    padding: 150px 0;
    font-family: 'Montserrat', sans-serif;
    background: url("../images/login-bg.jpg") no-repeat center;
    background-size: cover;
    text-align: center;
}

.center-block {
    display: inline-block;
    width: 380px;
    max-width: 100%;
    padding: 35px 18px 15px;
    background: #fbfbfb;
    border-radius: 10px;
}

.center-block h2 {
    margin-top: 20px;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 400;
    text-transform: inherit;
}

.center-block h2 + span {
    font-size: 14px;
    font-weight: 300;
}

.center-block form {
    margin: 25px 0 0;
}

.center-block form input:not([type='checkbox']) {
    width: 100%;
    height: 50px;
    padding-left: 60px;
    background: #f6f6f6;
    font-family: 'Montserrat', sans-serif;
    color: #7b7b7b;
    font-weight: 300;
    border: 1px solid #EAEAEA;
    border-radius: 10px;
}

.center-block form .input-field {
    position: relative;
    margin: 20px 0 0;
}

.center-block form .input-field:before {
    content: '';
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.center-block form .email-field:before {
    width: 22px;
    height: 22px;
    background: url("../images/email.png") no-repeat center;
}

.center-block form .pass-field:before {
    width: 18px;
    height: 27px;
    background: url("../images/password.png") no-repeat center;
}

.center-block .checkbox {
    margin: 12px 0;
    padding-left: 22px;
    text-align: left;
}

.center-block .checkbox label {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 30px;
    color: #7b7b7b;
    font-weight: 300;
}

.center-block .checkbox input {
    margin-top: 3px;
    margin-left: -30px;
    font-size: 20px;
}

.center-block .btn.btn_orange {
    width: 100%;
    padding: 12px 20px;
    background: linear-gradient(to bottom, #ffc600, #ffbd00);
    color: #fff;
    font-size: 18px;
    border: none;
    text-shadow: none;
    border-radius: 10px;
    text-transform: inherit;
}

.center-block .btn.btn_orange:before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin-right: 2px;
    background: url("../images/sign-in.png") no-repeat center;
}

.center-block .btn.btn_orange span {
    display: inline-block;
    vertical-align: middle;
}

.center-block .wrap-btn {
    margin-bottom: 20px;
}

.center-block form > a {
    color: #082e51;
    font-size: 12px;
    font-weight: 300;
    text-decoration: underline;
}

#videot::-webkit-media-controls-panel {
    display: none !important;
    -webkit-appearance: none;
}

#videot::-webkit-media-controls-play-button {
    display: none !important;
    -webkit-appearance: none;
}

#videot::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
}

#videot::-webkit-media-controls {
    display: none !important;
    -webkit-appearance: none;
}

/* follow mwr */

.follow-mwr {
    background-color: #383d44;
}

.follow-mwr b {
    font-size: 9px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 8px;
}

.follow-mwr ul {
    margin-top: 5px;
}

.follow-mwr ul li {
    padding: 0 10px 0 0;
}

.follow-mwr ul li:last-of-type {
    padding-right: 0;
}

.follow-mwr ul li a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    width: 20px;
    color: #155660;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
}

.follow-mwr ul li a:hover {
    background: #ffc600;
}


/* current progress */

.current-progress {
    padding: 0 20px;
}

.current-progress .progress-title,
.current-progress .progress-content {
    float: left;
}

.current-progress .progress-title {
    width: 54%;
}

.current-progress .progress-content {
    width: 44%;
    margin-left: 2%;
}

.current-progress .progress-title span {
    display: inline-block;
    margin: 12px 0;
    font-size: 16px;
}

.current-progress .progress-content {
    text-align: center;
}

#imgcurrentlevel {
    width: auto;
    max-width: 150px;
    max-height: 50px;
    margin-top: 3px;
    padding-left: 5px;
}

#imgcurrentlevel.img-star {
    margin-top: -5px;
}

.current-progress .progress-bar .progress-title,
.current-progress .progress-bar .progress-content {
    width: 49%;
}

.progress-bar .progress-content .ui-progressbar {
    margin-top: 7px;
}

#CurrentEarning {
    display: inline-block;
    margin-top: 11px;
    color: #0A7B9F;
    font-size: 35px;
    font-weight: bold;
}

/* dual team */

.tiles {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 16px;
    line-height: 1.2;
}

.tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 49%;
    margin-bottom: 6px;
    padding: 24px 0;
    border: 2px solid #0A7B9F;
}

.tile.tile-orange {
    width: 100%;
    border-color: #ED9A08;
}

.tile-amount {
    margin-top: 2px;
    color: #0A7B9F;
    font-size: 40px;
}

.tile.tile-orange .tile-amount {
    color: #ED9A08;
    font-size: 50px;
}

/* promo */

.promo-modal.fade {
    top: auto !important;
    bottom: -25%;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.promo-modal.fade.in {
    bottom: 50%;
    transform: translateY(50%);
    font-family: 'Montserrat', sans-serif;
}

.promo-modal .promo-images {
    width: 75%;
    margin: 0 auto;
    text-align: center;
}

.promo-modal .promo-images h2 {
    margin-bottom: 25px;
}

.promo-modal .promo-images p {
    margin-bottom: 0;
}

.promo-modal {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#promo-usa {
    background-image: url("../images/promo-usa.jpg");
}

#promo-eu {
    background-image: url("../images/promo-eu-may.jpg");
}

#promo-barcelona {
    background-image: url("../images/event_image_2022_nobutton.jpg");
}

#promo-barcelona {
    background-image: url("../images/event_image_2023_nobutton.jpg");
}

.promo-modal .modal-header .close {
    width: 22px;
    height: 22px;
    padding: 0;
    background: #fff;
    text-shadow: none;
    font-family: 'Montserrat', sans-serif;
}

.promo-modal .modal-header .close span {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 22px;
    height: 22px;
    font-size: 24px;
}

.promo-modal .stripe {
    text-align: center;
}

.promo-modal .stripe h3 {
    display: inline-block;
    padding: 2px 20px;
    background-color: #ffa500;
    color: #fff;
    text-transform: uppercase;
}

.promo-modal .modal-body {
    max-height: none;
    margin-top: 150px;
}

.promo-modal .promo-text {
    text-align: center;
    text-transform: uppercase;
}

.promo-modal .promo-text h1 {
    margin-top: 0;
    font-size: 65px;
    line-height: 1;
}

.promo-modal .promo-text h2 {
    margin: 5px 0;
    font-size: 27px;
    line-height: 1.1;
    font-weight: 400;
}

.promo-modal .promo-text h2 b {
    font-size: 1.3em;
}

/*new close-modal form event-image*/
#promo-barcelona.promo-modal .modal-body .expand-body {
    height: 300px;
}

.promo-modal .register .btn {
    margin: 25px 0 0;
    letter-spacing: 1px;
}

.promo-modal .close-modal {
    text-align: center;
    margin-top: 10px;
    padding-top: 10px;
}

.promo-modal .close-modal a {
    color: #a4a4a4;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 300;
    text-decoration: underline;
}
/*END: new close-modal form event-image*/



.promo-modal .action {
    text-align: center;
}

.promo-modal .action .btn {
    margin: 25px 0 0;
    letter-spacing: 1px;
}

.promo-modal .action .close-modal {
    margin-top: 10px;
}

.promo-modal .action .close-modal a {
    color: #a4a4a4;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 300;
    text-decoration: underline;
}

#promo-eu.promo-modal .promo-text h1 {
    margin-bottom: 8px;
    color: #5a00ab;
    font-size: 55px;
    font-weight: 800;
}

#promo-eu.promo-modal .promo-text .date-location span {
    font-size: 1.1em;
}

#promo-eu.promo-modal .promo-text .date-location sup {
    top: -0.6em;
    font-size: 60%;
}

#promo-barcelona.promo-modal .close {
    background-color: transparent;
    color: #fff;
}

#promo-barcelona.promo-modal .close span {
    font-size: 30px;
}

#promo-barcelona.promo-modal .modal-body {
    margin-top: 70px;
}

#promo-barcelona.promo-modal .promo-images {
    width: 85%;
}

#promo-barcelona.promo-modal h1 {
    margin-bottom: 0;
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
}

#promo-barcelona.promo-modal h1 span {
    color: #F7D131;
    font-size: 1.3em;
}

#promo-barcelona.promo-modal .location {
    position: relative;
    top: -2px;
    color: #fff;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
}

#promo-barcelona.promo-modal .action .btn {
    margin-top: 30px;
    padding: 12px 35px;
    border-radius: 8px;
}

#promo-barcelona.promo-modal .action .close-modal {
    margin-top: 20px;
    margin-bottom: 10px;
}

#promo-barcelona.promo-modal .action .close-modal a {
    color: #fff;
    font-size: 10px;
    text-decoration: none;
}

.btn-green {
    padding: 12px 18px;
    background: #00c26b;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-shadow: none;
    border: none;
    text-transform: uppercase;
}

.btn-green:hover,
.btn-green:focus {
    background: #00c26b;
    color: #fff;
    opacity: 0.8;
}


@media (max-width: 979px) {
    .follow-mwr ul li {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
}

@media (max-height: 450px) and (max-width: 850px) and (orientation: landscape) {
    .promo-modal.fade.in {
        height: calc(100% - 20px);
        overflow-y: auto;
    }

    .promo-modal .modal-body {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 5px 15px;
    }

    .promo-modal .stripe h3 {
        padding: 0 15px;
        font-size: 20px;
    }

    .promo-modal .promo-text h1 {
        font-size: 60px;
    }

    .promo-modal .promo-text h2 {
        font-size: 20px;
    }

    #promo-barcelona.promo-modal .promo-images {
        width: 55%;
    }

    #promo-barcelona.promo-modal h1 {
        font-size: 30px;
    }

    #promo-barcelona.promo-modal .location {
        font-size: 11px;
    }

    #promo-barcelona.promo-modal .promo-images h2 {
        margin-bottom: 15px;
    }

    #promo-barcelona.promo-modal .action .btn {
        margin-top: 15px;
        font-size: 18px;
    }

    #promo-barcelona.promo-modal .action .close-modal {
        margin-top: 10px;
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .modal {
        height: auto;
    }

    .follow-mwr {
        padding-left: 3px;
    }

    .current-progress .clearfix:not(.progress-bar) {
        padding-bottom: 20px;
        border-bottom: 1px solid #eee;
    }

    .current-progress .progress-title,
    .current-progress .progress-content,
    .current-progress .progress-bar .progress-title,
    .current-progress .progress-bar .progress-content {
        width: 100%;
        margin: 0;
    }

    .current-progress .progress-bar {
        margin-top: 15px;
    }

    .current-progress .progress-title hr {
        display: none;
    }

    #imgcurrentlevel {
        max-width: 200px;
        margin: 0;
        padding: 0;
    }

    #imgcurrentlevel.img-star {
        margin: 0;
    }
}
@media (max-width: 450px) {
    .promo-modal .modal-body {
        margin-top: 130px;
    }

    .promo-modal .stripe h3 {
        font-size: 20px;
        padding: 0 10px;
    }

    .promo-modal .promo-text h1 {
        font-size: 52px;
    }

    #promo-eu.promo-modal .promo-text h1 {
        font-size: 38px;
    }

    .promo-modal .promo-text h2 {
        font-size: 17px;
    }

    .promo-modal .promo-images {
        width: 95%;
    }

    .promo-modal .action .btn {
        padding: 10px 15px;
        font-size: 18px;
    }

    .promo-modal .action .close-modal a {
        font-size: 12px;
    }

    #promo-barcelona.promo-modal .modal-body {
        margin-top: 45px;
    }

    #promo-barcelona.promo-modal .promo-images {
        width: 100%;
    }

    #promo-barcelona.promo-modal h1 {
        font-size: 35px;
    }

    #promo-barcelona.promo-modal .location {
        font-size: 11px;
    }

    #imgcurrentlevel {
        max-width: 180px;
    }
}

@media (max-width: 375px) {

    #promo-barcelona.promo-modal h1 {
        font-size: 30px;
    }
}

@media (max-width: 340px) {
    #promo-eu.promo-modal .promo-text h1 {
        font-size: 34px;
    }

    .promo-modal .promo-text h2 {
        font-size: 16px;
    }
}
/*.promo-modal.fade.in {
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Montserrat', sans-serif;
}

.promo-modal {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#promo-usa {
    background-image: url("../images/promo-usa.jpg");
}

#promo-eu {
    background-image: url("../images/promo-eu.jpg");
}

.promo-modal .modal-header .close {
    width: 22px;
    height: 22px;
    padding: 0;
    background: #fff;
    text-shadow: none;
    font-family: 'Montserrat', sans-serif;
}

.promo-modal .modal-header .close span {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 22px;
    height: 22px;
    font-size: 24px;
}

.promo-modal .stripe {
    text-align: center;
}

.promo-modal .stripe h3 {
    display: inline-block;
    padding: 2px 20px;
    background-color: #ffa500;
    color: #fff;
    text-transform: uppercase;
}

.promo-modal .modal-body {
    max-height: none;
    margin-top: 150px;
}

.promo-modal .promo-text {
    text-align: center;
    text-transform: uppercase;
}

.promo-modal .promo-text h1 {
    margin-top: 0;
    font-size: 65px;
    line-height: 1;
}

.promo-modal .promo-text h2 {
    margin: 5px 0;
    font-size: 27px;
    line-height: 1.1;
    font-weight: 400;
}

.promo-modal .promo-text h2 b {
    font-size: 1.3em;
}

.promo-modal .action {
    text-align: center;
}

.promo-modal .action .btn {
    margin: 20px 0;
    letter-spacing: 1px;
}

.promo-modal .action .close-modal {
    margin-top: 10px;
}

.promo-modal .action .close-modal a {
    color: #a4a4a4;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 300;
    text-decoration: underline;
}

#promo-eu.promo-modal .promo-text h1 {
    margin-bottom: 5px;
    font-size: 50px;
}

.btn-green {
    padding: 12px 18px;
    background: #00c26b;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-shadow: none;
    border: none;
    text-transform: uppercase;
}

.btn-green:hover,
.btn-green:focus {
    background: #00c26b;
    color: #fff;
    opacity: 0.8;
}

@media (max-height: 450px) and (max-width: 850px) and (orientation: landscape) {
    .promo-modal.fade.in {
        height: calc(100% - 20px);
        overflow-y: auto;
    }

    .promo-modal .modal-body {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 5px 15px;
    }

    .promo-modal .stripe h3 {
        padding: 0 15px;
        font-size: 20px;
    }

    .promo-modal .promo-text h1 {
        font-size: 60px;
    }

    .promo-modal .promo-text h2 {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .modal {
        height: auto;
    }

    #promo-eu.promo-modal .promo-text h1 {
        font-size: 38px;
    }
}

@media (max-width: 450px) {
    .promo-modal .modal-body {
        margin-top: 130px;
    }

    .promo-modal .stripe h3 {
        font-size: 20px;
        padding: 0 10px;
    }

    .promo-modal .promo-text h1 {
        font-size: 52px;
    }

    #promo-eu.promo-modal .promo-text h1 {
        font-size: 28px;
    }

    .promo-modal .promo-text h2 {
        font-size: 17px;
    }

    .promo-modal .action .btn {
        padding: 10px 15px;
        font-size: 18px;
    }

    .promo-modal .action .close-modal a {
        font-size: 12px;
    }
}


@media (max-width: 340px) {
    #promo-eu.promo-modal .promo-text h1 {
        font-size: 26px;
    }
    .promo-modal .promo-text h2 {
        font-size: 14px;
    }
}*/

.gerakl-countdown-wrap {
    text-align: center;
    font-family: Trebuchet MS;
}
.gerakl-countdown-section {
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.gerakl-countdown-amount span {
    display: inline-block;
    vertical-align: top;

}
.gerakl-abs {
    position: absolute;
    top: 0;
}
.gerakl-countdown-label {
    margin: 10px 0;
}
.geraklcountdown {
    display: inline-block;
    width: 40%;
    vertical-align: top;
}
.after-geraklcountdowntext,
.before-geraklcountdowntext {
    text-align: center;
    font-size: 30px;
}

/*default*/

.default .gerakl-countdown-section {

}
.default .gerakl-countdown-amount {
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    margin: 10px;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid #fff;
    box-shadow: inset 0 0 5px #000, 0 0 5px #000;
}
.default .gerakl-countdown-amount span {
}
.default .gerakl-countdown-label {
}
.default .gerakl-abs {
}

/*minimal*/

.minimal .gerakl-countdown-section {
    border: 3px solid #fff;
    margin: 10px;
    padding: 0 10px;
}
.minimal .gerakl-countdown-amount {
    margin: 0 10px;
}
.minimal .gerakl-countdown-amount span {
}
.minimal .gerakl-countdown-amount + .gerakl-countdown-label {
    border-top: 3px solid #fff;
    padding-top: 10px;
    margin-top: 3px;

}
.minimal .gerakl-countdown-label:first-child {
    border-bottom: 3px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 3px;
}
.minimal .gerakl-abs {
}


/*black*/

.black .gerakl-countdown-section {
    width: 23%;
    background: #323232;
    margin: 0 1%;
    padding: 5px;
    box-shadow: inset 0 0 5px #fff;
    border-radius: 3px;
}
.black .gerakl-countdown-amount {
}
.black .gerakl-countdown-amount span {
    background: #000;
    padding: 0 4px;
    margin: 0px 1px 0;
    font-size: 22px !important;
    line-height: 29px;
    color: #c5b358 !important;
}
.black .gerakl-countdown-label {
    background: #000;
    margin: 2px 1px 0px;
    font-size: 9px !important;
    padding: 0px;
    line-height: 12px;
    color: #c5b358 !important;
}
.black .gerakl-abs {
    background: #000;
    padding: 0 10px;
    margin: 0px 1px 0;
}
.black .gerakl-countdown-section div:first-child.gerakl-countdown-label {
    margin: 0px 1px 2px;
}
.black .gerakl-countdown-label + .gerakl-countdown-amount {
}
.black .gerakl-countdown-label + .gerakl-countdown-amount span {
    margin: 0px 1px 0;
}
.black .gerakl-countdown-label + .gerakl-countdown-amount ~ span.gerakl-abs {
    margin: 0px 1px 0;
}

/*blue*/

.blue .gerakl-countdown-section {
    background: #6da7cc;
    text-shadow: 0px 1px 0px #5085a5;
    font-weight: bold;
    margin: 5px;
    border-radius: 3px;
    text-transform: uppercase;
}
.blue .gerakl-countdown-amount {
    padding: 0 30px;
}
.blue .gerakl-countdown-amount span {
}
.blue .gerakl-countdown-label {
    margin-top: 0;
}
.blue .gerakl-countdown-section div:first-child.gerakl-countdown-label {
    margin: 10px 0;
}
.blue .gerakl-abs {
}

/*transparent*/

.transparent .gerakl-countdown-section {
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 11px 9px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 11px 9px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 11px 9px 0 rgba(0, 0, 0, 0.4);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 40px 0;
    margin: 15px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.transparent .gerakl-countdown-section:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}
.transparent .gerakl-countdown-amount {
    font-weight: bold;
    padding: 0 40px;
}
.transparent .gerakl-countdown-amount span {
}
.transparent .gerakl-countdown-label {
    letter-spacing: .2em;
}
.transparent .gerakl-abs {
    font-weight: bold;
}

/*style1*/

.style1 .gerakl-countdown-section {
    font-family: Trebuchet MS;
    width: 23%;
    margin: 0 1%;
}
.style1 .gerakl-countdown-amount {
    margin: 0;
    padding-bottom: 6px;
    color: #c5b358;
    font-size: 30px;
    line-height: 14px;
}
.style1 .gerakl-countdown-amount span {
    background: #44464a;
    background: -moz-linear-gradient(top, #44464a 0%, #202326 50%, #1c1818 51%, #1c1818 51%, #383c3e 52%, #2d3134 53%, #2d3134 53%, #1e2124 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #44464a), color-stop(50%, #202326), color-stop(51%, #1c1818), color-stop(51%, #1c1818), color-stop(52%, #383c3e), color-stop(53%, #2d3134), color-stop(53%, #2d3134), color-stop(100%, #1e2124));
    background: -webkit-linear-gradient(top, #44464a 0%, #202326 50%, #1c1818 51%, #1c1818 51%, #383c3e 52%, #2d3134 53%, #2d3134 53%, #1e2124 100%);
    background: -o-linear-gradient(top, #44464a 0%, #202326 50%, #1c1818 51%, #1c1818 51%, #383c3e 52%, #2d3134 53%, #2d3134 53%, #1e2124 100%);
    background: -ms-linear-gradient(top, #44464a 0%, #202326 50%, #1c1818 51%, #1c1818 51%, #383c3e 52%, #2d3134 53%, #2d3134 53%, #1e2124 100%);
    background: linear-gradient(to bottom, #44464a 0%, #202326 50%, #1c1818 51%, #1c1818 51%, #383c3e 52%, #2d3134 53%, #2d3134 53%, #1e2124 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44464a', endColorstr='#1e2124', GradientType=0);
    border: 1px solid #000;
    padding: 0 7px;
    margin: 2px;
    border-radius: 3px;
    box-shadow: inset 0 1px #5e6163, 0 2px #1F1A1A;
    line-height: 43px;
}
.style1 .gerakl-countdown-label {
    margin: 0;
    color: #000;
    font-size: 13px;
}
.style1 .gerakl-abs {
    background: #44464a;
    background: -moz-linear-gradient(top, #44464a 0%, #202326 50%, #1c1818 51%, #1c1818 51%, #383c3e 52%, #2d3134 53%, #2d3134 53%, #1e2124 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #44464a), color-stop(50%, #202326), color-stop(51%, #1c1818), color-stop(51%, #1c1818), color-stop(52%, #383c3e), color-stop(53%, #2d3134), color-stop(53%, #2d3134), color-stop(100%, #1e2124));
    background: -webkit-linear-gradient(top, #44464a 0%, #202326 50%, #1c1818 51%, #1c1818 51%, #383c3e 52%, #2d3134 53%, #2d3134 53%, #1e2124 100%);
    background: -o-linear-gradient(top, #44464a 0%, #202326 50%, #1c1818 51%, #1c1818 51%, #383c3e 52%, #2d3134 53%, #2d3134 53%, #1e2124 100%);
    background: -ms-linear-gradient(top, #44464a 0%, #202326 50%, #1c1818 51%, #1c1818 51%, #383c3e 52%, #2d3134 53%, #2d3134 53%, #1e2124 100%);
    background: linear-gradient(to bottom, #44464a 0%, #202326 50%, #1c1818 51%, #1c1818 51%, #383c3e 52%, #2d3134 53%, #2d3134 53%, #1e2124 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44464a', endColorstr='#1e2124', GradientType=0);
    border: 1px solid #000;
    padding: 0 7px;
    margin: 2px;
    border-radius: 3px;
    box-shadow: inset 0 1px #5e6163, 0 2px #1F1A1A;
    line-height: 43px;
}

/*style2*/

.style2 .gerakl-countdown-section {
    font-family: Trebuchet MS;
}
.style2 .gerakl-countdown-amount {
    background: #000;
    border-radius: 5px;
    margin: 0 10px;
    box-shadow: 0 1px #5F5C5C;
    padding: 3px;
}
.style2 .gerakl-countdown-amount span:last-child {
    margin-right: 0px;
}
.style2 .gerakl-countdown-amount span {
    background: #212121;
    background: -moz-linear-gradient(top, #212121 0%, #2e2e2e 50%, #1c1818 51%, #000000 51%, #000000 52%, #2d3134 53%, #4a4a4a 53%, #333333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #212121), color-stop(50%, #2e2e2e), color-stop(51%, #1c1818), color-stop(51%, #000000), color-stop(52%, #000000), color-stop(53%, #2d3134), color-stop(53%, #4a4a4a), color-stop(100%, #333333));
    background: -webkit-linear-gradient(top, #212121 0%, #2e2e2e 50%, #1c1818 51%, #000000 51%, #000000 52%, #2d3134 53%, #4a4a4a 53%, #333333 100%);
    background: -o-linear-gradient(top, #212121 0%, #2e2e2e 50%, #1c1818 51%, #000000 51%, #000000 52%, #2d3134 53%, #4a4a4a 53%, #333333 100%);
    background: -ms-linear-gradient(top, #212121 0%, #2e2e2e 50%, #1c1818 51%, #000000 51%, #000000 52%, #2d3134 53%, #4a4a4a 53%, #333333 100%);
    background: linear-gradient(to bottom, #212121 0%, #2e2e2e 50%, #1c1818 51%, #000000 51%, #000000 52%, #2d3134 53%, #4a4a4a 53%, #333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#212121', endColorstr='#333333', GradientType=0);
    border-radius: 3px;
    margin-right: 3px;
    padding: 0 8px;
    box-shadow: inset 0 1px #5F5C5C;
    position: relative;
}
.style2 .gerakl-countdown-amount span:after {
    content: "";
    position: absolute;
    height: 20px;
    width: 4px;
    top: 50%;
    margin-top: -10px;
    right: 0;
    box-shadow: 0 0 0 3px #000, inset 0 1px #777;
    border-radius: 1px;
    background: #444444;
    background: -moz-linear-gradient(top, #444444 0%, #262626 50%, #444444 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(50%, #262626), color-stop(100%, #444444));
    background: -webkit-linear-gradient(top, #444444 0%, #262626 50%, #444444 100%);
    background: -o-linear-gradient(top, #444444 0%, #262626 50%, #444444 100%);
    background: -ms-linear-gradient(top, #444444 0%, #262626 50%, #444444 100%);
    background: linear-gradient(to bottom, #444444 0%, #262626 50%, #444444 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#444444', GradientType=0);
}
.style2 .gerakl-countdown-amount span:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 4px;
    top: 50%;
    margin-top: -10px;
    left: 0;
    box-shadow: 0 0 0 3px #000, inset 0 1px #777;
    border-radius: 1px;
    background: #444444;
    background: -moz-linear-gradient(top, #444444 0%, #262626 50%, #444444 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(50%, #262626), color-stop(100%, #444444));
    background: -webkit-linear-gradient(top, #444444 0%, #262626 50%, #444444 100%);
    background: -o-linear-gradient(top, #444444 0%, #262626 50%, #444444 100%);
    background: -ms-linear-gradient(top, #444444 0%, #262626 50%, #444444 100%);
    background: linear-gradient(to bottom, #444444 0%, #262626 50%, #444444 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#444444', GradientType=0);
}
.style2 .gerakl-countdown-label {

}
.style2 .gerakl-abs {
    background: #212121;
    background: -moz-linear-gradient(top, #212121 0%, #2e2e2e 50%, #1c1818 51%, #000000 51%, #000000 52%, #2d3134 53%, #4a4a4a 53%, #333333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #212121), color-stop(50%, #2e2e2e), color-stop(51%, #1c1818), color-stop(51%, #000000), color-stop(52%, #000000), color-stop(53%, #2d3134), color-stop(53%, #4a4a4a), color-stop(100%, #333333));
    background: -webkit-linear-gradient(top, #212121 0%, #2e2e2e 50%, #1c1818 51%, #000000 51%, #000000 52%, #2d3134 53%, #4a4a4a 53%, #333333 100%);
    background: -o-linear-gradient(top, #212121 0%, #2e2e2e 50%, #1c1818 51%, #000000 51%, #000000 52%, #2d3134 53%, #4a4a4a 53%, #333333 100%);
    background: -ms-linear-gradient(top, #212121 0%, #2e2e2e 50%, #1c1818 51%, #000000 51%, #000000 52%, #2d3134 53%, #4a4a4a 53%, #333333 100%);
    background: linear-gradient(to bottom, #212121 0%, #2e2e2e 50%, #1c1818 51%, #000000 51%, #000000 52%, #2d3134 53%, #4a4a4a 53%, #333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#212121', endColorstr='#333333', GradientType=0);
    border-radius: 3px;
    margin-right: 3px;
    padding: 0 8px;
    box-shadow: inset 0 1px #5F5C5C;
}

.style2 .gerakl-abs:after {
    content: "";
    position: absolute;
    height: 20px;
    width: 4px;
    top: 50%;
    margin-top: -10px;
    right: 0;
    box-shadow: 0 0 0 3px #000, inset 0 1px #777;
    border-radius: 1px;
    background: #444444;
    background: -moz-linear-gradient(top, #444444 0%, #262626 50%, #444444 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(50%, #262626), color-stop(100%, #444444));
    background: -webkit-linear-gradient(top, #444444 0%, #262626 50%, #444444 100%);
    background: -o-linear-gradient(top, #444444 0%, #262626 50%, #444444 100%);
    background: -ms-linear-gradient(top, #444444 0%, #262626 50%, #444444 100%);
    background: linear-gradient(to bottom, #444444 0%, #262626 50%, #444444 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#444444', GradientType=0);
}
.style2 .gerakl-abs:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 4px;
    top: 50%;
    margin-top: -10px;
    left: 0;
    box-shadow: 0 0 0 3px #000, inset 0 1px #777;
    border-radius: 1px;
    background: #444444;
    background: -moz-linear-gradient(top, #444444 0%, #262626 50%, #444444 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(50%, #262626), color-stop(100%, #444444));
    background: -webkit-linear-gradient(top, #444444 0%, #262626 50%, #444444 100%);
    background: -o-linear-gradient(top, #444444 0%, #262626 50%, #444444 100%);
    background: -ms-linear-gradient(top, #444444 0%, #262626 50%, #444444 100%);
    background: linear-gradient(to bottom, #444444 0%, #262626 50%, #444444 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#444444', GradientType=0);
}

/*colored*/

.colored .gerakl-countdown-section {
    font-family: Trebuchet MS;
}
.colored .gerakl-countdown-amount {
    margin: 0 8px;
}


.colored .gerakl-countdown-section-years .gerakl-countdown-years span {
    background: #6a5b8c;
    background: -moz-linear-gradient(top, #6a5b8c 0%, #6a5b8c 48%, transparent 49%, transparent 51%, #6a5b8c 52%, #6a5b8c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6a5b8c), color-stop(48%, #6a5b8c), color-stop(49%, transparent), color-stop(51%, transparent), color-stop(52%, #6a5b8c), color-stop(100%, #6a5b8c));
    background: -webkit-linear-gradient(top, #6a5b8c 0%, #6a5b8c 48%, transparent 49%, transparent 51%, #6a5b8c 52%, #6a5b8c 100%);
    background: -o-linear-gradient(top, #6a5b8c 0%, #6a5b8c 48%, transparent 49%, transparent 51%, #6a5b8c 52%, #6a5b8c 100%);
    background: -ms-linear-gradient(top, #6a5b8c 0%, #6a5b8c 48%, transparent 49%, transparent 51%, #6a5b8c 52%, #6a5b8c 100%);
    background: linear-gradient(to bottom, #6a5b8c 0%, #6a5b8c 48%, transparent 49%, transparent 51%, #6a5b8c 52%, #6a5b8c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a5b8c', endColorstr='#6a5b8c', GradientType=0);
    border-radius: 3px;
    padding: 0 7px;
    position: relative;
    margin: 0 4px;
}
.colored .gerakl-countdown-section-years .gerakl-countdown-years span:after {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    right: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}
.colored .gerakl-countdown-section-years .gerakl-countdown-years span:before {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    left: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}
.colored .gerakl-countdown-section-years .gerakl-abs {
    background: #6a5b8c;
    background: -moz-linear-gradient(top, #6a5b8c 0%, #6a5b8c 48%, transparent 49%, transparent 51%, #6a5b8c 52%, #6a5b8c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6a5b8c), color-stop(48%, #6a5b8c), color-stop(49%, transparent), color-stop(51%, transparent), color-stop(52%, #6a5b8c), color-stop(100%, #6a5b8c));
    background: -webkit-linear-gradient(top, #6a5b8c 0%, #6a5b8c 48%, transparent 49%, transparent 51%, #6a5b8c 52%, #6a5b8c 100%);
    background: -o-linear-gradient(top, #6a5b8c 0%, #6a5b8c 48%, transparent 49%, transparent 51%, #6a5b8c 52%, #6a5b8c 100%);
    background: -ms-linear-gradient(top, #6a5b8c 0%, #6a5b8c 48%, transparent 49%, transparent 51%, #6a5b8c 52%, #6a5b8c 100%);
    background: linear-gradient(to bottom, #6a5b8c 0%, #6a5b8c 48%, transparent 49%, transparent 51%, #6a5b8c 52%, #6a5b8c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a5b8c', endColorstr='#6a5b8c', GradientType=0);
    border-radius: 3px;
    padding: 0 7px;
    margin: 0 4px;
}
.colored .gerakl-countdown-section-years .gerakl-abs:after {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    right: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}
.colored .gerakl-countdown-section-years .gerakl-abs:before {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    left: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}

.colored .gerakl-countdown-section-months .gerakl-countdown-months span {
    background: #29B8B3;
    background: -moz-linear-gradient(top, #29B8B3 0%, #29B8B3 48%, transparent 49%, transparent 51%, #29B8B3 52%, #29B8B3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #29B8B3), color-stop(48%, #29B8B3), color-stop(49%, transparent), color-stop(51%, transparent), color-stop(52%, #29B8B3), color-stop(100%, #29B8B3));
    background: -webkit-linear-gradient(top, #29B8B3 0%, #29B8B3 48%, transparent 49%, transparent 51%, #29B8B3 52%, #29B8B3 100%);
    background: -o-linear-gradient(top, #29B8B3 0%, #29B8B3 48%, transparent 49%, transparent 51%, #29B8B3 52%, #29B8B3 100%);
    background: -ms-linear-gradient(top, #29B8B3 0%, #29B8B3 48%, transparent 49%, transparent 51%, #29B8B3 52%, #29B8B3 100%);
    background: linear-gradient(to bottom, #29B8B3 0%, #29B8B3 48%, transparent 49%, transparent 51%, #29B8B3 52%, #29B8B3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29B8B3', endColorstr='#29B8B3', GradientType=0);
    border-radius: 3px;
    padding: 0 7px;
    position: relative;
    margin: 0 4px;
}
.colored .gerakl-countdown-section-months .gerakl-countdown-months span:after {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    right: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}
.colored .gerakl-countdown-section-months .gerakl-countdown-months span:before {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    left: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}
.colored .gerakl-countdown-section-months .gerakl-abs {
    background: #29B8B3;
    background: -moz-linear-gradient(top, #29B8B3 0%, #29B8B3 48%, transparent 49%, transparent 51%, #29B8B3 52%, #29B8B3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #29B8B3), color-stop(48%, #29B8B3), color-stop(49%, transparent), color-stop(51%, transparent), color-stop(52%, #29B8B3), color-stop(100%, #29B8B3));
    background: -webkit-linear-gradient(top, #29B8B3 0%, #29B8B3 48%, transparent 49%, transparent 51%, #29B8B3 52%, #29B8B3 100%);
    background: -o-linear-gradient(top, #29B8B3 0%, #29B8B3 48%, transparent 49%, transparent 51%, #29B8B3 52%, #29B8B3 100%);
    background: -ms-linear-gradient(top, #29B8B3 0%, #29B8B3 48%, transparent 49%, transparent 51%, #29B8B3 52%, #29B8B3 100%);
    background: linear-gradient(to bottom, #29B8B3 0%, #29B8B3 48%, transparent 49%, transparent 51%, #29B8B3 52%, #29B8B3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29B8B3', endColorstr='#29B8B3', GradientType=0);
    border-radius: 3px;
    padding: 0 7px;
    margin: 0 4px;
}
.colored .gerakl-countdown-section-months .gerakl-abs:after {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    right: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}
.colored .gerakl-countdown-section-months .gerakl-abs:before {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    left: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}


.colored .gerakl-countdown-section-weeks .gerakl-countdown-weeks span {
    background: #1f7f5c;
    background: -moz-linear-gradient(top, #1f7f5c 0%, #1f7f5c 48%, transparent 49%, transparent 51%, #1f7f5c 52%, #1f7f5c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1f7f5c), color-stop(48%, #1f7f5c), color-stop(49%, transparent), color-stop(51%, transparent), color-stop(52%, #1f7f5c), color-stop(100%, #1f7f5c));
    background: -webkit-linear-gradient(top, #1f7f5c 0%, #1f7f5c 48%, transparent 49%, transparent 51%, #1f7f5c 52%, #1f7f5c 100%);
    background: -o-linear-gradient(top, #1f7f5c 0%, #1f7f5c 48%, transparent 49%, transparent 51%, #1f7f5c 52%, #1f7f5c 100%);
    background: -ms-linear-gradient(top, #1f7f5c 0%, #1f7f5c 48%, transparent 49%, transparent 51%, #1f7f5c 52%, #1f7f5c 100%);
    background: linear-gradient(to bottom, #1f7f5c 0%, #1f7f5c 48%, transparent 49%, transparent 51%, #1f7f5c 52%, #1f7f5c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f7f5c', endColorstr='#1f7f5c', GradientType=0);
    border-radius: 3px;
    padding: 0 7px;
    position: relative;
    margin: 0 4px;
}
.colored .gerakl-countdown-section-weeks .gerakl-countdown-weeks span:after {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    right: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}
.colored .gerakl-countdown-section-weeks .gerakl-countdown-weeks span:before {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    left: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}
.colored .gerakl-countdown-section-weeks .gerakl-abs {
    background: #1f7f5c;
    background: -moz-linear-gradient(top, #1f7f5c 0%, #1f7f5c 48%, transparent 49%, transparent 51%, #1f7f5c 52%, #1f7f5c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1f7f5c), color-stop(48%, #1f7f5c), color-stop(49%, transparent), color-stop(51%, transparent), color-stop(52%, #1f7f5c), color-stop(100%, #1f7f5c));
    background: -webkit-linear-gradient(top, #1f7f5c 0%, #1f7f5c 48%, transparent 49%, transparent 51%, #1f7f5c 52%, #1f7f5c 100%);
    background: -o-linear-gradient(top, #1f7f5c 0%, #1f7f5c 48%, transparent 49%, transparent 51%, #1f7f5c 52%, #1f7f5c 100%);
    background: -ms-linear-gradient(top, #1f7f5c 0%, #1f7f5c 48%, transparent 49%, transparent 51%, #1f7f5c 52%, #1f7f5c 100%);
    background: linear-gradient(to bottom, #1f7f5c 0%, #1f7f5c 48%, transparent 49%, transparent 51%, #1f7f5c 52%, #1f7f5c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f7f5c', endColorstr='#1f7f5c', GradientType=0);
    border-radius: 3px;
    padding: 0 7px;
    margin: 0 4px;
}
.colored .gerakl-countdown-section-weeks .gerakl-abs:after {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    right: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}
.colored .gerakl-countdown-section-weeks .gerakl-abs:before {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    left: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}


.colored .gerakl-countdown-section-days .gerakl-countdown-days span {
    background: #2489c5;
    background: -moz-linear-gradient(top, #2489c5 0%, #2489c5 48%, transparent 49%, transparent 51%, #2489c5 52%, #2489c5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2489c5), color-stop(48%, #2489c5), color-stop(49%, transparent), color-stop(51%, transparent), color-stop(52%, #2489c5), color-stop(100%, #2489c5));
    background: -webkit-linear-gradient(top, #2489c5 0%, #2489c5 48%, transparent 49%, transparent 51%, #2489c5 52%, #2489c5 100%);
    background: -o-linear-gradient(top, #2489c5 0%, #2489c5 48%, transparent 49%, transparent 51%, #2489c5 52%, #2489c5 100%);
    background: -ms-linear-gradient(top, #2489c5 0%, #2489c5 48%, transparent 49%, transparent 51%, #2489c5 52%, #2489c5 100%);
    background: linear-gradient(to bottom, #2489c5 0%, #2489c5 48%, transparent 49%, transparent 51%, #2489c5 52%, #2489c5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2489c5', endColorstr='#2489c5', GradientType=0);
    border-radius: 3px;
    padding: 0 7px;
    position: relative;
    margin: 0 4px;
}
.colored .gerakl-countdown-section-days .gerakl-countdown-days span:after {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    right: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}
.colored .gerakl-countdown-section-days .gerakl-countdown-days span:before {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    left: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}
.colored .gerakl-countdown-section-days .gerakl-abs {
    background: #2489c5;
    background: -moz-linear-gradient(top, #2489c5 0%, #2489c5 48%, transparent 49%, transparent 51%, #2489c5 52%, #2489c5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2489c5), color-stop(48%, #2489c5), color-stop(49%, transparent), color-stop(51%, transparent), color-stop(52%, #2489c5), color-stop(100%, #2489c5));
    background: -webkit-linear-gradient(top, #2489c5 0%, #2489c5 48%, transparent 49%, transparent 51%, #2489c5 52%, #2489c5 100%);
    background: -o-linear-gradient(top, #2489c5 0%, #2489c5 48%, transparent 49%, transparent 51%, #2489c5 52%, #2489c5 100%);
    background: -ms-linear-gradient(top, #2489c5 0%, #2489c5 48%, transparent 49%, transparent 51%, #2489c5 52%, #2489c5 100%);
    background: linear-gradient(to bottom, #2489c5 0%, #2489c5 48%, transparent 49%, transparent 51%, #2489c5 52%, #2489c5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2489c5', endColorstr='#2489c5', GradientType=0);
    border-radius: 3px;
    padding: 0 7px;
    margin: 0 4px;
}
.colored .gerakl-countdown-section-days .gerakl-abs:after {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    right: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}
.colored .gerakl-countdown-section-days .gerakl-abs:before {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    left: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}


.colored .gerakl-countdown-section-hours .gerakl-countdown-hours span {
    background: #F28F29;
    background: -moz-linear-gradient(top, #F28F29 0%, #F28F29 48%, transparent 49%, transparent 51%, #F28F29 52%, #F28F29 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F28F29), color-stop(48%, #F28F29), color-stop(49%, transparent), color-stop(51%, transparent), color-stop(52%, #F28F29), color-stop(100%, #F28F29));
    background: -webkit-linear-gradient(top, #F28F29 0%, #F28F29 48%, transparent 49%, transparent 51%, #F28F29 52%, #F28F29 100%);
    background: -o-linear-gradient(top, #F28F29 0%, #F28F29 48%, transparent 49%, transparent 51%, #F28F29 52%, #F28F29 100%);
    background: -ms-linear-gradient(top, #F28F29 0%, #F28F29 48%, transparent 49%, transparent 51%, #F28F29 52%, #F28F29 100%);
    background: linear-gradient(to bottom, #F28F29 0%, #F28F29 48%, transparent 49%, transparent 51%, #F28F29 52%, #F28F29 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F28F29', endColorstr='#F28F29', GradientType=0);
    border-radius: 3px;
    padding: 0 7px;
    position: relative;
    margin: 0 4px;
}
.colored .gerakl-countdown-section-hours .gerakl-countdown-hours span:after {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    right: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}
.colored .gerakl-countdown-section-hours .gerakl-countdown-hours span:before {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    left: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}
.colored .gerakl-countdown-section-hours .gerakl-abs {
    background: #F28F29;
    background: -moz-linear-gradient(top, #F28F29 0%, #F28F29 48%, transparent 49%, transparent 51%, #F28F29 52%, #F28F29 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F28F29), color-stop(48%, #F28F29), color-stop(49%, transparent), color-stop(51%, transparent), color-stop(52%, #F28F29), color-stop(100%, #F28F29));
    background: -webkit-linear-gradient(top, #F28F29 0%, #F28F29 48%, transparent 49%, transparent 51%, #F28F29 52%, #F28F29 100%);
    background: -o-linear-gradient(top, #F28F29 0%, #F28F29 48%, transparent 49%, transparent 51%, #F28F29 52%, #F28F29 100%);
    background: -ms-linear-gradient(top, #F28F29 0%, #F28F29 48%, transparent 49%, transparent 51%, #F28F29 52%, #F28F29 100%);
    background: linear-gradient(to bottom, #F28F29 0%, #F28F29 48%, transparent 49%, transparent 51%, #F28F29 52%, #F28F29 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F28F29', endColorstr='#F28F29', GradientType=0);
    border-radius: 3px;
    padding: 0 7px;
    margin: 0 4px;
}
.colored .gerakl-countdown-section-hours .gerakl-abs:after {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    right: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}
.colored .gerakl-countdown-section-hours .gerakl-abs:before {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    left: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}


.colored .gerakl-countdown-section-minutes .gerakl-countdown-minutes span {
    background: #77BE56;
    background: -moz-linear-gradient(top, #77BE56 0%, #77BE56 48%, transparent 49%, transparent 51%, #77BE56 52%, #77BE56 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #77BE56), color-stop(48%, #77BE56), color-stop(49%, transparent), color-stop(51%, transparent), color-stop(52%, #77BE56), color-stop(100%, #77BE56));
    background: -webkit-linear-gradient(top, #77BE56 0%, #77BE56 48%, transparent 49%, transparent 51%, #77BE56 52%, #77BE56 100%);
    background: -o-linear-gradient(top, #77BE56 0%, #77BE56 48%, transparent 49%, transparent 51%, #77BE56 52%, #77BE56 100%);
    background: -ms-linear-gradient(top, #77BE56 0%, #77BE56 48%, transparent 49%, transparent 51%, #77BE56 52%, #77BE56 100%);
    background: linear-gradient(to bottom, #77BE56 0%, #77BE56 48%, transparent 49%, transparent 51%, #77BE56 52%, #77BE56 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77BE56', endColorstr='#77BE56', GradientType=0);
    border-radius: 3px;
    padding: 0 7px;
    position: relative;
    margin: 0 4px;
}
.colored .gerakl-countdown-section-minutes .gerakl-countdown-minutes span:after {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    right: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}
.colored .gerakl-countdown-section-minutes .gerakl-countdown-minutes span:before {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    left: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}
.colored .gerakl-countdown-section-minutes .gerakl-abs {
    background: #77BE56;
    background: -moz-linear-gradient(top, #77BE56 0%, #77BE56 48%, transparent 49%, transparent 51%, #77BE56 52%, #77BE56 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #77BE56), color-stop(48%, #77BE56), color-stop(49%, transparent), color-stop(51%, transparent), color-stop(52%, #77BE56), color-stop(100%, #77BE56));
    background: -webkit-linear-gradient(top, #77BE56 0%, #77BE56 48%, transparent 49%, transparent 51%, #77BE56 52%, #77BE56 100%);
    background: -o-linear-gradient(top, #77BE56 0%, #77BE56 48%, transparent 49%, transparent 51%, #77BE56 52%, #77BE56 100%);
    background: -ms-linear-gradient(top, #77BE56 0%, #77BE56 48%, transparent 49%, transparent 51%, #77BE56 52%, #77BE56 100%);
    background: linear-gradient(to bottom, #77BE56 0%, #77BE56 48%, transparent 49%, transparent 51%, #77BE56 52%, #77BE56 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77BE56', endColorstr='#77BE56', GradientType=0);
    border-radius: 3px;
    padding: 0 7px;
    margin: 0 4px;
}
.colored .gerakl-countdown-section-minutes .gerakl-abs:after {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    right: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}
.colored .gerakl-countdown-section-minutes .gerakl-abs:before {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    left: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}


.colored .gerakl-countdown-section-seconds .gerakl-countdown-seconds span {
    background: #be555f;
    background: -moz-linear-gradient(top, #be555f 0%, #be555f 48%, transparent 49%, transparent 51%, #be555f 52%, #be555f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #be555f), color-stop(48%, #be555f), color-stop(49%, transparent), color-stop(51%, transparent), color-stop(52%, #be555f), color-stop(100%, #be555f));
    background: -webkit-linear-gradient(top, #be555f 0%, #be555f 48%, transparent 49%, transparent 51%, #be555f 52%, #be555f 100%);
    background: -o-linear-gradient(top, #be555f 0%, #be555f 48%, transparent 49%, transparent 51%, #be555f 52%, #be555f 100%);
    background: -ms-linear-gradient(top, #be555f 0%, #be555f 48%, transparent 49%, transparent 51%, #be555f 52%, #be555f 100%);
    background: linear-gradient(to bottom, #be555f 0%, #be555f 48%, transparent 49%, transparent 51%, #be555f 52%, #be555f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#be555f', endColorstr='#be555f', GradientType=0);
    border-radius: 3px;
    padding: 0 7px;
    position: relative;
    margin: 0 4px;
}
.colored .gerakl-countdown-section-seconds .gerakl-countdown-seconds span:after {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    right: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}
.colored .gerakl-countdown-section-seconds .gerakl-countdown-seconds span:before {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    left: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}
.colored .gerakl-countdown-section-seconds .gerakl-abs {
    background: #be555f;
    background: -moz-linear-gradient(top, #be555f 0%, #be555f 48%, transparent 49%, transparent 51%, #be555f 52%, #be555f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #be555f), color-stop(48%, #be555f), color-stop(49%, transparent), color-stop(51%, transparent), color-stop(52%, #be555f), color-stop(100%, #be555f));
    background: -webkit-linear-gradient(top, #be555f 0%, #be555f 48%, transparent 49%, transparent 51%, #be555f 52%, #be555f 100%);
    background: -o-linear-gradient(top, #be555f 0%, #be555f 48%, transparent 49%, transparent 51%, #be555f 52%, #be555f 100%);
    background: -ms-linear-gradient(top, #be555f 0%, #be555f 48%, transparent 49%, transparent 51%, #be555f 52%, #be555f 100%);
    background: linear-gradient(to bottom, #be555f 0%, #be555f 48%, transparent 49%, transparent 51%, #be555f 52%, #be555f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#be555f', endColorstr='#be555f', GradientType=0);
    border-radius: 3px;
    padding: 0 7px;
    margin: 0 4px;
}
.colored .gerakl-countdown-section-seconds .gerakl-abs:after {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    right: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}
.colored .gerakl-countdown-section-seconds .gerakl-abs:before {
    content: "";
    background: #fff;
    position: absolute;
    width: 2px;
    height: 10px;
    left: -3px;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}


.gerakl-animated {
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@-webkit-keyframes gerakl-bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

@keyframes gerakl-bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

.gerakl-bounceOut {
    -webkit-animation-name: gerakl-bounceOut;
    animation-name: gerakl-bounceOut;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}


@-webkit-keyframes gerakl-fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes gerakl-fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.gerakl-fadeOut {
    -webkit-animation-name: gerakl-fadeOut;
    animation-name: gerakl-fadeOut;
}


@-webkit-keyframes gerakl-fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes gerakl-fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.gerakl-fadeOutDown {
    -webkit-animation-name: gerakl-fadeOutDown;
    animation-name: gerakl-fadeOutDown;
}


@-webkit-keyframes gerakl-fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes gerakl-fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.gerakl-fadeOutUp {
    -webkit-animation-name: gerakl-fadeOutUp;
    animation-name: gerakl-fadeOutUp;
}


@-webkit-keyframes gerakl-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes gerakl-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.gerakl-flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: gerakl-flipInX;
    animation-name: gerakl-flipInX;
}


@-webkit-keyframes gerakl-flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes gerakl-flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.gerakl-flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: gerakl-flipInY;
    animation-name: gerakl-flipInY;
}


@-webkit-keyframes gerakl-zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes gerakl-zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.gerakl-zoomIn {
    -webkit-animation-name: gerakl-zoomIn;
    animation-name: gerakl-zoomIn;
}


@-webkit-keyframes gerakl-zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    100% {
        opacity: 0;
    }
}

@keyframes gerakl-zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    100% {
        opacity: 0;
    }
}

.gerakl-zoomOut {
    -webkit-animation-name: gerakl-zoomOut;
    animation-name: gerakl-zoomOut;
}


/*style3*/

.style3 .gerakl-countdown-section {
    font-family: Trebuchet MS;
}
.style3 .gerakl-countdown-amount {
    margin: 0 9px;
}
.style3 .gerakl-countdown-amount span {
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #A0A0A0 49%, #ffffff 50%, #ffffff 50%, #A0A0A0 51%, #ececec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(49%, #A0A0A0), color-stop(49%, #ffffff), color-stop(50%, #ffffff), color-stop(51%, #A0A0A0), color-stop(100%, #ececec));
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #A0A0A0 49%, #ffffff 50%, #ffffff 50%, #A0A0A0 51%, #ececec 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%, #A0A0A0 49%, #ffffff 50%, #ffffff 50%, #A0A0A0 51%, #ececec 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%, #A0A0A0 49%, #ffffff 50%, #ffffff 50%, #A0A0A0 51%, #ececec 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%, #A0A0A0 49%, #ffffff 50%, #ffffff 50%, #A0A0A0 51%, #ececec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#ececec', GradientType=0);
    border: 1px solid #000;
    padding: 0 8px;
    margin: 1px;
    border-radius: 3px;
    box-shadow: inset 0 1px #5e6163;
}
.style3 .gerakl-countdown-label {

}
.style3 .gerakl-abs {
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #A0A0A0 49%, #ffffff 50%, #ffffff 50%, #A0A0A0 51%, #ececec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(49%, #A0A0A0), color-stop(49%, #ffffff), color-stop(50%, #ffffff), color-stop(51%, #A0A0A0), color-stop(100%, #ececec));
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #A0A0A0 49%, #ffffff 50%, #ffffff 50%, #A0A0A0 51%, #ececec 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%, #A0A0A0 49%, #ffffff 50%, #ffffff 50%, #A0A0A0 51%, #ececec 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%, #A0A0A0 49%, #ffffff 50%, #ffffff 50%, #A0A0A0 51%, #ececec 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%, #A0A0A0 49%, #ffffff 50%, #ffffff 50%, #A0A0A0 51%, #ececec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#ececec', GradientType=0);
    border: 1px solid #000;
    padding: 0 8px;
    margin: 1px;
    border-radius: 3px;
    box-shadow: inset 0 1px #5e6163;
}


/*style4*/

.style4 .gerakl-countdown-section {
    font-family: Trebuchet MS;
}
.style4 .gerakl-countdown-amount {
    background: #000;
    border-radius: 5px;
    margin: 0 10px;
    box-shadow: 0 1px #5F5C5C;
    padding: 2px;
}
.style4 .gerakl-countdown-amount span:last-child {
    margin-right: 0px;
}
.style4 .gerakl-countdown-amount span {
    background: #ededed;
    background: -moz-linear-gradient(top, #ededed 0%, #ededed 49%, #ffffff 49%, #ffffff 50%, #ededed 50%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(49%, #ededed), color-stop(49%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, #ededed), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(top, #ededed 0%, #ededed 49%, #ffffff 49%, #ffffff 50%, #ededed 50%, #ededed 100%);
    background: -o-linear-gradient(top, #ededed 0%, #ededed 49%, #ffffff 49%, #ffffff 50%, #ededed 50%, #ededed 100%);
    background: -ms-linear-gradient(top, #ededed 0%, #ededed 49%, #ffffff 49%, #ffffff 50%, #ededed 50%, #ededed 100%);
    background: linear-gradient(to bottom, #ededed 0%, #ededed 49%, #ffffff 49%, #ffffff 50%, #ededed 50%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ededed', GradientType=0);
    border-radius: 3px;
    margin-right: 2px;
    padding: 0 8px;
    box-shadow: inset 0 1px #fff;
    position: relative;
}
.style4 .gerakl-countdown-amount span:after {
    content: "";
    position: absolute;
    height: 20px;
    width: 4px;
    top: 50%;
    margin-top: -10px;
    right: 0;
    box-shadow: 0 0 0 2px #000;
    border-radius: 0px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 49%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(49%, #ededed), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 49%, #ffffff 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #ededed 49%, #ffffff 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #ededed 49%, #ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ededed 49%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}
.style4 .gerakl-countdown-amount span:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 4px;
    top: 50%;
    margin-top: -10px;
    left: 0;
    box-shadow: 0 0 0 2px #000;
    border-radius: 0px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 49%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(49%, #ededed), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 49%, #ffffff 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #ededed 49%, #ffffff 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #ededed 49%, #ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ededed 49%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}
.style4 .gerakl-countdown-label {

}
.style4 .gerakl-abs {
    background: #ededed;
    background: -moz-linear-gradient(top, #ededed 0%, #ededed 49%, #ffffff 49%, #ffffff 50%, #ededed 50%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(49%, #ededed), color-stop(49%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, #ededed), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(top, #ededed 0%, #ededed 49%, #ffffff 49%, #ffffff 50%, #ededed 50%, #ededed 100%);
    background: -o-linear-gradient(top, #ededed 0%, #ededed 49%, #ffffff 49%, #ffffff 50%, #ededed 50%, #ededed 100%);
    background: -ms-linear-gradient(top, #ededed 0%, #ededed 49%, #ffffff 49%, #ffffff 50%, #ededed 50%, #ededed 100%);
    background: linear-gradient(to bottom, #ededed 0%, #ededed 49%, #ffffff 49%, #ffffff 50%, #ededed 50%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ededed', GradientType=0);
    border-radius: 3px;
    margin-right: 2px;
    padding: 0 8px;
    box-shadow: inset 0 1px #fff;
}

.style4 .gerakl-abs:after {
    content: "";
    position: absolute;
    height: 20px;
    width: 4px;
    top: 50%;
    margin-top: -10px;
    right: 0;
    box-shadow: 0 0 0 2px #000;
    border-radius: 0px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 49%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(49%, #ededed), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 49%, #ffffff 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #ededed 49%, #ffffff 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #ededed 49%, #ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ededed 49%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}
.style4 .gerakl-abs:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 4px;
    top: 50%;
    margin-top: -10px;
    left: 0;
    box-shadow: 0 0 0 2px #000;
    border-radius: 0px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 49%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(49%, #ededed), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 49%, #ffffff 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #ededed 49%, #ffffff 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #ededed 49%, #ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ededed 49%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}


/*style5-white*/

.style5-white .gerakl-countdown-amount {
    margin: 0 9px;
    border: 3px solid #fff;
    padding: 17px;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #000, 0 0 0 5px #fff;
}
/*style5-black*/

.style5-black .gerakl-countdown-amount {
    margin: 0 9px;
    border: 3px solid #000;
    padding: 17px;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #000;
}

/* popover wistia */

.wrap_popover_video {
    overflow: hidden;
}

.popover_video {
    position: absolute;
    visibility: hidden;
    left: -99999px;
    top: -9999px;
}

/* loyalty points */

.loyalty-points {
    font-family: 'Roboto', sans-serif;
}

.loyalty-points .top-part {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
}

.loyalty-points .top-part .orange-box {
    display: flex;
    flex-direction: row;
    width: 32%;
    padding: 20px;
    text-align: center;
    border: 3px solid #FFB142;
    border-radius: 10px;
}

.loyalty-points .top-part .orange-box > div {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.loyalty-points .top-part .orange-box span {
    color: #909D9D;
    line-height: 1;
    text-transform: uppercase;
}

.loyalty-points .top-part .orange-box .orange-box_title {
    font-size: 10px;
    font-weight: 500;
}

.loyalty-points .top-part .orange-box .orange-box_number {
    margin-top: 15px;
    font-size: 32px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
}

.loyalty-points .table-responsive.dataTable {
    margin: 25px 0;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border-bottom: none;
}

.loyalty-points .table-responsive a {
    text-decoration: underline;
}

.loyalty-points .table-responsive tbody tr.odd {
    background-color: #fff;
}

.loyalty-points .table-responsive tbody tr.even {
    background-color: #F4F4F4;
}

.loyalty-points .table-responsive th,
.loyalty-points .table-responsive td {
    border-bottom: 1px solid #DBDBDB;
}

.loyalty-points .table-responsive th:first-of-type,
.loyalty-points .table-responsive td:first-of-type {
    padding-left: 15px;
    padding-right: 5px;
    text-align: left;
}

.loyalty-points .table-responsive th {
    padding: 10px;
    background-color: #F4F4F4;
    color: #227093;
}

.loyalty-points .table-responsive td {
    padding: 20px 10px;
    color: #919E9E;
    font-weight: 700;
}

.loyalty-points .table-responsive td:first-of-type {
    border-left: 1px solid #DBDBDB;
}

.loyalty-points .table-responsive td:last-of-type {
    border-right: 1px solid #DBDBDB;
}

.loyalty-points .table-responsive .green {
    color: #2ECC71;
}

.loyalty-points .table-responsive .red {
    color: #E74C3C;
}

.loyalty-points .table-responsive .cell-month {
    font-weight: 400;
}

.loyalty-points .table-responsive .cell-payments,
.loyalty-points .table-responsive tr:not(.unpaid) .cell-unlocked_level {
    color: #024A6A;
}

.loyalty-points .table-responsive tr .cell-status {
    min-width: 70px;
}

.loyalty-points .table-responsive tr:not(.unpaid) .cell-status,
.loyalty-points .table-responsive tr:not(.unpaid) .cell-points_earned,
.loyalty-points .table-responsive tr:not(.unpaid) .cell-points_unlocked {
    color: #2ECC71;
}

.loyalty-points .table-responsive .unpaid .cell-status,
.loyalty-points .table-responsive .unpaid .cell-status a {
    color: #E74C3C;
}

@media all and (max-width: 767px) {
    .loyalty-points .top-part {
        flex-direction: column;
        align-items: center;
    }

    .loyalty-points .top-part .orange-box {
        max-width: 280px;
        width: 100%;
        margin-bottom: 12px;
        padding: 8px;
    }

    .loyalty-points .top-part .orange-box:last-of-type {
        margin-bottom: 0;
    }

    .loyalty-points .top-part .orange-box .orange-box_number {
        margin-top: 5px;
    }

    .loyalty-points .table-responsive.collapsed {
        border: 1px solid #DBDBDB;
    }

    .loyalty-points .table-responsive.collapsed td {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .loyalty-points .table-responsive.collapsed td:first-of-type {
        border-left: none;
    }

    .loyalty-points .table-responsive.collapsed td:last-of-type {
        border-right: none;
    }

    .loyalty-points .table-responsive.collapsed th:first-of-type,
    .loyalty-points .table-responsive.collapsed td:first-of-type:not(.child) {
        min-width: 80px;
        padding-left: 34px !important;
    }

    .table-responsive.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before {
        top: 50%;
        left: 5px;
        margin-top: -10px;
    }

    .table-responsive.dataTable > tbody > tr.child td.child {
        padding-left: 20px;
        padding-right: 35px;
    }

    .table-responsive.dataTable > tbody > tr.child ul.dtr-details > li {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        font-weight: 700;
    }

    .table-responsive.dataTable > tbody > tr.child span.dtr-title {
        min-width: 140px;
        color: #227093;
    }

    .table-responsive.dataTable > tbody > tr.child span.dtr-data {
        text-align: center;
    }
}

@media all and (max-width: 450px) {

    .loyalty-points .top-part .orange-box {
        padding: 5px;
    }

    .table-responsive.dataTable > tbody > tr.child span.dtr-title {
        min-width: 100px;
    }

    .table-responsive.dataTable > tbody > tr.child ul.dtr-details {
        width: 100%;
    }
}

/* -loyalty points */

/* fast start bonus */

.fast-start {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 12px 0;
}

.fast-start_step {
    position: relative;
    width: calc(100% / 3 - 17px);
    padding: 15px 20px;
    background: linear-gradient(to bottom, #fff, #F2F2F2);
    color: #4F5858;
    border: 3px solid #5691A2;
    text-align: center;
}

.fast-start_step .overlay {
    display: none;
}

.fast-start_step h6 {
    margin-top: 0;
    font-size: 22px;
    line-height: 1;
    font-weight: 600;
    font-style: italic;
    text-transform: uppercase;
}

.step-time {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 25px 0 14px;
}

.step-time div {
    margin-left: 10px;
    font-size: 32px;
    line-height: 1;
}

.step-time div small {
    margin-right: 5px;
    font-size: .5em;
    font-weight: 700;
}

.step-time img {
    width: 24px;
}

.step-progress {
    max-width: 90%;
    margin: 0 auto;
    text-align: center;
}

.wrap-dots {
    display: flex;
    flex-direction: row;
    margin: 0 1px;
}

.wrap-dots .dot {
    width: 4px;
    height: 4px;
    margin-right: 4px;
    background-color: #5691A2;
    border-radius: 50%;
}

.wrap-dots.gray .dot {
    background-color: #DBDBDB;
}

.wrap-dots .dot:last-of-type {
    margin-right: 0;
}

.fast-start_step.step-inactive {
    background-color: #DBDBDB;
    color: #DBDBDB;
    border-color: #DBDBDB;
}

.step-inactive:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #fff 20%, #F0F0F0 40%, #CBCBCB 75%);
    opacity: .6;
}

.step-inactive:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/lock.svg) no-repeat center;
    background-size: 55px;
}

.step-inactive .step-time {
    color: #DBDBDB;
}

.step-completed:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #23ADC1, #275460);
    opacity: .95;
    z-index: 3;
}

.step-completed .content-overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #fff;
    z-index: 4;
}

.step-completed .content-overlay .fas {
    margin-right: 8px;
    font-size: 44px;
}

.step-completed .content-overlay span {
    font-size: 42px;
    font-weight: 700 !important;
}

.fast-start.one-line {
    flex-direction: row;
}

.fast-start.one-line .fast-start_step {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px 25px;
}

.fast-start.one-line .step-progress,
.fast-start.one-line h6,
.fast-start.one-line .step-time {
    margin: 0;
}

.fast-start.one-line .step-progress img {
    height: 25px;
}

@media (max-width: 979px) {
    .fast-start_step {
        padding: 15px;
    }

    .fast-start_step h6 {
        font-size: 21px;
    }

    .step-time {
        margin: 20px 0 12px;
    }

    .step-time div {
        font-size: 27px;
    }
}

@media (max-width: 767px) {
    .fast-start {
        flex-direction: column;
    }

    .fast-start_step {
        width: 100%;
        max-width: 260px;
    }

    .step-time,
    .fast-start.one-line .step-time {
        margin: 12px 0;
    }

    .step-progress {
        max-width: 170px;
    }

    .wrap-dots {
        margin: 5px 0;
    }

    .fast-start.one-line .fast-start_step {
        flex-direction: column;
        margin: 0 auto;
        padding: 15px;
    }
}

/* -fast start bonus */

/* august bonus */

.august-bonus {
    color: #424242;
    line-height: 1.2;
    border: 1px solid #CDCDCD;
}

.august-bonus b {
    font-size: 38px;
    font-weight: 800;
}

.august-bonus .number-with-text {
    position: relative;
}

.august-bonus .number-with-text .text {
    position: absolute;
    left: 0;
    bottom: -18px;
    width: 100%;
    font-size: 12px;
}

.august-bonus .number-with-text .text a {
    margin-left: 16px;
    color: #424242;
    text-decoration: underline;
}

.august-bonus .top-part,
.august-bonus .bottom-part {
    display: flex;
    flex-direction: row;
    padding: 25px;
    text-align: center;
}

.august-bonus .top-part {
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    background: linear-gradient(4deg, #55117F 2%, #D70A84);
}

.august-bonus .block {
    position: relative;
    display: block;
    width: 33.333%;
}

.august-bonus .block:before {
    content: '';
    position: absolute;
    left: 0;
    top: -8px;
    width: 4px;
    height: 64px;
    background-color: rgba(256, 256, 256, .2);
    border-radius: 30px;
}

.august-bonus .block:first-of-type:before {
    display: none;
}

.august-bonus .top-part img {
    width: 100%;
}

.august-bonus .top-part b {
    color: #fff;
}

.august-bonus .top-part .price-total:before {
    display: none;
}

.august-bonus .top-part .number-with-text b {
    color: #FFB142;
}

.august-bonus .top-part .number-with-text .text {
    color: #fff;
}

.august-bonus .bottom-part img {
    height: 32px;
}

.august-bonus .bottom-part b {
    margin-left: 20px;
    color: #474787;
}

.august-bonus .bottom-part .block:before {
    top: 0;
    background-color: #DBDBDB;
}

.august-bonus .bottom-part .number-with-text .text {
    position: static;
    margin-top: 4px;
}

.august-bonus .bottom-part .block div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.august-bonus .bottom-part .block-winners b {
    margin-left: 26px;
}


@media (max-width: 767px) {

    .august-bonus .top-part, .august-bonus .bottom-part {
        padding: 25px 15px;
    }

    .august-bonus b {
        font-size: 35px;
    }

    .august-bonus .number-with-text .text {
        font-size: 11px;
    }

    .august-bonus .bottom-part b {
        margin-left: 15px;
    }

    .august-bonus .bottom-part .block-winners b {
        margin-left: 22px;
    }
}

@media (max-width: 600px) {

    .august-bonus b {
        font-size: 22px;
    }

    .august-bonus .number-with-text .text {
        bottom: -12px;
    }

    .august-bonus .block:before {
        height: 50px;
        width: 3px;
        top: -6px;
    }

    .august-bonus .top-part,
    .august-bonus .bottom-part {
        padding-left: 10px;
        padding-right: 10px;
    }

    .august-bonus .top-part {
        flex-wrap: wrap;
        padding-top: 0;
    }

    .august-bonus .top-part b {
        font-size: 30px;
    }

    .august-bonus .top-part .block {
        width: 50%;
    }

    .august-bonus .top-part .wrap-img {
        width: 100%;
        margin-bottom: 15px;
    }

    .august-bonus .top-part img {
        max-height: 70px;
    }

    .august-bonus .bottom-part {
        padding-top: 15px;
        padding-bottom: 10px;
    }

    .august-bonus .bottom-part img {
        height: 22px;
    }

    .august-bonus .bottom-part b,
    .august-bonus .bottom-part .block-winners b {
        margin-left: 8px;
    }

    .august-bonus .bottom-part .number-with-text .text {
        flex-direction: column;
    }

    .august-bonus .number-with-text .text a {
        margin-left: 0;
    }
}

/* -august bonus */

.current-earning-label {
    margin: 0 !important;
    display:block;
}

    .current-earning-label span {
        color: #000 !important;
        font-size: 11px !important;
    }

    .current-earning-label #CurrentEarning {
        color: #000 !important;
        font-size: 11px;
        font-weight: normal;
        margin-top:0 !important;
    }