/* **************************************** */

.blur_text{
    filter: blur(2.5px);
}

.popup_blur{
    position: absolute;
    margin-top: 30%;
    width: 100%;
    text-align: center;
}



.account-form{
    width: 100%;
    max-width: 455px;
    margin-left: 55px;
}
.account-form h2{
    margin-top: 0;
    color: #3c5073;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}
.account-form form {
    width: 100%;
    display: block;
}
.account-form form span {
    color: #16325c;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 7px;
    letter-spacing: 0.2px;
}
.account-form .account-form__field{
    position: relative;
    margin-bottom: 25px;
}
.account-form .account-form__field_name input{
    background: #f5f5f4 url('img/input-logo1.svg') no-repeat 96% center !important;
}
.account-form .account-form__field_mail input{
    background: #f5f5f4 url('img/input-logo2.svg') no-repeat 96% center/13px !important;
}
.account-form .account-form__field_pass input{
    font-size: 28px;
    background: #f5f5f4 url('img/input-logo3.svg') no-repeat 96% center !important;
}
.account-form .account-form__field_pass input::-webkit-input-placeholder{
    font-size: 0;
}
.account-form .account-form__field_pass input:-ms-input-placeholder{
    font-size: 0;
}
.account-form .account-form__field_pass input::placeholder{
    font-size: 0;
}
.account-form .account-form__field_pass label{
    position: absolute;
    content: '';
    left: 16px;
    opacity: .5;
    bottom: 13px;
    color: #16325c;
    font-size: 16px;
    letter-spacing: -.3px;
    transition: opacity 300ms;
}
.account-form form input,
.account-form select {
    width: 100%;
    height: 50px;
    outline: none;
    color: #16325c;
    font-size: 14px;
    background: #fff;
    border-radius: 3px;
    letter-spacing: 0.2px;
    padding: 0 40px 0 15px;
    border: solid 1px #d8dde6;
}
.account-form form input::-webkit-input-placeholder{
    color: rgba(22, 50, 92, 0.5);
}
.account-form form input:-ms-input-placeholder{
    color: rgba(22, 50, 92, 0.5);
}
.account-form form input::placeholder{
    color: rgba(22, 50, 92, 0.5);
}
.account-form form input.danger {
    border-color: #ff0000;
}
.account-form form button {
    border: 0;
    color: #000;
    width: 250px;
    height: 50px;
    outline: none;
    margin: 10px 0;
    font-size: 14px;
    text-align: right;
    position: relative;
    padding: 0 40px 0 0;
    border-radius: 25px;
    background: #ffc439;
    letter-spacing: 0.2px;
    transition: background 300ms;
}
.account-form form button:hover {
    background: #f9b922;
}
.account-form form button:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 27px;
    width: 89px;
    height: 23px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url('img/paypal.svg') no-repeat center/contain;
}
.account-form__footer p {
    color: #3c5073;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.57;
    letter-spacing: 0.2px;
}
.account-form__footer p a {
    color: #4a90e2;
}
.account-form__footer p a:hover {
    text-decoration: none;
}
.checkout-item{
    width: 100%;
    max-width: 360px;
    background: #fff;
    border-radius: 8px;
    border: solid 2px #ff8d16;
    padding: 30px 25px 40px 30px;
    box-shadow: 0 2px 8px 0 #a6b9d7
}
.checkout-item__header {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(216, 221, 230, 0.5);
}
.checkout-item__subheader {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(216, 221, 230, 0.5);
}

.checkout-item__subheader span {
    color: #3c5073;
    display: block;
    font-size: 18px;
    font-weight: 700;
}

