/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh50XSwaPGR_p.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh50XSwiPGQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


html,
body { margin: 0 !important; padding: 0 !important; }
body * { font-family: 'Lato', sans-serif; }

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.page-loading { display: none; position: fixed; z-index: 100000000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); }
.page-loading-animation { position: absolute; left: 50%; top: 50%; z-index: 1; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 16px solid #f3f3f3; border-top: 16px solid #3498db; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }

.page-header { padding: 28px 0; background: rgba(5, 79, 123, 0.7) /*url("../images/header.png")*/ repeat-x center bottom; color: #fff; }
.page-header .header-title { font-size: 25px; font-weight: 700; font-style: normal; }
.page-header .header-description { font-size: 25px; font-style: italic; }

.page-content { margin: 30px auto; }

.page-footer { padding: 15px 0; line-height: 16px; font-size: 12px; color: #888; }
.page-footer a { font-weight: bold; color: #000; }
.page-footer a:hover { font-weight: bold; color: #000; }
.page-footer .footer-images { margin-bottom: 20px; }
.page-footer .footer-images img { margin: 0 10px; width: auto; height: 80px; }
.page-footer .footer-menu { }
.page-footer .footer-description { }

.payment-page-content { max-width: 1100px; }

.payment-timer-container { margin: 0 auto 30px; padding: 0 10px; text-align: center; font-size: 24px; font-weight: bold; color: #1b3e68; }
.payment-timer { display: inline-block; padding: 5px 20px; border-radius: 8px; background: #1b3e68; color: #fff; }
.payment-timer.bg-danger { background: red; }
.payment-timer-description span { white-space: nowrap; }
.payment-timer-description .price-sale { font-size: 36px; }
.payment-timer-description .price-regular { position: relative; }
.payment-timer-description .price-regular:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 2px solid;
    border-color: inherit;
    box-shadow: 0 0 0 1px #fff;

    -webkit-transform:rotate(12deg);
    -moz-transform:rotate(12deg);
    -ms-transform:rotate(12deg);
    -o-transform:rotate(12deg);
    transform:rotate(12deg);
}

.payment-section { margin: 0 0 30px; }
.payment-section-header { position: relative; margin-bottom: 20px; padding: 10px 10px 10px 75px; background: url("../images/arrow-right.png") no-repeat left 15px center; }
.payment-section-header-text { font-size: 20px; color: #147BB8; }

.payment-product { position: relative; max-width: 480px; border: 3px solid #1b3e68; border-radius: 8px; overflow: hidden; background: #1b3e68; color: #fff; }
@media only screen and (max-width: 991px) {
    .payment-product { max-width: none; }
}
.payment-product-top { padding: 10px 10px 20px; /*background: url("../images/star.png") repeat-x left bottom;*/ }
.payment-product-top-title { margin-bottom: 10px; font-size: 34px; font-weight: bold; }
.payment-product-top-subtitle { margin-bottom: 10px; font-size: 20px; }
.payment-product-top-price { font-size: 20px; }
.payment-product-top-price .price { font-size: 34px; font-weight: bold; }
.payment-product-bottom { }
.payment-product-bottom-content { padding: 10px; }
.payment-product-bottom-content .h5 { margin: 0 0 15px 20px; font-weight: normal; font-size: 15px; }
.payment-product-bottom-content ul { margin: 0 10px 20px 20px; padding: 0 0 0 20px; font-size: 15px; }
.payment-product-bottom-content ul li { margin: 0; }

.payment-method { position: relative; padding: 15px 10px; background: #ebebeb; border-radius: 8px; margin-bottom: 10px; font-size: 14px; }
.payment-method input[type="radio"], .payment-method input[type="checkbox"] { margin: 7px 10px 2px 10px; vertical-align: middle; outline: none; }
.payment-method .payment-credit-card input[type="radio"],
.payment-method .payment-credit-card label,
.payment-method .payment-credit-card img { display: inline-block; vertical-align: middle; }
.payment-method .payment-credit-card { position: relative; float: left; width: 100%; }
.payment-method .payment-credit-card img { max-width: 7.5em; }
.payment-method .payment-credit-card > label, .payment-method .payment-paypal > label { font-size: 1.06em; text-transform: uppercase; color: #757574; font-weight: bold; margin-bottom: 0; display: block; }
.payment-method .payment-credit-card > label .payment-text-dscr span, .payment-method .payment-paypal > label .payment-text-dscr span { min-width: 6.6em; display: inline-block; }
.payment-method .payment-descr { position: relative; display: none; width: 99%; background: #b7b7b7; min-height: 5.5em; padding: 0 1em 0 1em; margin-top: 1.25em; border-radius: 5px; }
.payment-method input:checked + .payment-descr { display: table; }
.payment-method .payment-descr:after { content:""; display: block; position: absolute; top: -10px; left: 40px; width: 1.7em; height: 1em; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #b7b7b7; }
.payment-method .payment-descr span { display: table-cell; vertical-align: middle; font-size: 14px; font-weight: bold; color: #fff; text-transform: none; line-height: 1.3; }
.payment-text-descr { position: absolute; top: 0; left: 35px; line-height: 2; }
.payment-method-title  { margin: 10px 0; text-align: center; font-size: 16px; font-weight: bold; color: #0066cc; }

.payment-panel { padding: 15px 10px; background: #ebebeb; border-radius: 8px; }
.payment-panel-content { padding: 15px 10px; border-radius: 8px; background: #fff; font-size: 14px; }


/* Payment */
body.payment-page .page-header { display: none; }
.payment-user-info { margin: 0 0 50px; font-size: 18px; line-height: 40px; font-weight: bold; color: #333; }
.payment-user-info strong { color: #ab2e39; font-size: 22px; line-height: 30px; }
.payment-section-content {  }
.payment-form { padding-top: 20px; max-width: 700px; margin: 0; }
.payment-header { background: #f3f9ff; display: flex; flex-flow: row nowrap; align-items: center; margin: 0 0 15px; padding: 10px 10px 10px 16px; justify-content: space-between; }
.payment-header__title { display: flex; flex-flow: row nowrap; }
.payment-header__title-text { font-size: 14px; color: #000000; padding-left: 16px; }
.payment-header__title-hint { font-size: 12px; color: #9b9b9b; }
.payment-header__icons { }
.payment-header__icons img { margin-left: 10px; height: 30px; width: auto; }
.payment-fields { padding: 19px 3px 24px -1px; }
.payment-item { margin-bottom: 15px; }
.payment-item__label { display: block; font-size: 14px; color: #222222; padding: 0 0 2px 10px; font-weight: normal; }
.payment-item__field { font-size: 14px; color: #222; }
.payment-item__field input { height: 40px; box-sizing: border-box; padding-top: 8px !important; padding-bottom: 8px !important; border-radius: 4px !important; border-color: #888; background: #ffffff; border-radius: 4px; width: 100%; margin: 0 !important; padding: 3px 10px; }
.payment-item__field input.error { border-color: red !important; }
.payment-item__field input.success { border-color: green !important; }
.payment-item-combine { display: flex; flex-flow: row nowrap; justify-content: flex-start; }
.payment-item__field_date { padding-right: 20px; }
.payment-item__field_date input { margin-right: 10px; }
.payment-item__field_date input.month-field { width: 80px; }
.payment-item__field_date input.year-field { width: 90px; }
.submit-button { border-radius: 2px; background-color: #6dc77a; height: 48px; display: block; color: #ffffff; text-align: center; font-size: 14px; line-height: 48px; border: 0; width: 100%; }
.payment-slogan { }
.payment-slogan__title { font-size: 30px; font-weight: 900; color: #6e6e6e; }
.payment-slogan__title img { margin-right: 5px; }
.payment-slogan__description { font-size: 12px; color: #6e6e6e; margin-left: 34px; }
@media (max-width: 575px) {
    .selected-title {padding: 32px 5px 16px; width: 100%;}
    .payment-form {width: 100%;}
    .payment-header {flex-flow: row wrap;}
    .payment-header__title {flex: 1 100%; padding-bottom: 10px;}
    .payment-header__icons img:first-child {margin-left: 0;}
    .payment-item-combine {flex-flow: row wrap;}
    .payment-item-combine .payment-item {flex: 1 100%;}
    .payment-slogan__title {font-size: 22px;}
}
@media (min-width: 992px) {
    .payment-page-content .container {
        width: 1030px !important;
    }
}



@media (max-width: 575px) {
    .selected-title {padding: 32px 5px 16px; width: 100%;}
    .payment-form {width: 100%;}
    .payment-header {flex-flow: row wrap;}
    .payment-header__title {flex: 1 100%; padding-bottom: 10px;}
    .payment-header__icons img:first-child {margin-left: 0;}
    .payment-item-combine {flex-flow: row wrap;}
    .payment-item-combine .payment-item {flex: 1 100%;}
    .payment-slogan__title {font-size: 22px;}
}

#masthead,
.rev_slider_wrapper,
#cnss_widget-2 { /*#display: none !important;*/ }
#colophon { display: none !important; }

#masthead { box-shadow: none; }
#masthead .header-top { border-top: none; text-align: right; }
#masthead img.sitelogo { height: auto !important; width: 200px !important; min-width: 0 !important; }

@media screen and (min-width: 768px) {
    #masthead .header-bottom-inner { text-align: center; }
    #masthead .header-bottom-inner .container {  }
    #masthead .site-navigation { display: inline-block; float: none !important; margin-bottom: -5px; }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    #masthead img.sitelogo { height: auto !important; width: 100px !important; }
    #masthead .site-navigation { float: right !important; margin-bottom: 0; }
}

@media screen and (max-width: 767px) {
    #masthead { margin-bottom: 0 !important; }
    #masthead .header-top { display: none; }
    #masthead #logo { position: absolute; left: 15px; top: -10px; z-index: 200; }
    #masthead img.sitelogo { height: auto !important; width: 60px !important; }
    #masthead .mean-bar { z-index: 100 !important; }
    #masthead .mean-nav { margin-top: 53px; }

    .header-title { margin-bottom: 15px; }
}


.page-background-container { background: url("../images/payment-3/bkg.jpg") no-repeat center top; background-size: cover; }

.page-congratulations { margin: 0 auto; padding: 0 5px 30px; max-width: 420px; text-align: center; }
.page-congratulations-title { margin-bottom: 15px; font-size: 25px; font-weight: bold; line-height: 1.5; color: #bf0000; }
.page-congratulations-description { margin-bottom: 15px; font-size: 20px; font-weight: bold; line-height: 1.5; color: #000000; }
img.page-congratulations-stars { width: 380px; max-width: 90%; height: auto; }


.page-timer-container { margin-top: -40px; text-align: center; }
.page-timer { display: inline-block; margin: 0 -50px; padding: 50px; background: url("../images/payment-3/timer.png") no-repeat center center; background-size: contain; }
.page-timer-labels { font-size: 20px; font-weight: bold; line-height: 1.5; color: #ffffff; }
.page-timer-numbers { font-size: 43px; font-weight: bold; line-height: 1.5; color: #ffffff; }


.page-programs { display: flex; flex-direction: row; justify-content: center; align-items: stretch; padding-bottom: 50px; }
.page-program { margin: 0 15px; position: relative; padding: 15px 15px 70px; width: 330px; border-radius: 10px; box-shadow: 0px 7px 32px 0 rgba(0, 0, 0, 0.21); background-color: #f7f9fc; text-align: center; }
.page-program-title { margin-bottom: 5px; font-size: 27px; font-weight: bold; color: #1a5d85; }
.page-program-description { margin-bottom: 10px; font-size: 18px; font-style: italic; color: #4b92c1; }
.page-program-price { margin-bottom: 10px; vertical-align: baseline; line-height: 80px; font-size: 50px; font-weight: bold; color: #138f53; }
.page-program-price-old { float: right; margin-left: -100px; text-decoration: line-through; line-height: 80px; font-size: 26px; font-weight: bold; color: #ed1c24; }
ul.page-program-details { list-style: url("../images/payment-3/checkmark-3.png"); text-align: left; }
ul.page-program-details li { font-size: 14px; color: #4b92c1; }
button.page-program-button { position: absolute; left: 50%; bottom: 20px; box-sizing: border-box; margin-left: -70px; padding: 5px; width: 140px; border-radius: 20px; border: solid 2px #1a5d85; background-color: #fff; font-size: 16px; line-height: 25px; color: #054f7b; }
button.page-program-button:hover,
button.page-program-button.selected { background-color: #1a5d85; color: #fff; }
button.page-program-button.selected { cursor: default; }
img.page-program-sale { position: absolute; left: -10px; bottom: 0; width: 80px; height: auto; }

@media screen and (max-width: 1000px) {
    .page-programs { display: block; padding: 0 15px 20px; }
    .page-program { margin: 0 auto 30px; max-width: 100%; }
}

.payment-program { text-align: center; }
.payment-program-title { margin-bottom: 10px; font-size: 35px; font-weight: bold; color: #1a5d85; }
.payment-program-amount { margin-bottom: 10px; font-size: 30px; font-weight: 500; font-stretch: normal; font-style: italic; color: #138f53; }

.text-blocks { padding-top: 30px; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; }
.text-block { position: relative;  padding: 0 15px 50px; width: 43%; color: #464646; }
.text-block h4 { font-weight: bold; color: #464646; }
a.text-block-button { display: block; position: absolute; left: 15px; bottom: 0; box-sizing: border-box; padding: 5px; width: 140px; border-radius: 5px; border: solid 2px #47779a; background-color: #47779a; text-align: center; font-size: 16px; line-height: 25px; color: #fff; }
a.text-block-button:hover { text-decoration: none; }

@media screen and (max-width: 1000px) {
    .text-blocks { display: block; }
    .text-block { margin-bottom: 40px; width: auto; }
}

.payment-footer.container { padding-top: 70px; text-align: center; font-size: 18px; color: #5a5a5a; }
.payment-footer.container p { margin-bottom: 20px; }
.footer.container { text-align: center; color: #5a5a5a; }
.footer.container a { text-decoration: underline; color: #5a5a5a; }