.b-footer { position: relative; font: 400 1.6em 'Open Sans', sans-serif; color: #37474F; background: #F9F9F9; }

/* * * Footer :: main * * */
.b-footer_main { position: relative; }
.b-footer_main_inner { position: relative; padding: 52px 0 40px; }

.b-footer_main_pageUp { position: absolute; z-index: 5; left: 0; top: 0; margin-top: -23px; padding: 0; width: 46px; height: 46px; text-decoration: none; text-align: center; color: #FB6A95; background: #FFF; border: none; border-radius: 50%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); cursor: pointer; }
.b-footer_main_pageUp svg { display: block; position: relative; margin: 0 auto; }

.b-footer_main_pageUp:hover { color: #fff; background: #FB6A95; }
.b-footer_main_pageUp:hover [fill] { fill: #fff; }

.b-footer_main_title { font: 700 16px 'Open Sans', sans-serif; color: #231F20; }

.b-footer_main_social { margin: 20px -26px -12px 0; }

.b-footer_main_social a { display: inline-block; position: relative; margin: 0 26px 12px 0; text-decoration: none; color: inherit; opacity: .65; }
.b-footer_main_social a svg { display: block; position: relative; }

.b-footer_main_social a:hover { opacity: 1; }
.b-footer_main_social a:hover [fill] { fill: #8591A2; }

.b-footer_main_subscribe { padding: 0 !important; }

.b-footer_main_subscribe_title { position: relative; margin-bottom: 20px; font: 400 16px 'Open Sans', sans-serif; text-align: center; color: #939eac; }
.b-footer_main_subscribe_title strong { font-weight: 700; color: #231F20; }

.b-footer_main_subscribe_field { position: relative; }

.b-footer_main_subscribe_field .b-form_box_field input[type="text"],
.b-footer_main_subscribe_field .b-form_box_field input[type="email"] { padding-right: 71px; }

.b-footer_main_subscribe_field_btn { position: absolute; z-index: 1; top: 0; right: 0; padding: 0; width: 71px; height: 46px; background: none; border: none; border-radius: 23px; }

.b-footer_main_subscribe_field_btn:hover { background: #FB6A95; }
.b-footer_main_subscribe_field_btn:hover [fill] { fill: #fff; }

.b-footer_main_account { position: relative; text-align: center; }

.b-footer_main_logo { display: inline-block; position: relative; margin-bottom: 7px; text-decoration: none; color: inherit; }
.b-footer_main_logo img { display: block; position: relative; }

.b-footer_main_account_btn { display: block; position: relative; padding: 11px 10px; font: 700 16px 'Open Sans', sans-serif; color: #FB6A95; background: #fff; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 10px; box-sizing: border-box; }

.b-footer_main_account_btn span { display: inline-block; position: relative; padding-left: 34px; }
.b-footer_main_account_btn span svg { position: absolute; left: 0; top: 50%; margin-top: -9px; }

.b-footer_main_account_btn:hover { color: #fff; background: #FB6A95; border-color: #FB6A95; }
.b-footer_main_account_btn:hover [fill] { fill: #fff; }

@media (max-width: 1199px) {

    .b-footer_main_inner { padding: 60px 0 60px; }

    .b-footer_main_social { margin: 14px -26px 18px 0; }
    .b-footer_main_subscribe_field { margin: 0 auto; max-width: 360px; }
    .b-footer_main_account { position: absolute; z-index: 5; right: 0; top: 0; margin-top: -23px; width: 220px; }

}

@media (max-width: 767px) {

    .b-footer_main_inner { padding: 104px 0 40px; }
    .b-footer_main_title { margin: 0 auto; max-width: 90%; }

    .b-footer_main_social { margin: 14px -26px 18px 0; }

    .b-footer_main_pageUp { margin-top: 16px; }
    .b-footer_main_account { margin-top: 16px; }

}

/* * * Footer :: info * * */
@media (max-width: 1199px) {

    .b-footer_info { padding-bottom: 24px; }
    .b-footer_info_inner { margin: 0 auto; max-width: 360px; }

    .b-footer_info_menu { list-style: none; margin: 0 -35vw; font: 400 16px 'Open Sans', sans-serif; border-top: 1px solid rgba(0, 0, 0, .12); }
    .b-footer_info_menu > li { display: block; position: relative; padding: 0 35vw; }

    .b-footer_info_menu > li > a { display: block; position: relative; padding: 22px 0 22px 32px; font: 700 18px 'Open Sans', sans-serif; text-decoration: none; color: #231F20; }

    .b-footer_info_menu > li.hasChild > a > span { position: absolute; top: 0; left: 0; width: 32px; height: 68px; text-decoration: none; transition: all 250ms; cursor: pointer; }
    .b-footer_info_menu > li.hasChild > a > span svg { position: absolute; top: 50%; left: 0; margin: -3px 0 0; width: 12px; height: 7px; box-sizing: border-box; transition: all 250ms; content: '\e801'; }

    .b-footer_info_menu > li.hasChild.opened > a > span svg { transform: rotate(-180deg); }

    .b-footer_info_menu > li > a:hover { color: #FB6A95; }
    .b-footer_info_menu > li > a:hover [fill] { fill: #FB6A95; }

    .b-footer_info_menu > li > ul { list-style: none; margin: 0 0 40px 32px; }
    .b-footer_info_menu > li > ul > li ~ li { margin-top: 20px; }

    .b-footer_info_menu > li > ul > li > a { text-decoration: none; color: inherit; }

    .b-footer_info_menu > li > ul > li > a:hover { color: #FB6A95; }
    .b-footer_info_menu > li > ul > li > a.current { font-weight: 600; }

}

@media (max-width: 767px) {

    .b-footer_info { padding-bottom: 12px; }

    .b-footer_info_menu > li > a { padding: 20px 0 20px 32px; }
    .b-footer_info_menu > li > ul { margin: 0 0 30px 0; }

}

@media (min-width: 1200px) {

    .b-footer_info { padding-bottom: 60px; }
    .b-footer_info_inner { padding-top: 40px; border-top: 1px solid rgba(0, 0, 0, .12); }

    .b-footer_info_menu { list-style: none; font: 400 16px 'Open Sans', sans-serif; color: #37474F; }

    .b-footer_info_menu > li { display: block; position: relative; }
    .b-footer_info_menu > li ~ li { margin-top: 12px; }

    .b-footer_info_menu > li > a { font: 700 18px 'Open Sans', sans-serif; text-decoration: none; color: #231F20; }

    .b-footer_info_menu > li > ul { list-style: none; margin-top: 26px; }
    .b-footer_info_menu > li > ul > li ~ li { margin-top: 20px; }

    .b-footer_info_menu > li > ul > li > a { text-decoration: none; color: inherit; }

    .b-footer_info_menu a:hover { color: #FB6A95; }
    .b-footer_info_menu a.current { font-weight: 600; }

}


/* * * Footer :: copyright * * */
.b-footer_copyright { padding: 10px 0 24px; font: 400 18px/1.66666666666667 'Open Sans', sans-serif; color: rgba(255, 255, 255, .86); background: #8591A2; }

.b-footer_copyright a { text-decoration: underline; color: inherit; }
.b-footer_copyright a:hover { color: rgba(0, 0, 0, .25); }

@media (max-width: 1199px) {

    .b-footer_copyright { padding: 24px 0 76px; }

}

@media (max-width: 767px) {

    .b-footer_copyright { padding: 22px 0 42px; }
    .b-footer_copyright [class*="col-"] ~ [class*="col-"] { margin-top: 20px; }

}