.checkout-item__header span {
    color: #3c5073;
    display: block;
    font-size: 28px;
    font-weight: 700;
}
.checkout-item__list {
    list-style: none;
    margin: 0 0 15px;
    padding: 0 0 35px 0;
    border-bottom: 1px solid rgba(216, 221, 230, 0.5);
}
.checkout-item__list li {
    color: #3c5073;
    font-size: 14px;
    line-height: 1.5;
    position: relative;
    margin-bottom: 13px;
    letter-spacing: 0.2px;
}
.checkout-item__list li:last-child {
    margin-bottom: 0;
}
.checkout-item__list li:not(:first-child) {
    padding-left: 35px;
}
.checkout-item__list li:not(:first-child):before {
    position: absolute;
    content: '';
    left: 0;
    top: 6px;
    background: url(img/arrow.svg);
    width: 16px;
    height: 11px;
}
.checkout-item__footer {}
.checkout-item__footer span {
    color: #3c5073;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .2px;
}
.checkout-item__footer span b {
    display: block;
    font-size: 28px;
}
.checkout{
    padding: 25px 0 90px
}
.checkout__title {
    color: #1d243a;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: normal;
}
.checkout__desc {
    color: #3c5073;
    font-size: 14px;
    margin-bottom: 20px;
}
.checkout__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.subscribe-item{
    width: 100%;
    max-width: 340px;
    background: #fff;
    border-radius: 8px;
    text-align: center;
    margin: 0 30px;
    padding-bottom: 30px;
    border: solid 1px #d8dde6
}
.subscribe-item__header {
    padding: 14px 0 15px;
    box-shadow: 0 2px 4px 0 rgba(168, 183, 199, .21);
}
.subscribe-item__header span {
    color: #3c5073;
    display: block;
    font-size: 28px;
    line-height: normal;
}
.subscribe-item__row {
    margin: auto;
    max-width: 215px;
    padding-top: 20px;
    border-bottom: 1px solid #d6deea;
}
.subscribe-item__row p {
    color: #3c5073;
    font-size: 36px;
    margin-bottom: 0;
    line-height: normal;
}
.subscribe-item__row span {
    color: #3c5073;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 15px;
}
.subscribe-item__row img {
    margin-bottom: 5px;
}
.subscribe-item__row_border {
    border-bottom: 0;
}
.subscribe-item__row_border span {
    min-height: 42px;
}
.subscribe-item__row_indent {
    padding: 10px 0 8px;
}
.subscribe-item__row_indent span {}
.subscribe-item__row_indent span:last-child {
    margin-bottom: 0;
}
.subscribe-item__row_height {
    min-height: 128px;
}
.subscribe-item__link {
    margin: auto;
    color: #F55145;
    display: block;
    font-size: 16px;
    padding: 14px 0;
    font-weight: 600;
    max-width: 225px;
    position: relative;
    border-radius: 30px;
    letter-spacing: .2px;
    text-decoration: none;
    transition: ease .3s;
}
.subscribe-item__link:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 30px;
    border: 1px solid #F55145;
}
.subscribe-item__link:hover {
    color: #fff;
    background-image: linear-gradient(to bottom, #ff3806, #ffb802);
}
.subscribe-item__link:hover:after {
    display: none;
}
.subscribe-item_main {
    padding-bottom: 30px;
    border: solid 2px #ff8d16;
    box-shadow: 0 2px 8px 0 #a6b9d7;
}
.subscribe-item_main .subscribe-item {}
.subscribe-item_main .subscribe-item__header {
    padding-top: 40px;
}
.subscribe-item_main .subscribe-item__row {}
.subscribe-item_main .subscribe-item__row:nth-child(2) {}
.subscribe-item_main .subscribe-item__row:nth-child(2) p, .subscribe-item_main .subscribe-item__row:nth-child(2) span {
    color: #F55145;
}
.subscribe-item_main .subscribe-item__row span {}
.subscribe-item_main .subscribe-item__row span b {
    color: #F55145;
    padding: 0 5px;
    font-weight: 400;
    border-radius: 3px;
    background: #dcedd4;
}
.subscribe-item_main .subscribe-item__link {
    color: #fff;
    background-image: linear-gradient(to bottom, #ff3806, #ffb802);
    transition: ease .3s;
}
.subscribe-item_main .subscribe-item__link:after {
    display: none;
}
.subscribe-item_main .subscribe-item__link:hover {
    background-image: linear-gradient(to bottom, #ff3806, #ff3806);
}
.subscribe-item_main .subscribe-item__link:hover:after {
    display: block;
}
.subscribe-item__proceed {
    color: #7e97c3;
    display: block;
    font-size: 12px;
    margin-top: 10px;
    text-align: center;
    text-decoration: none;
}
.subscribe-item__proceed:hover {
    text-decoration: underline;
}
.subscribe{
    padding: 25px 0 45px
}
.subscribe__title {
    color: #1d243a;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 5px;
    text-align: center;
    line-height: normal;
}
.subscribe__desc {
    color: #3c5073;
    font-size: 18px;
    text-align: center;
    margin-bottom: 40px;
}
.subscribe__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
}

@media (max-width: 1199px) {

    .row__col-xl-hidden {
        display: none;
    }

    .subscribe-item {
        margin: 0 10px;
    }
}
@media (max-width: 991px) {

    .row__col-lg-hidden {
        display: none;
    }

    .account-form {
        margin-left: 0;
    }

    .subscribe-item {
        margin-bottom: 15px;
    }

    .subscribe__content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .checkout__content {
        flex-wrap: wrap;
        justify-content: center;
    }
    .checkout-item {
        width: auto;
        padding: 30px 15px 40px 20px;
        margin-bottom: 15px;
    }

    .account-form .account-form__field {
        margin-bottom: 10px;
    }
    .account-form form button {
        width: 100%;
        max-width: 250px;
    }

}

@media (max-width: 480px) {
    .subscribe-item {
        margin-left: -15px;
        margin-right: -15px;
    }
    .checkout-item {
        margin-left: -15px;
        margin-right: -15px
    }
}

.checkout-item-history{
    float: left;
    max-width: none;
}

@media (min-width: 768px) {
    .checkout-item-history{
        margin: 0 30px;
    }
}

thead {
    font-weight: bold;
}

table{
    color: #3c5073;
    width: 100%;
}
td{
    padding: 4px 0;
}


.blur-banner{
    padding: 30px 0;
    text-align: center;
    background: #f5f5f5;
    margin: 0px 0px 25px 0px;
    box-shadow: 0px 0px 64px -13px rgb(209, 209, 209) inset;
}
.blur-banner__link{
    color: #fff;
    font-size: 14px;
    padding: 10px 35px;
    border-radius: 20px;
    display: inline-block;
    text-decoration: none;
    background-image: linear-gradient(to bottom, #ff3806, #ffb802);
}
.blur-banner__link:hover{
    color: #fff;
    background-image: linear-gradient(to bottom, #ff3806, #ff3806);
}

.blur-banner__title{
    color: #3c5073;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 7px;
}
.blur-banner__title span{
    color: #F55145;
}





/* login page */
.login{
    padding: 65px 0 125px;
    min-height: 66.6vh;
}
.login__content{
    display: flex;
}
.login__form{
    width: 100%;
    flex-wrap: wrap;
    max-width: 455px;
    margin-bottom: 0;
    margin-right: 125px;
}
.login__form .contacts-form__field{
    width: 100%;
}
.contacts-form__footer{
    width: 100%;
    display: flex;
    margin: 5px 0 15px;
    align-items: center;
}
.contacts-form__footer button{
    width: 100px;
    height: 43px;
    margin-top: 0;
    font-weight: 700;
    margin: 0 15px 0 0;
    font-family: 'Open Sans', sans-serif;
    background-image: linear-gradient(to bottom, #5bc131, #2d9800);
}
.contacts-form__footer button.btn-type-1 {
    width: auto;
    padding: 0px 15px;
}
.contacts-form__footer i{
    color: #8493aa;
    display: block;
    font-size: 14px;
    font-style: normal;
    letter-spacing: 0.2px;
}
.contacts-form__footer a{
    color: #4a90e2;
    margin-left: 5px;
}
.contacts-form__footer a:hover{
    text-decoration: none;
}
.contacts-form__pass{
    color: #8493aa;
    display: block;
    font-size: 14px;
}
.contacts-form__pass:hover{
    text-decoration: none;
}
.login__subs{
    width: 100%;
    max-width: 380px;
}
.login__link{
    width: 100%;
    display: block;
    font-size: 14px;
    max-width: 220px;
    min-height: 43px;
    line-height: 41px;
    position: relative;
    padding-left: 50px;
    border-radius: 22px;
    margin-bottom: 15px;
    text-decoration: none;
    border: 1px solid transparent;
    font-family: 'Open Sans', sans-serif;
    transition: color 300ms, background 300ms;
}
.login__link:hover{
    color: #fff;
}
.login__link:hover path{
    fill: #fff;
}
.login__link svg{
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}
.login__link path{
    transition: fill 300ms;
}
.login__link_fb{
    color: #3b5998;
    border-color: #3b5998;
}
.login__link_fb:hover{
    background: #3b5998;
}
.login__link_tw{
    color: #00aced;
    border-color: #00aced;
}
.login__link_tw:hover{
    background: #00aced;
}
.login__link_gl{
    color: #df4b37;
    border-color: #df4b37;
}
.login__link_gl:hover{
    background: #df4b37;
}
.login__subs p{
    color: #8493aa;
    font-size: 14px;
    line-height: 1.5;
    margin: 10px 0 0;
}
.login__subs p a{
    color: #8493aa;
}
.login__subs p a:hover{
    text-decoration: none;
}

@media (max-width: 991px){
    .login__form{
        margin-right: 50px;
    }
}
@media (max-width: 767px){
    .login__content{
        flex-wrap: wrap;
    }
    .login__form{
        margin-right: 0;
        max-width: 100%;
    }
}
@media (max-width: 576px){
    .login{
        padding-bottom: 65px;
    }
    .contacts-form__footer{
        flex-wrap: wrap;
        margin-bottom: 5px;
    }
    .contacts-form__footer button{
        margin: 0 0 15px;
    }
    .contacts-form__footer i{
        width: 100%;
    }
}

/* login page */

.contacts-form-plug {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 70px
}

.contacts-form__item {
    width: 50%;
    padding-right: 30px
}

@media (max-width: 767px) {
    .contacts-form__item {
        width: 100%;
        padding-right: 0
    }
}

.contacts-form__field {
    margin-bottom: 15px
}

.contacts-form__field_height {
    height: 100%
}

.contacts-form-plug span {
    color: #16325c;
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    letter-spacing: .2px
}

.contacts-form-plug input, .contacts-form-plug textarea {
    width: 100%;
    outline: 0;
    color: #16325c;
    font-size: 14px;
    padding: 0 10px;
    background: #fff;
    border-radius: 3px;
    letter-spacing: .2px;
    border: 1px solid #d8dde6;
    transition: border-color 300ms
}

.contacts-form-plug input:focus, .contacts-form-plug textarea:focus {
    border-color: #16325c
}

.contacts-form-plug input::-webkit-input-placeholder, .contacts-form-plug textarea::-webkit-input-placeholder {
    font-size: 14px;
    letter-spacing: .2px;
    color: rgba(22, 50, 92, 0.5)
}

.contacts-form-plug input:-ms-input-placeholder, .contacts-form-plug textarea:-ms-input-placeholder {
    font-size: 14px;
    letter-spacing: .2px;
    color: rgba(22, 50, 92, 0.5)
}

.contacts-form-plug input::placeholder, .contacts-form-plug textarea::placeholder {
    font-size: 14px;
    letter-spacing: .2px;
    color: rgba(22, 50, 92, 0.5)
}

.contacts-form-plug input {
    height: 50px
}

.contacts-form-plug textarea {
    resize: none;
    padding-top: 15px;
    height: calc(100% - 39px)
}

@media (max-width: 767px) {
    .contacts-form-plug textarea {
        height: 200px
    }
}

.contacts-form-plugform button {
    border: 0;
    color: #fff;
    width: 150px;
    height: 50px;
    margin: auto;
    outline: 0;
    display: block;
    margin-top: 10px;
    border-radius: 25px;
    background: #2d9700;
    transition: background 300ms, box-shadow 300ms, -webkit-transform 300ms;
    transition: background 300ms, box-shadow 300ms, transform 300ms;
    transition: background 300ms, box-shadow 300ms, transform 300ms, -webkit-transform 300ms
}

.contacts-form-plug button:not(.btn-show-pass):hover {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    background: #36b501;
    box-shadow: 0 3px 3px 0 rgba(0, 10, 0, .4)
}
.contacts-form__desc{
    margin-top: 15px;
    text-align: center;
}
.contacts-form__desc a{
    color: #16325c;
}
.contacts-form__desc a:hover{
    text-decoration: none;
}

.contacts-form__desc a:hover{
    text-decoration: none;
}
button.btn-plugin, a.btn-plugin {
  border: 0;
  color: #fff !important;
  min-width: 150px;
  height: 50px;
  margin: auto;
  outline: 0;
  display: block;
  margin-top: 10px;
  border-radius: 25px;
  background: #121212 !important;
  transition: background 300ms, box-shadow 300ms, -webkit-transform 300ms;
  transition: background 300ms, box-shadow 300ms, transform 300ms;
  transition: background 300ms, box-shadow 300ms, transform 300ms, -webkit-transform 300ms
}

button.btn-plugin:hover, a.btn-plugin:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
  background-color: rgba(18, 18, 18, .8) !important;;
  box-shadow: 0 3px 3px 0 rgba(0, 10, 0, .4);
}
button.btn-plugin:hover:after, a.btn-plugin:hover:after{
  display: none !important;
}

/************ *****************/
/* subscription-page */
/* login */
.header__login {
    font-size: 0;
    margin-left: 30px
}
.header__login a {
    font-size: 14px;
    color: #ff842a;
    letter-spacing: .2px;
    text-decoration: none;
    transition: color 300ms
}
.header__login a:hover {
    color: #3C5073
}
.header__login-user{
    display: flex;
    cursor: pointer;
    position: relative;
    align-items: center;
}
.header__login-user:after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
}
.header__login-user img{
    margin-right: 8px;
}
.header__login-user span{
    color: #e14652;
    font-size: 14px;
    font-weight: 700;
}
.header__login-dropdown a{
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
}
.header__login-dropdown a:last-child{
    margin-bottom: 0;
}
.header__login-dropdown a:hover{
    color: #fff;
    text-decoration: underline;
}
#user_password{
  padding-right: 40px;
}