/* Roboto */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

html,
body{position: relative;margin:0;padding:0;font-family: "Roboto";font-size: 16px;font-weight: 300;line-height:1.4;background-color:#f8f8f8;color:#333333;}
.container{max-width: 1160px;margin: 0 auto;padding: 10px 30px; background-color: #f8f8f8;}
.flex{display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;}

a{text-decoration: none;}
ul{margin: 0;padding: 0;list-style: none;}
p{margin: 0 0 20px 0;}

#jGrowl{z-index: 100000;}
.jGrowl.center {top:10% !important;}

/* btn */
a.btn,
button.btn{display: inline-block;font-size:17px;font-weight:300;line-height: 1.2;padding: 9px 25px;color:#ffffff;background: #FF4B3E;border-radius: 2px;transition: background-color 1s, color 1s, border 1s;}
button.btn{border: none;outline: none;cursor: pointer;}
a.btn:hover,
button.btn:hover{background-color: #BE1622;color: #ffffff;}

a.btn.gray,
button.btn.gray{background-color: #CCCCCC;}

input::placeholder{font-size:14px;font-weight:300;color: #414141;}
textarea::placeholder{font-size:14px;font-weight:300;color: #414141;}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
select,
textarea{width: calc(100% - 37px);border: 1px solid rgba(65, 65, 65, 0.2);border-radius:3px;outline: none;height: 38px;padding: 0 10px 0 25px;color: #333333;background-color: #ffffff;}
textarea{resize: none;width: calc(100% - 35px);padding-top: 20px;}
select{width: 100%;}

input[type="text"].empty_field,
input[type="email"].empty_field,
input[type="password"].empty_field,
input[type="number"].empty_field,
select.empty_field,
textarea.empty_field{border: 1px solid #ff0000;}

form .form-group{margin-bottom: 25px;}
form .form-group .label{font-weight: 400;margin-bottom: 5px;}

/* Radio
<label class="radio">
    <input type="radio" name=""/>
    <div class="radio__text">текст</div>
</label>
*/
label.radio{display: inline-block;margin: 0 10px 10px 0;}
.radio input {position: absolute;z-index: -1;opacity: 0;width: 16px;height: 16px;}
.radio__text {position: relative;padding: 0 0 0 25px;cursor: pointer;}
.radio__text:before {content: '';position: absolute;top: 2px;left: 0;width: 16px;height: 16px;border: 1px solid #FF4B3E;border-radius: 50%;background: #ffffff;}
.radio__text:after {content: '';position: absolute;top: 7px;left: 5px;width: 8px;height: 8px;border-radius: 50%;background: #FF4B3E;opacity: 0;}
.radio input:checked + .radio__text:after{opacity: 1;}

/* Checkbox
<label class="checkbox">
    <input type="checkbox" name=""/>
    <div class="checkbox__text">текст</div>
</label>
 */
label.checkbox{display: inline-block;margin: 0 10px 10px 0;}
.checkbox input{position: absolute;z-index: -1;opacity: 0;width: 15px;height: 15px;margin: 0;}
.checkbox__text{position: relative;padding: 0 0 0 25px;cursor: pointer;font-size: 13px;font-weight: 400;color: #6B6B6B;}
.checkbox__text>a{color: #002EA4;}
.checkbox__text>a:hover{text-decoration: underline;}
.checkbox__text:before {content: "";position: absolute;top: 0;left: 0;width: 14px;height: 14px;border: 1px solid #ff4b3e;background-color: #ffffff;}
.checkbox__text:after {content: "";position: absolute;top: 4px;left: 3px;width: 11px;height: 9px;opacity: 0;background-image: url(/assets/template/img/icon_checkbox.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}
.checkbox input:checked + .checkbox__text:after {opacity: 1;}

/* File
<div class="file_block">
    <img src="" class="imagePreview">
    <textarea class="sourceFile"></textarea>
    <label>
        <input type="file" class="inputFileImg"/>
        <span>Загрузить фото</span>
    </label>
</div>
*/
.file_block{background: #ffffff;margin-bottom: 35px;padding: 10px;}
.file_block .load__image__block{display:none;position: relative;height: 180px;border: 1px solid #b1b1b1;}
.file_block .load__image__block img{position: absolute;width: 50px;top: calc(50% - 25px);left: calc(50% - 25px);}

.file_block .imagePreview{width: 100%;}
.file_block textarea.sourceFile{display: none;}
.file_block>label{position: relative;display: block;margin-top: 10px;cursor: pointer;overflow: hidden;background: transparent;border: 1px solid #FC3230;border-radius: 2px;color: #FF4B3E;text-align: center;}
.file_block>label input[type="file"]{display: none;}
.file_block>label span{position:relative;display: block;font-size: 13px;padding: 10px 14px 10px 30px;}
.file_block>label span:before{position: absolute;content: "";top: calc(50% - 8px);left: 5px;width: 22px;height: 16px;background-image:url(/assets/template/img/icon_file.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}

.select2-container{z-index: 100000;}

/* Блок с дополнительными фото к заявке */
.additionalPhoto__block{}
.additionalPhoto__block .image{width: 100%;}

.additionalPhoto__block .image .load__image__block{display:none;position: relative;height: 180px;border: 1px solid #b1b1b1;}
.additionalPhoto__block .image .load__image__block img{position: absolute;width: 50px;top: calc(50% - 25px);left: calc(50% - 25px);}

/* Телефон */
a.phone.flex{align-items: center;}
a.phone{font-size: 17px;font-weight:400;color: #1D1D1D;}
a.phone svg{margin-right:10px;}
a.phone i.icon{width: 21px;height: 22px;margin-right:10px;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
h2{font-size: 28px;margin: 70px 0 30px 0;}

/* row */
.row{display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.row .col-1{width: 8.33333333%;}
.row .col-2{width: 16.66666667%;}
.row .col-3{width: 25%;}
.row .col-4{width: 33.33333333%;}
.row .col-5{width: 41.66666667%;}
.row .col-6{width: 50%;}
.row .col-7{width: 58.33333333%;}
.row .col-8{width: 66.66666667%;}
.row .col-9{width: 75%;}
.row .col-10{width: 83.33333333%;}
.row .col-11{width: 91.66666667%;}
.row .col-12{width: 100%;}

/* Загрузка формы */
#loadModal.flex{justify-content: center;align-items: center;}
#loadModal{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: rgb(255 255 255 / 0.95);z-index: 100000;}

/* Модалки */
.modal{width: 70%;cursor: default!important;}
.modal .title__block.flex{align-items: center;}
.modal .title__block{margin-bottom: 30px;}
.modal .title__block .icon{width: 10px;height: 10px;margin-right:10px;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.modal .title__block .title{font-size: 28px;font-weight: 700;color: #111111;}

/* Привязка карты Kvell */
#addCardKvellModal.modal{max-width: 500px;}
#addCardKvellModal.modal input.numberBankCard{width: 100%;height: 50px;font-size: 40px;text-align: center;background-color: #f9f9f9;border: none;padding: 0;}
#addCardKvellModal.modal .btn__block{text-align: center;}

/* Привязка СБП Kvell */
#addNewSbpKvellModal.modal{max-width: 500px;}

/* Привязка СБП best2pay */
#addNewSbpBest2payModal.modal{max-width: 500px;}

/* Привязка СБП mandarin */
#addNewSbpMandarinModal.modal{max-width: 500px;}

#paymentContractModal.modal{width: 36%;}
#prolongationContractModal.modal{width: 40%;border-radius: 5px;background-color: #FBFBFB;}
#prolongationContractModal.modal form .form-group .label{margin-bottom: 30px;font-weight: bold;}

#contractSigning.modal .title__block .icon{width: 72px;height: 68px;}
#contractSigning.modal .loan__block{padding: 0 27px;}
#contractSigning.modal .loan__block .phone__block{padding:20px 25px;background: #FFFFFF;box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.15);border-radius: 2px;}
#contractSigning.modal .loan__block .phone__block .title{font-size: 19px;font-weight:500;color: #1D1D1D;margin-bottom: 15px;}

#contractSigning.modal .loan__info{background: #FF4B3E;box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.15);border-radius: 2px;padding: 30px;margin-bottom: 30px;}
#contractSigning.modal .loan__info .item{font-weight: 700;color: #ffffff;margin: 10px 0;}
#contractSigning.modal .loan__info .item>span{font-weight: 400;min-width: 30%;}
#contractSigning.modal .loan__info .line{height: 1px;background-color: #ffffff;margin: 15px 0;}

#contractSigning.modal .partnerServices__block{display:none;margin: 25px 0 0 0;}
#contractSigning.modal .partnerServices__block .checkbox__text{font-size: 16px;color: #ffffff;}
#contractSigning.modal .partnerServices__block .checkbox__text:before{top: 3px;border-color: #ffffff;}
#contractSigning.modal .partnerServices__block .checkbox__text:after{top: 7px;background-image: url(/assets/template/img/icon_checkbox_blue.png);}

#contractSigning.modal .contractSigningForm .title{font-size:18px;font-weight: 400;margin-bottom: 20px;}
#contractSigning.modal .contractSigningForm .title>span{font-weight: 700;color: #FF4B3E;}


/* шаг 1 */
#contractSigning.modal .contractSigningForm .step1 .methods__block{padding: 0 15px;}
#contractSigning.modal .contractSigningForm .step1 .methods__block .method__item{padding: 15px 45px 15px 15px;}
#contractSigning.modal .contractSigningForm .step1 .methods__block .method__item .method__desc.flex{}
#contractSigning.modal .contractSigningForm .step1 .methods__block .method__item .method__desc{padding: 0 0 15px 0;cursor: pointer;border-bottom: 1px solid rgba(65, 65, 65, 0.3);}

#contractSigning.modal .contractSigningForm .step1 .methods__block .method__item .method__desc .left__block.flex{align-items: center;}
#contractSigning.modal .contractSigningForm .step1 .methods__block .method__item .method__desc .left__block{width: 70%;}

#contractSigning.modal .contractSigningForm .step1 .methods__block .method__item .method__desc .right__block.flex{justify-content: flex-end;align-items: center;}
#contractSigning.modal .contractSigningForm .step1 .methods__block .method__item .method__desc .right__block{width: 30%;}

#contractSigning.modal .contractSigningForm .step1 .methods__block .method__item .method__desc .left__block .round{position: relative;width: 16px;height: 16px;border-radius: 50%;border: 1px solid #FF4B3E;margin-right: 10px;}
#contractSigning.modal .contractSigningForm .step1 .methods__block .method__item .method__desc .left__block .round:before{display:none; position:absolute;content:"";top: 3px;left: 3px;width: 8px;height: 8px;border-radius:50%;background-color: #FF4B3E;}
#contractSigning.modal .contractSigningForm .step1 .methods__block .method__item .method__desc .left__block .title{margin: 0;font-size: 16px;line-height: 1;font-weight: 500;}

#contractSigning.modal .contractSigningForm .step1 .methods__block .method__item .method__desc .right__block svg{margin-right: 5px;}
#contractSigning.modal .contractSigningForm .step1 .methods__block .method__item .method__desc .right__block svg:last-child{margin-right: 0;}


#contractSigning.modal .contractSigningForm .step1 .methods__block .method__item .list__items{display: none;padding-top: 15px;}
#contractSigning.modal .contractSigningForm .step1 .methods__block .method__item .list__items .item{background: #FFFFFF;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);border-radius: 2px;width: 90%;padding: 10px;margin-bottom: 10px;cursor: pointer;}
#contractSigning.modal .contractSigningForm .step1 .methods__block .method__item .list__items .item svg{margin-right: 10px;}

#contractSigning.modal .contractSigningForm .step1 .methods__block .method__item .list__items .item.active{border: 3px solid #FF4B3E;}
#contractSigning.modal .contractSigningForm .step1 .methods__block .method__item .list__items a{font-size: 14px;color: #414141;border-bottom: 1px solid #414141;margin-bottom: 10px;}


/* active */
#contractSigning.modal .contractSigningForm .step1 .methods__block .method__item.active{background-color: rgba(255, 75, 62, 0.1);border-radius: 2px;}
#contractSigning.modal .contractSigningForm .step1 .methods__block .method__item.active .method__desc .left__block .round:before{display:block;}
#contractSigning.modal .contractSigningForm .step1 .methods__block .method__item.active .list__items{display: block;}


/*#contractSigning.modal .contractSigningForm .step1 .my__cards.flex{flex-direction: column;}
#contractSigning.modal .contractSigningForm .step1 .my__cards{}
#contractSigning.modal .contractSigningForm .step1 .my__cards a.add_card{font-size: 14px;color: #414141;border-bottom: 1px solid #414141;margin-bottom: 10px;}
#contractSigning.modal .contractSigningForm .step1 .my__cards .item{margin-bottom: 20px;}*/

/* шаг 2 */
#contractSigning.modal .contractSigningForm .step2{display: none;}
#contractSigning.modal .contractSigningForm .step2 .text{font-weight: 400;color: #1D1D1D;margin-bottom: 10px;}
#contractSigning.modal .contractSigningForm .step2 .getCodeSigning__block.flex{justify-content: space-between;align-items: center;}
#contractSigning.modal .contractSigningForm .step2 .getCodeSigning__block{margin: 30px 0;}
#contractSigning.modal .contractSigningForm .step2 .getCodeSigning__block button.btn{width: 48%;background-color: transparent;border: 1px solid #FF4B3E;color: #FF4B3E;padding: 10px;font-size: 14px;}
#contractSigning.modal .contractSigningForm .step2 .getCodeSigning__block input{width: 48%;}

/* Модалка добавления расчетного счета */
#addBillModal{}
#addBillModal .title__block svg{margin-right: 20px;}
#addBillModal .addBillForm .form-group input[type=text]{width: 50%;}

/* Модалка для добавления файлов в ЛК */
#addFilesModal.modal{width:50%;}
#addFilesModal.modal .files.flex{flex-wrap: wrap;}
#addFilesModal.modal .files .item{width: 25%;min-height: 180px;margin: 10px;}
#successFilesModal.modal{width:50%;}


a[data-src="#changePasswordModal"]{color: #ffffff!important;font-weight: 400!important;}

/* Контент */
.content__block{}
/*.content__block h2{font-size: 28px;margin: 70px 0 30px 0;}*/

/* Header */
.header.flex{justify-content: space-between;align-items: center;}
.header{padding: 30px 0;}
.header .logo{width: 170px;height: 60px;background-position: 0% 50%;background-repeat: no-repeat;background-size: contain;}
.header .logo_text{font-size: 22px;font-weight: bold;}
.header .right__block.flex{justify-content: flex-end;align-items: center;}
.header .right__block{}
.header .right__block a{font-size: 17px;font-weight:400;color: #1D1D1D;}
.header .right__block .separator{width:1px;height: 24px;background-color: #ACACAC;margin: 0 15px;}
.header .right__block .logout{font-size: 14px;font-weight: 300;text-decoration: underline;margin-left: 15px;}

/* footer */
.footer{padding: 50px 0;font-size: 13px;margin: 0 -10px;}

.footer .pay__block.flex{justify-content: space-between;align-items: center;flex-wrap: wrap;}
.footer .pay__block{margin-top: 20px;}
.footer .pay__block .pay__logo.flex{justify-content: center;}
.footer .pay__block .pay__logo{}
.footer .pay__block .pay__logo .item{width: 65px; height: 32px;margin: 0 5px; background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.footer .pay__block .pay__logo .item:first-child{margin: 0 5px 0 0;}
.footer .copyright{text-align: right;font-size: 15px;}
.footer .copyright a{color: #333333;font-weight: bold;}
.footer .copyright a:hover{text-decoration: underline;}

/*.footer .copyright{text-align: center;margin-top: 20px;font-size: 16px;font-weight: bold;}

.footer .pay__block
.footer .pay__block{margin-top: 20px;}
.footer .pay__block .pay__title{margin-bottom:20px;text-align: center;font-size: 16px;font-weight: bold;}
.footer .pay__block .pay__logo.flex{justify-content: center;}
.footer .pay__block .pay__logo{}
.footer .pay__block .pay__logo .item{width: 100px; height: 50px;margin: 0 10px; background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}*/

/* Информация пользователя + займы */
.user__info__block.flex{justify-content: space-between;align-items: flex-start;}
.user__info__block{}

.user__info__block .user__info{width: 350px;padding: 30px;background-color: #ffffff;box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.15);}
.user__info__block .user__info .title{font-weight: 500;margin-bottom: 5px;}
.user__info__block .user__info .text{margin-bottom: 15px;}
.user__info__block .user__info a.editInfo{display:block;margin-top: 30px;color: #1D1D1D;text-decoration: underline;}

.user__info__block .right__block{width: 60%;}
.user__info__block .right__block .title__block.flex{}
.user__info__block .right__block .title__block{margin-bottom: 30px;}
.user__info__block .right__block .title__block .icon{width: 32px;height: 37px;margin-right:10px;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.user__info__block .right__block .title__block .title{font-size: 28px;font-weight: 700;color: #111111;}

.user__info__block .right__block .loan__block.flex{justify-content: space-between;align-items: flex-start;}
.user__info__block .right__block .loan__block{}
.user__info__block .right__block .loan__block .loan__info{width: 60%;}

.user__info__block .right__block .loan__block .loan__info .text{font-weight: 400;color: #1D1D1D;margin-bottom: 10px;}
.user__info__block .right__block .loan__block .loan__info .item{font-size: 23px;padding: 10px 0;border-bottom: 1px solid rgba(65, 65, 65, 0.2);}
.user__info__block .right__block .loan__block .loan__info .item div:nth-child(1){color: #1D1D1D;width: 60%;}
.user__info__block .right__block .loan__block .loan__info .item div:nth-child(2){font-weight: 700;color:#FF4B3E;width: 40%;}

.user__info__block .right__block .loan__block .loan__info .text .btn__block.flex{flex-wrap: wrap;}
.user__info__block .right__block .loan__block .loan__info .text .btn__block{margin-bottom: 30px;}
.user__info__block .right__block .loan__block .loan__info .text .btn__block a.btn{margin-left: 10px;}
.user__info__block .right__block .loan__block .loan__info .text .btn__block [data-src="#earlyRepaymentModal"]{margin: 10px 0 0 0!important;}

.user__info__block .right__block .loan__block .loan__info .text .request__pending__prolongation.flex{align-items: center;}
.user__info__block .right__block .loan__block .loan__info .text .request__pending__prolongation{}
.user__info__block .right__block .loan__block .loan__info .text .request__pending__prolongation .text{font-size: 17px;font-weight: 400;margin: 0;}


.user__info__block .right__block .loan__block .phone__block{padding:20px 25px;background: #FFFFFF;box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.15);border-radius: 2px;}
.user__info__block .right__block .loan__block .phone__block .title{font-size: 19px;font-weight:500;color: #1D1D1D;margin-bottom: 15px;}

/* Мои карты */
.my__cards__block{}
.my__cards__block .cards.flex{flex-wrap: wrap;}
.my__cards__block .cards{}
.my__cards__block .cards .item.flex{justify-content: center;align-items: center;gap: 0 10px;}
.my__cards__block .cards .item{position: relative;min-width:250px;width:23%;height:130px;margin:0 20px 20px 0;background: #FFFFFF;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 10px;}
.my__cards__block .cards .item .logo{width: 45px;height: 35px;margin-right: 10px;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.my__cards__block .cards .item .CardNumber{font-weight: 700;}
.my__cards__block .cards .item .CardHolder{font-weight: 700;}
.my__cards__block .cards .item .Validity{font-weight: 700;}
.my__cards__block .cards .item .deleteCardForm button[type=submit]{position: absolute;bottom: 10px;right: 10px;outline: none;border: 0;padding: 0;background-color: transparent;cursor: pointer;}
.my__cards__block .cards .item .deleteCard{position: absolute;content: "";bottom: 10px;right: 10px;width: 14px;height: 16px;background-image: url(/assets/template/img/icon_delete.png);background-position: 50% 50%; background-repeat: no-repeat;background-size: cover;}
.my__cards__block .cards .item .addCard{font-size: 14px;font-weight: 700;color: #333333;background-color: transparent;border: none;text-decoration: underline;cursor: pointer;}

/* Мои СБП */
.my__cards__block .cards .item .deleteSbp{position: absolute;content: "";bottom: 10px;right: 10px;width: 14px;height: 16px;background-image: url(/assets/template/img/icon_delete.png);background-position: 50% 50%; background-repeat: no-repeat;background-size: cover;}
.my__cards__block .cards .item .deleteSbpForm button[type=submit]{position: absolute;bottom: 10px;right: 10px;outline: none;border: 0;padding: 0;background-color: transparent;cursor: pointer;}


/* Мои займы */
.my__loans__block{}

.my__loans__block .loan__block{position:relative;margin-bottom: 30px;}
.my__loans__block .loan__block.close .loan__content{display: none;}

.my__loans__block .loan__block>.title{position:relative;font-size:15px;font-weight:400;margin-bottom:30px;padding:10px 20px 10px 40px;background: rgba(209, 209, 209, 0.8);box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);border-radius: 2px;cursor: pointer;}
.my__loans__block .loan__block>.title:before{position: absolute;content: "";top: 10px;left: 25px;font-weight: 500;}
.my__loans__block .loan__block.close>.title:before{content: "+";}
.my__loans__block .loan__block.open>.title:before{content: "—";}

.my__loans__block .loan__block>form{position: absolute;z-index: 1000;top: 7px;right: 20px;}
.my__loans__block .loan__block>form>button[type=submit]{background-color: transparent;border: none;outline:none;color: #333333;text-decoration: none;cursor: pointer;}
.my__loans__block .loan__block>form>button[type=submit]:hover{text-decoration: underline;}

.my__loans__block .loan__block .loan__content .loan__info{}
.my__loans__block .loan__block .loan__content .loan__info.padding{padding: 0 27px;}

.my__loans__block .loan__block .loan__content .loan__info .item.flex{justify-content: space-between;}
.my__loans__block .loan__block .loan__content .loan__info .item{padding: 7px;border-bottom: 1px solid rgba(65, 65, 65, 0.2);font-weight:400;color: #1D1D1D;}

.my__loans__block .loan__block .loan__content .loan__info .btn__block.flex{justify-content: flex-end;}
.my__loans__block .loan__block .loan__content .loan__info .btn__block{/*text-align: right;*/margin: 30px 0;}
.my__loans__block .loan__block .loan__content .loan__info .btn__block .btn{margin-left: 10px;}

.status__block.flex{align-items: center;}
.status__block{border-radius: 2px;margin-bottom: 20px;padding:25px 20px 25px 35px;background: #FFFFFF;box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.15);border-radius: 2px;}
.status__block .icon{width:21px;height: 28px;margin-right:15px;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
/*.status__block .icon.active{background-image: url(/assets/template/img/icon_status_active.png);}*/
.status__block .icon.close{}

.status__block .title{font-size: 21px;font-weight: 400;}

.my__loans__block .loan__block .loan__content .loan__info .chart__payment__block{margin-bottom: 20px;}
.my__loans__block .loan__block .loan__content .loan__info .chart__payment__block.close .chart__payment{display: none;}
.my__loans__block .loan__block .loan__content .loan__info .chart__payment__block>.title{position:relative;font-size:15px;font-weight:400;margin-bottom:30px;padding:10px 20px 10px 40px;background: rgba(209, 209, 209, 0.8);box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);border-radius: 2px;cursor: pointer;}
.my__loans__block .loan__block .loan__content .loan__info .chart__payment__block>.title:before{position: absolute;content: "";top: 10px;left: 25px;font-weight: 500;}
.my__loans__block .loan__block .loan__content .loan__info .chart__payment__block.close>.title:before{content: "+";}
.my__loans__block .loan__block .loan__content .loan__info .chart__payment__block.open>.title:before{content: "—";}
.my__loans__block .loan__block .loan__content .loan__info .chart__payment__block form>button[type=submit]{background-color: transparent;border: none;outline: none;color: #333333;text-decoration: none;cursor: pointer;}
.my__loans__block .loan__block .loan__content .loan__info .chart__payment__block form>button[type=submit]:hover{text-decoration: underline;}

/* Документы по займу */
.loanDocuments__block{}
.loanDocuments__block .loanDocuments__list{}
.loanDocuments__block .loanDocuments__list .item .fileName{cursor: pointer;color: #007fff;}

/* Пролонгация (v2) */
.prolongationContractStep{width: 50%;}
.prolongationContractStep .title__block.flex{}
.prolongationContractStep .title__block svg{margin-right: 25px;}
/*.prolongationContractStep .title__block .icon{width: 32px;height: 37px;margin-right: 10px;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}*/
.prolongationContractStep p{font-size: 18px;font-weight: 400;}

.prolongationContractStep ul{margin: 0;padding: 0;list-style: none;}
.prolongationContractStep ul li.flex{align-items: center;}
.prolongationContractStep ul li{margin-bottom: 20px;}
.prolongationContractStep ul li:last-child{margin-bottom: 0;}

.prolongationContractStep ul li .round__block.flex{justify-content: center;align-items: center;}
.prolongationContractStep ul li .round__block{position: relative;width: 55px;height: 55px;background-color: #414141;border-radius: 50%;margin-right: 10px;}
.prolongationContractStep ul li .round__block svg{}
.prolongationContractStep ul li .round__block .number.flex{justify-content: center;align-items: center;}
.prolongationContractStep ul li .round__block .number{position: absolute;top: -10px;left: -10px;width: 31px;height: 31px;border-radius: 50%;background-color: #ffffff;font-weight: bold;color: #FF4B3E;}

/*.prolongationContractStep ul li .number.flex{justify-content: center;align-items: center;}
.prolongationContractStep ul li .number{width: 40px;height: 40px;font-size:21px;font-weight:900;color:#ffffff;background-color: #414141;border-radius: 50%;margin-right: 10px;}*/

.prolongationContractStep ul li .text{width: 65%;font-weight: 400;}

.prolongationContractStep p.step__desc{font-weight: 400;}
.prolongationContractStep p.step__desc>a{}
.prolongationContractStep p.step__desc>a:hover{text-decoration: underline;}
.prolongationContractStep p.step__desc>span{color: #FF4B3E;font-weight: 700;}

.prolongationContractStep form .form-group .label{margin-bottom: 40px;font-weight: 600;}

#prolongationContractStep3Modal p.step__desc{text-align: center;font-size: 24px;font-weight: 600;}

/* Калькулятор */
.etab {padding: 0;margin: 0 0 20px;}
.etab .tab {display: inline-block;vertical-align: middle;cursor:pointer;position: relative;font-size: 16px;margin-right: 20px;font-weight: 400;border-bottom: 0.125rem solid transparent;transition: font-weight .2s ease-in-out;}
.etab .tab:hover {border-bottom-color: #fc3230;}
.etab .tab.active {/*border-bottom-color: #fc3230;*/font-weight: 700;}

#tabs-loan .tab__content{display: none;}
#tabs-loan .tab__content.active{display: block;}

.calculate__row{padding: 20px 0 15px 0;}
.calculate__output.output.flex{justify-content: space-between;}
.calculate__output.output .output-item{font-size: 13px;}
.calculate__output.output .output-item .output__value{font-weight: 700;/*color: #FC3230;*/}
.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: 0 !important;
}
.irs-line-left,
.irs-line-mid,
.irs-line-right {
    position: absolute;
    display: block;
    top: 0;
}
.irs-line-left {
    left: 0;
    width: 11%;
}
.irs-line-mid {
    left: 9%;
    width: 82%;
}
.irs-line-right {
    right: 0;
    width: 11%;
}
.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0;
}
.irs-bar-edge {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}
.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0;
}
.irs-slider {
    position: absolute;
    display: block;
    cursor: default;
    z-index: 1;
}
.irs-slider.type_last {
    z-index: 2;
}
.irs-min {
    position: absolute;
    display: block;
    left: 0;
    cursor: default;
}
.irs-max {
    position: absolute;
    display: block;
    right: 0;
    cursor: default;
}
.irs-from,
.irs-single,
.irs-to {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap;
}
.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px
}
.irs-with-grid .irs-grid {
    display: block
}
.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000
}
.irs-grid-pol.small {
    height: 4px
}
.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000
}
.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: transparent;
    z-index: 2
}
.irs-disabled {
    opacity: .4
}

.lt-ie9 .irs-disabled {
    filter: alpha(opacity=40)
}
.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: 0 !important;
    z-index: -9999 !important;
    background: 0 0 !important;
    border-style: solid !important;
    border-color: transparent !important
}
.slider {
    border-radius: 0.313rem
}
.irs {
    border: 0;
    border-radius: 0.313rem
}
.irs-line {
    height: 1.5rem;
    top: 0;
    overflow: visible;
    border: 0;
    background: #7C7C7C;
    border-radius: 0.313rem
}
.irs-line-left,
.irs-line-mid,
.irs-line-right {
    height: 2.875rem;
    top: -0.1875rem
}
.irs-line-left {
    width: .685rem;
    border-radius: 0.313rem 0 0 0.313rem;
    background: #fc3230;
}
.irs-bar {
    height: 1.7rem;
    top: -0.1175rem;
    /*background-color: #fc3230;*/
    left: 0;
    overflow: hidden;
    border-radius: 0.313rem 0 0 0.313rem;
}
.irs-bar-edge {
    top: 0;
    height: 2.5rem;
    width: 0;
    background: transparent
}
.irs-shadow {
    height: 0;
    top: 0;
    display: none;
    opacity: 0
}
.irs-slider {
    top: -0.4375rem;
    width: 1.125rem;
    height: 3.375rem;
    cursor: default;
    background: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    border-radius: 0.12rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2)
}
.irs-slider:before,
.irs-slider:after {
    content: '';
    position: absolute;
    left: 0.3125rem;
    top: 50%;
    margin-top: -0.625rem;
    width: 0.125rem;
    height: 1.25rem;
    background: #e2e2e2
}
.irs-slider:after {
    left: auto;
    right: 0.3125rem
}
.irs-min,
.irs-max {
    font-size: 0.75rem;
    font-weight: 300;
    top: -1.2625rem;
    cursor: text;
    color: #000000;
}
.irs-min span,
.irs-max span {
    display: none
}
.irs-from,
.irs-to,
.irs-single {
    top: -1.6rem;
}
.irs-single {
    font-size: 14px;
    font-weight: 700;
    color: #1D1D1D;
}
.irs-handle.single{
    position: absolute;
    display: block;
    cursor: default;
    z-index: 1;
    top: -0.4375rem;
    width: 1.125rem;
    height: 2.3rem;
    cursor: default;
    background: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    border-radius: 0.12rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
}
.irs-handle.single:before,
.irs-handle.single:after{
    content: '';
    position: absolute;
    left: 0.3125rem;
    top: 50%;
    margin-top: -0.625rem;
    width: 0.125rem;
    height: 1.25rem;
    background: #e2e2e2;
}
.irs-handle.single:after {
    left: auto;
    right: 0.3125rem;
}



/* Авторизациия */
.auth__block{width: 50%;margin: 130px auto 0 auto;}
.auth__block .first__message{border: 1px solid red;padding: 20px;background-color: #ffffff;}

.auth__block .mobile .attention__info__block .attention.flex{align-items: center;}
.auth__block .mobile .attention__info__block .attention>svg{margin-right: 15px;}
.auth__block .mobile .attention__info__block .attention>span{cursor: pointer;}


/* Регистрация */
.registration__block{width: 80%;margin: 130px auto 0 auto;}
.registration__block .step__block{}
.registration__block .step__block .step__nav.flex{justify-content: space-between;align-items: center;}
.registration__block .step__block .step__nav{margin-bottom: 50px;}

/* Инфо о займе */
.registration__block .loanDesktop__block{width: 300px;}
.registration__block .loanDesktop__block.fixed{position: fixed;top: 30px;}
.registration__block .loan__block{padding: 0 27px;}
.registration__block .loan__block .phone__block{padding:20px 25px;background: #FFFFFF;box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.15);border-radius: 2px;}
.registration__block .loan__block .phone__block .title{font-size: 19px;font-weight:500;color: #1D1D1D;margin-bottom: 15px;}

.registration__block .loan__info{background: #FF4B3E;box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.15);border-radius: 2px;padding: 30px;margin-bottom: 30px;}
.registration__block .loan__info .item{font-weight: 700;color: #ffffff;margin: 10px 0;}
.registration__block .loan__info .item>span{font-weight: 400;min-width: 30%;}
.registration__block .loan__info .line{height: 1px;background-color: #ffffff;margin: 15px 0;}

.attention__info__block{margin: 30px 0 ;border: 1px solid #ff0000;padding:20px 25px;background: #FFFFFF;box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.15);border-radius: 2px;}
.attention__info__block>span{font-weight: 900;color: #ff0000;display: block;margin-bottom: 10px;}

/* Навигация шагов*/
.registration__block .step__block .step__nav .item.flex{flex-direction: column;align-items: center;}
.registration__block .step__block .step__nav .item{position:relative;width: 25%;}
.registration__block .step__block .step__nav .item:before{position: absolute;content: '';top: 20.5%;left: 55%;right: -46%;height: 2px;background-color: #CECECE;}
.registration__block .step__block .step__nav .item:last-child:before{display: none;}
/*.registration__block .step__block .step__nav .item.check:before{background-color: #FF4B3E;}*/

.registration__block .step__block .step__nav .item .icon{position:relative;width: 18px;height: 18px;margin-bottom:10px;border-radius: 50%;border: 2px solid #FC3230;background-color: #f8f8f8;}
.registration__block .step__block .step__nav .item.active .icon:before{position: absolute;content: "";top:4px;left:4px;width: 10px;height: 10px;border-radius: 50%;background-color: #FC3230;}
/*.registration__block .step__block .step__nav .item.check .icon{background-color: #FC3230;}*/
.registration__block .step__block .step__nav .item.check .icon:before{position: absolute;content: "";top:3px;left:3px;width: 12px;height: 12px;border-radius: 50%;background-image: url(/assets/template/img/icon_check.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.registration__block .step__block .step__nav .item .title{font-size: 14px;font-weight: 300;}

/* Контент шагов */
.registration__block .step__block .step__content{padding: 0 27px;}
.registration__block .step__block .step__content h2{margin: 0 0 30px 0;}
.registration__block .step__block .step__content .link__auth{margin-bottom: 20px;color: #000000;}
.registration__block .step__block .step__content .link__auth>a{color: #002EA4;}
.registration__block .step__block .step__content .link__auth>a:hover{text-decoration: underline;}
.registration__block .step__block .step__content .item{display: none;}
.registration__block .step__block .step__content .item.active{display: block;}
.registration__block .step__block .step__content .item .form-group.flex{justify-content: space-between;}
.registration__block .step__block .step__content .item .back__btn{background-color: #3e71ff;}
.registration__block .step__block .step__content .item .back__btn:hover{background-color: #1753fb;}

.registration__block #region,
.registration__block #city,
.registration__block #street,
.registration__block #house,
.registration__block #region_residential,
.registration__block #city_residential,
.registration__block #street_residential,
.registration__block #house_residential{width: 100%!important;}

/* При оформлении заявки, запрос кода */
.count__down__block{display: none;margin-bottom: 25px;}
.count__down__block .form-group{margin-bottom: 0px;}
.count__down__block .count__down{font-size: 11px;line-height: 1.28;margin-left: 10px;}
.count__down__block .count__down span.timer{font-weight: bold;}

.attention__block{position:relative;font-weight: 700;margin-bottom: 20px;padding-left: 50px;}
.attention__block:before{position: absolute;content: "";top: 0;left: 0;width: 40px;height: 40px;background-image: url(/assets/template/img/icon_attention.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}


/* Проверка обязательных данных при новой заявке из ЛК */
.required__check__list{}
.required__check__list .item__field.flex{align-items:center;}
.required__check__list .item__field{margin-bottom: 10px;}
.required__check__list .item__field svg{}
.required__check__list .item__field .required__text{font-weight: bold;margin: 0 15px;}

@media (max-width: 767px) {
    .container{padding: 10px;}
    h1{font-size: 24px;margin: 0 0 20px 0;}
    h2{font-size: 16px;margin: 0 0 15px 0;}
    p{font-size: 12px;}

    form .form-group {margin-bottom: 15px;}
    form .form-group .label{font-size: 12px;color: #9C9C9C;}
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    select,
    textarea{width: calc(100% - 22px);height: 32px;padding: 0 10px 0 10px;}
    select{width: 100%;}

    .modal#paymentContractModal{width: 100%;}
    .modal#prolongationContractModal{width: 100%;}

    a.phone svg{width: 15px;height: auto;}

    .header.flex{flex-direction: row;}
    .header {padding: 0 0 20px 0;}
    .header .logo{max-width: 120px;background-position-x: 0%;}
    .header .right__block.flex{flex-direction:column;align-items: flex-end;}
    .header .right__block .separator{display: none;}

    .footer{font-size: 12px;color: #9C9C9C;padding: 10px 10px;}
    .footer .pay__block.flex{justify-content: center;}
    .footer .pay__block .pay__logo.flex{flex-wrap:wrap;justify-content: center;align-items: center;}
    .footer .pay__block .pay__logo{width: 100%;}
    .footer .pay__block .pay__logo .item{width: 30%;margin: 0 10px 20px 0!important;}

    .attention__info__block{font-size: 12px;background-color: transparent;margin: 0 0 15px 0;padding: 10px 10px;}
    .attention__info__block .attention.flex{align-items: center;}
    .attention__info__block .attention{}
    .attention__info__block .attention svg{margin-right: 10px;}
    .attention__info__block .attention span{font-size:15px;font-weight: 700;}

    .registration__block {width: 100%;margin: 0 0 20px 0;}
    .registration__block .step__block .mobile{display: block!important;}
    .registration__block .step__block .mobile .loan__info{padding: 15px 30px;}

    .registration__block .step__block .step__nav.flex{align-items: flex-start;}
    .registration__block .step__block .step__nav{margin-bottom: 20px;}
    .registration__block .step__block .step__nav .item{width:25%;margin-bottom: 10px;}
    .registration__block .step__block .step__nav .item:before{top:22%;left: 55%;right: -45%;}
    .registration__block .step__block .step__nav .item:first-child:before{left: 20px;}
    .registration__block .step__block .step__nav .item:nth-child(3):before{right: calc(-100% + 20px);}

    .registration__block .step__block .step__nav .item .icon{width: 16px;height: 16px;margin-bottom: 5px;}
    .registration__block .step__block .step__nav .item .title{font-size: 10px;text-transform: uppercase;}
    .registration__block .step__block .step__nav .item.active .icon:before{top: 3px;left: 3px;}
    .registration__block .step__block .step__nav .item.active .title,
    .registration__block .step__block .step__nav .item.check .title{font-weight: 700;}
    .registration__block .step__block .step__nav .item.check .icon:before{width: 10px;height: 10px;}

    .registration__block .step__block .step__nav .item:first-child{align-items: flex-start;}
    .registration__block .step__block .step__nav .item:last-child{align-items: flex-end;}

    .registration__block .step__block .row .col-8,
    .registration__block .step__block .row .col-4{width: 100%;}
    .registration__block .step__block .row .col-4 .loan__block .loan__info,
    .registration__block .step__block .row .col-4 .loan__block .attention__info__block{display: none;}
    .registration__block .step__block .row .form-group{margin: 0 0 15px 0!important;}

    .registration__block .step__block .step__content,
    .registration__block .loan__block{padding: 0;}
    .registration__block .step__block .step__content{padding: 10px 0 0 0;}
    .registration__block .step__block .step__content h2 {margin: 0 0 20px 0;}

    .registration__block .step__block .step__content .item.step5 .row .col-8{width: 100%;}
    .registration__block .step__block .step__content .additionalPhoto__block .image {width: 100%;}

    .registration__block .step__block .step__content .item .form-group.btn__block.flex{}
    .registration__block .step__block .step__content .item .form-group.btn__block .back__btn{display: none;}

    .registration__block .step__block .step__content .item .form-group.btn__block .back__btn.mobile.flex{justify-content: center;align-items: center;}
    .registration__block .step__block .step__content .item .form-group.btn__block .back__btn.mobile{display: block;background-color: #333333;}
    .registration__block .step__block .step__content .item .form-group.btn__block .btn{padding: 17.5px 20px;}
    .registration__block .step__block .step__content .item .form-group.btn__block .btn.next__btn{width: calc(100% - 70px);}
    .registration__block .step__block .step__content .item.step1 .form-group.btn__block .btn.next__btn{width: 100%;}
    .registration__block .step__block .step__content .item.step1 .form-group .link__auth{font-size: 14px;}
    .registration__block .step__block .step__content .item.step1 .form-group .link__auth>a{color: #FF4B3E;}

    .auth__block {width: auto;margin: 30px auto 0 auto;}
    .auth__block form .btn__block{}
    .auth__block form .btn__block a{font-size: 12px;color:#FF4B3E;}

    .user__info__block.flex{flex-direction: column;}
    .user__info__block .user__info{width: calc(100% - 20px);margin-bottom: 30px;padding: 10px;}
    .user__info__block .right__block {width: 100%;margin-bottom: 30px;}
    .user__info__block .right__block .title{font-size: 22px;}

    .user__info__block .right__block .loan__block.flex{flex-direction: column;align-items: center;}
    .user__info__block .right__block .loan__block .loan__info{width: 100%;margin-bottom: 20px;}
    .user__info__block .right__block .loan__block .loan__info .item {font-size: 15px;}

    .user__info__block .right__block .title__block.flex{align-items: center;}
    .user__info__block .right__block .title__block .title{font-size: 18px;}
    .user__info__block .right__block .loan__block .loan__info .text{font-size: 14px;}
    .user__info__block .right__block .loan__block .phone__block{padding: 10px 15px;}


    .my__loans__block .loan__block>.title{padding-bottom: 35px;}
    .my__loans__block .loan__block>form{top: 5px;bottom: auto;right: 5px;}

    .my__loans__block .loan__block .loan__content{position: relative;}
    .my__loans__block .loan__block .loan__content .row .col-6{width: 100%;}
    .my__loans__block .loan__block .loan__content .row .col-6:first-child{margin: 100px 0 30px 0;}
    .my__loans__block .loan__block .loan__content .loan__info.padding{padding: 0;}
    .my__loans__block .loan__block .loan__content .status__block{position: absolute;top: 0;left: 0;right: 0;}

    .my__loans__block .loan__block .loan__content .loan__info .btn__block.flex{flex-wrap: wrap;justify-content: center;}
    .my__loans__block .loan__block .loan__content .loan__info .btn__block [data-src="#earlyRepaymentModal"]{margin-top: 10px;}

    .modal{width: 100%;}
    .modal.fancybox-content{padding: 10px;}
    .modal .title__block{margin-bottom: 20px;}
    .modal .title__block .title{font-size: 18px;}
    #contractSigning.modal .title__block .icon{width: 45px;height: 40px;}
    .modal .row .col-6{width: 100%;margin-bottom: 20px;}
    #contractSigning.modal .loan__block{padding: 0;}


    .my__loans__block .loan__block>.title{font-size: 12px;padding: 10px 130px 10px 20px;}
    .my__loans__block .loan__block>.title:before{left: 10px;}

    .my__cards__block .cards .item{height: 90px;min-width: 210px;}
    .my__cards__block .cards .item .addCard{font-size: 12px;}

    .etab .tab{font-size: 12px;margin-bottom: 10px;}
}

@media (max-width: 500px) {
    .header .right__block a{font-size: 15px;}
}


/* Загрузка - анимация (ожидание решения по прологации)*/
#floatingCirclesG{
    position:relative;
    width:32px;
    height:32px;
    margin:auto;
    transform:scale(0.6);
    -o-transform:scale(0.6);
    -ms-transform:scale(0.6);
    -webkit-transform:scale(0.6);
    -moz-transform:scale(0.6);
}

.f_circleG{
    position:absolute;
    background-color:rgb(255,174,168);
    height:6px;
    width:6px;
    border-radius:3px;
    -o-border-radius:3px;
    -ms-border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    animation-name:f_fadeG;
    -o-animation-name:f_fadeG;
    -ms-animation-name:f_fadeG;
    -webkit-animation-name:f_fadeG;
    -moz-animation-name:f_fadeG;
    animation-duration:1.2s;
    -o-animation-duration:1.2s;
    -ms-animation-duration:1.2s;
    -webkit-animation-duration:1.2s;
    -moz-animation-duration:1.2s;
    animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
}

#frotateG_01{
    left:0;
    top:13px;
    animation-delay:0.45s;
    -o-animation-delay:0.45s;
    -ms-animation-delay:0.45s;
    -webkit-animation-delay:0.45s;
    -moz-animation-delay:0.45s;
}

#frotateG_02{
    left:4px;
    top:4px;
    animation-delay:0.6s;
    -o-animation-delay:0.6s;
    -ms-animation-delay:0.6s;
    -webkit-animation-delay:0.6s;
    -moz-animation-delay:0.6s;
}

#frotateG_03{
    left:13px;
    top:0;
    animation-delay:0.75s;
    -o-animation-delay:0.75s;
    -ms-animation-delay:0.75s;
    -webkit-animation-delay:0.75s;
    -moz-animation-delay:0.75s;
}

#frotateG_04{
    right:4px;
    top:4px;
    animation-delay:0.9s;
    -o-animation-delay:0.9s;
    -ms-animation-delay:0.9s;
    -webkit-animation-delay:0.9s;
    -moz-animation-delay:0.9s;
}

#frotateG_05{
    right:0;
    top:13px;
    animation-delay:1.05s;
    -o-animation-delay:1.05s;
    -ms-animation-delay:1.05s;
    -webkit-animation-delay:1.05s;
    -moz-animation-delay:1.05s;
}

#frotateG_06{
    right:4px;
    bottom:4px;
    animation-delay:1.2s;
    -o-animation-delay:1.2s;
    -ms-animation-delay:1.2s;
    -webkit-animation-delay:1.2s;
    -moz-animation-delay:1.2s;
}

#frotateG_07{
    left:13px;
    bottom:0;
    animation-delay:1.35s;
    -o-animation-delay:1.35s;
    -ms-animation-delay:1.35s;
    -webkit-animation-delay:1.35s;
    -moz-animation-delay:1.35s;
}

#frotateG_08{
    left:4px;
    bottom:4px;
    animation-delay:1.5s;
    -o-animation-delay:1.5s;
    -ms-animation-delay:1.5s;
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
}



@keyframes f_fadeG{
    0%{
        background-color:rgb(255,75,62);
    }

    100%{
        background-color:rgb(255,174,168);
    }
}

@-o-keyframes f_fadeG{
    0%{
        background-color:rgb(255,75,62);
    }

    100%{
        background-color:rgb(255,174,168);
    }
}

@-ms-keyframes f_fadeG{
    0%{
        background-color:rgb(255,75,62);
    }

    100%{
        background-color:rgb(255,174,168);
    }
}

@-webkit-keyframes f_fadeG{
    0%{
        background-color:rgb(255,75,62);
    }

    100%{
        background-color:rgb(255,174,168);
    }
}

@-moz-keyframes f_fadeG{
    0%{
        background-color:rgb(255,75,62);
    }

    100%{
        background-color:rgb(255,174,168);
    }
}