.b-breadcrumbs {
    font-size: 14px
}

.b-notification {
    margin: 0 0 20px;
    font-size: 14px
}

.b-notification.success {
    padding: 10px 10px 10px 40px;
    color: #063005;
    background: #edf3e1 url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/ok.gif) no-repeat 0
}

.b-notification.warning {
    padding: 10px 15px 15px;
    background: #ffe39d;
    color: #392906
}

.b-notification.warning:before {
    content: "";
    display: block;
    width: 150px;
    height: 26px;
    margin: 0 0 10px -10px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/alert.png) no-repeat 0
}

.b-notification.info {
    padding: 10px 15px 15px;
    background: #ddebfa;
    color: #193d58
}

.b-notification.info:before {
    content: "";
    display: block;
    width: 150px;
    height: 25px;
    margin: 0 0 10px -10px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/status-i.png) no-repeat 0
}

.top-header {
    width: 100%;
    height: 45px;
    background: #4e565a
}

.container {
    margin: 0 auto;
    max-width: 1430px;
    min-width: 360px
}

.top-header .container {
    height: 45px;
    position: relative
}

.top-header-help {
    float: left;
    color: #4e565a;
    background: #858a8d;
    padding: 7px 11px;
    border-radius: 25px;
    font-size: 23px;
    margin-top: 5px;
    margin-left: 10px;
    display: none
}

.top-header-help.outer {
    position: absolute;
    z-index: 2;
    display: block;
    right: 10px
}

.top-header-help.outer:hover {
    background: #9ca0a2
}

.top-mobile-menu {
    display: none;
    float: left;
    height: 45px;
    width: 45px;
    background: #52585b url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) 0 -47px no-repeat;
    margin-right: 5px
}

.top-header-left {
    text-align: center
}

.top-header-left > * {
    display: inline-block
}

.top-header-right {
    float: right
}

.top-header-link {
    float: left;
    color: #fff;
    line-height: 45px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.top-header-link:hover {
    opacity: .8
}

.top-header-link.office {
    margin-left: 15px
}

.top-header-link.office span {
    border-bottom: 1px dotted #969696
}

.top-header-link.reg {
    margin-right: 20px;
    display: inline-block;
    padding: 0 10px
}

.top-header-right .login {
    float: left;
    color: #fff;
    background: #83b880;
    padding: 10px;
    line-height: 25px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.login .login-button:hover {
    opacity: .8
}

.login .login-button {
    cursor: pointer;
    position: relative;
    padding: 0 16px 0 23px
}

.login .login-button:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    margin-right: 8px;
    width: 15px;
    height: 18px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) -15px -956px no-repeat
}

.login .login-button:after {
    content: "";
    position: absolute;
    right: 0;
    top: 8px;
    width: 12px;
    height: 7px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) -33px -335px no-repeat;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.login .login-button.drop:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main-wrapper {
    background: #fff;
    margin: 0 auto;
    max-width: 1200px;
    min-width: 360px;
    padding-top: 15px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%
}

.logotype {
    height: 74px;
    margin: 8px 60px 7px 20px;
    position: relative;
    float: left
}

.logotype, .logotype img {
    width: 145px
}

.header-search-block {
    margin-top: 23px;
    position: relative;
    width: calc(100% - 520px);
    float: left
}

.header-search-block .header-search-input {
    font-size: 18px;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 25px;
    min-width: calc(100% - 75px);
    padding: 0 55px 0 20px;
    background: #f5f5f5;
    box-shadow: 0 0 0 5px #c9d5d5;
    -webkit-transition: min-width .3s ease, border-color .3s ease;
    transition: min-width .3s ease, border-color .3s ease;
    box-sizing: border-box;
    outline: 0 none;
    float: left;
    -webkit-appearance: none
}

.header-search-block .header-search-submit {
    text-indent: -9999px;
    width: 40px;
    margin-left: -55px;
    background: transparent url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) -5px -1128px no-repeat;
    float: left;
    display: inline-block;
    height: 40px;
    padding: 0 15px;
    border-radius: 2px;
    line-height: 40px;
    border: none;
    color: #fff;
    cursor: pointer
}

.header-buttons-block {
    margin-top: 21px;
    float: right
}

.header-buttons-block .header-button {
    float: left;
    margin: 0 20px 10px 0;
    display: inline-block;
    padding-left: 30px;
    line-height: 42px;
    color: #6f6f6f;
    position: relative;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    height: 42px;
    border-radius: 2px;
    width: 90px;
    text-align: center;
    box-shadow: 0 0 0 3px #c9d5d5;
    border-color: #cfd6d8
}

.header-button.cart {
    background: #ebeeef url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) 5px -227px no-repeat
}

.header-button.cart.active {
    background-color: #fbeab7;
    border-color: #f0ca5a;
    box-shadow: 0 0 0 3px #ecd07c
}

.header-button.cart:hover {
    background: #f0ca5a url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) 5px -227px no-repeat;
    color: #fff;
    box-shadow: 0 0 0 3px #e9ba2e
}

.header-button.orders {
    background: #ebeeef url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) 5px -271px no-repeat;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.header-button.orders:hover {
    opacity: .8
}

.header-menu {
    background: #256892;
    width: 100%;
    height: 45px;
    clear: both;
    position: relative
}

.header-menu-catalog, .header-menu-items, .header-menu-links {
    float: left
}

.header-menu-items li {
    float: left;
    line-height: 45px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase
}

.header-menu-item {
    margin: 0 10px;
    padding: 0 15px;
    color: #fff;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.commercial {
    line-height: 30px;
    padding: 0 10px;
    background: #cc5e5e;
    display: inline-block
}

.header-menu-item:hover {
    opacity: .7
}

.catalog-holder {
    float: left;
	padding-left: 30px;
	
}

@media (max-width: 767px){
	.catalog-holder {
    float: left;
	padding-left: 0px;
	
}
}








.catalog-holder .catalog {
    float: left;
    color: #fff;
    line-height: 45px;
    font-size: 14px;
    font-weight: 500;
    padding: 0 15px;
    text-transform: uppercase;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.catalog-holder:hover .catalog {
    opacity: .7
}

.catalog-dropdown {
    float: left;
    display: inline-block;
    height: 45px;
    width: 30px;
    position: relative
}

.function-arrow {
    width: 30px;
    background: hsla(0, 0%, 100%, .3);
    padding: 0;
    height: 45px;
    float: right;
    cursor: pointer;
    border: none;
    border-radius: 0;
    margin: 0
}

.function-arrow i {
    display: inline-block;
    width: 16px;
    height: 9px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) -15px -20px no-repeat;
    margin: 19px 0 0 6px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.drop .function-arrow i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.catalog-dropdown-block, .garage-dropdown-block {
    position: absolute;
    visibility: hidden;
    background: #fff;
    z-index: 20;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.catalog-dropdown-block {
    top: 64px;
    left: 216px;
    width: 250px;
    padding: 20px;
    border-radius: 3px
}

.garage-dropdown-block {
    padding: 0 0 20px;
    top: 45px;
    right: 0;
    width: 535px
}

.drop .catalog-dropdown-block, .drop .garage-dropdown-block {
    visibility: visible;
    opacity: 1
}

.catalog-dropdown-block li {
    line-height: 31px;
    padding: 0 15px;
    font-size: 14px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 400;
    text-transform: none;
    float: none
}

.catalog-dropdown-block li:hover {
    background: #e9eff1
}

.catalog-dropdown-block li a {
    color: #4b5166;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.catalog-dropdown-block li:hover a {
    color: #c54141
}

.header-menu-garage {
    position: absolute;
    right: 0;
    top: 0
}

.garage-holder {
    width: 130px;
    background: #cc5e5e
}

.garage-holder .garage {
    line-height: 45px;
    color: #fff;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 500;
    float: left;
    text-transform: uppercase;
    height: 45px
}

.garage-dropdown.drop .garage-dropdown-block {
    visibility: visible;
    opacity: 1
}

.garage-dropdown-block a {
    color: #256892
}

.garage-dropdown-block a:hover {
    color: #c54141
}

.burger-menu-holder {
    display: none
}

.garage-dropdown-top {
    width: calc(100% - 30px);
    margin-bottom: 15px;
    text-align: right;
    background: #f5f5f5;
    padding: 10px 15px 6px;
    text-transform: uppercase;
    font-size: 12px
}

.garage-dropdown-top .go-to-garage {
    float: left
}

.garage-dropdown-top .choose-list {
    float: right;
    display: inline-block;
    padding-right: 25px;
    position: relative
}

.garage-dropdown-top .choose-list:after {
    content: "";
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/toggle.png) no-repeat -42px 0;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 0;
    top: 0
}

.garage-dropdown-body {
    padding: 20px;
    color: gray
}

.login-drop-block {
    width: 336px;
    background: #fff;
    padding: 20px;
    position: absolute;
    top: 45px;
    right: 0;
    z-index: 30;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .2);
    display: none
}

.login-drop-block:after {
    content: "";
    position: absolute;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #fff;
    top: -16px;
    right: 15px
}

.login-drop-title {
    font-size: 15px;
    color: #363636;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: Intro, Arial, Tahoma, sans-serif;
    padding: 0 20px;
    font-weight: 500
}

.login-drop-form {
    border-bottom: 2px solid #e4e4e2;
    padding: 0 20px 20px;
    margin-bottom: 10px
}

.login-drop-form input[type=password], .login-drop-form input[type=text] {
    width: 98%;
    width: calc(100% - 6px);
    float: left;
    height: 35px;
    border: 1px solid #c9d2db;
    line-height: 20px;
    margin: 0 0 10px;
    outline: none;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease;
    padding: 0 0 0 4px;
    border-radius: 2px;
    font-size: 14px
}

.login-drop-form input[type=password]:focus, .login-drop-form input[type=text]:focus {
    border-color: #7f9db9
}

.login-form-bottom label {
    float: left;
    line-height: 40px;
    color: #267bbb;
    cursor: pointer
}

.login-form-bottom input[type=submit] {
    float: right;
    display: inline-block;
    height: 40px;
    padding: 0 15px;
    background: #73a2b9;
    border-radius: 2px;
    line-height: 40px;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 14px
}

.login-form-bottom input[type=submit]:hover {
    opacity: .9;
    color: #fff
}

.login-drop-social {
    padding: 0 0 10px 20px
}

.login-drop-social .soc-icon {
    float: left;
    margin-right: 11px;
    width: 28px;
    height: 28px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/social.png) no-repeat;
    opacity: .7;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.login-drop-social .soc-icon:hover {
    opacity: 1
}

.login-drop-social .soc-icon.fb {
    background-position: -71px top
}

.login-drop-social .soc-icon.ya {
    background-position: -37px top
}

.login-drop-social .soc-icon.vk {
    background-position: -107px top
}

.login-drop-social .soc-icon.mr {
    background-position: -142px top
}

.login-drop-social .soc-icon.lv {
    background-position: -178px top
}

.footer {
    background: #d9e5e8;
    padding-top: 20px;
    font-size: 13px
}

.footer-links-holder {
    padding-bottom: 30px
}

.footer-links {
    float: left;
    width: 20%
}

.footer-links-title {
    margin-bottom: 5px;
    color: #505050;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: Intro, Arial, Tahoma, sans-serif
}

.footer-links-list li a {
    font-size: 13px;
    color: #717584
}

.footer-function-links {
    margin-bottom: 20px;
    border-bottom: 1px solid #c5d1d7;
    padding-bottom: 5px
}

.footer-function-links .legal-link {
    float: left;
    color: #256892;
    line-height: 30px
}

.footer-function-links .legal-link:hover {
    color: #c54141
}

.footer-function-links .oldstyle-link {
    float: left;
    color: #c54141;
    line-height: 30px
}

.footer-function-links .feedback-holder {
    float: left;
    display: inline-block;
    line-height: 20px;
    padding: 5px 20px;
    background: #9cb6c3;
    margin-left: 30px
}

.feedback-holder .feedback-link {
    color: #fff;
    border-bottom: 1px dotted #fff
}

.feedback-holder .feedback-link:hover {
    opacity: .7
}

.function-links-right {
    float: right
}

.footer-bottom-panel {
    padding-bottom: 15px;
    line-height: 37px
}

.footer-bottom-panel .footer-copyright {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
    color: gray
}

.footer-bottom-panel .footer-payments {
    display: block;
    float: left;
    margin-right: 20px;
    margin-top: 10px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/pay.png) no-repeat;
    width: 300px;
    height: 35px
}

.footer-bottom-right {
    float: right
}

.footer-bottom-right .footer-rambler {
    display: block;
    float: left;
    width: 88px;
    height: 31px;
    margin-right: 20px;
    margin-top: 10px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/rambler.gif) no-repeat
}

.footer-bottom-right .footer-temot {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/counters.png) -303px top no-repeat;
    height: 50px;
    width: 85px;
    display: block;
    float: right;
    margin-left: 20px
}

.main-content {
    padding: 20px 20px 40px
}

.main-content .main-column {
    float: left
}

.main-column.left {
    width: calc(100% - 260px);
    padding-right: 20px
}

.main-column.right {
    width: 240px
}

.brands-holder {
    padding: 20px 0 20px 50px;
    margin-bottom: 25px;
    background: #f0f2f4;
    position: relative
}

.brands-column {
    width: 20%;
    float: left
}

.brands-column li {
    position: relative;
    padding: 2px 0
}

.brands-column li .letter {
    position: absolute;
    left: -19px;
    top: 0;
    color: #e67a7d;
    font-weight: 500
}

.brands-column li a:hover {
    border-bottom: 1px dotted #000
}

.show-all-brands {
    width: 20%;
    position: absolute;
    right: 0;
    bottom: 16px
}

.show-all-brands a:hover {
    border-bottom: 1px dotted #000
}

.commercial-block {
    padding: 10px 15px 15px;
    background: #f5f5f5;
    margin-bottom: 10px
}

.commercial-block-headline {
    color: #c54141;
    font-weight: 500;
    font-family: Intro, Arial, Tahoma, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 5px
}

.commercial-link {
    padding-left: 34px;
    margin: 2px 0 6px;
    display: inline-block
}

.commercial-link.payment {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/wallet.png) no-repeat 3px 0
}

.commercial-link.delivery {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/delivery.png) no-repeat
}

.commercial-link.feedback {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/feedback.png) no-repeat 4px 0
}

.tiles-menu-buttons {
    clear: both;
    width: 100%;
    height: 19px;
    margin-bottom: 10px
}

.tiles-menu-buttons .tiles-menu-button {
    float: right;
    margin-left: 20px;
    padding-left: 25px;
    position: relative;
    color: gray;
    font-size: 11px;
    text-transform: uppercase;
    opacity: .7;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.tiles-menu-buttons .tiles-menu-button:hover {
    color: #c54141
}

.tiles-menu-buttons .tiles-menu-button:before {
    content: "";
    width: 20px;
    height: 19px;
    background-image: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/toggle.png);
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    left: 0
}

.tiles-menu-button.current {
    opacity: 1
}

.tiles-menu-button.blocks.current:before {
    background-position: 0 -38px
}

.tiles-menu-button.list:before {
    background-position: -42px 0
}

.tiles-menu-button.list.current:before {
    background-position: -42px -38px
}

.tiles-menu {
    width: 100%
}

.tiles-menu[data-visual=blocks-type] .tiles-menu-title {
    display: none
}

.tiles-menu[data-visual=blocks-type] .tiles-menu-row {
    width: 100%;
    margin-bottom: 15px
}

.tiles-menu[data-visual=blocks-type] .tiles-menu-column {
    width: 33.33%;
    float: left;
    box-sizing: border-box;
    padding-left: 5px
}

.tiles-menu[data-visual=blocks-type] .tiles-menu-column.first {
    padding-left: 0
}

.tiles-menu[data-visual=blocks-type] .tiles-menu-column a {
    display: block;
    margin-bottom: 5px;
    position: relative;
    color: #73808a;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Intro, Arial, Tahoma, sans-serif;
    font-weight: 500;
    box-sizing: border-box
}

.tiles-menu[data-visual=blocks-type] .tiles-menu-column a:hover {
    color: hsla(0, 0%, 100%, .7)
}

.tiles-menu[data-visual=blocks-type] .tiles-menu-column a span {
    margin: 20px 5px 10px 15px;
    display: inline-block
}

.tiles-menu[data-visual=blocks-type] a.tile-plate {
    height: 187px;
    color: #fff;
    z-index: 2;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.tiles-menu[data-visual=blocks-type] a.tile-plate:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/car-icon.png);
    background-repeat: no-repeat
}

.tiles-menu[data-visual=blocks-type] a.tile-smallplate {
    color: #73808a;
    background: #f5f5f5;
    height: 90px;
    font-size: 13px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.tiles-menu[data-visual=blocks-type] a.tile-smallplate:hover {
    color: #73808a;
    background: #e9eff1
}

.tiles-menu[data-visual=blocks-type] a.tile-miniplate {
    border-bottom: 2px solid #e4e4e2;
    min-height: 58px;
    padding: 20px 0 0 15px;
    font-size: 13px
}

.tiles-menu[data-visual=blocks-type] a.tile-miniplate:hover {
    color: #73808a;
    background: #e9eff1
}

.tiles-menu[data-visual=blocks-type] a.tile-miniplate:before {
    content: "";
    display: block;
    opacity: .3;
    position: absolute;
    top: 8px;
    right: 6px;
    background-image: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/car-icon.png);
    background-repeat: no-repeat;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    height: 42px;
    width: 60px
}

.tiles-menu[data-visual=blocks-type] a.tile-miniplate.window:before {
    background-position: -316px -33px
}

.tiles-menu[data-visual=blocks-type] a.tile-miniplate.t-oil:before {
    background-position: -312px -130px
}

.tiles-menu[data-visual=blocks-type] a.tile-miniplate.sto:before {
    background-position: -411px -233px
}

.tiles-menu[data-visual=blocks-type] a.tile-miniplate.fuse:before {
    background-position: -320px -333px
}

.tiles-menu[data-visual=blocks-type] a.tile-miniplate:hover:before {
    opacity: 1
}

.tiles-menu[data-visual=blocks-type] a.top-blue {
    border-top: 2px solid #89c1e1
}

.tiles-menu[data-visual=blocks-type] a.top-red {
    border-top: 2px solid #e1a0ae
}

.tiles-menu[data-visual=blocks-type] a.top-yellow {
    border-top: 2px solid #f7cf4f
}

.tiles-menu[data-visual=blocks-type] a.top-green {
    border-top: 2px solid #7bd6b4
}

.tiles-menu[data-visual=blocks-type] a.tile-smallplate:before {
    content: "";
    position: absolute;
    top: 20px;
    right: 15px;
    background-image: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/car-icon.png);
    background-repeat: no-repeat;
    opacity: .3;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    height: 58px;
    width: 66px
}

.tiles-menu[data-visual=blocks-type] a.tile-smallplate:hover:before {
    opacity: 1
}

.tiles-menu[data-visual=blocks-type] a.tile-smallplate.tech:before {
    background-position: -107px -26px
}

.tiles-menu[data-visual=blocks-type] a.tile-smallplate.catal:before {
    background-position: -201px -32px
}

.tiles-menu[data-visual=blocks-type] a.tile-smallplate.liquid:before {
    background-position: -117px -118px
}

.tiles-menu[data-visual=blocks-type] a.tile-smallplate.autocosm:before {
    background-position: -200px -130px
}

.tiles-menu[data-visual=blocks-type] a.tile-smallplate.tires:before {
    background-position: -112px -221px
}

.tiles-menu[data-visual=blocks-type] a.tile-smallplate.disks:before {
    background-position: -13px -224px
}

.tiles-menu[data-visual=blocks-type] a.tile-smallplate.lamp:before {
    background-position: -110px -320px
}

.tiles-menu[data-visual=blocks-type] a.tile-smallplate.videoreg:before {
    background-position: -220px -332px
}

.tiles-menu[data-visual=blocks-type] a.tile-plate.cat-icon {
    background: #4b89af
}

.tiles-menu[data-visual=blocks-type] a.tile-plate.cat-icon:hover {
    background: rgba(75, 137, 175, .85)
}

.tiles-menu[data-visual=blocks-type] a.tile-plate.cat-icon:before {
    width: 61px;
    height: 76px;
    margin: -38px 0 0 -30.5px;
    background-position: -18px -13px
}

.tiles-menu[data-visual=blocks-type] a.tile-plate.oil-icon {
    background: #c54661
}

.tiles-menu[data-visual=blocks-type] a.tile-plate.oil-icon:hover {
    background: rgba(197, 70, 97, .85)
}

.tiles-menu[data-visual=blocks-type] a.tile-plate.oil-icon:before {
    width: 51px;
    height: 76px;
    margin: -38px 0 0 -25.5px;
    background-position: -25px -108px
}

.tiles-menu[data-visual=blocks-type] a.tile-plate.acs-icon {
    background: #e8c03e
}

.tiles-menu[data-visual=blocks-type] a.tile-plate.acs-icon:hover {
    background: rgba(232, 192, 62, .85)
}

.tiles-menu[data-visual=blocks-type] a.tile-plate.acs-icon:before {
    width: 178px;
    height: 48px;
    margin: -24px 0 0 -89px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/acc-icon.png) no-repeat 0 0
}

.tiles-menu[data-visual=blocks-type] a.tile-plate.akkum-icon {
    background: #5bc19b
}

.tiles-menu[data-visual=blocks-type] a.tile-plate.akkum-icon:hover {
    background: rgba(91, 193, 155, .85)
}

.tiles-menu[data-visual=blocks-type] a.tile-plate.akkum-icon:before {
    width: 84px;
    height: 70px;
    margin: -42px 0 0 -35px;
    background-position: -9px -316px
}

.tiles-menu[data-visual=blocks-type] a.tipical-link {
    font-size: 11px;
    margin: 0 0 0 5px;
    color: #73808a;
    display: block;
    padding: 10px 15px;
    font-family: Intro, Arial, Tahoma, sans-serif;
    text-transform: uppercase
}

.tiles-menu[data-visual=blocks-type] a.tipical-link:hover {
    color: #73808a;
    background: #e9eff1
}

.tiles-menu[data-visual=list-type] .tiles-menu-row {
    width: 50%;
    float: left;
    margin-bottom: 20px
}

.tiles-menu[data-visual=list-type] .tiles-menu-title {
    display: block;
    font-size: 15px;
    padding-top: 10px;
    height: 30px;
    margin: 0;
    width: 100%;
    border-top: 2px solid;
    font-family: Intro, Arial, Tahoma, sans-serif;
    text-transform: uppercase;
    font-weight: 500
}

.tiles-menu[data-visual=list-type] .tiles-menu-title.zapch {
    border-color: #258cc8
}

.tiles-menu[data-visual=list-type] .tiles-menu-title.autochem {
    border-color: #c54661
}

.tiles-menu[data-visual=list-type] .tiles-menu-title.prinad {
    border-color: #e8c03e
}

.tiles-menu[data-visual=list-type] .tiles-menu-title.electr {
    border-color: #5bc19b
}

.tiles-menu[data-visual=list-type] .tiles-menu-row a {
    float: left;
    clear: both;
    font-size: 14px;
    line-height: 27px
}

.tiles-menu[data-visual=list-type] .tiles-menu-row a:hover {
    color: #c54141
}

.tiles-menu[data-visual=list-type] .popular-products-holder, .tiles-menu[data-visual=list-type] .you-watch-holder {
    display: none
}

.popular-products-holder, .you-watch-holder {
    margin-bottom: 15px;
    clear: both
}

.popular-products-title, .you-watch-title {
    color: #bdbdbd;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase
}

.you-watch-title {
    color: #c54141;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/wave.png) repeat-x;
    padding-top: 15px
}

.popular-products, .you-watch-products {
    height: 159px;
    overflow: hidden;
    -webkit-transition: height .3s ease;
    transition: height .3s ease
}

.popular-products.pop-small {
    height: 249px
}

.you-watch-products.you-small {
    height: 219px
}

.popular-products-expander, .you-watch-expander {
    margin-top: 15px
}

.popular-products-expander .expander, .you-watch-expander .expander {
    float: right;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    color: gray
}

.popular-products-expander .expander:hover, .you-watch-expander .expander:hover {
    color: #c54141
}

.popular-products-item {
    float: left;
    width: 33.33%;
    display: block;
    padding: 30px 0;
    position: relative;
    overflow: hidden;
    box-shadow: inset -1px -1px 0 0 #e4e4e2
}

.popular-products-item:nth-child(3n) {
    box-shadow: inset 0 -1px 0 0 #e4e4e2
}

.popular-products-item .popular-item-image {
    height: 100px;
    text-align: center;
    line-height: 100px;
    position: relative;
    z-index: 1
}

.popular-products-item .popular-item-image img {
    max-height: 100px;
    vertical-align: middle
}

.popular-products-item .popular-item-price {
    height: 93px;
    position: absolute;
    z-index: 2;
    bottom: -93px;
    width: 100%;
    background: rgba(233, 239, 241, .9);
    opacity: 0;
    -webkit-transition: bottom .3s ease, opacity .5s ease-in-out;
    transition: bottom .3s ease, opacity .5s ease-in-out
}

.popular-products-item:hover .popular-item-price {
    opacity: 1;
    bottom: 0
}

.popular-item-price .popular-item-desc {
    padding: 15px 0 25px 15px;
    color: gray;
    font-size: 14px;
    height: 23px;
    overflow: hidden
}

.popular-item-price .popular-item-value {
    float: right;
    padding-right: 15px;
    color: #c54141;
    font-size: 19px
}

.popular-item-price .popular-item-value span {
    font-weight: 500
}

.news-block-holder {
    padding-top: 35px;
    position: relative;
    padding-bottom: 20px
}

.news-block-holder .news-readall {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 12px;
    text-transform: uppercase;
    color: gray
}

.news-block-holder .news-readall:hover {
    color: #c54141
}

.news-block-switch {
    margin-bottom: 10px;
    font-size: 16px;
    padding-bottom: 10px
}

.news-block-switch li {
    float: left;
    margin-left: 30px
}

.news-block-switch li:first-child {
    margin-left: 0
}

.news-block-switch li a {
    border-bottom: 3px solid;
    border-bottom-color: #e4e4e2;
    -webkit-transition: border-bottom-color .3s ease;
    transition: border-bottom-color .3s ease
}

.news-block-switch li a:hover {
    border-bottom-color: rgba(230, 122, 125, .6)
}

.news-block-switch li a.current {
    border-bottom-color: #e67a7d
}

.news-row-holder {
    float: none;
    clear: both
}

.news-row-holder .news-row-item {
    width: 46%;
    padding: 8px 4% 10px 0;
    margin-bottom: 5px;
    float: left;
    display: block;
    color: #363636
}

.news-row-item:hover {
    color: #518a9c
}

.news-row-item span {
    font-size: 11px;
    color: #c54141;
    font-weight: 500;
    float: left;
    margin-right: 5px;
    display: inline-block
}

.bread-crumb-holder {
    margin-bottom: 10px;
    white-space: nowrap
}

.bread-crumb-holder, .bread-crumb li {
    overflow: hidden;
    text-overflow: ellipsis
}

.bread-crumb li {
    position: relative;
    display: inline-block;
    padding-left: 14px;
    color: gray;
    margin-right: 8px;
    vertical-align: middle
}

.bread-crumb li:before {
    content: "";
    position: absolute;
    display: block;
    width: 7px;
    height: 8px;
    top: 6px;
    left: 0;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/bread-crumb.png) no-repeat
}

.bread-crumb li:first-child {
    padding-left: 0
}

.bread-crumb li:first-child:before {
    display: none
}

.home-crumb {
    display: block;
    width: 15px;
    height: 15px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/home-crumb.png) no-repeat;
    opacity: .7;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.home-crumb:hover {
    opacity: 1
}

.bread-crumb li a:hover {
    color: #c54141
}

.registration-radio-switch {
    margin-bottom: 10px
}

.registration-radio-switch label {
    cursor: pointer
}

.registration-radio-switch label:hover {
    color: #267bbb
}

.registration-radio-switch label.reg-radio-item {
    margin-left: 30px
}

.registration-holder {
    margin-bottom: 20px
}

.registration-column {
    float: left;
    width: 50%
}

.reg-row {
    margin-bottom: 9px
}

.reg-row-title {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/dots.gif) repeat-x bottom;
    width: 200px;
    float: left;
    position: relative;
    font-size: 12px;
    color: gray;
    line-height: 27px
}

.reg-row-title .reg-row-text {
    display: inline-block;
    height: 27px;
    position: relative;
    top: 5px;
    left: 0;
    background: #fff;
    padding-right: 3px
}

.reg-row-input {
    width: 180px;
    float: left;
    margin-left: 3px
}

.reg-row-input input, .reg-row-input select {
    border: 1px solid #c9d2db;
    border-radius: 2px;
    height: 25px;
    max-width: 100%;
    outline: 0 none;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease
}

.reg-row-input input:focus, .reg-row-input select:focus {
    border-color: #7f9db9
}

.reg-row-input select {
    height: 27px
}

.reg-row-input input {
    padding: 0 0 0 4px;
    width: 174px
}

.reg-row-input select.reg-row-country {
    float: left;
    width: 55px
}

.reg-row-input input.reg-row-city {
    float: left;
    margin-left: 9px;
    width: 110px
}

.reg-drop-holder {
    position: relative
}

.reg-drop-holder .red-drop-city {
    position: absolute;
    top: 37px;
    opacity: 0;
    -webkit-transition: opacity .2s ease, top .35s ease-in-out;
    transition: opacity .2s ease, top .35s ease-in-out;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .2);
    width: 400px;
    visibility: hidden
}

.reg-drop-holder .red-drop-city.show-city {
    top: 27px;
    opacity: 1;
    visibility: visible
}

.reg-address-option {
    border-bottom: 1px solid #e4e4e2;
    padding: 5px;
    line-height: 25px;
    cursor: pointer;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.reg-address-option:hover {
    background: #c6d3de
}

.reg-address-option span {
    font-weight: 500
}

.reg-address-option em {
    color: #12ad12
}

.reg-drop-holder:after {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 6px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/arr.png) no-repeat 0 -16px;
    right: 5px;
    top: 11px
}

.reg-drop-holder:hover:after {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/arr.png) no-repeat 0 0
}

#reg-drop {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.reg-row-text i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/tip.png) no-repeat;
    cursor: pointer;
    opacity: .7;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    margin: 0 0 0 3px
}

.reg-row-text i:hover {
    opacity: 1
}

.reg-map-holder {
    height: 316px;
    border: 4px solid #e4e4e2
}

.reg-form-submit {
    display: inline-block;
    height: 40px;
    padding: 0 15px;
    background: #73a2b9;
    border-radius: 2px;
    line-height: 40px;
    border: none;
    color: #fff;
    cursor: pointer;
    width: 180px;
    opacity: .9;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    font-size: 14px
}

.reg-form-submit:hover {
    opacity: 1
}

.reg-form-agreement {
    margin-bottom: 10px
}

.reg-form-agreement.small {
    color: gray;
    font-size: 11px
}

.bread-crumb-holder {
    overflow: hidden
}

.bread-crumb {
    float: left;
    margin-bottom: 0
}

.bred-crimb-help {
    float: right
}

.bred-crimb-help:hover {
    color: #c54141
}

.bred-crimb-help i {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons2.png) -32px top no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 4px
}

.profile-holder {
    width: 100%
}

.profile-main-block {
    width: 100%;
    margin-bottom: 5px;
    padding-bottom: 5px
}

.profile-main-pic {
    width: 36%;
    margin-right: 2%;
    zoom: 1;
    float: left
}

.user-avatar {
    float: left;
    display: block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border: 2px solid #e4e4e2;
    border-radius: 50px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/no-ava.png) no-repeat 50%;
    background-size: 105%
}

.user-avatar img {
    width: 50px
}

.user-info {
    float: left;
    margin-left: 15px;
    color: gray
}

.user-info a:hover {
    color: #c54141
}

.user-info .user-name {
    font-weight: 500;
    margin-bottom: 5px
}

.user-setting {
    text-transform: uppercase;
    padding-right: 21px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/setting.png) no-repeat 100%
}

.profile-column-left {
    width: 75%;
    float: left
}

.profile-subcolumn {
    float: left
}

.profile-subcolumn.lft {
    width: 48%;
    margin-right: 2%
}

.profile-subcolumn.rgt {
    float: left;
    width: 49%
}

.profile-item {
    width: 94%;
    height: 75px;
    margin: 0 0 10px;
    padding: 10px 3%;
    color: gray
}

.profile-item .profile-item-title {
    line-height: 30px;
    padding-left: 40px;
    background-image: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/profile-icons.png);
    background-repeat: no-repeat;
    height: 30px;
    display: inline-block;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 17px
}

.profile-item .profile-item-title:hover {
    color: #c54141
}

.profile-item .profile-item-title.pic-cart {
    background-position: 0 -60px
}

.profile-item .profile-item-title.pic-garage {
    background-position: 0 -120px
}

.profile-item .profile-item-title.pic-note {
    background-position: 0 -180px
}

.profile-item .profile-item-title.pic-order {
    background-position: 0 -90px
}

.profile-item .profile-item-title.pic-feedback {
    background-position: 0 -150px
}

.profile-item .profile-item-title.pic-pay {
    background-position: 0 -240px
}

.profile-item .profile-item-title.pic-profile {
    background-position: 0 -390px
}

.profile-item .profile-item-title.pic-friends {
    background-position: 0 0
}

.profile-item .profile-item-title.pic-address {
    background-position: 0 -300px
}

.profile-item .profile-item-title.pic-feed {
    background-position: 0 -210px
}

.profile-item .profile-item-text {
    padding-left: 40px
}

.profile-subcolumn-wide {
    background: #f5f5f5;
    margin: 0;
    padding-left: 2%;
    width: 97%;
    clear: both
}

.subcolumn-wide-title {
    padding: 15px 0 10px
}

.wide-title-text {
    float: left;
    text-transform: uppercase;
    color: #c54141;
    font-size: 15px;
    font-weight: 500
}

.subcolumn-wide-title .user-setting {
    float: right;
    margin-right: 20px
}

.profile-subcolumn-wide .profile-item {
    float: left;
    width: 44%
}

.profile-column-right {
    width: 24%;
    float: right
}

.profile-right-plate {
    padding: 5px 5% 15px;
    margin: 0 0 10px;
    border: 1px solid #e5e3d2;
    color: #363636;
    position: relative
}

.profile-right-plate.blue {
    background: #e9f1f9
}

.profile-right-plate.brown {
    background: #f3f2e9
}

.profile-plate-title {
    font-size: 13px;
    padding: 5px 0;
    font-weight: 500;
    text-transform: uppercase;
    color: #c54141
}

.profile-plate-subtitle {
    font-weight: 500;
    margin-bottom: 5px
}

.phone-number {
    padding: 0 0 0 25px;
    font-size: 15px;
    height: 45px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) -10px -450px no-repeat;
    margin-left: 20px
}

.clock-work-time, .phone-number {
    float: left;
    color: #fff;
    line-height: 45px
}

.clock-work-time {
    margin-left: 10px;
    cursor: pointer;
    background: none;
    position: relative;
    padding-right: 15px
}

.clock-work-time .clock-cross {
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 7px;
    height: 7px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) 0 0 no-repeat
}

.clock-work-time.shut {
    width: 30px;
    height: 45px;
    background: #52585b url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) -8px -90px no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    padding: 0
}

.clock-work-time.shut .clock-cross {
    display: none
}

.settings-holder {
    padding-bottom: 30px
}

.settings-column {
    float: left;
    width: 49%;
    margin-left: 2%
}

.settings-column:first-child {
    margin-left: 0
}

.profile-settings-info {
    padding: 15px 15px 35px;
    text-align: center;
    background: #e7edef
}

.profile-settings-avatar {
    display: block;
    margin: 0 auto 10px;
    width: 80px;
    height: 80px;
    border: 2px solid #d5d5d5;
    border-radius: 50px;
    overflow: hidden;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/no-ava.png) #fff 50%
}

.profile-settings-name {
    font-size: 20px;
    font-weight: 500;
    color: #687277
}

.settings-title {
    padding: 15px 0 10px;
    color: #363636;
    font-weight: 500;
    font-size: 1.2em;
    text-transform: uppercase
}

.settings-row {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 20px
}

.settings-row .reg-row-text {
    text-transform: none
}

.settings-row-value {
    float: left;
    padding-top: 4px
}

.setting-edit-button {
    display: inline-block;
    background: #ebeeef;
    padding: 6px 14px;
    border-radius: 2px;
    color: #636262;
    cursor: pointer;
    margin-bottom: 10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.main-content .setting-edit-button:hover {
    opacity: .8;
    color: #636262
}

.catalog-dropdown-block, .garage-dropdown-block {
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .2)
}

.garage-button.curr {
    display: none
}

.find-ts {
    float: left;
    position: relative;
    margin-left: 10px
}

.find-ts .garage-ts-search {
    height: 29px;
    border: 1px solid #c3c3c3;
    border-radius: 25px;
    width: 200px;
    padding: 0 40px 0 20px;
    background: #f9f8f8;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-sizing: border-box;
    font-size: 13px;
    float: left;
    margin-top: 3px;
    outline: 0 none
}

.garage-ts-submit {
    cursor: pointer;
    position: absolute;
    width: 25px;
    height: 27px;
    right: 6px;
    top: 3px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) -11px -1403px no-repeat;
    border: none;
    outline: 0 none
}

.garage-dropdown-body a.add-ts {
    display: block;
    color: #fff;
    text-align: center;
    background-color: #69c6a0;
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.garage-dropdown-body a.add-ts:hover {
    opacity: .8;
    color: #fff
}

.ts-item {
    display: block;
    margin-bottom: 10px;
    cursor: pointer
}

.ts-item.this {
    border: 3px solid #fae3bb
}

.ts-item-car {
    float: left;
    width: 100px;
    margin-right: 10px;
    display: block
}

.ts-item-info {
    float: left
}

.ts-item-model {
    font-size: 12px;
    color: gray
}

.my-auto-holder, .my-auto-top {
    margin-bottom: 20px
}

.my-auto-name, .my-auto-year {
    display: inline-block;
    font-size: 18px
}

.my-auto-year {
    margin: 0 5px 0 10px;
    color: gray
}

.my-auto-tool {
    display: inline-block;
    margin-right: 15px;
    width: 22px;
    height: 22px;
    position: relative
}

.my-auto-tool.change {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/refresh.png) no-repeat 50%
}

.my-auto-tool.close:before {
    content: "\F00D";
    color: rgba(0, 0, 0, .6);
    -webkit-transition: color .3s;
    transition: color .3s;
    font: 20px FontAwesome
}

.my-auto-tool.close:hover:before {
    color: #000
}

.my-auto-tool .my-auto-tip {
    position: absolute;
    padding: 2px 10px;
    color: #fff;
    font-size: 11px;
    background: #363636;
    left: 0;
    top: -30px;
    display: none;
    text-align: center
}

.my-auto-tool.change .my-auto-tip {
    width: 140px
}

.my-auto-tool.close .my-auto-tip {
    width: 100px
}

.my-auto-tool .my-auto-tip:after {
    content: "";
    display: block;
    position: absolute;
    border-color: #363636 transparent transparent;
    border-width: 6px;
    border-style: solid;
    bottom: -12px;
    left: 7px
}

.my-auto-tool:hover .my-auto-tip {
    display: block
}

.my-auto-main {
    width: 100%
}

.my-auto-img {
    float: left;
    width: 34%
}

.my-auto-img img {
    width: 200px
}

.my-auto-links {
    float: left;
    width: 33%
}

.my-auto-links li {
    margin-bottom: 10px
}

.my-auto-links li a, .my-auto-links li button {
    padding-left: 27px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/main-links-icons.png) no-repeat;
    display: inline-block;
    height: 20px
}

.my-auto-links li .src {
    background-position: 0 0
}

.my-auto-links li .not {
    background-position: 0 -64px
}

.my-auto-links li .jou {
    background-position: 0 -24px
}

.my-auto-links li .for {
    background-position: 0 -44px
}

.my-auto-links li .onl {
    background-position: 0 -145px
}

.reg-form-holder {
    margin: 20px auto 0;
    width: 340px;
    background: #f5f5f5;
    padding: 15px 30px 25px 20px;
    position: relative
}

.reg-form-holder .bottom-shadow, .reg-form-holder .right-shadow {
    position: absolute;
    background: #bfc5c8;
    overflow: hidden
}

.reg-form-holder .right-shadow {
    width: 10px;
    right: 0;
    top: 0;
    bottom: 0
}

.reg-form-holder .bottom-shadow {
    width: 100%;
    left: 0;
    height: 10px;
    bottom: 0
}

.reg-form-holder .bottom-shadow:after, .reg-form-holder .right-shadow:after {
    content: "";
    position: absolute;
    border-width: 5px;
    border-style: solid
}

.reg-form-holder .right-shadow:after {
    border-color: #fff #fff #bfc5c8 #bfc5c8
}

.reg-form-holder .bottom-shadow:after {
    border-color: #bfc5c8 #bfc5c8 #fff #fff
}

.reg-form-title {
    margin-bottom: 20px;
    line-height: 28px
}

.reg-title {
    text-transform: uppercase;
    font-size: 18px;
    float: left;
    padding-left: 38px;
    color: #363636;
    font-weight: 500;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) no-repeat -9px -637px
}

.reg-form-input {
    position: relative;
    margin-bottom: 10px;
    padding-left: 38px
}

.reg-form-input input {
    width: 295px;
    height: 40px;
    margin: 0;
    border: 1px solid #c9d2db;
    outline: none;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease;
    padding: 0 0 0 4px;
    border-radius: 2px;
    line-height: 20px
}

.reg-form-input input:focus {
    border-color: #7f9db9
}

.reg-form-input a {
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: gray;
    font-size: 12px;
    opacity: .8
}

.main-content .reg-form-input a:hover {
    opacity: 1;
    color: gray
}

.reg-form-bottom {
    padding-left: 38px;
    line-height: 40px
}

.reg-form-submit {
    display: inline-block;
    height: 40px;
    padding: 0 15px;
    background: #73a2b9;
    border-radius: 2px;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    float: right;
    width: 70px
}

.reg-form-submit:hover {
    opacity: .9
}

.exit-holder {
    padding-bottom: 50px
}

.exit-holder h2 {
    color: #c54141;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-top: 35px;
    font-size: 15px
}

.exit-holder a {
    text-decoration: underline
}

.exit-img {
    float: left;
    width: 145px;
    zoom: .7
}

.exit-left {
    float: left;
    width: 70%
}

.reg-success {
    width: 100%;
    padding: 20px 0;
    margin: 20px 0 25px;
    background: #d8efe5;
    position: relative;
    text-align: center
}

.reg-success:after, .reg-success:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 13px;
    background-repeat: repeat-x;
    background-position: 0 0;
    left: 0
}

.reg-success:before {
    top: -7px;
    background-image: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/wave-top.png)
}

.reg-success:after {
    bottom: -7px;
    background-image: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/wave-bottom.png)
}

.reg-success-img {
    display: inline-block;
    position: relative;
    text-align: left
}

.reg-success-img:before {
    content: "";
    display: block;
    position: absolute;
    width: 86px;
    height: 129px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/success.png) no-repeat;
    top: 0;
    left: -106px
}

.reg-success-title {
    font-size: 18px;
    font-weight: 500;
    color: #363636;
    line-height: 25px;
    margin: 0 0 10px;
    text-transform: uppercase
}

.reg-success-alert {
    color: #c54141;
    text-align: center;
    margin-bottom: 10px
}

.success-btn {
    font-family: Intro, Arial, Tahoma, sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    display: inline-block;
    border: 3px solid #518a9c;
    color: #518a9c;
    width: 80px;
    height: 30px;
    line-height: 30px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin-top: 15px;
    font-weight: 500
}

.success-btn:hover {
    background: #518a9c;
    color: #fff !important
}

.tipical-red-title {
    font-size: 15px;
    font-weight: 500;
    color: #c54141;
    padding: 15px 0 10px;
    text-transform: uppercase
}

.reg-success-feature {
    margin-bottom: 30px;
    overflow: hidden;
    display: table
}

.success-img-holder {
    display: table-cell;
    width: 315px;
    text-align: center;
    vertical-align: middle
}

.success-feature-text {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding-left: 30px
}

.success-feature-title {
    font-family: Intro, Arial, Tahoma, sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: inline-block;
    margin-left: 15px;
    font-weight: 500
}

.change-form {
    padding-top: 10px
}

.change-form .reg-row-text {
    text-transform: none;
    background: #f5f5f5;
    color: #000
}

.reg-alert {
    color: gray
}

.change-form .reg-form-submit {
    float: left;
    width: auto
}

.change-form.client .reg-row-text {
    background: #fff
}

.change-form.client .reg-row-input {
    width: auto
}

#change-phone {
    margin-left: 5px
}

.ph-country input.reg-row-city {
    margin: 10px 0 0;
    padding-left: 60px;
    width: 120px
}

.ph-country {
    position: relative
}

.ph-flag {
    position: absolute;
    line-height: 27px;
    width: 20px;
    padding-left: 35px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/ru.gif) no-repeat 10px;
    top: 10px;
    left: 0
}

#choose-region .reg-row-input select {
    width: 170px
}

.popup-alert {
    background-color: #e4e4e2;
    padding: 5px;
    border-radius: 5px;
    margin: 10px 0;
    max-width: 500px
}

.pop-reg-bottom {
    line-height: 40px
}

.pop-reg-bottom input {
    float: left;
    margin-right: 50px
}

.change-office-plate {
    padding-top: 25px;
    margin-bottom: 10px
}

.change-plate-title {
    color: #c54141;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 10px;
    overflow: hidden
}

.change-plate {
    border-radius: 5px;
    border: 1px solid #e4e4e2;
    background: #f9f9f9;
    padding: 15px
}

.my-region {
    color: gray
}

.my-region li {
    line-height: 20px
}

.my-region li .my-region-name {
    font-weight: 500;
    color: #000;
    border-bottom: 2px solid #fae3bb
}

.ch-region {
    border-bottom: 1px dotted #256892;
    display: inline-block;
    margin: 0 5px 0 15px
}

.ch-region:hover {
    border-bottom: 1px dotted #c54141
}

.my-offices {
    width: 100%
}

.my-offices li {
    padding: 10px;
    border-radius: 3px;
    border-top: 1px solid #e4e4e2
}

.my-offices li:first-child {
    border-top: none
}

.my-offices li.open {
    background: #ffecb4
}

.my-offices-item label {
    float: left;
    cursor: pointer
}

.my-offices-item label:hover {
    color: #256892
}

.my-offices-item .self-delivery {
    display: inline-block;
    font-size: 13px;
    margin-right: 5px;
    float: right;
    background: #e6f3ee;
    padding: 0 5px;
    cursor: default
}

.my-office-descr {
    padding: 10px;
    background: #cae9e2;
    margin-top: 10px
}

.offices-map {
    display: inline-block;
    padding-left: 26px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/map.png) no-repeat 0;
    text-transform: none;
    font-size: 16px;
    margin-left: 30px;
    font-weight: 400
}

body .fancybox-close {
    right: 10px;
    top: 10px;
    width: 15px;
    height: 15px;
    text-decoration: none;
    background: none
}

body .fancybox-close:before {
    content: "\F00D";
    color: rgba(0, 0, 0, .6);
    -webkit-transition: color .3s;
    transition: color .3s;
    font: 20px FontAwesome
}

body .fancybox-close:hover {
    text-decoration: none
}

body .fancybox-close:hover:before {
    text-decoration: none;
    color: #000
}

body .fancybox-skin {
    border-radius: 0;
    background: #fff;
    padding-top: 30px !important
}

.popup-title {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    margin: 20px 0 10px
}

.offices-map-holder {
    border: 4px solid #e4e4e2;
    height: 268px
}

.view-all-adresses {
    float: right;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    padding-left: 15px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/y-map.png) no-repeat 0;
    margin-top: 5px
}

.club-profile-user {
    margin-bottom: 30px
}

.club-profile-avatar {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/no-ava.png) no-repeat
}

.club-profile-avatar, .no-avatar {
    float: left;
    width: 72px;
    height: 80px;
    margin: 0 25px 25px 0
}

.geen-btn {
    background: #83b880;
    color: #fff;
    padding: 10px 14px;
    display: inline-block;
    border-radius: 2px
}

body a.geen-btn:hover {
    background: #91ca71;
    color: #fff
}

.club-profile .reg-row-title {
    width: 400px;
    font-size: 14px
}

.reg-row-input {
    position: relative;
    width: 300px
}

.club-profile .reg-row-text {
    color: #000;
    text-transform: none
}

.club-profile .reg-form-submit {
    float: none;
    width: auto
}

.club-profile .reg-row-input select {
    float: left;
    width: 110px;
    cursor: pointer
}

.reg-row-tip {
    float: left;
    margin: 5px 0 0 10px;
    width: 16px;
    height: 16px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/tip.png) no-repeat;
    cursor: pointer;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    position: relative
}

.reg-row-tip:hover {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/tip_h.png) no-repeat
}

.reg-tip-text {
    display: none;
    background: #f9f9f9;
    border: 1px solid #d2d2d2;
    box-shadow: 0 0 13px -3px rgba(0, 0, 0, .4);
    color: #4d6280;
    font-size: 12px;
    height: auto;
    top: 15px;
    max-width: 300px;
    padding: 10px;
    position: absolute;
    z-index: 8;
    min-width: 190px;
    left: 0;
    line-height: normal;
    cursor: text
}

.reg-row-tip:hover .reg-tip-text {
    display: block
}

.club-expander-block {
    max-height: 45px;
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.club-expander-block.open {
    max-height: 1000px;
    overflow: visible
}

.club-expander-title {
    line-height: 45px;
    padding-left: 15px;
    color: #0d5891;
    font-size: 18px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/t-down.png) no-repeat 0;
    cursor: pointer;
    display: inline-block
}

.club-expander-title:hover {
    color: #267bbb
}

.club-expander-block.open .club-expander-title {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/t-up.png) no-repeat 0
}

.confirmation {
    margin-bottom: 10px
}

.confirmation input {
    width: auto;
    margin-top: 6px
}

.change-avatar-bottom {
    padding-top: 10px
}

.change-avatar-bottom .reg-form-submit {
    float: right;
    width: auto
}

#drop_zone {
    width: 95%;
    min-height: 95px;
    min-width: 300px;
    max-height: 497px;
    border: 1px dashed #e4e4e2;
    margin: 10px 0;
    padding: 10px 2%
}

.delivery-addresses-holder {
    padding-top: 15px
}

.address-item {
    margin-bottom: 10px
}

.address-item-link {
    font-size: 15px;
    display: block;
    color: #363636;
    float: left;
    margin-right: 15px
}

body a.address-item-link:hover {
    color: #363636
}

.address-item-link i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/radio.png) no-repeat;
    margin-bottom: -3px;
    margin-right: 3px
}

.address-item-link:hover i {
    background-position: 0 -20px
}

.address-item-link.checked {
    font-weight: 500
}

.address-item-link.checked i {
    background-position: 0 -40px
}

.delete-btn {
    display: block;
    float: left;
    padding-left: 15px;
    font-size: 14px;
    font-style: italic;
    color: gray;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/del.png) 0 4px no-repeat;
    margin-top: 3px
}

.delete-btn:hover {
    opacity: .8;
    color: gray
}

.add-address-btn {
    display: inline-block;
    padding-left: 27px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/add2.png) no-repeat;
    line-height: 22px
}

.add-address-row {
    margin-bottom: 10px
}

.add-address-inp {
    margin-left: 15px;
    float: left
}

.add-address-inp:first-child {
    margin-left: 0
}

.add-address-inp label {
    display: block;
    text-transform: uppercase;
    color: gray;
    font-size: 12px
}

.add-address-inp input[type=text], .add-address-inp select, .add-address-inp textarea {
    border: 1px solid #c9d2db;
    height: 25px;
    line-height: 20px;
    margin: 0;
    outline: none;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease;
    padding: 0 0 0 4px;
    border-radius: 2px
}

.add-address-inp input {
    width: 50px
}

.add-address-inp textarea {
    height: 90px;
    width: 413px
}

.add-address-inp input:focus, .add-address-inp select:focus, .add-address-inp textarea:focus {
    border-color: 1px solid #7f9db9
}

.add-address-inp select {
    height: 27px
}

.add-address-row .reg-form-submit {
    width: auto
}

.drop-select-holder {
    width: 120px;
    float: left;
    margin: 0 10px;
    position: relative
}

.drop-select-holder:first-child {
    margin-left: 0
}

.drop-select {
    position: relative;
    width: 108px;
    padding: 2px 5px;
    border-radius: 2px;
    border: 1px solid #c9d2db;
    height: 21px;
    overflow: hidden;
    cursor: pointer;
    background: #fff
}

.drop-select .ds-arr {
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 8px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) no-repeat -33px -425px;
    right: 5px;
    top: 8px;
    margin-left: 5px
}

.drop-select-down {
    position: absolute;
    top: 37px;
    width: 110px;
    padding: 5px;
    background: #fff;
    -webkit-transition: bottom .3s ease-in-out;
    transition: bottom .3s ease-in-out;
    display: none;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .2);
    z-index: 1
}

.drop-select-holder.drp .drop-select-down {
    top: 27px;
    display: block
}

.drop-select-down input {
    width: auto;
    height: auto
}

.drop-select-down label {
    width: 100%;
    display: block;
    margin-bottom: 3px;
    cursor: pointer
}

.stocks-crumbs {
    width: 100%
}

.stocks-crumbs a {
    display: block;
    float: left;
    border-bottom: 1px dotted #256892;
    position: relative;
    margin: 0 10px 5px 15px
}

.stocks-crumbs a:hover {
    border-bottom-color: #c54141
}

.stocks-crumbs a:before {
    content: "";
    width: 9px;
    height: 9px;
    display: block;
    position: absolute;
    left: -14px;
    top: 7px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/t-up.png) no-repeat;
    opacity: .3
}

.simple-plate-holder {
    margin-bottom: 10px
}

.simple-plate-title {
    font-weight: 500;
    padding: 15px 0 10px;
    font-size: 15px;
    text-transform: uppercase;
    color: #c54141
}

.simple-plate {
    padding: 15px;
    border: 1px solid #e4e4e2;
    border-radius: 5px
}

.simple-plate ul li {
    float: left;
    width: 50%;
    padding: 5px 0
}

.stock-main-holder {
    width: 100%
}

.stock-main {
    width: calc(66.6% - 60px);
    padding: 20px;
    float: left;
    background: #f5f5f5;
    position: relative;
    margin-bottom: 20px
}

.all-stocks {
    width: calc(100% - 220px);
    position: absolute;
    bottom: 20px;
    right: 20px
}

.stick-img {
    float: left;
    width: 150px;
    height: 150px;
    border-radius: 160px;
    margin-right: 15px;
    border: 5px solid #ededed;
    overflow: hidden;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/stock.png) no-repeat 0 0
}

.stock-description {
    float: left;
    color: gray;
    font-size: 15px
}

.stock-title {
    font-size: 21px;
    margin-bottom: 10px;
    color: #000
}

.stock-description p {
    margin-bottom: 5px
}

.stock-files {
    width: calc(33.3% - 20px);
    margin: 0 0 20px 20px;
    float: left
}

.stock-files li {
    font-size: 16px;
    color: gray;
    margin-bottom: 10px;
    line-height: 40px
}

.stock-files li a {
    padding-left: 50px;
    position: relative;
    display: inline-block
}

.stock-files li a:before {
    content: "";
    width: 40px;
    height: 40px;
    display: block;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/fmt.png) no-repeat;
    position: absolute;
    top: 0;
    left: 0
}

.stock-files li a.csv:before {
    background-position: 0 0
}

.stock-files li a.exc:before {
    background-position: -40px 0
}

.stock-files li a.jso:before {
    background-position: -80px 0
}

.stock-features-holder {
    width: 100%
}

.stock-feature {
    display: block;
    width: 32%;
    height: 270px;
    box-shadow: inset 0 0 0 1px #e4e4e2, 0 0 2px 2px #f3f3f3;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    margin-left: 2%;
    float: left
}

.stock-feature:first-child {
    margin-left: 0
}

.stock-feature:hover {
    background: #eee
}

.stock-feature-img {
    width: 150px;
    height: 150px;
    border-radius: 150px;
    margin: 15px auto 20px
}

.stock-feature-img.opt {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/stock.png) no-repeat -150px 0
}

.stock-feature-img.pos {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/stock.png) no-repeat -300px 0
}

.stock-feature-img.int {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/stock.png) no-repeat -450px 0
}

.stock-feature-title {
    text-align: center;
    font-size: 20px;
    margin-bottom: 10px
}

.stock-feature-text {
    padding: 0 20px;
    color: gray
}

.textRedB {
    background: #fff5ea;
    display: block;
    padding: 10px;
    border-radius: 5px;
    border: 2px dashed #efb06f
}

.contract-type {
    padding: 15px 0 30px
}

.contract-type .contract-type-item {
    float: left;
    width: 47%;
    position: relative
}

.contract-type .contract-type-item.fiz-l {
    padding-right: 3%
}

.contract-type .contract-type-item.fiz-l:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border-left: 1px solid #e4e4e2
}

.contract-type .contract-type-item.yr-l {
    padding-left: 3%
}

.contract-type-item .contract-item-text {
    min-height: 100px;
    color: gray
}

.contract-type-item .contract-type-button {
    text-align: center
}

.contract-type-item .contract-type-button a {
    font-size: 18px;
    color: gray;
    display: inline-block;
    background: #fff;
    border: 2px solid;
    padding: 0 20px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 10px
}

.fiz-l .contract-type-button a {
    border-color: #73a2b9
}

.fiz-l .contract-type-button a:hover {
    background: #73a2b9;
    color: #fff
}

.yr-l .contract-type-button a {
    border-color: #f0ca5a
}

.yr-l .contract-type-button a:hover {
    background: #f0ca5a;
    color: #fff
}

.main-car-holder {
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e2
}

.main-car-holder .main-car-image {
    float: left;
    width: 200px
}

.main-car-image img {
    margin-bottom: 5px
}

.main-car-image .add-garage {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 33px;
    height: 33px;
    background: #69c6a0;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 11px;
    border-radius: 2px
}

.main-car-image .add-garage:hover {
    background: #58b992;
    color: #fff
}

.add-garage span {
    font-size: 16px;
    line-height: 33px;
    padding-right: 5px
}

.main-car-description {
    width: 100%;
    float: left;
    font-size: 12px;
    word-wrap: break-word
}

.main-car-description .main-car-title {
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    margin-bottom: 5px
}

.main-car-links {
    padding-top: 10px;
    border-bottom: 1px solid #e4e4e2
}

.main-car-links .my-auto-links {
    width: 50%
}

.main-car-bottom {
    padding-top: 10px
}

.main-car-bottom ul {
    width: 46%;
    float: left;
    list-style-type: disc;
    margin-left: 4%
}

.main-car-bottom ul li {
    margin-bottom: 5px
}

.content-section {
    padding-bottom: 30px;
    overflow: hidden
}

.content-section-left {
    float: left;
    width: 270px
}

.content-section-right em {
    font-style: italic
}

.content-section-right ol {
    list-style-type: decimal
}

.content-section h2 {
    font-size: 15px;
    color: #c54141;
    padding: 15px 0 10px;
    text-transform: uppercase
}

.content-section p {
    margin-bottom: 3px
}

.left-subtitle {
    font-weight: 500
}

.left-sublist, .left-subtitle {
    margin-bottom: 5px
}

.left-sublist li a {
    display: block;
    padding: 7px 6%;
    width: 88%
}

.left-sublist li a:hover {
    background: #f5f5f5
}

.left-sublist li a.current {
    background: #fae3bb;
    color: #000
}

.content-ul {
    margin-left: 20px;
    list-style-type: disc
}

.tbl td {
    height: 25px;
    border-bottom: 1px solid #e4e4e2;
    vertical-align: top;
    padding: 4px
}

.tbl tr:nth-child(2n-1):hover {
    background: rgba(80, 80, 80, .1)
}

.fieldset {
    background: #f3f2e9;
    border: 1px solid transparent;
    color: #363636;
    padding: 5px 15px 15px;
    margin: 0 0 10px;
    overflow: hidden;
    border: 1px solid #e5e3d2
}

.fieldset .content-ul {
    list-style-type: none
}

.i-tip {
    display: block;
    width: 16px;
    height: 16px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/tip.png) no-repeat;
    cursor: pointer;
    opacity: .7;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    margin: 5px 0 0 10px;
    float: left
}

.i-tip:hover {
    opacity: 1
}

.add-ts-btn {
    margin: 10px 0 0 300px
}

.dott {
    border-bottom: 1px dotted #256892
}

.dott:hover {
    border-bottom: 1px dotted #c54141
}

.vin-holder {
    font-size: 14px
}

.vin-holder .vin-item {
    float: left
}

.frame-grey {
    background: #e4e4e2;
    padding: 10px
}

#unknown .reg-row-input, #unknown .reg-row-title {
    width: 195px
}

#unknown .add-ts-btn {
    margin-left: 270px
}

#unknown select {
    width: 181px;
    max-width: none
}

#unknown textarea {
    border: 1px solid #c9d2db;
    border-radius: 2px;
    height: 40px;
    padding: 5px;
    max-width: none;
    width: 168px;
    resize: none;
    outline: 0 none;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease
}

.fancybox-skin {
    background: #fff
}

.car-profile-holder {
    width: 100%
}

.car-profile-holder .car-profile-left {
    float: left;
    width: calc(100% - 265px)
}

.car-profile-left .main-car-holder {
    border-bottom: none;
    padding: 0;
    margin: 20px 0
}

.car-profile-left .main-car-description {
    color: gray
}

.car-profile-left .car-profile-catalogs {
    padding-bottom: 25px;
    border-bottom: 1px solid #dddede
}

.car-profile-catalogs .car-catalogs-item {
    float: left;
    width: 48%;
    position: relative;
    margin-right: 2%
}

.car-catalogs-item .content-ul li {
    margin-bottom: 5px
}

.car-profile-catalogs .car-catalogs-item:first-child:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border-right: 1px solid #e4e4e2
}

.car-catalogs-item .my-auto-links {
    width: 100%
}

.car-journal-holder {
    margin-top: 15px
}

.car-journal-holder .car-journal {
    font-style: italic;
    color: gray;
    margin: 0 0 15px;
    width: 50%
}

.journal-row {
    line-height: 27px;
    font-style: normal
}

.journal-row .journal-row-title {
    float: left;
    width: 230px
}

.journal-row .journal-row-value {
    float: left;
    color: #000
}

.car-profile-holder .car-profile-right {
    width: 250px;
    float: left;
    margin-left: 15px
}

.car-profile-right .garage-status {
    background: #f0f2f4;
    padding: 10px 0 15px;
    width: 100%;
    margin-bottom: 20px
}

.garage-status .garage-status-title {
    width: 260px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    background: #95b0c1;
    margin: 0 0 15px -5px;
    line-height: 30px;
    height: 30px;
    font-size: 14px;
    text-transform: uppercase;
    position: relative
}

.garage-status .garage-status-title:after, .garage-status .garage-status-title:before {
    content: "";
    position: absolute;
    bottom: -5px;
    border-width: 5px;
    border-style: solid
}

.garage-status .garage-status-title:before {
    border-color: transparent #95b0c1 transparent transparent;
    left: -5px
}

.garage-status .garage-status-title:after {
    border-color: transparent transparent transparent #95b0c1;
    right: -5px
}

.garage-status .garage-expluatation {
    padding: 5px 15px;
    color: gray;
    background: #e1e5e8;
    margin-bottom: 10px
}

.write-comment-holder {
    margin-bottom: 10px;
    position: relative;
    height: 20px;
    padding-left: 10px
}

.write-comment-holder .comment-span {
    color: #000;
    position: relative
}

.write-comment-holder .comment-span:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/pencil.png) no-repeat;
    opacity: .7;
    top: 1px;
    right: -20px
}

.write-comment-holder .write-comment {
    width: 200px;
    background: #fff;
    padding: 10px;
    position: absolute;
    top: 35px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.write-comment-holder.drp .write-comment {
    display: block;
    top: 20px;
    visibility: visible;
    opacity: 1;
    z-index: 1
}

.tipical-input {
    border: 1px solid #c9d2db;
    border-radius: 2px;
    height: 25px;
    max-width: 100%;
    outline: 0 none;
    padding: 0 0 0 4px;
    width: 174px;
    margin-bottom: 5px;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease
}

.write-comment-holder .phone-span {
    position: relative;
    border-bottom: 1px dotted #256892
}

.write-comment-holder .phone-span:hover {
    border-bottom: 1px dotted #c54141
}

.write-comment-holder .phone-span:after {
    content: "";
    position: absolute;
    display: block;
    width: 12px;
    height: 8px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) no-repeat -33px -425px;
    right: -16px;
    top: 6px
}

.garage-status-links {
    border-top: 1px solid #e4e4e2;
    padding: 10px 0 0 10px
}

.garage-status-links li {
    margin-bottom: 5px
}

.sell-auto {
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 2px;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    background: #69c6a0;
    height: 40px;
    line-height: 40px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.car-profile-right a.sell-auto:hover {
    background: #58b992;
    color: #fff
}

.plus-link {
    padding-left: 25px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/add2.png) no-repeat 0;
    line-height: 22px
}

.garage-page {
    padding-top: 20px
}

.garage-page-content {
    padding-top: 10px
}

.garage-page .garage-car-item {
    float: left;
    width: 50%;
    min-height: 80px;
    display: block;
    padding: 10px 0;
    position: relative
}

.garage-page .garage-car-item:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    background: #27556f;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.garage-page .garage-car-item:hover:after {
    opacity: .08
}

.garage-car-item .main-car-image {
    width: 160px
}

.garage-car-item .main-car-image img {
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%
}

.garage-car-item .main-car-holder {
    padding: 0;
    border-bottom: none
}

.garage-car-item .main-car-description {
    font-size: 12px
}

.main-car-description .main-car-name {
    font-size: 14px;
    margin-bottom: 5px
}

.garage-car-item .main-car-description p {
    color: gray
}

.cart-empty-block {
    width: 100%
}

.cart-empty-block .cart-empty-left {
    float: left;
    width: 50%;
    padding: 40px 0 40px 20px
}

.cart-empty-left .cart-empty-go {
    margin-top: 20px;
    color: gray
}

.cart-empty-block .cart-empty-right {
    float: right;
    width: 30%;
    text-align: center
}

.cart-alert {
    padding: 10px 15px 15px;
    background: #ffe39d;
    color: #392906;
    margin: 10px 0 20px
}

.cart-alert .cart-alert-title {
    width: 150px;
    height: 25px;
    margin: 0 0 10px -10px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/alert.png) no-repeat 0
}

.cart-title-holder {
    width: 100%;
    margin-bottom: 10px;
    line-height: 25px
}

.cart-title-holder .cart-title {
    float: left;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 18px
}

.cart-title-holder .cart-price-actuality {
    float: right;
    color: #fff;
    border-radius: 3px;
    padding: 0 10px;
    background: #e67a7d
}

.cart-table-holder {
    margin-bottom: 10px
}

.cart-table-holder .cart-table {
    border-bottom: 2px solid #e4e4e2
}

.cart-table .cart-table-row {
    border-top: 1px solid #e4e4e2;
    padding: 10px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.cart-table .cart-table-row:hover {
    background: #f5f5f5
}

.cart-table .cart-table-row.expired {
    background: #feeac0 !important
}

.cart-table-row .cart-table-name {
    float: left;
    width: 35%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px
}

.cart-table-row .cart-table-time {
    float: left;
    width: 12.5%
}

.cart-table-time span {
    padding-left: 23px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) -12px -1177px no-repeat;
    display: inline-block;
    line-height: 30px
}

.cart-table-row .cart-table-ammount {
    float: left;
    width: 12.5%
}

.cart-table-ammount .drop-select-holder {
    width: 60px;
    max-width: 100%
}

.cart-table-ammount .drop-select {
    max-width: 100%;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    background: #fff
}

.cart-table-row .cart-table-price, .cart-table-row .cart-table-sumprice {
    float: left;
    width: 8%;
    color: gray;
    line-height: 30px
}

.cart-table-row .cart-table-price span, .cart-table-row .cart-table-sumprice span {
    font-weight: 500;
    font-size: 15px
}

.cart-table-row .cart-table-sumprice {
    text-align: right
}

.cart-table-buttons {
    float: right
}

.cart-add-comment, .cart-add-note, .cart-remove {
    float: left;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    display: block;
    background-image: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/note.png);
    background-repeat: no-repeat
}

.cart-add-comment {
    background-position: -21px -21px
}

.cart-add-comment:hover {
    background-position: -21px 0
}

.cart-add-note {
    background-position: 0 -21px
}

.cart-add-note:hover {
    background-position: 0 0
}

.cart-remove {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/close2.png) no-repeat 0 0
}

.cart-remove:hover {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/close2.png) no-repeat 0 -22px
}

.cart-total {
    text-align: right;
    color: #c54141;
    font-weight: 500;
    font-size: 18px;
    width: 75%;
    margin: 10px 0
}

.cart-bottom-holder {
    width: 100%
}

.cart-bottom-holder .cart-bottom-right {
    float: right
}

.cart-bottom-right .cart-bottom-check, .cart-bottom-right .cart-bottom-submit {
    float: left
}

.cart-bottom-right .cart-bottom-check {
    width: 160px;
    margin-top: 0;
    font-weight: 500;
    margin-right: 20px;
    margin-bottom: 15px
}

.cart-bottom-check .i-tip {
    float: none;
    display: inline-block;
    margin: 0 0 -3px
}

.cart-bottom-submit input {
    width: 200px
}

.cart-bottom-submit input:hover {
    opacity: 1
}

.cart-bottom-holder .cart-bottom-left {
    float: left
}

.cart-bottom-left .profile-right-plate {
    float: left;
    width: 310px;
    padding: 5px 15px 10px
}

.add-notepad-modal {
    padding-top: 20px
}

.fancybox-title.fancybox-title-float-wrap {
    display: none
}

.add-notepad-modal .ts-item {
    position: relative;
    overflow: hidden
}

.add-notepad-modal .ts-item:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #27556f;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.add-notepad-modal .ts-item:hover:after {
    opacity: .1
}

.add-notepad-modal .add-ts {
    text-align: center;
    height: 55px;
    font-size: 18px;
    font-weight: 400;
    color: #6e9b41;
    border-radius: 2px;
    background-color: #e4f1df;
    display: block;
    line-height: 55px;
    text-transform: uppercase
}

.add-notepad-modal .add-ts:hover {
    box-shadow: none;
    background: #97c06e;
    color: #fff
}

.add-notepad-modal .add-notepad-top {
    margin-bottom: 10px
}

.add-notepad-top .add-notepad-title {
    float: left;
    padding: 3px 0;
    font-size: 15px;
    color: #c54141
}

.add-notepad-top .add-notepad-skip {
    float: right;
    width: 70px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    display: inline-block;
    background: #ebeeef;
    padding: 6px 14px;
    border-radius: 2px;
    color: #636262;
    cursor: pointer
}

.add-notepad-top .add-notepad-skip:hover {
    opacity: .8;
    color: #636262
}

.expired-btn {
    font-family: Arial, Tahoma, sans-serif;
    width: 75px;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    background: #83b880;
    margin: 0;
    display: inline-block;
    color: #fff;
    padding: 0 5px;
    text-align: center;
    border-radius: 3px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.expired-btn:hover {
    color: #fff !important;
    opacity: .8
}

.cart-bottom-left .cart-bottom-change {
    float: left;
    margin-bottom: 20px;
    background: #75ad6e;
    padding: 15px;
    position: relative;
    border: 3px solid #75ad6e;
    width: 364px;
    top: 10px;
    color: #fff;
    margin-right: 10px
}

.cart-bottom-left .cart-bottom-change:after {
    content: "";
    border-width: 9px;
    border-color: transparent transparent #75ad6e;
    border-style: solid;
    position: absolute;
    top: -21px;
    left: 10px
}

.cart-bottom-change p {
    font-weight: 500
}

.cart-bottom-change a {
    margin-top: 20px;
    display: inline-block;
    color: #fff;
    border-bottom: 1px dotted #fff
}

body .cart-bottom-change a:hover {
    color: #fff;
    border-bottom: none
}

.complect-pic {
    font-weight: 500;
    color: #ebeeef;
    background-color: #75ad6e;
    padding: 2px 6px 4px;
    border-radius: 18px;
    display: inline-block;
    line-height: 22px
}

.complects-top {
    padding-top: 20px;
    margin-bottom: 10px
}

.complects-top .complects-top-left {
    float: left
}

.complects-top .complects-top-right {
    float: right;
    padding: 10px 5px;
    width: 400px;
    background: #e4e4e2
}

.complects-items {
    padding-bottom: 10px
}

.complects-item, .complects-items .complects-items-title {
    margin-bottom: 10px
}

.complects-item .complects-item-left {
    background-color: #feeac0;
    width: 320px;
    float: left;
    padding: 8px
}

.complects-item-left .compl-item {
    padding: 5px 3px 0;
    overflow: hidden;
    border-bottom: 1px solid #ceb174
}

.complects-item-left .compl-item:last-of-type {
    border: none
}

.compl-item .compl-count {
    float: left;
    padding-right: 5px;
    background-color: #047;
    padding-left: 5px;
    color: #fff;
    font-weight: 500
}

.compl-item .compl-block {
    float: left;
    width: 295px
}

.compl-block .compl-name {
    float: left;
    min-width: 100px;
    padding-left: 5px
}

.compl-block .compl-art {
    float: right;
    font-weight: 500
}

.compl-block .compl-text {
    font-style: italic;
    clear: both;
    padding-left: 5px;
    margin-bottom: 8px
}

.complects-item .complects-arrow {
    float: left;
    width: 40px;
    height: 50px;
    margin-left: 10px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/arrow_blue.png) no-repeat left 50%;
    margin-top: 10px
}

.complects-item .complects-item-right {
    float: left;
    background-color: #e9f7d2;
    padding: 5px;
    margin: 10px 0;
    width: 300px
}

.complects-item-right .compl-right-top {
    margin-bottom: 5px
}

.compl-right-top .compl-right-name {
    float: left
}

.compl-right-top .compl-search {
    float: right;
    font-weight: 500
}

.complects-item-right .compl-right-text {
    font-style: italic
}

.add-comment-form {
    padding: 20px
}

.add-comment-form textarea {
    border: 1px solid #c9d2db;
    height: 70px;
    margin: 0;
    outline: none;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease;
    padding: 10px;
    border-radius: 2px;
    width: 300px;
    margin-bottom: 10px;
    resize: none
}

.add-comment-form textarea:focus {
    border-color: 1px solid #7f9db9
}

.add-comment-form .add-comment-label {
    color: #42617e;
    margin-bottom: 20px;
    cursor: pointer;
    display: inline-block
}

.add-comment-form .add-comment-label:hover {
    color: #267bbb
}

.add-comment-bottom .reg-form-submit {
    float: left;
    width: auto
}

.add-comment-clear {
    float: left;
    margin-left: 40px;
    line-height: 40px
}

.product-name {
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px
}

.product-subname {
    font-size: 15px;
    margin-bottom: 5px;
    color: gray
}

.product-subname span {
    line-height: 22px;
    display: inline-block;
    height: 22px;
    float: left
}

.product-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #ccc;
    box-shadow: 0 3px 22px -5px rgba(0, 0, 0, .3);
    text-align: center;
    width: 300px;
    height: 200px;
    margin: 0 0 30px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/noprod.png) no-repeat 50%
}

.product-image.has-image {
    background: none
}

.product-image img {
    max-height: 100%;
    max-width: 100%
}

.products-tabs-holder {
    padding-bottom: 10px
}

.products-tabs-holder .products-tabs {
    margin-bottom: 10px
}

.products-tabs ul {
    float: left
}

.products-tabs ul li {
    float: left;
    margin-right: 30px
}

.products-tabs ul li a {
    display: inline-block;
    border-bottom: 3px solid #e4e4e2;
    font-size: 16px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.products-tabs ul li a:hover {
    border-bottom: 3px solid #efbabc
}

.products-tabs ul li a.act {
    color: #363636;
    border-bottom: 3px solid #e67a7d
}

.product-tab-content {
    margin-bottom: 10px
}

.product-tab-content .product-parameters {
    margin: 0 0 10px;
    background: #f2eee5;
    padding: 15px 10px 10px;
    width: 370px
}

.product-parameters .product-parameters-title {
    font-weight: 500;
    margin-bottom: 5px
}

.product-parameters .product-parameters-row {
    line-height: 20px;
    margin-bottom: 5px
}

.product-parameters-row .parameters-row-label {
    float: left;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/dots.gif) repeat-x 0 100%;
    color: gray;
    width: 200px
}

.parameters-row-label span {
    background: #f2eee5
}

.product-parameters-row .parameters-row-value {
    float: left
}

.applicability-holder {
    padding-top: 30px
}

.applicability-holder .applicability-tabs-holder {
    margin: 20px 0 15px
}

.applicability-tabs-holder ul li {
    float: left;
    padding: 0 10px;
    border-left: 1px solid #000;
    text-transform: uppercase;
    font-size: 13px
}

.applicability-tabs-holder ul li:first-child {
    padding-left: 0;
    border-left: none
}

.applicability-tabs-holder ul li a {
    color: #047
}

.applicability-tabs-holder ul li a:hover {
    color: #047;
    text-decoration: underline
}

.applicability-tabs-holder ul li a.act {
    color: #000
}

.applicability-holder .applicability-tab-content {
    padding-top: 5px
}

.applicability-table {
    background: #fff;
    width: 100%
}

.applicability-table tr {
    background: #f2f2f2
}

.applicability-table .applicability-table-headline {
    background: #d8e4f0;
    font-weight: 500
}

.applicability-table tr td {
    padding: 5px 10px;
    line-height: 20px;
    font-size: 13px
}

.exc {
    padding-right: 20px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/exc.gif) no-repeat 100%
}

.notepad-table-top {
    margin-bottom: 7px
}

.notepad-table-top .add-address-btn {
    float: left
}

.notepad-table-top .notepad-table-sizer {
    float: right;
    line-height: 22px
}

.notepad-table-sizer a, .notepad-table-sizer span {
    display: inline-block;
    font-size: 16px;
    padding: 0 5px;
    margin: 0 4px
}

.notepad-table-sizer span {
    color: gray;
    background: rgba(0, 0, 0, .06)
}

.sort-content-table {
    width: 100%
}

.sort-content-table tr th {
    background-color: #d8e6eb;
    height: 30px;
    font-weight: 400;
    border-right: 1px solid #e8f1f4;
    color: #507b8a;
    text-transform: uppercase;
    font-size: 11px
}

.sort-content-table tr:hover {
    background: rgba(0, 0, 0, .06)
}

.sort-content-table tr th .drop-select-holder {
    margin: 0 auto;
    float: none
}

.sort-content-table tr td {
    height: 25px;
    border-bottom: 1px solid #e4e4e2;
    vertical-align: top;
    padding: 4px
}

.sort-content-table .cart-table-buttons {
    float: none
}

.edit-product-form {
    padding-top: 20px
}

.edit-product-form .reg-form-submit {
    float: none;
    width: auto
}

.inp {
    border: 1px solid #c9d2db;
    height: 25px;
    line-height: 20px;
    margin: 0;
    outline: none;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease;
    padding: 0 0 0 4px;
    border-radius: 2px
}

.inp:focus {
    border: 1px solid #7f9db9
}

select.inp {
    height: 27px
}

textarea.inp {
    width: 96%;
    height: 70px;
    font: 14px/20px Arial, Tahoma, Helvetica, sans-serif;
    resize: none
}

.edit-product-form .inp {
    margin-bottom: 10px
}

.edit-product-form select.inp {
    width: 98%
}

.edit-product-form .comm {
    float: left
}

.edit-product-form .amm {
    float: right;
    width: 50px;
    margin-right: 5px
}

#add-note-item .reg-row-input, #add-note-item .reg-row-input .drop-select-holder, #add-note-item .reg-row-input select {
    width: 180px
}

#add-note-item .reg-row-text {
    text-transform: none;
    font-size: 14px
}

#add-note-item .drop-select-down, #add-note-item .reg-row-input .drop-select-holder .drop-select {
    width: 168px
}

#add-note-item .drop-select-down label:hover {
    background: rgba(0, 0, 0, .06);
    cursor: pointer
}

#add-note-item .reg-form-submit {
    float: none;
    width: auto;
    margin-left: 290px
}

.hel {
    padding-right: 20px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/hel.gif) no-repeat 100%;
    margin-left: 20px
}

.green-btn {
    opacity: .6;
    background-color: #409813;
    padding: 8px 15px 9px 14px;
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.green-btn:hover {
    color: #fff !important;
    opacity: 1
}

.products-tabs .green-btn {
    float: right
}

.personal-account-holder {
    padding-bottom: 25px
}

.personal-account-holder .personal-account-top {
    margin-bottom: 10px;
    position: relative
}

.personal-account-top .personal-account-add {
    background: #7f9db9;
    text-align: center;
    width: 50px;
    float: left;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.personal-account-top .personal-account-add:after {
    content: "";
    width: 21px;
    height: 21px;
    display: block;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) -12px -1273px no-repeat;
    position: absolute;
    left: calc(50% - 11px);
    top: calc(50% - 11px)
}

.personal-account-top .personal-account-add.minus:after {
    background-position: -12px -1225px
}

.personal-account-top .personal-account-tools {
    float: left;
    width: calc(100% - 70px);
    padding: 15px 10px 10px 60px;
    background: #f1eeea
}

.personal-account-tools .personal-account-cal {
    float: left
}

.personal-account-tools .personal-account-calendar {
    padding-right: 22px;
    height: 22px;
    line-height: 22px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/calendar.png) no-repeat 100%;
    display: inline-block
}

.personal-account-calendar span {
    border-bottom: 1px dotted #000
}

.personal-account-tools .personal-account-group {
    float: left;
    line-height: 22px;
    margin-left: 25px
}

.personal-account-tools .notepad-table-sizer {
    float: right
}

.personal-account-form {
    clear: both;
    margin-top: 10px;
    display: none
}

.personal-account-form .inp {
    float: left;
    margin-right: 10px
}

.personal-account-form .p-a-inp {
    width: 240px
}

.personal-account-form .p-a-sub {
    float: left;
    height: 27px;
    line-height: 27px
}

.personal-account-form > * {
    margin-bottom: 5px
}

.calendar-form {
    padding-top: 35px
}

.order-product-top {
    margin-bottom: 10px;
    color: gray
}

.order-product-top.group-invisible {
    display: none
}

.order-product-top.ord {
    border-bottom: 1px dashed #c9d2db;
    padding: 5px 10px;
    margin-bottom: 0;
    display: none
}

.order-product-top.ord.group-visible {
    display: block
}

.order-product-top .order-product-left {
    float: left
}

.order-product-top .order-product-right {
    float: right;
    padding-left: 30px;
    color: #000;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) no-repeat -21px -790px
}

.order-product-item {
    padding: 10px;
    margin-bottom: 10px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative
}

.order-product-item:hover {
    background: #f5f5f5
}

.order-product-top .order-product-article {
    font-weight: 500;
    color: #c54141
}

.order-product-action, .order-product-amount, .order-product-art, .order-product-descr, .order-product-price {
    float: left;
    margin-right: 5px
}

.order-product-main {
    width: 50%;
    float: left
}

.order-product-main .order-product-art {
    width: 30%
}

.order-product-art span {
    font-weight: 500
}

.order-product-main .order-product-descr {
    width: 60%
}

.order-product-action {
    width: 20%
}

.order-product-action .ord-action {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 5px;
    margin-right: 5px;
    font-size: 12px;
    margin-bottom: 5px
}

.order-product-action .ord-action.delay {
    background-color: #fff
}

.order-product-action .ord-action.stop {
    background-color: #b7c7d2
}

.order-product-action .ord-action.cancel {
    background-color: #fbdad0
}

.order-product-amount {
    width: 7%
}

.order-product-price {
    font-weight: 500;
    color: #646464;
    font-size: 15px;
    width: 110px;
    text-align: right
}

.order-product-price span {
    display: inline-block;
    padding: 0 19px 0 17px;
    height: 21px;
    border-radius: 5px 0 0 5px;
    white-space: nowrap
}

.order-product-addbuttons {
    float: right
}

.cart-add-journal {
    float: left;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    display: block;
    background-image: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/note.png);
    background-repeat: no-repeat;
    background-position: -42px -21px
}

.cart-add-journal:hover {
    background-position: -42px 0
}

.cart-add-journal.in {
    background-position: -42px -42px
}

.balance-holder {
    font-size: 15px;
    margin-bottom: 15px;
    padding: 15px 20px 5px;
    background: #f5f5f5;
    display: inline-block;
    margin-bottom: 30px
}

.balance-holder p {
    margin-bottom: 10px
}

.balance-holder p .balance-total {
    font-weight: 500;
    font-size: 17px;
    color: #c54141
}

.balance-tabs-holder {
    margin-bottom: 10px
}

.balance-tabs-holder li {
    text-align: center;
    position: relative;
    float: left;
    margin-right: 15px;
    font-size: 11px;
    width: 62px;
    height: 100px;
    color: #9e9e9e;
    cursor: pointer;
    line-height: normal
}

.balance-tabs-holder li .balance-tab-image {
    width: 60px;
    height: 60px;
    border: 1px solid #e4e4e2;
    border-radius: 10px;
    margin-bottom: 5px;
    background-image: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/payment.png);
    background-repeat: no-repeat
}

.balance-tabs-holder li .balance-tab-image:hover {
    box-shadow: 0 0 6px -1px #c7c7c7
}

.balance-tabs-holder li .balance-tab-image.vs {
    background-position: 0 0
}

.balance-tabs-holder li .balance-tab-image.al {
    background-position: -360px 0
}

.balance-tabs-holder li .balance-tab-image.yd {
    background-position: -600px 0
}

.balance-tabs-holder li .balance-tab-image.qw {
    background-position: -180px 0
}

.balance-tabs-holder li .balance-tab-image.qt {
    background-position: -300px 0
}

.balance-tabs-holder li .balance-tab-image.pp {
    background-position: -60px 0
}

.balance-tabs-holder li .balance-tab-image.ev {
    background-position: -420px 0
}

.balance-tabs-holder li .balance-tab-image.sv {
    background-position: -480px 0
}

.balance-tabs-holder li .balance-tab-image.nl {
    background-position: -540px 0
}

.balance-tabs-holder li .balance-tab-image.bn {
    background-position: -660px 0
}

.balance-tab-content {
    min-width: 340px;
    display: none;
    border: 1px solid #cfcfcf;
    padding: 20px 35px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
    overflow: hidden;
    clear: both;
    margin-bottom: 20px
}

.balance-tab-content .balance-content-images {
    margin-bottom: 10px
}

.balance-tab-content.big .balance-row-title {
    width: 270px
}

.balance-tab-content.big .balance-row-inp {
    width: 150px
}

.balance-content-images img {
    height: 40px
}

.balance-tab-content .balance-content-title {
    font-size: 17px;
    margin-bottom: 10px
}

.balance-content-row {
    margin-bottom: 10px
}

.balance-content-row .balance-row-title {
    float: left;
    line-height: 27px;
    width: 45%
}

.balance-content-row .balance-row-title.nowrap {
    white-space: nowrap
}

.balance-content-row .balance-row-inp {
    float: left;
    width: 55%
}

.balance-row-inp .inp {
    margin-right: 5px;
    width: 110px
}

.balance-available {
    font-style: italic;
    color: #c54141;
    margin-bottom: 10px
}

.balance-tab-content .reg-form-submit {
    float: none;
    width: auto
}

.balance-tab-content .reg-form-submit:hover {
    color: #fff
}

.balance-notice {
    padding-top: 10px;
    color: gray
}

.balance-attention {
    padding-left: 25px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/attention.png) no-repeat 0 0
}

.balance-main-notice {
    color: gray
}

.settings-row .i-tip {
    float: none;
    display: inline-block;
    margin: 0 0 0 2px;
    vertical-align: middle
}

.level-row {
    padding-bottom: 3px;
    border-bottom: 1px solid #e4e4e2;
    width: 350px;
    margin-bottom: 10px
}

.level-row .level-row-left {
    float: left;
    font-weight: 500
}

.level-row .level-row-right {
    float: right
}

.i-tip.no-float {
    float: none;
    display: inline-block;
    margin: 0 0 -3px 2px
}

.wat {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
    width: 8px;
    height: 9px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/wat.gif) no-repeat 50%
}

.pay-image-bolck {
    margin-top: 15px
}

.pay-image-bolck img {
    height: 60px;
    margin-bottom: 5px
}

.pay-image-bolck .pay-block-title {
    font-weight: 500;
    padding-bottom: 7px;
    border-bottom: 1px dashed #000;
    margin-bottom: 10px
}

.pay-pale-block {
    background: #f3f2e9;
    color: #363636;
    padding: 10px;
    font-size: 11px;
    margin: 0 0 10px;
    overflow: hidden;
    border: 1px solid #e5e3d2
}

.new-adr-title {
    margin: 15px 0
}

.new-adr-title .new-adr-name {
    float: left;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500
}

.new-adr-title .new-adr-choose {
    float: right;
    padding-left: 25px;
    position: relative
}

.new-adr-title .new-adr-choose:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    width: 22px;
    height: 22px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/note.png) -21px -21px no-repeat
}

.new-adr-content {
    margin-bottom: 15px
}

.new-adr-content .new-adr-img {
    float: left;
    width: 140px
}

.new-adr-content .new-adr-block {
    float: left;
    margin-left: 20px;
    padding: 10px;
    background: #f0f2f4;
    width: 370px
}

.ad-pic {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
    min-height: 20px
}

.ad-pic:before {
    content: "";
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    left: 0;
    background-image: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons2.png);
    background-repeat: no-repeat
}

.ad-pic.ad:before {
    background-position: -416px top
}

.ad-pic.ph:before {
    background-position: -432px top
}

.ad-pic.cl:before {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/clock.png) no-repeat
}

.ad-pic.nm:before {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/user.png) no-repeat
}

.ad-pic.em:before {
    background-position: -688px top
}

.ad-manager {
    padding-left: 30px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/manager1.png) no-repeat;
    line-height: 26px;
    display: inline-block
}

.new-adr-attention {
    background: #fff5ea;
    display: block;
    padding: 10px;
    border-radius: 5px;
    border: 2px dashed #efb06f
}

.profile-holder .reg-row-input input#datepicker {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/birth.png) no-repeat 100%
}

.show-on-map {
    display: none;
    padding-left: 30px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) no-repeat -7px -590px #ebeeef
}

.slide-map-holder {
    margin-top: 10px;
    display: none
}

.pass-alert {
    padding: 10px 15px 15px;
    background: #ddebfa;
    color: #193d58;
    margin: 10px 0 20px
}

.pass-alert .cart-alert-title {
    width: 150px;
    height: 25px;
    margin: 0 0 10px -10px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/status-i.png) no-repeat 0
}

.remind-form {
    padding: 10px 0 20px
}

.remind-form .remind-left {
    width: 330px;
    position: relative
}

.remind-left .remind-form-row {
    margin-bottom: 20px
}

.remind-form-row .remind-sel {
    width: 136px;
    float: left
}

.remind-form-row .remind-inp {
    border: 1px solid #c9d2db;
    float: left;
    width: 164px;
    background-color: #fff;
    margin-left: 9px;
    height: 25px;
    border-radius: 2px
}

.remind-inp span {
    display: inline-block;
    float: left;
    width: 25px;
    text-align: center;
    line-height: 25px
}

.remind-inp input {
    float: left;
    border: 1px solid transparent;
    outline: none;
    width: 133px;
    height: 23px
}

.inp-submit {
    display: block;
    margin: 0 auto;
    float: right;
    margin-right: 13px;
    background: #83b880;
    margin-top: 15px;
    height: 40px;
    padding: 0 15px;
    border-radius: 2px;
    line-height: 40px;
    border: none;
    cursor: pointer;
    color: #fff
}

.inp-submit:hover {
    opacity: .9
}

.remind-bottom {
    clear: both;
    margin-top: 20px
}

.remind-bottom .dott {
    float: left
}

.remind-bottom .haveCode {
    float: right
}

.remind-bubble {
    position: absolute;
    background: #f2f2f2;
    width: 300px;
    right: -340px;
    padding: 10px 15px;
    font-size: 13px;
    color: gray
}

.remind-bubble:before {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 10px;
    border-color: transparent #f2f2f2 transparent transparent;
    top: 17px;
    left: -20px
}

.remind-bubble.enter-phone {
    top: -15px
}

.remind-bubble.enter-sms {
    width: 98px;
    right: -142px;
    top: 33px;
    padding: 28px 15px;
    font-size: 19px
}

.bubble-highlight {
    color: #900
}

.order-confirm-holder {
    padding-bottom: 40px
}

.order-confirm-holder .order-confirm-left {
    float: left;
    width: calc(100% - 270px)
}

.order-confirm-holder .order-confirm-right {
    float: right;
    width: 250px
}

.profile-right-plate p {
    margin-bottom: 15px
}

.geen-btn.fix-icon {
    padding-left: 40px;
    position: relative
}

.geen-btn.fix-icon:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) -12px -1498px no-repeat;
    top: 8px;
    left: 13px
}

.order-confirm-plate {
    background: #d8efe5 url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/confirm.png) 22px 27px no-repeat;
    padding: 20px 20px 20px 110px;
    margin-bottom: 20px;
    position: relative;
    margin-top: 7px
}

.order-confirm-plate:after, .order-confirm-plate:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 13px;
    background-repeat: repeat-x;
    background-position: 0 0;
    left: 0
}

.order-confirm-plate:before {
    background-image: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/wave-bottom.png);
    bottom: -7px
}

.order-confirm-plate:after {
    background-image: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/wave-top.png);
    top: -7px
}

.confirm-plate-content {
    padding-bottom: 20px;
    color: #363636
}

.confirm-plate-content .confirm-plate-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    margin: 0 0 10px;
    text-transform: uppercase
}

.order-confirm-highlight {
    color: #c54141
}

.confirm-plate-content .ord-paragraph {
    margin-bottom: 10px
}

.order-confirm-shipping {
    padding-top: 10px;
    border-top: 1px solid #bfd0c9
}

.ord-shipping {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase
}

.tipical-italic {
    font-style: italic
}

.choose-account {
    color: gray;
    margin-bottom: 5px
}

.choose-accounts-holder {
    display: table;
    width: auto;
    border-bottom: 1px solid gray
}

.choose-accounts-holder .choose-accounts-item {
    padding: 5px 0
}

.choose-accounts-item .choose-account-name {
    float: left;
    line-height: 30px
}

.choose-accounts-item .ord-grey-btn {
    float: left;
    margin-left: 15px
}

.choose-account-form {
    padding-top: 20px
}

.choose-account-form .reg-row-input {
    width: 180px
}

.choose-account-form .reg-form-submit {
    float: none;
    margin-left: 203px;
    width: auto
}

.choose-account-form .reg-row {
    margin-bottom: 20px
}

.invalidation-boble {
    background: #ffefef;
    border-radius: 4px;
    padding: 10px;
    width: 280px;
    margin-top: 10px
}

.invalidation-boble .invalidation-boble-red {
    color: #c54141
}

.rel {
    position: relative
}

.inp-tip {
    position: absolute;
    top: -45px;
    background: #f0e9d6;
    font-size: 11px;
    padding: 3px 10px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.inp-tip:after {
    content: "";
    border-width: 8px;
    border-style: solid;
    border-color: #f0e9d6 transparent transparent;
    position: absolute;
    bottom: -16px;
    left: 10px
}

.inp-tip.active {
    opacity: 1;
    visibility: visible;
    top: -40px
}

.club-profile .short-rowtitle {
    width: 210px
}

.drop-item-holder {
    position: relative;
    margin-bottom: 10px
}

.drop-item-holder:last-child {
    margin-bottom: 0
}

.drop-item {
    border: 1px solid #c9d2db;
    border-radius: 2px;
    height: 25px;
    line-height: 25px;
    padding: 0 25px 0 3px;
    cursor: pointer;
    position: relative;
    width: 150px
}

.drop-item .arrow {
    display: inline-block;
    width: 12px;
    height: 8px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) no-repeat -33px -425px;
    right: 5px;
    top: 8px;
    position: absolute;
    -webkit-transition: -webkit-transform .1s ease;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease
}

.drop-item.active .arrow, .drop-item:hover .arrow {
    background-position: -33px -381px
}

.drop-item.active .arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 7px
}

.drop-content {
    display: inline-block;
    opacity: 0;
    max-height: 400px;
    padding: 10px;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .2);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    min-width: 130px;
    position: absolute;
    top: 37px;
    left: 0;
    background: #fff;
    visibility: hidden;
    z-index: 1
}

.drop-item-holder.active .drop-content {
    top: 27px;
    opacity: 1;
    visibility: visible
}

.year-column {
    float: left;
    margin-right: 15px
}

.year-column-title {
    font-weight: 500;
    color: gray
}

.year-item {
    padding: 2px 3px
}

.year-item.current {
    background: #fae3bb
}

.carName-part {
    font-weight: 500;
    color: #000
}

.carYear-part {
    color: gray;
    margin-bottom: 10px
}

.short {
    width: 60px !important
}

.attention-block {
    padding: 10px 15px 15px;
    background: #ffe39d;
    color: #392906;
    margin: 10px 0 20px
}

.attention-block .attention-title {
    width: 150px;
    height: 25px;
    margin: 0 0 10px -10px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/alert.png) no-repeat 0
}

.noresults-columns {
    padding-bottom: 30px
}

.noresults-columns .noresults-left {
    float: left;
    width: 360px
}

.noresults-columns .noresults-right {
    float: right;
    width: 560px
}

.fieldset.grey {
    background: #f1f1f0
}

.noresults-left .fieldset.grey {
    margin-bottom: 20px
}

.fieldset-title {
    font-weight: 500;
    color: #c54141;
    font-size: 13px;
    padding: 10px 0;
    text-transform: uppercase
}

.noresults-search {
    margin-bottom: 20px;
    width: 100%
}

.noresults-search .inp {
    width: 220px
}

.noresults-search .noresults-search-submit {
    display: inline-block;
    line-height: 27px;
    color: #fff;
    padding: 0 15px;
    background: #73a2b9;
    border-radius: 2px;
    border: none;
    outline: 0 none;
    cursor: pointer;
    margin-left: 10px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.noresults-search .noresults-search-submit:hover {
    opacity: .7
}

.noresults-links-item {
    margin-bottom: 15px
}

.help-right {
    float: right
}

.bold, .simbol-mark {
    font-weight: 500
}

.simbol-mark {
    background: #d5d5d5;
    padding: 2px 3px;
    color: #900;
    border-radius: 3px;
    width: 20px;
    text-align: center;
    display: inline-block
}

.margin-ul {
    margin: 10px 0 10px 15px
}

.float-ul li {
    float: left;
    width: 20%;
    padding-right: 10px
}

.float-ul li, .registration-holder .reg-row-title {
    margin-bottom: 5px
}

.scroll-holder {
    max-height: 350px;
    overflow: auto
}

.scroll-holder table {
    width: 98%
}

.grey-holder {
    background: #f0f2f4;
    padding: 10px 10px 0;
    line-height: 30px
}

.grey-holder ul li {
    border: none;
    margin-right: 10px
}

.grey-holder .act {
    color: #047 !important;
    font-weight: 500
}

.grey-holder .sort-tabs {
    clear: both;
    border-top: 1px solid #d6dee7;
    display: inline-block;
    padding-top: 10px
}

.applicability-holder {
    padding-top: 0
}

.mobile-menu-btn {
    display: none
}

.vin-popup-title {
    padding: 3px 0;
    font-size: 15px;
    font-weight: 400;
    color: #c54141;
    margin-bottom: 5px
}

.car-details-holder {
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #e6e6e6));
    background: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background: linear-gradient(180deg, #fff 0, #e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e6e6e6", GradientType=0);
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    width: 95%;
    padding: 5px 0;
    margin-bottom: 5px;
    display: block;
    outline: 0 none;
    text-align: left;
    color: #363636
}

.car-details-holder:hover {
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(65%, #fff), color-stop(100%, #e6e6e6));
    background: -webkit-linear-gradient(top, #fff, #fff 65%, #e6e6e6);
    background: linear-gradient(180deg, #fff 0, #fff 65%, #e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff", endColorstr="#ededed", GradientType=0);
    box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    border: 1px solid #c5c5c5
}

.car-details-row {
    margin-bottom: 5px
}

.car-details-row .car-details-image {
    float: left;
    width: 150px
}

.car-details-row .car-details {
    float: left;
    padding-left: 10px;
    font-size: 11px
}

.car-details .car-details-title {
    font-weight: 500;
    padding-bottom: 10px
}

.car-details .car-details-info {
    padding-bottom: 5px;
    line-height: 1
}

.car-details-all {
    float: left;
    margin-left: 100px;
    font-size: 14px
}

.car-details-all:hover {
    color: #c54141
}

.green-btn.small {
    border-radius: 3px;
    font-size: 11px;
    padding: 0 4px;
    line-height: 20px
}

.car-details-row .green-btn.small {
    display: inline-block;
    margin-left: 7px
}

.car-details-list {
    clear: both;
    padding: 10px 0 0 7px
}

.dotted-list-row {
    margin-bottom: 10px;
    overflow: hidden
}

.dotted-list-row .dotted-list-label {
    float: left;
    width: 180px;
    padding-right: 10px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/dots.gif) 0 100% repeat-x
}

.dotted-list-row .dotted-list-value {
    float: left
}

.tile-plate {
    position: relative
}

.chain-btn {
    max-width: 0;
    height: 28px;
    border-radius: 28px;
    border: 1px solid #cfcfcc;
    background: #fff;
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding-right: 28px;
    line-height: 28px;
    font-weight: 400;
    text-indent: -38px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
    -webkit-transition: max-width .3s ease-in-out, text-indent .3s ease-in-out, background-color .3s ease-in-out;
    transition: max-width .3s ease-in-out, text-indent .3s ease-in-out, background-color .3s ease-in-out;
    color: transparent
}

.chain-btn:hover {
    padding-left: 10px;
    max-width: 80%;
    text-indent: 0;
    background-color: #4e565a;
    color: #fff
}

.chain-btn .chain-btn-inner {
    display: inline-block;
    position: absolute;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    right: 0;
    top: 0;
    z-index: 1;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) -21px -787px no-repeat;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.chain-btn .chain-btn-inner:hover {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.tiles-menu-column > a:hover .chain-btn {
    background: #4e565a
}

.tiles-menu[data-visual=list-type] .tiles-menu-column > a {
    position: relative
}

.tiles-menu[data-visual=list-type] .chain-btn {
    right: -35px;
    top: -3px
}

.tiles-menu[data-visual=list-type] .chain-btn:hover {
    max-width: 250px
}

.popup-title-main {
    float: left
}

.catalog-choose {
    float: left;
    margin-left: 30px;
    line-height: 20px;
    color: gray;
    font-size: 12px;
    text-transform: none;
    font-weight: 400
}

.catalog-choose:hover {
    color: gray
}

.garage-car-item {
    float: left;
    width: 50%;
    min-height: 80px;
    display: block;
    padding: 10px 0;
    position: relative;
    background: none;
    outline: 0 none;
    border: none;
    cursor: pointer
}

.garage-car-item:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    background: #27556f;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.garage-car-item:hover:after {
    opacity: .08
}

.garage-car-item .main-car-description {
    width: calc(100% - 165px);
    padding-left: 5px;
    text-align: left;
    color: #047;
    margin-bottom: 5px
}

.garage-car-item:hover .main-car-description {
    color: #c54141
}

.garage-car-item .main-car-description p {
    margin-bottom: 5px
}

.product-tab-content {
    display: none
}

.product-tab-content.active {
    display: block
}

.garage-options {
    padding-bottom: 10px
}

.garage-options .garage-column {
    float: left;
    width: 33%
}

.garage-option {
    width: 85%;
    margin-bottom: 25px;
    border-top: 2px solid;
    color: gray
}

.garage-option .garage-option-title {
    font-weight: 500;
    font-size: 15px;
    padding: 15px 0 10px;
    color: #727e84;
    text-transform: uppercase
}

.garage-option.vin {
    border-color: #97adcf
}

.garage-option.club {
    border-color: #7ac2be
}

.garage-option.cats {
    border-color: #a8865a
}

.garage-option.note {
    border-color: #75bfdd
}

.garage-option.forum {
    border-color: #eacf8d
}

.garage-option.sto {
    border-color: #97c06e
}

.garage-option.nal {
    border-color: #d29a91
}

.garage-option.profile {
    border-color: #d089a1
}

.garage-option.stats {
    border-color: #efb87e
}

.green-stroke-btn {
    display: block;
    font-size: 18px;
    color: #6e9b41;
    border: 2px solid #97c06e;
    height: 40px;
    border-radius: 2px;
    text-align: center;
    line-height: 40px;
    padding: 0 10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.green-stroke-btn:hover {
    color: #fff !important;
    background-color: #97c06e
}

.product-tab-content .green-stroke-btn {
    margin: 0 auto;
    width: 220px
}

.inactive-text {
    float: left;
    font-size: 11px;
    line-height: 14px;
    width: calc(100% - 161px)
}

.inactive-text .main-car-name {
    font-size: 14px;
    margin-bottom: 5px;
    color: #256892
}

.inactive-text p {
    color: gray
}

.car-inactive {
    float: left;
    width: 49.9%;
    margin-bottom: 10px
}

.car-inactive .car-inactive-item {
    min-height: 100px;
    width: calc(100% - 20px);
    float: left;
    padding: 3px 10px;
    vertical-align: bottom;
    cursor: pointer;
    overflow: hidden;
    position: relative
}

.car-inactive .car-inactive-item:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    background: #27556f;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.car-inactive .car-inactive-item:hover:after {
    opacity: .08
}

.car-inactive-image {
    float: left;
    padding-right: 5px;
    width: 156px;
    height: 100px
}

.inactive-status {
    position: absolute;
    top: 45px;
    left: 10px;
    background: none;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    background-color: #71abad;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 0 5px;
    -webkit-transform: rotate(-33deg);
    transform: rotate(-33deg)
}

.car-inactive.hidden .car-inactive-image, .car-inactive.hidden .inactive-text {
    opacity: .3
}

.inactive-status-buttons {
    margin: 3px 0;
    position: absolute;
    bottom: 5px;
    z-index: 5
}

.inact-status-btn {
    display: inline-block;
    background: #ebeeef;
    padding: 4px 10px;
    border-radius: 2px;
    color: #636262;
    cursor: pointer;
    margin: 0 0 5px 5px;
    outline: 0 none;
    border: none
}

.inact-status-btn:first-child {
    margin-left: 0
}

.bred-crimb-help.edit {
    padding-left: 30px;
    position: relative;
    line-height: 26px
}

.bred-crimb-help.edit:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/points.png) no-repeat 0 0;
    width: 26px;
    height: 26px;
    display: block
}

.bred-crimb-help.edit:hover:before {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/points.png) no-repeat 0 -26px
}

.car-data-item .main-car-holder {
    border: none;
    color: gray;
    padding-bottom: 0
}

.car-data-item .main-car-image {
    width: 150px;
    margin-right: 10px
}

.dotts-table-row {
    margin-top: 3px
}

.table-left, .table-right {
    float: left
}

.table-left {
    width: 170px;
    padding: 0 10px 0 0;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/dots.gif) repeat-x 100% 100%
}

.table-left .table-left-text {
    background: #fff
}

.vin-bold {
    float: left;
    font-weight: 500
}

.content-section-right h2 {
    font-size: 15px;
    color: #c54141;
    padding: 15px 0 10px;
    text-transform: uppercase
}

.img-404 {
    margin-bottom: 25px
}

.img-404, .text-404 {
    text-align: center
}

.page-500 {
    padding: 30px 0
}

.page-500-text {
    float: left;
    color: gray;
    width: 57%;
    padding-right: 3%
}

.page-500-image {
    float: right;
    width: 40%
}

.page-500-text .page-500-title {
    white-space: normal
}

.product-tab, .table-tools {
    margin-bottom: 10px
}

.table-tools {
    background-color: #f1eeea;
    width: 100%;
    min-height: 43px;
    clear: both;
    float: left
}

.table-tools-filters {
    float: left;
    padding: 8px 0 8px 10px
}

.table-tools-filters .drop-item-holder {
    background: #fff;
    display: inline-block;
    margin-bottom: 0
}

.table-tools-filters .drop-item-label {
    padding-right: 4px;
    line-height: 27px;
    color: gray;
    font-size: 11px;
    text-transform: uppercase
}

.table-tools-filters .rss-tools {
    display: inline-block;
    margin-left: 20px;
    line-height: 27px
}

.rss-tools .rss-link {
    padding-left: 20px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/rss.png) no-repeat
}

.rss-tools .yandex-link {
    padding-right: 20px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/vijet.png) no-repeat 100%
}

.table-tools-showby {
    float: right;
    padding: 8px 10px 8px 0
}

.table-tools-showby .showby-label {
    color: gray;
    line-height: 27px
}

.table-tools-showby .showby-link {
    margin-left: 7px;
    line-height: 27px;
    padding: 5px
}

.table-tools-showby .showby-link.act {
    background: rgba(0, 0, 0, .06);
    color: gray;
    cursor: text
}

.publications-holder {
    padding-bottom: 30px
}

.publication-item {
    float: left;
    width: 33%;
    height: 335px;
    overflow: hidden;
    padding-bottom: 10px;
    border-top: 1px solid #e4e4e2;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}

.publication-item:hover {
    background: #f0f2f3
}

.publication-item .publication-image {
    float: left;
    margin: 10px 0 0 10px;
    max-width: 200px;
    max-height: 100px
}

.publication-item .publication-date {
    float: right;
    margin: 10px 20px 0 0;
    font-size: 12px;
    color: gray
}

.publication-item .publication-text {
    padding: 15px 0 0 10px;
    width: 86%;
    clear: both;
    font-weight: 500
}

.publication-item .publication-snippet {
    clear: both;
    color: gray;
    width: 86%;
    padding: 5px 0 0 10px;
    font-size: 13px;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.publication-item:hover .publication-snippet {
    color: #000
}

.publication-pagination {
    width: 100%;
    clear: both;
    overflow: hidden;
    padding-top: 10px
}

.publication-pagination .page-item {
    font-size: 16px;
    margin: 0 7px;
    padding: 5px;
    width: 12px;
    text-align: center;
    display: inline-block
}

.publication-pagination .page-item.active {
    cursor: text;
    color: gray;
    background: rgba(0, 0, 0, .06)
}

.payment-holder {
    overflow: hidden;
    text-align: center
}

.payment-holder .pay-text {
    padding-top: 20px;
    font-size: 16px
}

.part {
    margin-bottom: 20px
}

.vin-query-inp {
    width: 310px;
    float: left;
    margin-right: 5px;
    height: 30px
}

.blue-btn {
    display: inline-block;
    height: 32px;
    padding: 0 15px;
    background: #73a2b9;
    border-radius: 2px;
    line-height: 32px;
    border: none;
    color: #fff;
    cursor: pointer;
    outline: 0 none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blue-btn:hover {
    opacity: .9
}

.queries-list {
    margin-bottom: 20px
}

.queries-list-item {
    margin: 0 0 5px 20px;
    padding: 5px 0;
    border-bottom: 1px solid #e4e4e2;
    color: gray;
    padding-right: 25px;
    width: 330px
}

.query-text {
    color: #000
}

.query-remove {
    display: block;
    width: 22px;
    height: 22px;
    float: right;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/close2.png) no-repeat 0 0
}

.query-remove:hover {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/close2.png) no-repeat 0 -22px
}

.send-query {
    float: left;
    margin-right: 75px
}

.send-query .reg-row-tip {
    float: none;
    display: inline-block;
    margin: 0
}

.query-run {
    padding-left: 30px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/dots.gif) repeat-x 0 100%
}

.query-run .inp {
    width: 60px;
    height: 30px
}

.vin-queries-top {
    margin-bottom: 15px
}

.vin-queries-top .tipical-red-title {
    float: left
}

.vin-queries-top .make-query-btn {
    float: left;
    margin-left: 70px;
    margin-top: 7px;
    font-weight: 500;
    display: inline-block;
    height: 32px;
    border-radius: 3px;
    line-height: 32px;
    padding: 0 9px 0 35px;
    letter-spacing: .5px;
    position: relative;
    background: #f4f4f4;
    font-family: Arial, Tahoma, sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    color: #5b8aa1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.make-query-btn:hover {
    color: #5b8aa1 !important;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2)
}

.make-query-btn:before {
    content: "+";
    display: inline-block;
    width: 26px;
    background: #c9d1d5;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border-radius: 3px 0 0 3px
}

.product-states {
    float: right;
    margin-top: 10px
}

.product-states .state-item {
    float: left;
    margin-left: 10px
}

.o-state, .p-state, .z-state {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/states.jpg);
    margin-bottom: -3px
}

.o-state {
    background-position: 0 0
}

.z-state {
    background-position: 16px 0
}

.p-state {
    background-position: 32px 0
}

.queries-products-holder {
    margin-bottom: 30px
}

.queries-products-holder .queries-products-head {
    background: #e6f5e5;
    padding: 5px 10px
}

.queries-products-head .query-time {
    float: left;
    color: #666
}

.queries-products-head .query-delete {
    float: right;
    font-weight: 500
}

.query-delete .query-remove {
    margin-left: 25px
}

.queries-products-holder .row-item {
    padding: 10px;
    border-top: 1px solid #e4e4e2;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out
}

.queries-products-holder .row-item:hover {
    background: #f5f5f5
}

.queries-products-holder .row-item.no-top {
    border-top: none
}

.row-item .row-item-name {
    font-weight: 500
}

.row-item .row-item-model, .row-item .row-item-name {
    float: left;
    width: 35%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.row-item .row-item-file {
    width: 10%;
    float: left;
    text-align: center
}

.add-file-pic {
    display: inline-block;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/photovin.png) 0 0 no-repeat;
    width: 26px;
    height: 26px;
    opacity: .8
}

.row-item .row-item-notepad {
    float: right;
    color: gray
}

.row-item-notepad .counts {
    float: left;
    margin-right: 10px
}

.status-holder {
    float: left;
    text-align: center;
    width: 50px;
    padding-top: 3px
}

.order-status .table-left {
    width: 220px
}

.message-types {
    margin: 15px 0
}

.order-states-left {
    float: left
}

.order-states-right {
    float: right;
    width: 330px
}

.recepie-link {
    color: #fff;
    background: #047;
    padding: 0 3px
}

.order-status-top {
    padding-left: 230px;
    display: table
}

.order-status-type {
    display: table-cell;
    width: 50px;
    text-align: center;
    color: gray;
    vertical-align: middle
}

.user-links li button {
    width: 100%;
    text-align: left
}

@media only screen and (max-width: 1320px) {
    .top-header-help {
        display: block
    }

    .top-header-help.outer {
        display: none
    }
}

@media only screen and (max-width: 1215px) {
    .top-header .container {
        padding: 0 20px;
        width: calc(100% - 40px)
    }

    .footer {
        padding: 20px 20px 0
    }
}

@media only screen and (max-width: 1050px) {
    .main-column.right {
        display: none
    }

    .main-column.left {
        width: 100%;
        padding: 0
    }

    .order-product-main {
        width: 40%
    }

    .noresults-columns .noresults-left, .noresults-columns .noresults-right {
        float: none;
        width: 100%
    }

    .noresults-left .fieldset {
        width: calc(50% - 45px);
        float: left;
        margin-right: 10px;
        height: 300px
    }
}

@media only screen and (max-width: 935px) {
    .header-menu-item {
        margin: 0 7px;
        padding: 0 12px
    }

    .profile-item {
        height: 110px
    }

    .profile-main-pic {
        width: 46%
    }
}

@media only screen and (max-width: 850px) {
    .top-header .container {
        padding: 0;
        width: 100%
    }

    .top-header-left {
        position: absolute;
        display: none;
        margin: 0;
        opacity: .93;
        width: 100%;
        padding: 15px 0;
        height: auto;
        background: #4e565a;
        top: 45px;
        left: 0;
        z-index: 2
    }

    .top-mobile-menu {
        display: block
    }

    .header-search-block {
        width: calc(100% - 340px)
    }

    .header-search-block .header-search-input {
        min-width: calc(100% - 10px)
    }

    .header-buttons-block .header-button {
        border-radius: 20px;
        width: 9px;
        text-indent: -9999px;
        margin-right: 10px
    }

    .header-button.cart, .header-button.cart:hover {
        background-position: 0 -227px
    }

    .header-button.orders {
        background-position: -2px -272px
    }

    .footer-links {
        max-height: 40px;
        clear: both;
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid #c5d1d7;
        -webkit-transition: max-height .3s ease;
        transition: max-height .3s ease
    }

    .footer-links.drop {
        max-height: 350px
    }

    .footer-links-title {
        padding: 10px 0 10px 30px;
        position: relative;
        cursor: pointer
    }

    .footer-links-title:after {
        content: "";
        position: absolute;
        width: 13px;
        height: 9px;
        background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) -12px -873px no-repeat;
        left: 8px;
        top: 15px;
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }

    .footer-links-list {
        padding-left: 30px
    }

    .footer-links-list li {
        padding-bottom: 10px
    }

    .footer-links-list li a {
        font-size: 14px
    }

    .footer {
        padding: 5px 0 0;
        height: auto
    }

    .function-links-right {
        float: none
    }

    .footer-function-links .legal-link, .footer-function-links .oldstyle-link {
        float: none;
        display: block;
        text-align: center
    }

    .footer-function-links .legal-link {
        padding: 10px 0 0
    }

    .footer-function-links .oldstyle-link {
        padding: 10px 0
    }

    .footer-function-links .feedback-holder {
        width: calc(100% - 40px);
        margin: 0;
        text-align: center
    }

    .footer-bottom-panel .footer-copyright, .footer-bottom-panel .footer-payments, .footer-bottom-panel .footer-rambler, .footer-bottom-panel .footer-temot {
        float: none;
        text-align: center;
        margin: 5px auto
    }

    .footer-bottom-right {
        float: none
    }

    .hide850 {
        display: none
    }

    .footer-function-links {
        border-bottom: none;
        padding-bottom: 0
    }

    .brands-holder {
        padding-bottom: 50px
    }

    .show-all-brands {
        left: 50px
    }

    .tiles-menu[data-visual=blocks-type] .tiles-menu-column {
        width: 50%
    }

    .tiles-menu[data-visual=blocks-type] .tiles-menu-column.third {
        width: 100%;
        clear: both;
        padding-left: 0
    }

    .tiles-menu[data-visual=blocks-type] .tiles-menu-column.second a {
        margin-left: 0
    }

    .tiles-menu[data-visual=blocks-type] .tiles-menu-column.third a {
        width: calc(50% - 5px);
        float: left
    }

    .tiles-menu[data-visual=blocks-type] .tiles-menu-column.third a:first-child {
        width: 50%
    }

    .tiles-menu[data-visual=blocks-type] .tiles-menu-column.third a.tile-miniplate {
        margin-left: 0;
        height: 120px;
        float: left
    }

    .tiles-menu[data-visual=blocks-type] .tiles-menu-column.third a.disks {
        margin-left: 5px
    }

    .popular-products-item {
        width: 50%
    }

    .popular-products-item:nth-child(3n) {
        box-shadow: inset -1px -1px 0 0 #e4e4e2
    }

    .popular-products-item:nth-child(2n) {
        box-shadow: inset 0 -1px 0 0 #e4e4e2
    }

    .news-row-holder .news-row-item {
        width: 96%
    }

    .stock-files, .stock-main {
        float: none;
        width: auto;
        margin-left: 0
    }

    .stock-files li {
        float: left;
        width: 33%;
        overflow: hidden;
        white-space: nowrap;
        font-size: 14px
    }

    .cart-bottom-holder .cart-bottom-left {
        float: none;
        clear: both;
        width: 100%
    }

    .order-confirm-holder .order-confirm-left, .order-confirm-holder .order-confirm-right {
        width: 100%;
        float: none;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 700px) {
    .mobile-menu-btn {
        width: 49px;
        height: 45px;
        background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) 0 -900px no-repeat;
        cursor: pointer;
        opacity: .7;
        display: block
    }

    .header-menu-links {
        position: relative;
        width: 100%
    }

    .header-menu-links .header-menu-items {
        width: 100%;
        position: absolute;
        top: 45px;
        left: 0;
        float: none;
        z-index: 2;
        display: none;
        box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .3)
    }

    .header-menu-items li {
        width: 100%;
        float: none;
        background-color: #256892
    }

    .header-menu-items .header-menu-catalog {
        float: none
    }

    .catalog-dropdown {
        display: none
    }

    .catalog-holder .catalog {
        padding: 0 10px
    }

    .burger-menu-holder {
        height: 45px;
        position: relative;
        display: block
    }

    .burger-menu-holder .burger-menu {
        width: 29px;
        height: 45px;
        background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-m.png) -10px -908px no-repeat;
        margin-left: 10px;
        margin-top: 9px;
        float: left;
        cursor: pointer;
        opacity: .7;
        margin-right: 10px;
        display: block
    }

    .burger-menu-block {
        position: absolute;
        top: 45px;
        z-index: 2;
        box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .3);
        visibility: hidden;
        padding: 0;
        opacity: 0;
        width: 0;
        margin: 0;
        height: 0;
        -webkit-transition: opacity .3s ease;
        transition: opacity .3s ease;
        background: #256892
    }

    .burger-menu-block.drop {
        opacity: .93;
        visibility: visible;
        width: 100%;
        padding: 15px 0;
        height: auto
    }

    .burger-menu-list {
        width: 100%
    }

    .burger-menu-list li {
        display: block;
        padding-left: 20px;
        line-height: 45px;
        border-bottom: 1px solid #3b769a;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase
    }

    .burger-menu-list li a {
        color: #fff
    }

    .burger-menu-list li a:hover {
        opacity: .7
    }

    .garage-dropdown-block {
        width: 640px
    }

    .car-profile-holder .car-profile-left, .car-profile-holder .car-profile-right {
        float: none;
        margin-bottom: 10px
    }

    .car-profile-holder .car-profile-left {
        width: 100%
    }

    .car-profile-holder .car-profile-right {
        margin: 0 auto 10px
    }

    .order-product-item {
        overflow: hidden;
        padding-right: 0;
        -webkit-transition: padding-right .3s ease-in-out;
        transition: padding-right .3s ease-in-out
    }

    .order-product-item.expanded {
        padding-right: 100px
    }

    .order-product-addbuttons {
        position: absolute;
        z-index: 1;
        right: 0;
        top: 0;
        bottom: 0;
        padding: 40px 0 0 14px;
        width: 0;
        overflow: hidden;
        background-image: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/hide.png);
        background-repeat: no-repeat;
        background-position: 4px;
        cursor: pointer;
        -webkit-transition: width .3s ease-in-out;
        transition: width .3s ease-in-out
    }

    .order-product-addbuttons.axpanded {
        background-color: #efefef;
        width: 100px
    }

    .contract-type .contract-type-item {
        width: 100%;
        float: none;
        margin-bottom: 20px
    }

    .contract-type-item .contract-item-text {
        min-height: 120px
    }

    .garage-car-item {
        width: 100%
    }

    .car-inactive {
        width: 99.8%
    }
}

@media only screen and (max-width: 640px) {
    .main-content {
        padding: 20px 10px 40px
    }

    .logotype img, .top-header-help {
        display: none
    }

    .logotype {
        width: 55px;
        height: 51px;
        margin: 5px 10px 20px;
        background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/logo_small.png) no-repeat;
        background-size: contain
    }

    .header-search-block {
        width: calc(100% - 200px);
        margin-top: 13px
    }

    .header-search-block .header-search-input {
        min-width: 100%;
        max-width: 100%
    }

    .header-buttons-block {
        margin-top: 11px
    }

    .hide850 {
        display: block
    }

    .login-drop-block {
        width: calc(100% - 40px)
    }

    .popular-products-holder .popular-products-item {
        padding-top: 123px
    }

    .you-watch-holder .popular-products-item {
        padding-top: 93px
    }

    .popular-products-holder .popular-products-item .popular-item-price {
        top: 30px;
        opacity: 1;
        background: none
    }

    .you-watch-holder .popular-products-item .popular-item-price {
        top: 0;
        opacity: 1;
        background: none
    }

    .popular-products-title, .you-watch-title {
        margin-bottom: 0
    }

    .bread-crumb-holder {
        display: none
    }

    .profile-column-left, .profile-column-right {
        float: none;
        width: 100%;
        margin-bottom: 15px
    }

    .profile-column-left .profile-subcolumn {
        float: none;
        width: 100%;
        margin-right: 0
    }

    .profile-item {
        height: 75px
    }

    .profile-main-pic {
        float: none;
        width: 100%;
        margin-bottom: 20px
    }

    .profile-subcolumn-wide .profile-item {
        float: none;
        width: 94%;
        height: 55px
    }

    .user-dropdown {
        width: 95%;
        right: 5px
    }

    .settings-column {
        width: 100%;
        margin: 0
    }

    .simple-plate ul li {
        float: none;
        width: 100%
    }

    .stock-files li {
        width: 50%
    }

    .personal-account-top .personal-account-tools {
        padding-left: 10px;
        width: calc(100% - 20px)
    }

    .personal-account-top .personal-account-add {
        height: 35px;
        width: 100%;
        top: auto;
        bottom: -35px
    }

    .personal-account-tools .notepad-table-sizer, .personal-account-tools .personal-account-cal {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 10px
    }

    .personal-account-tools .personal-account-group {
        display: inline-block;
        text-align: center;
        width: 100%;
        margin-left: 0;
        float: none
    }

    .personal-account-form .p-a-sub {
        float: none;
        width: 100%
    }

    .order-product-main {
        width: 100%;
        margin-bottom: 10px
    }

    .order-product-action {
        width: 40%
    }

    .order-product-amount {
        width: 15%
    }

    .order-product-price span {
        padding: 0 0 0 10px
    }
}

@media only screen and (max-width: 600px) {
    .tiles-menu[data-visual=list-type] .tiles-menu-row {
        width: 100%;
        margin-bottom: 0;
        float: none
    }

    .tiles-menu[data-visual=list-type] .tiles-menu-row a {
        clear: both;
        width: 100%;
        height: 50px;
        line-height: 50px;
        border-bottom: 1px solid #e4e4e2;
        font-size: 16px;
        color: #256892
    }

    .tiles-menu[data-visual=list-type] .tiles-menu-row a:last-child {
        border-bottom: none
    }

    .tiles-menu[data-visual=list-type] .tiles-menu-row a.tiles-menu-title {
        height: 0;
        overflow: hidden;
        border-bottom: none;
        padding: 0;
        border-top-width: 4px
    }

    .popular-products-item {
        width: 100%;
        box-shadow: inset 0 -1px 0 0 #e4e4e2
    }

    .popular-products-title, .you-watch-title {
        padding-top: 20px
    }

    .popular-products-expander, .you-watch-expander {
        width: 100%;
        text-align: center;
        line-height: 30px;
        height: 30px;
        background: #f5f5f5
    }

    .popular-products-expander .expander, .you-watch-expander .expander {
        float: none
    }

    .tiles-menu[data-visual=list-type] .popular-products-holder, .tiles-menu[data-visual=list-type] .you-watch-holder {
        display: block
    }

    .news-block-holder .news-readall {
        width: 100%;
        display: block;
        height: 30px;
        line-height: 30px;
        background: #f5f5f5;
        text-align: center;
        bottom: -10px
    }

    .content-section-left {
        display: none
    }

    .content-section-right {
        margin-left: 0
    }

    .stock-feature {
        width: 100%;
        margin: 0 0 15px
    }

    .stock-feature-text {
        text-align: center
    }

    .order-form-holder .order-form-row {
        padding: 10px 0
    }

    .order-form-row .order-form-label {
        position: static;
        background: none;
        padding: 0
    }

    .order-form-row .order-form-value {
        padding: 0
    }

    .order-deliv-info {
        max-width: 90%
    }

    .slide-map-holder {
        display: block;
        overflow: hidden;
        height: 0;
        position: relative;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .slide-map-holder.slidedown {
        height: 334px;
        overflow: visible
    }

    .show-on-map {
        display: inline-block
    }

    .registration-holder .registration-column {
        width: 100%
    }

    .registration-holder .registration-column:last-child {
        display: none
    }

    .slide-map-holder .slide-map-close {
        position: absolute;
        right: 0;
        top: -30px;
        background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/close.png) no-repeat 50% #fff;
        width: 30px;
        height: 30px;
        border-radius: 30px
    }
}

@media only screen and (min-width: 700px) {
    .header-menu-items {
        display: block !important
    }
}

.main-content a:hover {
    color: #c54141
}

body.body_redesign {
    font: 14px/20px Roboto, sans-serif;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/new-bg.png) repeat
}

.body_redesign .top-header {
    background: #e6e6e6
}

.body_redesign .main-wrapper {
    background: #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6
}

.body_redesign .top-header .top-header-link {
    color: #1a1a1a
}

.body_redesign .garage-holder, .body_redesign .header-menu {
    background: #293377
}

.body_redesign .top-header-right .login {
    background: none;
    color: #1a1a1a
}

.body_redesign .main-content {
    background: #fff
}

.body_redesign .header-buttons-block .header-button {
    box-shadow: none;
    border: 1px solid #1a1a1a;
    background-color: #e6e6e6
}

.body_redesign .commercial-block {
    background: #ededed
}

.body_redesign .commercial-block-headline {
    color: #706f6f
}

.body_redesign .commercial-link {
    color: #1a1a1a
}

.body_redesign .brands-holder {
    background: transparent
}

.body_redesign .brands-column li {
    border-bottom: 1px solid #e3e3e3
}

.body_redesign .brands-column a {
    color: #1a1a1a
}

.body_redesign .show-all-brands {
    bottom: 22px
}

.body_redesign .show-all-brands a {
    color: #1a1a1a
}

.body_redesign .tiles-menu[data-visual=blocks-type] a.tile-smallplate {
    color: #706f6f
}

.body_redesign .tiles-menu[data-visual=blocks-type] a.tipical-link {
    text-transform: none;
    color: #3c3c3b;
    font-size: 14px;
    font-weight: 400
}

.body_redesign .tiles-menu[data-visual=blocks-type] a.tile-plate {
    color: #575756
}

.body_redesign .tiles-menu[data-visual=blocks-type] .tiles-menu-row a.tile-miniplate {
    color: #706f6f;
    border-bottom: 1px solid #e3e3e3
}

.body_redesign .tiles-menu[data-visual=blocks-type] .tiles-menu-row a.tile-miniplate, .body_redesign .tiles-menu[data-visual=blocks-type] .tiles-menu-row a.tile-smallplate {
    background: #fff3e0
}

.body_redesign .tiles-menu[data-visual=blocks-type] .tiles-menu-row:first-child a.tile-miniplate, .body_redesign .tiles-menu[data-visual=blocks-type] .tiles-menu-row:first-child a.tile-smallplate {
    background: #dee5e9
}

.body_redesign .tiles-menu[data-visual=blocks-type] .tiles-menu-row:nth-child(2) a.tile-miniplate, .body_redesign .tiles-menu[data-visual=blocks-type] .tiles-menu-row:nth-child(2) a.tile-smallplate {
    background: #f3e6e6
}

.body_redesign .tiles-menu[data-visual=blocks-type] .tiles-menu-row:nth-child(3) a.tile-miniplate, .body_redesign .tiles-menu[data-visual=blocks-type] .tiles-menu-row:nth-child(3) a.tile-smallplate {
    background: #e1e8e8
}

.body_redesign .tiles-menu[data-visual=blocks-type] a.tile-plate.cat-icon, .body_redesign .tiles-menu[data-visual=blocks-type] a.tile-plate.cat-icon:hover {
    background: #bdccd4
}

.body_redesign .tiles-menu[data-visual=blocks-type] a.tile-plate.cat-icon:hover {
    color: #575756
}

.body_redesign .tiles-menu[data-visual=blocks-type] a.tile-plate.oil-icon, .body_redesign .tiles-menu[data-visual=blocks-type] a.tile-plate.oil-icon:hover {
    background: #eddada
}

.body_redesign .tiles-menu[data-visual=blocks-type] a.tile-plate.oil-icon:hover {
    color: #575756
}

.body_redesign .tiles-menu[data-visual=blocks-type] a.tile-plate.acs-icon, .body_redesign .tiles-menu[data-visual=blocks-type] a.tile-plate.acs-icon:hover {
    background: #d6e0e0
}

.body_redesign .tiles-menu[data-visual=blocks-type] a.tile-plate.acs-icon:hover {
    color: #575756
}

.body_redesign .tiles-menu[data-visual=blocks-type] a.tile-plate.akkum-icon, .body_redesign .tiles-menu[data-visual=blocks-type] a.tile-plate.akkum-icon:hover {
    background: #ffedd1
}

.body_redesign .tiles-menu[data-visual=blocks-type] a.tile-plate.akkum-icon:hover {
    color: #575756
}

.body_redesign .tiles-menu[data-visual=blocks-type] .tiles-menu-column a {
    font-family: Roboto;
    border: none
}

.body_redesign .tiles-menu[data-visual=blocks-type] .tiles-menu-row a.tipical-link {
    border-bottom: 1px solid #e3e3e3
}

.body_redesign .popular-products-title, .you-watch-title {
    color: #706f6f
}

.body_redesign .popular-products-expander .expander, .news-block-holder .news-readall, .you-watch-expander .expander {
    font-style: italic;
    color: #3c3c3b;
    text-decoration: underline;
    text-transform: none
}

.body_redesign .header-search-block .header-search-input {
    box-shadow: 0 0 0 1px #09c;
    border-radius: 20px 0
}

.body_redesign .news-block-switch li a {
    color: #c6c6c6;
    border-bottom-color: transparent
}

.body_redesign .news-block-switch li {
    padding: 0 20px;
    border-left: 1px solid #dadada;
    margin-left: 0
}

.body_redesign .news-block-switch li:first-child {
    padding-left: 0;
    border-left: 0
}

.body_redesign .news-block-switch li a.current, .body_redesign .news-block-switch li a:hover {
    color: #3c3c3b
}

.body_redesign .news-row-holder .news-row-item {
    width: 45%;
    padding: 15px 2%;
    box-shadow: inset 0 0 0 1px #dadada;
    height: 70px;
    margin-bottom: 10px
}

.body_redesign .news-row-holder .news-row-item:nth-child(2n) {
    margin-left: 2%
}

.body_redesign .footer {
    background: #e6e6e6
}

.body_redesign .footer-links-title {
    color: #3c3c3b
}

.body_redesign .footer-links-list li a {
    color: #706f6f
}

.body_redesign .footer-function-links .legal-link {
    color: #1d1d1b
}

.body_redesign .footer-function-links .feedback-holder {
    background: none
}

.body_redesign .feedback-holder .feedback-link {
    border: none;
    color: #1d1d1b
}

.body_redesign .oldstyle-link {
    display: none
}

.body_redesign .header-button.cart:hover {
    color: #6f6f6f;
    opacity: .8;
    box-shadow: none;
    background-color: transparent
}

.body_redesign .top-header-right {
    margin-right: 30px
}

.body_redesign .you-watch-title {
    background: none
}

.body_redesign .header-holder {
    background: #e6e6e6
}

.body_redesign .main-wrapper {
    padding-top: 0
}

.body_redesign .header-holder-menu {
    margin: 0 auto;
    max-width: 1200px;
    min-width: 360px;
    position: relative
}

.body_redesign .footer-function-links {
    border-bottom: none
}

.body_redesign .footer-bottom-panel {
    background: #efefed;
    padding: 25px 0 30px
}

.body_redesign .footer-bottom-panel-holder {
    margin: 0 auto;
    max-width: 1200px;
    min-width: 360px
}

.body_redesign .username {
    color: #1a1a1a
}

.body_redesign .content-page {
    margin-top: 0;
    padding: 20px 20px 40px
}

.f-phone-confirm .reg-row {
    position: relative
}

.f-phone-confirm .note {
    font-size: 10px;
    color: gray
}

.f-phone-confirm .reg-row-submit {
    width: 100%;
    max-width: 382px
}

.f-phone-confirm .reg-form-submit {
    width: auto
}

div.validation-summary-errors, span.field-validation-error {
    color: red;
    font-size: .85em
}

.g-button-select {
    display: inline-block;
    height: 32px;
    margin: 6px 0;
    padding: 0 15px;
    line-height: 32px;
    background: #73a2b9;
    border-radius: 2px;
    border: none;
    color: #fff;
    cursor: pointer
}

.g-button-select img {
    margin: 0 0 0 5px
}

.validation_block {
    margin-top: 5px;
    margin-bottom: 15px
}

.partners-cell {
    float: left;
    height: 110px;
    width: 120px;
    padding: 10px
}

.partnercity {
    border-radius: 10px;
    background-color: #f5f5f5;
    padding: 5px;
    padding-left: 20px
}

.partners-address .partnercity .city {
    color: #900;
    margin-bottom: 4px
}

.b-search-result .attention-block {
    font-size: 16px;
    padding: 25px;
    text-align: center;
    color: #fff;
    font-size: 1.143em;
    border-radius: 3px;
    background-color: #83b880;
    text-align: left;
    font-weight: 400
}

.b-search-result .attention-block a {
    color: #fff;
    text-decoration: underline
}

.b-search-result .attention-block a:hover {
    text-decoration: none
}

.b-search-result .attention-block p:last-child {
    margin-bottom: 0
}

.b-search-result .noresults-left, .b-search-result .noresults-right {
    background-color: #f3f4f7;
    color: #1e232e;
    font-size: 16px
}

.b-search-result .fieldset, .b-search-result .fieldset.grey {
    background: transparent;
    border: none
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

/*!
 * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption, figure, main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active, a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit;
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden], template {
    display: none
}

@media print {
    *, :after, :before, blockquote:first-letter, blockquote:first-line, div:first-letter, div:first-line, li:first-letter, li:first-line, p:first-letter, p:first-line {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd !important
    }
}

html {
    box-sizing: border-box
}

*, :after, :before {
    box-sizing: inherit
}

@-ms-viewport {
    width: device-width
}

html {
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #292b2c;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: none !important
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title], abbr[title] {
    cursor: help
}

address {
    font-style: normal;
    line-height: inherit
}

address, dl, ol, ul {
    margin-bottom: 1rem
}

dl, ol, ul {
    margin-top: 0
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

a {
    color: #0275d8;
    text-decoration: none
}

a:focus, a:hover {
    color: #014c8c;
    text-decoration: underline
}

a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle
}

[role=button] {
    cursor: pointer
}

[role=button], a, area, button, input, label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

table {
    border-collapse: collapse;
    background-color: transparent
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #636c72;
    caption-side: bottom
}

caption, th {
    text-align: left
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button, input, select, textarea {
    line-height: inherit
}

input[type=checkbox]:disabled, input[type=radio]:disabled {
    cursor: not-allowed
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit
}

input[type=search] {
    -webkit-appearance: none
}

output {
    display: inline-block
}

[hidden] {
    display: none !important
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1, h1 {
    font-size: 2.5rem
}

.h2, h2 {
    font-size: 2rem
}

.h3, h3 {
    font-size: 1.75rem
}

.h4, h4 {
    font-size: 1.5rem
}

.h5, h5 {
    font-size: 1.25rem
}

.h6, h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem
}

.display-1, .display-2 {
    font-weight: 300;
    line-height: 1.1
}

.display-2 {
    font-size: 5.5rem
}

.display-3 {
    font-size: 4.5rem
}

.display-3, .display-4 {
    font-weight: 300;
    line-height: 1.1
}

.display-4 {
    font-size: 3.5rem
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small, small {
    font-size: 80%;
    font-weight: 400
}

.mark, mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-inline, .list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: 5px
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    border-left: .25rem solid #eceeef
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #636c72
}

.blockquote-footer:before {
    content: "\2014   \A0"
}

.blockquote-reverse {
    padding-right: 1rem;
    padding-left: 0;
    text-align: right;
    border-right: .25rem solid #eceeef;
    border-left: 0
}

.blockquote-reverse .blockquote-footer:before {
    content: ""
}

.blockquote-reverse .blockquote-footer:after {
    content: "\A0   \2014"
}

.img-fluid, .img-thumbnail {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #636c72
}

code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

code {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #bd4147;
    background-color: #f7f7f9;
    border-radius: .25rem
}

a > code {
    padding: 0;
    color: inherit;
    background-color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #fff;
    background-color: #292b2c;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 90%;
    color: #292b2c
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 576px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 768px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 992px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 1200px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 576px) {
    .container {
        width: 540px;
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .container {
        width: 720px;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .container {
        width: 960px;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1430px;
        max-width: 100%
    }
}

.container-fluid {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 576px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 768px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 992px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 1200px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 576px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width: 768px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width: 992px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width: 1200px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters > .col, .no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 576px) {
    .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 768px) {
    .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 992px) {
    .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 1200px) {
    .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        padding-right: 15px;
        padding-left: 15px
    }
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

.col-1, .col-auto {
    -webkit-box-flex: 0
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-2, .col-3 {
    -webkit-box-flex: 0
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-4, .col-5 {
    -webkit-box-flex: 0
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-6, .col-7 {
    -webkit-box-flex: 0
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-8, .col-9 {
    -webkit-box-flex: 0
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-10, .col-11 {
    -webkit-box-flex: 0
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.pull-0 {
    right: auto
}

.pull-1 {
    right: 8.333333%
}

.pull-2 {
    right: 16.666667%
}

.pull-3 {
    right: 25%
}

.pull-4 {
    right: 33.333333%
}

.pull-5 {
    right: 41.666667%
}

.pull-6 {
    right: 50%
}

.pull-7 {
    right: 58.333333%
}

.pull-8 {
    right: 66.666667%
}

.pull-9 {
    right: 75%
}

.pull-10 {
    right: 83.333333%
}

.pull-11 {
    right: 91.666667%
}

.pull-12 {
    right: 100%
}

.push-0 {
    left: auto
}

.push-1 {
    left: 8.333333%
}

.push-2 {
    left: 16.666667%
}

.push-3 {
    left: 25%
}

.push-4 {
    left: 33.333333%
}

.push-5 {
    left: 41.666667%
}

.push-6 {
    left: 50%
}

.push-7 {
    left: 58.333333%
}

.push-8 {
    left: 66.666667%
}

.push-9 {
    left: 75%
}

.push-10 {
    left: 83.333333%
}

.push-11 {
    left: 91.666667%
}

.push-12 {
    left: 100%
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-sm-0 {
        right: auto
    }

    .pull-sm-1 {
        right: 8.333333%
    }

    .pull-sm-2 {
        right: 16.666667%
    }

    .pull-sm-3 {
        right: 25%
    }

    .pull-sm-4 {
        right: 33.333333%
    }

    .pull-sm-5 {
        right: 41.666667%
    }

    .pull-sm-6 {
        right: 50%
    }

    .pull-sm-7 {
        right: 58.333333%
    }

    .pull-sm-8 {
        right: 66.666667%
    }

    .pull-sm-9 {
        right: 75%
    }

    .pull-sm-10 {
        right: 83.333333%
    }

    .pull-sm-11 {
        right: 91.666667%
    }

    .pull-sm-12 {
        right: 100%
    }

    .push-sm-0 {
        left: auto
    }

    .push-sm-1 {
        left: 8.333333%
    }

    .push-sm-2 {
        left: 16.666667%
    }

    .push-sm-3 {
        left: 25%
    }

    .push-sm-4 {
        left: 33.333333%
    }

    .push-sm-5 {
        left: 41.666667%
    }

    .push-sm-6 {
        left: 50%
    }

    .push-sm-7 {
        left: 58.333333%
    }

    .push-sm-8 {
        left: 66.666667%
    }

    .push-sm-9 {
        left: 75%
    }

    .push-sm-10 {
        left: 83.333333%
    }

    .push-sm-11 {
        left: 91.666667%
    }

    .push-sm-12 {
        left: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-md-0 {
        right: auto
    }

    .pull-md-1 {
        right: 8.333333%
    }

    .pull-md-2 {
        right: 16.666667%
    }

    .pull-md-3 {
        right: 25%
    }

    .pull-md-4 {
        right: 33.333333%
    }

    .pull-md-5 {
        right: 41.666667%
    }

    .pull-md-6 {
        right: 50%
    }

    .pull-md-7 {
        right: 58.333333%
    }

    .pull-md-8 {
        right: 66.666667%
    }

    .pull-md-9 {
        right: 75%
    }

    .pull-md-10 {
        right: 83.333333%
    }

    .pull-md-11 {
        right: 91.666667%
    }

    .pull-md-12 {
        right: 100%
    }

    .push-md-0 {
        left: auto
    }

    .push-md-1 {
        left: 8.333333%
    }

    .push-md-2 {
        left: 16.666667%
    }

    .push-md-3 {
        left: 25%
    }

    .push-md-4 {
        left: 33.333333%
    }

    .push-md-5 {
        left: 41.666667%
    }

    .push-md-6 {
        left: 50%
    }

    .push-md-7 {
        left: 58.333333%
    }

    .push-md-8 {
        left: 66.666667%
    }

    .push-md-9 {
        left: 75%
    }

    .push-md-10 {
        left: 83.333333%
    }

    .push-md-11 {
        left: 91.666667%
    }

    .push-md-12 {
        left: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-lg-0 {
        right: auto
    }

    .pull-lg-1 {
        right: 8.333333%
    }

    .pull-lg-2 {
        right: 16.666667%
    }

    .pull-lg-3 {
        right: 25%
    }

    .pull-lg-4 {
        right: 33.333333%
    }

    .pull-lg-5 {
        right: 41.666667%
    }

    .pull-lg-6 {
        right: 50%
    }

    .pull-lg-7 {
        right: 58.333333%
    }

    .pull-lg-8 {
        right: 66.666667%
    }

    .pull-lg-9 {
        right: 75%
    }

    .pull-lg-10 {
        right: 83.333333%
    }

    .pull-lg-11 {
        right: 91.666667%
    }

    .pull-lg-12 {
        right: 100%
    }

    .push-lg-0 {
        left: auto
    }

    .push-lg-1 {
        left: 8.333333%
    }

    .push-lg-2 {
        left: 16.666667%
    }

    .push-lg-3 {
        left: 25%
    }

    .push-lg-4 {
        left: 33.333333%
    }

    .push-lg-5 {
        left: 41.666667%
    }

    .push-lg-6 {
        left: 50%
    }

    .push-lg-7 {
        left: 58.333333%
    }

    .push-lg-8 {
        left: 66.666667%
    }

    .push-lg-9 {
        left: 75%
    }

    .push-lg-10 {
        left: 83.333333%
    }

    .push-lg-11 {
        left: 91.666667%
    }

    .push-lg-12 {
        left: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-xl-0 {
        right: auto
    }

    .pull-xl-1 {
        right: 8.333333%
    }

    .pull-xl-2 {
        right: 16.666667%
    }

    .pull-xl-3 {
        right: 25%
    }

    .pull-xl-4 {
        right: 33.333333%
    }

    .pull-xl-5 {
        right: 41.666667%
    }

    .pull-xl-6 {
        right: 50%
    }

    .pull-xl-7 {
        right: 58.333333%
    }

    .pull-xl-8 {
        right: 66.666667%
    }

    .pull-xl-9 {
        right: 75%
    }

    .pull-xl-10 {
        right: 83.333333%
    }

    .pull-xl-11 {
        right: 91.666667%
    }

    .pull-xl-12 {
        right: 100%
    }

    .push-xl-0 {
        left: auto
    }

    .push-xl-1 {
        left: 8.333333%
    }

    .push-xl-2 {
        left: 16.666667%
    }

    .push-xl-3 {
        left: 25%
    }

    .push-xl-4 {
        left: 33.333333%
    }

    .push-xl-5 {
        left: 41.666667%
    }

    .push-xl-6 {
        left: 50%
    }

    .push-xl-7 {
        left: 58.333333%
    }

    .push-xl-8 {
        left: 66.666667%
    }

    .push-xl-9 {
        left: 75%
    }

    .push-xl-10 {
        left: 83.333333%
    }

    .push-xl-11 {
        left: 91.666667%
    }

    .push-xl-12 {
        left: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem
}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #eceeef
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #eceeef
}

.table tbody + tbody {
    border-top: 2px solid #eceeef
}

.table .table {
    background-color: #fff
}

.table-sm td, .table-sm th {
    padding: .3rem
}

.table-bordered, .table-bordered td, .table-bordered th {
    border: 1px solid #eceeef
}

.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 2px
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-active, .table-active > td, .table-active > th, .table-hover .table-active:hover, .table-hover .table-active:hover > td, .table-hover .table-active:hover > th, .table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-success, .table-success > td, .table-success > th {
    background-color: #dff0d8
}

.table-hover .table-success:hover, .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
    background-color: #d0e9c6
}

.table-info, .table-info > td, .table-info > th {
    background-color: #d9edf7
}

.table-hover .table-info:hover, .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
    background-color: #c4e3f3
}

.table-warning, .table-warning > td, .table-warning > th {
    background-color: #fcf8e3
}

.table-hover .table-warning:hover, .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
    background-color: #faf2cc
}

.table-danger, .table-danger > td, .table-danger > th {
    background-color: #f2dede
}

.table-hover .table-danger:hover, .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
    background-color: #ebcccc
}

.thead-inverse th {
    color: #fff;
    background-color: #292b2c
}

.thead-default th {
    color: #464a4c;
    background-color: #eceeef
}

.table-inverse {
    color: #fff;
    background-color: #292b2c
}

.table-inverse td, .table-inverse th, .table-inverse thead th {
    border-color: #fff
}

.table-inverse.table-bordered {
    border: 0
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.table-responsive.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #464a4c;
    background-color: #fff;
    border-color: #5cb3fd;
    outline: none
}

.form-control::-webkit-input-placeholder {
    color: #636c72;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #636c72;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #636c72;
    opacity: 1
}

.form-control::placeholder {
    color: #636c72;
    opacity: 1
}

.form-control:disabled, .form-control[readonly] {
    background-color: #eceeef;
    opacity: 1
}

.form-control:disabled {
    cursor: not-allowed
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
    color: #464a4c;
    background-color: #fff
}

.form-control-file, .form-control-range {
    display: block
}

.col-form-label {
    padding-top: calc(.5rem - 1px * 2);
    padding-bottom: calc(.5rem - 1px * 2);
    margin-bottom: 0
}

.col-form-label-lg {
    padding-top: calc(.75rem - 1px * 2);
    padding-bottom: calc(.75rem - 1px * 2);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem - 1px * 2);
    padding-bottom: calc(.25rem - 1px * 2);
    font-size: .875rem
}

.col-form-legend {
    font-size: 1rem
}

.col-form-legend, .form-control-static {
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 0
}

.form-control-static {
    line-height: 1.25;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-static.form-control-lg, .form-control-static.form-control-sm, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) {
    height: 1.8125rem
}

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.input-group-addon:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) {
    height: 3.166667rem
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-check {
    position: relative;
    display: block;
    margin-bottom: .5rem
}

.form-check.disabled .form-check-label {
    color: #636c72;
    cursor: not-allowed
}

.form-check-label {
    padding-left: 1.25rem;
    margin-bottom: 0;
    cursor: pointer
}

.form-check-input {
    position: absolute;
    margin-top: .25rem;
    margin-left: -1.25rem
}

.form-check-input:only-child {
    position: static
}

.form-check-inline {
    display: inline-block
}

.form-check-inline .form-check-label {
    vertical-align: middle
}

.form-check-inline + .form-check-inline {
    margin-left: .75rem
}

.form-control-feedback {
    margin-top: .25rem
}

.form-control-danger, .form-control-success, .form-control-warning {
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right .5625rem;
    background-size: 1.125rem 1.125rem
}

.has-success .col-form-label, .has-success .custom-control, .has-success .form-check-label, .has-success .form-control-feedback, .has-success .form-control-label {
    color: #5cb85c
}

.has-success .form-control {
    border-color: #5cb85c
}

.has-success .input-group-addon {
    color: #5cb85c;
    border-color: #5cb85c;
    background-color: #eaf6ea
}

.has-success .form-control-success {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E")
}

.has-warning .col-form-label, .has-warning .custom-control, .has-warning .form-check-label, .has-warning .form-control-feedback, .has-warning .form-control-label {
    color: #f0ad4e
}

.has-warning .form-control {
    border-color: #f0ad4e
}

.has-warning .input-group-addon {
    color: #f0ad4e;
    border-color: #f0ad4e;
    background-color: #fff
}

.has-warning .form-control-warning {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E")
}

.has-danger .col-form-label, .has-danger .custom-control, .has-danger .form-check-label, .has-danger .form-control-feedback, .has-danger .form-control-label {
    color: #d9534f
}

.has-danger .form-control {
    border-color: #d9534f
}

.has-danger .input-group-addon {
    color: #d9534f;
    border-color: #d9534f;
    background-color: #fdf7f7
}

.has-danger .form-control-danger {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E")
}

.form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width: 576px) {
    .form-inline label {
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-inline .form-group, .form-inline label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        width: auto
    }

    .form-inline .form-control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-check {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        margin-top: 0;
        margin-bottom: 0
    }

    .form-inline .form-check-label {
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0
    }

    .form-inline .custom-control-indicator {
        position: static;
        display: inline-block;
        margin-right: .25rem;
        vertical-align: text-bottom
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.btn:focus, .btn:hover {
    text-decoration: none
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(2, 117, 216, .25)
}

.btn.disabled, .btn:disabled {
    cursor: not-allowed;
    opacity: .65
}

.btn.active, .btn:active {
    background-image: none
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.btn-primary:hover {
    color: #fff;
    background-color: #025aa5;
    border-color: #01549b
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 2px rgba(2, 117, 216, .5)
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #0275d8;
    border-color: #0275d8
}

.btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #025aa5;
    background-image: none;
    border-color: #01549b
}

.btn-secondary {
    color: #292b2c;
    background-color: #fff;
    border-color: #ccc
}

.btn-secondary:hover {
    color: #292b2c;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-secondary.focus, .btn-secondary:focus {
    box-shadow: 0 0 0 2px hsla(0, 0%, 80%, .5)
}

.btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #fff;
    border-color: #ccc
}

.btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
    color: #292b2c;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2
}

.btn-info.focus, .btn-info:focus {
    box-shadow: 0 0 0 2px rgba(91, 192, 222, .5)
}

.btn-info.disabled, .btn-info:disabled {
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    background-image: none;
    border-color: #2aabd2
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #419641
}

.btn-success.focus, .btn-success:focus {
    box-shadow: 0 0 0 2px rgba(92, 184, 92, .5)
}

.btn-success.disabled, .btn-success:disabled {
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    background-image: none;
    border-color: #419641
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #eb9316
}

.btn-warning.focus, .btn-warning:focus {
    box-shadow: 0 0 0 2px rgba(240, 173, 78, .5)
}

.btn-warning.disabled, .btn-warning:disabled {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    background-image: none;
    border-color: #eb9316
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #c12e2a
}

.btn-danger.focus, .btn-danger:focus {
    box-shadow: 0 0 0 2px rgba(217, 83, 79, .5)
}

.btn-danger.disabled, .btn-danger:disabled {
    background-color: #d9534f;
    border-color: #d9534f
}

.btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    background-image: none;
    border-color: #c12e2a
}

.btn-outline-primary {
    color: #0275d8;
    background-image: none;
    background-color: transparent;
    border-color: #0275d8
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.btn-outline-primary.focus, .btn-outline-primary:focus {
    box-shadow: 0 0 0 2px rgba(2, 117, 216, .5)
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #0275d8;
    background-color: transparent
}

.btn-outline-primary.active, .btn-outline-primary:active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.btn-outline-secondary {
    color: #ccc;
    background-image: none;
    background-color: transparent;
    border-color: #ccc
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc
}

.btn-outline-secondary.focus, .btn-outline-secondary:focus {
    box-shadow: 0 0 0 2px hsla(0, 0%, 80%, .5)
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #ccc;
    background-color: transparent
}

.btn-outline-secondary.active, .btn-outline-secondary:active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc
}

.btn-outline-info {
    color: #5bc0de;
    background-image: none;
    background-color: transparent;
    border-color: #5bc0de
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-outline-info.focus, .btn-outline-info:focus {
    box-shadow: 0 0 0 2px rgba(91, 192, 222, .5)
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #5bc0de;
    background-color: transparent
}

.btn-outline-info.active, .btn-outline-info:active, .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-outline-success {
    color: #5cb85c;
    background-image: none;
    background-color: transparent;
    border-color: #5cb85c
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-outline-success.focus, .btn-outline-success:focus {
    box-shadow: 0 0 0 2px rgba(92, 184, 92, .5)
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #5cb85c;
    background-color: transparent
}

.btn-outline-success.active, .btn-outline-success:active, .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-outline-warning {
    color: #f0ad4e;
    background-image: none;
    background-color: transparent;
    border-color: #f0ad4e
}

.btn-outline-warning:hover {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.btn-outline-warning.focus, .btn-outline-warning:focus {
    box-shadow: 0 0 0 2px rgba(240, 173, 78, .5)
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #f0ad4e;
    background-color: transparent
}

.btn-outline-warning.active, .btn-outline-warning:active, .show > .btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.btn-outline-danger {
    color: #d9534f;
    background-image: none;
    background-color: transparent;
    border-color: #d9534f
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f
}

.btn-outline-danger.focus, .btn-outline-danger:focus {
    box-shadow: 0 0 0 2px rgba(217, 83, 79, .5)
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #d9534f;
    background-color: transparent
}

.btn-outline-danger.active, .btn-outline-danger:active, .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f
}

.btn-link {
    font-weight: 400;
    color: #0275d8;
    border-radius: 0
}

.btn-link, .btn-link.active, .btn-link:active, .btn-link:disabled {
    background-color: transparent
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color: transparent
}

.btn-link:focus, .btn-link:hover {
    color: #014c8c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link:disabled {
    color: #636c72
}

.btn-link:disabled:focus, .btn-link:disabled:hover {
    text-decoration: none
}

.btn-group-lg > .btn, .btn-lg {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.btn-group-sm > .btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: .5rem
}

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.show {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.show {
    display: block
}

tr.collapse.show {
    display: table-row
}

tbody.collapse.show {
    display: table-row-group
}

.collapsing {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.collapsing, .dropdown, .dropup {
    position: relative
}

.dropdown-toggle:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent
}

.dropdown-toggle:focus {
    outline: 0
}

.dropup .dropdown-toggle:after {
    border-top: 0;
    border-bottom: .3em solid
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #292b2c;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-divider {
    height: 1px;
    margin: .5rem 0;
    overflow: hidden;
    background-color: #eceeef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: 400;
    color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    border: 0
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #1d1e1f;
    text-decoration: none;
    background-color: #f7f7f9
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0275d8
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #636c72;
    cursor: not-allowed;
    background-color: transparent
}

.show > .dropdown-menu {
    display: block
}

.show > a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #636c72;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: .125rem
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
    z-index: 2
}

.btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group, .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px
}

.btn-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn + .dropdown-toggle-split:after {
    margin-left: 0
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
    padding-right: 1.125rem;
    padding-left: 1.125rem
}

.btn-group-vertical {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-group-vertical .btn, .btn-group-vertical .btn-group {
    width: 100%
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

[data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio], [data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group .form-control:active, .input-group .form-control:focus, .input-group .form-control:hover {
    z-index: 3
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon, .input-group-btn {
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #464a4c;
    text-align: center;
    background-color: #eceeef;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group-addon:not(:last-child), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, .input-group-btn:not(:last-child) > .dropdown-toggle, .input-group .form-control:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:not(:last-child) {
    border-right: 0
}

.input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn, .input-group-btn:not(:last-child) > .btn:not(:first-child), .input-group .form-control:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.form-control + .input-group-addon:not(:first-child) {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn > .btn {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.input-group-btn > .btn + .btn {
    margin-left: -1px
}

.input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
    z-index: 3
}

.input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group {
    margin-right: -1px
}

.input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group {
    z-index: 2;
    margin-left: -1px
}

.input-group-btn:not(:first-child) > .btn-group:active, .input-group-btn:not(:first-child) > .btn-group:focus, .input-group-btn:not(:first-child) > .btn-group:hover, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:hover {
    z-index: 3
}

.custom-control {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    margin-right: 1rem;
    cursor: pointer
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input:checked ~ .custom-control-indicator {
    color: #fff;
    background-color: #0275d8
}

.custom-control-input:focus ~ .custom-control-indicator {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8
}

.custom-control-input:active ~ .custom-control-indicator {
    color: #fff;
    background-color: #8fcafe
}

.custom-control-input:disabled ~ .custom-control-indicator {
    cursor: not-allowed;
    background-color: #eceeef
}

.custom-control-input:disabled ~ .custom-control-description {
    color: #636c72;
    cursor: not-allowed
}

.custom-control-indicator {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 50% 50%
}

.custom-checkbox .custom-control-indicator {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
    background-color: #0275d8;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-indicator {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-controls-stacked {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.custom-controls-stacked .custom-control {
    margin-bottom: .25rem
}

.custom-controls-stacked .custom-control + .custom-control {
    margin-left: 0
}

.custom-select {
    display: inline-block;
    max-width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.25;
    color: #464a4c;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    -moz-appearance: none;
    -webkit-appearance: none
}

.custom-select:focus {
    border-color: #5cb3fd;
    outline: none
}

.custom-select:focus::-ms-value {
    color: #464a4c;
    background-color: #fff
}

.custom-select:disabled {
    color: #636c72;
    cursor: not-allowed;
    background-color: #eceeef
}

.custom-select::-ms-expand {
    opacity: 0
}

.custom-select-sm {
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-file {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 2.5rem;
    margin-bottom: 0;
    cursor: pointer
}

.custom-file-input {
    min-width: 14rem;
    max-width: 100%;
    height: 2.5rem;
    margin: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

.custom-file-control {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #464a4c;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.custom-file-control:lang(en):after {
    content: "Choose file..."
}

.custom-file-control:before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #464a4c;
    background-color: #eceeef;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0 .25rem .25rem 0
}

.custom-file-control:lang(en):before {
    content: "Browse"
}

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5em 1em
}

.nav-link:focus, .nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #636c72;
    cursor: not-allowed
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #eceeef #eceeef #ddd
}

.nav-tabs .nav-link.disabled {
    color: #636c72;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #464a4c;
    background-color: #fff;
    border-color: #ddd #ddd #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
    color: #fff;
    cursor: default;
    background-color: #0275d8
}

.nav-fill .nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    text-align: center
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .5rem 1rem
}

.navbar-brand {
    display: inline-block;
    padding-top: .25rem;
    padding-bottom: .25rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-text {
    display: inline-block;
    padding-top: .425rem;
    padding-bottom: .425rem
}

.navbar-toggler {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat 50%;
    background-size: 100% 100%
}

.navbar-toggler-left {
    position: absolute;
    left: 1rem
}

.navbar-toggler-right {
    position: absolute;
    right: 1rem
}

@media (max-width: 575px) {
    .navbar-toggleable .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 576px) {
    .navbar-toggleable {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable, .navbar-toggleable .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-toggleable .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-toggleable > .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }

    .navbar-toggleable .navbar-toggler {
        display: none
    }
}

@media (max-width: 767px) {
    .navbar-toggleable-sm .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-sm > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .navbar-toggleable-sm {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-sm, .navbar-toggleable-sm .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-toggleable-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-toggleable-sm > .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-sm .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }

    .navbar-toggleable-sm .navbar-toggler {
        display: none
    }
}

@media (max-width: 991px) {
    .navbar-toggleable-md .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-md > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .navbar-toggleable-md {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-md, .navbar-toggleable-md .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-toggleable-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-toggleable-md > .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-md .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }

    .navbar-toggleable-md .navbar-toggler {
        display: none
    }
}

@media (max-width: 1199px) {
    .navbar-toggleable-lg .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-lg > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .navbar-toggleable-lg {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-lg, .navbar-toggleable-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-toggleable-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-toggleable-lg > .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-lg .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }

    .navbar-toggleable-lg .navbar-toggler {
        display: none
    }
}

.navbar-toggleable-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggleable-xl .navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-toggleable-xl > .container {
    padding-right: 0;
    padding-left: 0
}

.navbar-toggleable-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.navbar-toggleable-xl .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-toggleable-xl > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggleable-xl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%
}

.navbar-toggleable-xl .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover, .navbar-light .navbar-toggler, .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open > .nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-toggler, .navbar-inverse .navbar-toggler:focus, .navbar-inverse .navbar-toggler:hover {
    color: #fff
}

.navbar-inverse .navbar-nav .nav-link {
    color: hsla(0, 0%, 100%, .5)
}

.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
    color: hsla(0, 0%, 100%, .75)
}

.navbar-inverse .navbar-nav .nav-link.disabled {
    color: hsla(0, 0%, 100%, .25)
}

.navbar-inverse .navbar-nav .active > .nav-link, .navbar-inverse .navbar-nav .nav-link.active, .navbar-inverse .navbar-nav .nav-link.open, .navbar-inverse .navbar-nav .open > .nav-link {
    color: #fff
}

.navbar-inverse .navbar-toggler {
    border-color: hsla(0, 0%, 100%, .1)
}

.navbar-inverse .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

.navbar-inverse .navbar-text {
    color: hsla(0, 0%, 100%, .5)
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card-block {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem
}

.card-subtitle, .card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1.25rem
}

.card > .list-group:first-child .list-group-item:first-child {
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}

.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #f7f7f9;
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: #f7f7f9;
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-bottom: -.75rem;
    border-bottom: 0
}

.card-header-pills, .card-header-tabs {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-primary {
    background-color: #0275d8;
    border-color: #0275d8
}

.card-primary .card-footer, .card-primary .card-header {
    background-color: transparent
}

.card-success {
    background-color: #5cb85c;
    border-color: #5cb85c
}

.card-success .card-footer, .card-success .card-header {
    background-color: transparent
}

.card-info {
    background-color: #5bc0de;
    border-color: #5bc0de
}

.card-info .card-footer, .card-info .card-header {
    background-color: transparent
}

.card-warning {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.card-warning .card-footer, .card-warning .card-header {
    background-color: transparent
}

.card-danger {
    background-color: #d9534f;
    border-color: #d9534f
}

.card-danger .card-footer, .card-danger .card-header, .card-outline-primary {
    background-color: transparent
}

.card-outline-primary {
    border-color: #0275d8
}

.card-outline-secondary {
    background-color: transparent;
    border-color: #ccc
}

.card-outline-info {
    background-color: transparent;
    border-color: #5bc0de
}

.card-outline-success {
    background-color: transparent;
    border-color: #5cb85c
}

.card-outline-warning {
    background-color: transparent;
    border-color: #f0ad4e
}

.card-outline-danger {
    background-color: transparent;
    border-color: #d9534f
}

.card-inverse {
    color: hsla(0, 0%, 100%, .65)
}

.card-inverse .card-footer, .card-inverse .card-header {
    background-color: transparent;
    border-color: hsla(0, 0%, 100%, .2)
}

.card-inverse .card-blockquote, .card-inverse .card-footer, .card-inverse .card-header, .card-inverse .card-title {
    color: #fff
}

.card-inverse .card-blockquote .blockquote-footer, .card-inverse .card-link, .card-inverse .card-subtitle, .card-inverse .card-text {
    color: hsla(0, 0%, 100%, .65)
}

.card-inverse .card-link:focus, .card-inverse .card-link:hover {
    color: #fff
}

.card-blockquote {
    padding: 0;
    margin-bottom: 0;
    border-left: 0
}

.card-img {
    border-radius: calc(.25rem - 1px)
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img-top {
    border-top-right-radius: calc(.25rem - 1px);
    border-top-left-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

@media (min-width: 576px) {
    .card-deck {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .card-deck, .card-deck .card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .card-deck .card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .card-deck .card:not(:first-child) {
        margin-left: 15px
    }

    .card-deck .card:not(:last-child) {
        margin-right: 15px
    }
}

@media (min-width: 576px) {
    .card-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .card-group .card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .card-group .card + .card {
        margin-left: 0;
        border-left: 0
    }

    .card-group .card:first-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .card-group .card:first-child .card-img-top {
        border-top-right-radius: 0
    }

    .card-group .card:first-child .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group .card:last-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .card-group .card:last-child .card-img-top {
        border-top-left-radius: 0
    }

    .card-group .card:last-child .card-img-bottom {
        border-bottom-left-radius: 0
    }

    .card-group .card:not(:first-child):not(:last-child), .card-group .card:not(:first-child):not(:last-child) .card-img-bottom, .card-group .card:not(:first-child):not(:last-child) .card-img-top {
        border-radius: 0
    }
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }

    .card-columns .card {
        display: inline-block;
        width: 100%;
        margin-bottom: .75rem
    }
}

.breadcrumb {
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #eceeef;
    border-radius: .25rem
}

.breadcrumb:after {
    display: block;
    content: "";
    clear: both
}

.breadcrumb-item {
    float: left
}

.breadcrumb-item + .breadcrumb-item:before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #636c72;
    content: "/"
}

.breadcrumb-item + .breadcrumb-item:hover:before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #636c72
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.page-item.disabled .page-link {
    color: #636c72;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #0275d8;
    background-color: #fff;
    border: 1px solid #ddd
}

.page-link:focus, .page-link:hover {
    color: #014c8c;
    text-decoration: none;
    background-color: #eceeef;
    border-color: #ddd
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem
}

.pagination-lg .page-item:first-child .page-link {
    border-bottom-left-radius: .3rem;
    border-top-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-bottom-right-radius: .3rem;
    border-top-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem
}

.pagination-sm .page-item:first-child .page-link {
    border-bottom-left-radius: .2rem;
    border-top-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-bottom-right-radius: .2rem;
    border-top-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

a.badge:focus, a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-default {
    background-color: #636c72
}

.badge-default[href]:focus, .badge-default[href]:hover {
    background-color: #4b5257
}

.badge-primary {
    background-color: #0275d8
}

.badge-primary[href]:focus, .badge-primary[href]:hover {
    background-color: #025aa5
}

.badge-success {
    background-color: #5cb85c
}

.badge-success[href]:focus, .badge-success[href]:hover {
    background-color: #449d44
}

.badge-info {
    background-color: #5bc0de
}

.badge-info[href]:focus, .badge-info[href]:hover {
    background-color: #31b0d5
}

.badge-warning {
    background-color: #f0ad4e
}

.badge-warning[href]:focus, .badge-warning[href]:hover {
    background-color: #ec971f
}

.badge-danger {
    background-color: #d9534f
}

.badge-danger[href]:focus, .badge-danger[href]:hover {
    background-color: #c9302c
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #eceeef;
    border-radius: .3rem
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-hr {
    border-top-color: #d0d5d8
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible .close {
    position: relative;
    top: -.75rem;
    right: -1.25rem;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c1e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6d5ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7ecb5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9b9
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    font-size: .75rem;
    line-height: 1rem;
    text-align: center;
    background-color: #eceeef;
    border-radius: .25rem
}

.progress-bar {
    height: 1rem;
    color: #fff;
    background-color: #0275d8
}

.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #464a4c;
    text-align: inherit
}

.list-group-item-action .list-group-item-heading {
    color: #292b2c
}

.list-group-item-action:focus, .list-group-item-action:hover {
    color: #464a4c;
    text-decoration: none;
    background-color: #f7f7f9
}

.list-group-item-action:active {
    color: #292b2c;
    background-color: #eceeef
}

.list-group-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.list-group-item:focus, .list-group-item:hover {
    text-decoration: none
}

.list-group-item.disabled, .list-group-item:disabled {
    color: #636c72;
    cursor: not-allowed;
    background-color: #fff
}

.list-group-item.disabled .list-group-item-heading, .list-group-item:disabled .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text, .list-group-item:disabled .list-group-item-text {
    color: #636c72
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small {
    color: inherit
}

.list-group-item.active .list-group-item-text {
    color: #daeeff
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success, button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active, button.list-group-item-success.active {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info, button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active, button.list-group-item-info.active {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active, button.list-group-item-warning.active {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active, button.list-group-item-danger.active {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive:before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9:before {
    padding-top: 42.857143%
}

.embed-responsive-16by9:before {
    padding-top: 56.25%
}

.embed-responsive-4by3:before {
    padding-top: 75%
}

.embed-responsive-1by1:before {
    padding-top: 100%
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .75
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal, .modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%)
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    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: space-between;
    padding: 15px;
    border-bottom: 1px solid #eceeef
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 15px;
    border-top: 1px solid #eceeef
}

.modal-footer > :not(:first-child) {
    margin-left: .25rem
}

.modal-footer > :not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 30px auto
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip.bs-tether-element-attached-bottom, .tooltip.tooltip-top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.bs-tether-element-attached-bottom .tooltip-inner:before, .tooltip.tooltip-top .tooltip-inner:before {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.bs-tether-element-attached-left, .tooltip.tooltip-right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bs-tether-element-attached-left .tooltip-inner:before, .tooltip.tooltip-right .tooltip-inner:before {
    top: 50%;
    left: 0;
    margin-top: -5px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.bs-tether-element-attached-top, .tooltip.tooltip-bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.bs-tether-element-attached-top .tooltip-inner:before, .tooltip.tooltip-bottom .tooltip-inner:before {
    top: 0;
    left: 50%;
    margin-left: -5px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bs-tether-element-attached-right, .tooltip.tooltip-left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip.bs-tether-element-attached-right .tooltip-inner:before, .tooltip.tooltip-left .tooltip-inner:before {
    top: 50%;
    right: 0;
    margin-top: -5px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.tooltip-inner:before {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    padding: 1px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover.bs-tether-element-attached-bottom, .popover.popover-top {
    margin-top: -10px
}

.popover.bs-tether-element-attached-bottom:after, .popover.bs-tether-element-attached-bottom:before, .popover.popover-top:after, .popover.popover-top:before {
    left: 50%;
    border-bottom-width: 0
}

.popover.bs-tether-element-attached-bottom:before, .popover.popover-top:before {
    bottom: -11px;
    margin-left: -11px;
    border-top-color: rgba(0, 0, 0, .25)
}

.popover.bs-tether-element-attached-bottom:after, .popover.popover-top:after {
    bottom: -10px;
    margin-left: -10px;
    border-top-color: #fff
}

.popover.bs-tether-element-attached-left, .popover.popover-right {
    margin-left: 10px
}

.popover.bs-tether-element-attached-left:after, .popover.bs-tether-element-attached-left:before, .popover.popover-right:after, .popover.popover-right:before {
    top: 50%;
    border-left-width: 0
}

.popover.bs-tether-element-attached-left:before, .popover.popover-right:before {
    left: -11px;
    margin-top: -11px;
    border-right-color: rgba(0, 0, 0, .25)
}

.popover.bs-tether-element-attached-left:after, .popover.popover-right:after {
    left: -10px;
    margin-top: -10px;
    border-right-color: #fff
}

.popover.bs-tether-element-attached-top, .popover.popover-bottom {
    margin-top: 10px
}

.popover.bs-tether-element-attached-top:after, .popover.bs-tether-element-attached-top:before, .popover.popover-bottom:after, .popover.popover-bottom:before {
    left: 50%;
    border-top-width: 0
}

.popover.bs-tether-element-attached-top:before, .popover.popover-bottom:before {
    top: -11px;
    margin-left: -11px;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.popover.bs-tether-element-attached-top:after, .popover.popover-bottom:after {
    top: -10px;
    margin-left: -10px;
    border-bottom-color: #f7f7f7
}

.popover.bs-tether-element-attached-top .popover-title:before, .popover.popover-bottom .popover-title:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 20px;
    margin-left: -10px;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.popover.bs-tether-element-attached-right, .popover.popover-left {
    margin-left: -10px
}

.popover.bs-tether-element-attached-right:after, .popover.bs-tether-element-attached-right:before, .popover.popover-left:after, .popover.popover-left:before {
    top: 50%;
    border-right-width: 0
}

.popover.bs-tether-element-attached-right:before, .popover.popover-left:before {
    right: -11px;
    margin-top: -11px;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.bs-tether-element-attached-right:after, .popover.popover-left:after {
    right: -10px;
    margin-top: -10px;
    border-left-color: #fff
}

.popover-title {
    padding: 8px 14px;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-right-radius: calc(.3rem - 1px);
    border-top-left-radius: calc(.3rem - 1px)
}

.popover-title:empty {
    display: none
}

.popover-content {
    padding: 9px 14px
}

.popover:after, .popover:before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover:before {
    content: "";
    border-width: 11px
}

.popover:after {
    content: "";
    border-width: 10px
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-item {
    position: relative;
    display: none;
    width: 100%
}

@media (-webkit-transform-3d) {
    .carousel-item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        transition: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }
}

@supports ((-webkit-transform:translate3d(0,0,0)) or (transform:translate3d(0,0,0))) {
    .carousel-item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        transition: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.carousel-item-next, .carousel-item-prev {
    position: absolute;
    top: 0
}

@media (-webkit-transform-3d) {
    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .active.carousel-item-right, .carousel-item-next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .active.carousel-item-left, .carousel-item-prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@supports ((-webkit-transform:translate3d(0,0,0)) or (transform:translate3d(0,0,0))) {
    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .active.carousel-item-right, .carousel-item-next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .active.carousel-item-left, .carousel-item-prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: hsla(0, 0%, 100%, .5)
}

.carousel-indicators li:before {
    top: -10px
}

.carousel-indicators li:after, .carousel-indicators li:before {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators li:after {
    bottom: -10px
}

.carousel-indicators .active {
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-faded {
    background-color: #f7f7f7
}

.bg-primary {
    background-color: #0275d8 !important
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #025aa5 !important
}

.bg-success {
    background-color: #5cb85c !important
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #449d44 !important
}

.bg-info {
    background-color: #5bc0de !important
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #31b0d5 !important
}

.bg-warning {
    background-color: #f0ad4e !important
}

a.bg-warning:focus, a.bg-warning:hover {
    background-color: #ec971f !important
}

.bg-danger {
    background-color: #d9534f !important
}

a.bg-danger:focus, a.bg-danger:hover {
    background-color: #c9302c !important
}

.bg-inverse {
    background-color: #292b2c !important
}

a.bg-inverse:focus, a.bg-inverse:hover {
    background-color: #101112 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.rounded {
    border-radius: .25rem
}

.rounded-top {
    border-top-left-radius: .25rem
}

.rounded-right, .rounded-top {
    border-top-right-radius: .25rem
}

.rounded-bottom, .rounded-right {
    border-bottom-right-radius: .25rem
}

.rounded-bottom, .rounded-left {
    border-bottom-left-radius: .25rem
}

.rounded-left {
    border-top-left-radius: .25rem
}

.rounded-circle {
    border-radius: 50%
}

.rounded-0 {
    border-radius: 0
}

.clearfix:after {
    display: block;
    content: "";
    clear: both
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.flex-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.flex-last {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.flex-unordered {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column, .flex-row {
    -webkit-box-direction: normal !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse, .flex-row-reverse {
    -webkit-box-direction: reverse !important
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-sm-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-sm-unordered {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column, .flex-sm-row {
        -webkit-box-direction: normal !important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-md-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-md-unordered {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column, .flex-md-row {
        -webkit-box-direction: normal !important
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-lg-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-lg-unordered {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column, .flex-lg-row {
        -webkit-box-direction: normal !important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-xl-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-xl-unordered {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column, .flex-xl-row {
        -webkit-box-direction: normal !important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.fixed-top {
    top: 0
}

.fixed-bottom, .fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1030
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.m-0 {
    margin: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.mx-0 {
    margin-right: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.mx-1 {
    margin-right: .25rem !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.mx-2 {
    margin-right: .5rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mr-3 {
    margin-right: 1rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.mx-3 {
    margin-right: 1rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mr-4 {
    margin-right: 1.5rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.mx-4 {
    margin-right: 1.5rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mr-5 {
    margin-right: 3rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.mx-5 {
    margin-right: 3rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.px-0 {
    padding-right: 0 !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pr-1 {
    padding-right: .25rem !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.px-1 {
    padding-right: .25rem !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pr-2 {
    padding-right: .5rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.px-2 {
    padding-right: .5rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pr-3 {
    padding-right: 1rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.px-3 {
    padding-right: 1rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pr-4 {
    padding-right: 1.5rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.px-4 {
    padding-right: 1.5rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pr-5 {
    padding-right: 3rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.px-5 {
    padding-right: 3rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto {
    margin-top: auto !important
}

.mr-auto {
    margin-right: auto !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

.mx-auto {
    margin-right: auto !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .mx-sm-0 {
        margin-right: 0 !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .px-sm-0 {
        padding-right: 0 !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem !important
    }

    .px-sm-1 {
        padding-right: .25rem !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }

    .mx-sm-auto {
        margin-right: auto !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .mx-md-0 {
        margin-right: 0 !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }

    .mx-md-1 {
        margin-right: .25rem !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .px-md-0 {
        padding-right: 0 !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: .25rem !important
    }

    .px-md-1 {
        padding-right: .25rem !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: .5rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }

    .mx-md-auto {
        margin-right: auto !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .mx-lg-0 {
        margin-right: 0 !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .px-lg-0 {
        padding-right: 0 !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem !important
    }

    .px-lg-1 {
        padding-right: .25rem !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }

    .mx-lg-auto {
        margin-right: auto !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .mx-xl-0 {
        margin-right: 0 !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .px-xl-0 {
        padding-right: 0 !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }

    .px-xl-1 {
        padding-right: .25rem !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }

    .mx-xl-auto {
        margin-right: auto !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-normal {
    font-weight: 400
}

.font-weight-bold {
    font-weight: 700
}

.font-italic {
    font-style: italic
}

.text-white {
    color: #fff !important
}

.text-muted {
    color: #636c72 !important
}

a.text-muted:focus, a.text-muted:hover {
    color: #4b5257 !important
}

.text-primary {
    color: #0275d8 !important
}

a.text-primary:focus, a.text-primary:hover {
    color: #025aa5 !important
}

.text-success {
    color: #5cb85c !important
}

a.text-success:focus, a.text-success:hover {
    color: #449d44 !important
}

.text-info {
    color: #5bc0de !important
}

a.text-info:focus, a.text-info:hover {
    color: #31b0d5 !important
}

.text-warning {
    color: #f0ad4e !important
}

a.text-warning:focus, a.text-warning:hover {
    color: #ec971f !important
}

.text-danger {
    color: #d9534f !important
}

a.text-danger:focus, a.text-danger:hover {
    color: #c9302c !important
}

.text-gray-dark {
    color: #292b2c !important
}

a.text-gray-dark:focus, a.text-gray-dark:hover {
    color: #101112 !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.invisible {
    visibility: hidden !important
}

.hidden-xs-up {
    display: none !important
}

@media (max-width: 575px) {
    .hidden-xs-down {
        display: none !important
    }
}

@media (min-width: 576px) {
    .hidden-sm-up {
        display: none !important
    }
}

@media (max-width: 767px) {
    .hidden-sm-down {
        display: none !important
    }
}

@media (min-width: 768px) {
    .hidden-md-up {
        display: none !important
    }
}

@media (max-width: 991px) {
    .hidden-md-down {
        display: none !important
    }
}

@media (min-width: 992px) {
    .hidden-lg-up {
        display: none !important
    }
}

@media (max-width: 1199px) {
    .hidden-lg-down {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-xl-up {
        display: none !important
    }
}

.hidden-xl-down, .visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: FontAwesome;
    src: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Fonts/fontawesome-webfont.eot);
    src: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Fonts/fontawesome-webfont.eot#iefix&v=4.7.0) format("embedded-opentype"), url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Fonts/fontawesome-webfont.woff2) format("woff2"), url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Fonts/fontawesome-webfont.woff) format("woff"), url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Fonts/fontawesome-webfont.ttf) format("truetype"), url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Fonts/fontawesome-webfont.svg#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}

.fa-ul > li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: .14286em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714em
}

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\F000"
}

.fa-music:before {
    content: "\F001"
}

.fa-search:before {
    content: "\F002"
}

.fa-envelope-o:before {
    content: "\F003"
}

.fa-heart:before {
    content: "\F004"
}

.fa-star:before {
    content: "\F005"
}

.fa-star-o:before {
    content: "\F006"
}

.fa-user:before {
    content: "\F007"
}

.fa-film:before {
    content: "\F008"
}

.fa-th-large:before {
    content: "\F009"
}

.fa-th:before {
    content: "\F00A"
}

.fa-th-list:before {
    content: "\F00B"
}

.fa-check:before {
    content: "\F00C"
}

.fa-close:before, .fa-remove:before, .fa-times:before {
    content: "\F00D"
}

.fa-search-plus:before {
    content: "\F00E"
}

.fa-search-minus:before {
    content: "\F010"
}

.fa-power-off:before {
    content: "\F011"
}

.fa-signal:before {
    content: "\F012"
}

.fa-cog:before, .fa-gear:before {
    content: "\F013"
}

.fa-trash-o:before {
    content: "\F014"
}

.fa-home:before {
    content: "\F015"
}

.fa-file-o:before {
    content: "\F016"
}

.fa-clock-o:before {
    content: "\F017"
}

.fa-road:before {
    content: "\F018"
}

.fa-download:before {
    content: "\F019"
}

.fa-arrow-circle-o-down:before {
    content: "\F01A"
}

.fa-arrow-circle-o-up:before {
    content: "\F01B"
}

.fa-inbox:before {
    content: "\F01C"
}

.fa-play-circle-o:before {
    content: "\F01D"
}

.fa-repeat:before, .fa-rotate-right:before {
    content: "\F01E"
}

.fa-refresh:before {
    content: "\F021"
}

.fa-list-alt:before {
    content: "\F022"
}

.fa-lock:before {
    content: "\F023"
}

.fa-flag:before {
    content: "\F024"
}

.fa-headphones:before {
    content: "\F025"
}

.fa-volume-off:before {
    content: "\F026"
}

.fa-volume-down:before {
    content: "\F027"
}

.fa-volume-up:before {
    content: "\F028"
}

.fa-qrcode:before {
    content: "\F029"
}

.fa-barcode:before {
    content: "\F02A"
}

.fa-tag:before {
    content: "\F02B"
}

.fa-tags:before {
    content: "\F02C"
}

.fa-book:before {
    content: "\F02D"
}

.fa-bookmark:before {
    content: "\F02E"
}

.fa-print:before {
    content: "\F02F"
}

.fa-camera:before {
    content: "\F030"
}

.fa-font:before {
    content: "\F031"
}

.fa-bold:before {
    content: "\F032"
}

.fa-italic:before {
    content: "\F033"
}

.fa-text-height:before {
    content: "\F034"
}

.fa-text-width:before {
    content: "\F035"
}

.fa-align-left:before {
    content: "\F036"
}

.fa-align-center:before {
    content: "\F037"
}

.fa-align-right:before {
    content: "\F038"
}

.fa-align-justify:before {
    content: "\F039"
}

.fa-list:before {
    content: "\F03A"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\F03B"
}

.fa-indent:before {
    content: "\F03C"
}

.fa-video-camera:before {
    content: "\F03D"
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
    content: "\F03E"
}

.fa-pencil:before {
    content: "\F040"
}

.fa-map-marker:before {
    content: "\F041"
}

.fa-adjust:before {
    content: "\F042"
}

.fa-tint:before {
    content: "\F043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\F044"
}

.fa-share-square-o:before {
    content: "\F045"
}

.fa-check-square-o:before {
    content: "\F046"
}

.fa-arrows:before {
    content: "\F047"
}

.fa-step-backward:before {
    content: "\F048"
}

.fa-fast-backward:before {
    content: "\F049"
}

.fa-backward:before {
    content: "\F04A"
}

.fa-play:before {
    content: "\F04B"
}

.fa-pause:before {
    content: "\F04C"
}

.fa-stop:before {
    content: "\F04D"
}

.fa-forward:before {
    content: "\F04E"
}

.fa-fast-forward:before {
    content: "\F050"
}

.fa-step-forward:before {
    content: "\F051"
}

.fa-eject:before {
    content: "\F052"
}

.fa-chevron-left:before {
    content: "\F053"
}

.fa-chevron-right:before {
    content: "\F054"
}

.fa-plus-circle:before {
    content: "\F055"
}

.fa-minus-circle:before {
    content: "\F056"
}

.fa-times-circle:before {
    content: "\F057"
}

.fa-check-circle:before {
    content: "\F058"
}

.fa-question-circle:before {
    content: "\F059"
}

.fa-info-circle:before {
    content: "\F05A"
}

.fa-crosshairs:before {
    content: "\F05B"
}

.fa-times-circle-o:before {
    content: "\F05C"
}

.fa-check-circle-o:before {
    content: "\F05D"
}

.fa-ban:before {
    content: "\F05E"
}

.fa-arrow-left:before {
    content: "\F060"
}

.fa-arrow-right:before {
    content: "\F061"
}

.fa-arrow-up:before {
    content: "\F062"
}

.fa-arrow-down:before {
    content: "\F063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\F064"
}

.fa-expand:before {
    content: "\F065"
}

.fa-compress:before {
    content: "\F066"
}

.fa-plus:before {
    content: "\F067"
}

.fa-minus:before {
    content: "\F068"
}

.fa-asterisk:before {
    content: "\F069"
}

.fa-exclamation-circle:before {
    content: "\F06A"
}

.fa-gift:before {
    content: "\F06B"
}

.fa-leaf:before {
    content: "\F06C"
}

.fa-fire:before {
    content: "\F06D"
}

.fa-eye:before {
    content: "\F06E"
}

.fa-eye-slash:before {
    content: "\F070"
}

.fa-exclamation-triangle:before, .fa-warning:before {
    content: "\F071"
}

.fa-plane:before {
    content: "\F072"
}

.fa-calendar:before {
    content: "\F073"
}

.fa-random:before {
    content: "\F074"
}

.fa-comment:before {
    content: "\F075"
}

.fa-magnet:before {
    content: "\F076"
}

.fa-chevron-up:before {
    content: "\F077"
}

.fa-chevron-down:before {
    content: "\F078"
}

.fa-retweet:before {
    content: "\F079"
}

.fa-shopping-cart:before {
    content: "\F07A"
}

.fa-folder:before {
    content: "\F07B"
}

.fa-folder-open:before {
    content: "\F07C"
}

.fa-arrows-v:before {
    content: "\F07D"
}

.fa-arrows-h:before {
    content: "\F07E"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\F080"
}

.fa-twitter-square:before {
    content: "\F081"
}

.fa-facebook-square:before {
    content: "\F082"
}

.fa-camera-retro:before {
    content: "\F083"
}

.fa-key:before {
    content: "\F084"
}

.fa-cogs:before, .fa-gears:before {
    content: "\F085"
}

.fa-comments:before {
    content: "\F086"
}

.fa-thumbs-o-up:before {
    content: "\F087"
}

.fa-thumbs-o-down:before {
    content: "\F088"
}

.fa-star-half:before {
    content: "\F089"
}

.fa-heart-o:before {
    content: "\F08A"
}

.fa-sign-out:before {
    content: "\F08B"
}

.fa-linkedin-square:before {
    content: "\F08C"
}

.fa-thumb-tack:before {
    content: "\F08D"
}

.fa-external-link:before {
    content: "\F08E"
}

.fa-sign-in:before {
    content: "\F090"
}

.fa-trophy:before {
    content: "\F091"
}

.fa-github-square:before {
    content: "\F092"
}

.fa-upload:before {
    content: "\F093"
}

.fa-lemon-o:before {
    content: "\F094"
}

.fa-phone:before {
    content: "\F095"
}

.fa-square-o:before {
    content: "\F096"
}

.fa-bookmark-o:before {
    content: "\F097"
}

.fa-phone-square:before {
    content: "\F098"
}

.fa-twitter:before {
    content: "\F099"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\F09A"
}

.fa-github:before {
    content: "\F09B"
}

.fa-unlock:before {
    content: "\F09C"
}

.fa-credit-card:before {
    content: "\F09D"
}

.fa-feed:before, .fa-rss:before {
    content: "\F09E"
}

.fa-hdd-o:before {
    content: "\F0A0"
}

.fa-bullhorn:before {
    content: "\F0A1"
}

.fa-bell:before {
    content: "\F0F3"
}

.fa-certificate:before {
    content: "\F0A3"
}

.fa-hand-o-right:before {
    content: "\F0A4"
}

.fa-hand-o-left:before {
    content: "\F0A5"
}

.fa-hand-o-up:before {
    content: "\F0A6"
}

.fa-hand-o-down:before {
    content: "\F0A7"
}

.fa-arrow-circle-left:before {
    content: "\F0A8"
}

.fa-arrow-circle-right:before {
    content: "\F0A9"
}

.fa-arrow-circle-up:before {
    content: "\F0AA"
}

.fa-arrow-circle-down:before {
    content: "\F0AB"
}

.fa-globe:before {
    content: "\F0AC"
}

.fa-wrench:before {
    content: "\F0AD"
}

.fa-tasks:before {
    content: "\F0AE"
}

.fa-filter:before {
    content: "\F0B0"
}

.fa-briefcase:before {
    content: "\F0B1"
}

.fa-arrows-alt:before {
    content: "\F0B2"
}

.fa-group:before, .fa-users:before {
    content: "\F0C0"
}

.fa-chain:before, .fa-link:before {
    content: "\F0C1"
}

.fa-cloud:before {
    content: "\F0C2"
}

.fa-flask:before {
    content: "\F0C3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\F0C4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\F0C5"
}

.fa-paperclip:before {
    content: "\F0C6"
}

.fa-floppy-o:before, .fa-save:before {
    content: "\F0C7"
}

.fa-square:before {
    content: "\F0C8"
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: "\F0C9"
}

.fa-list-ul:before {
    content: "\F0CA"
}

.fa-list-ol:before {
    content: "\F0CB"
}

.fa-strikethrough:before {
    content: "\F0CC"
}

.fa-underline:before {
    content: "\F0CD"
}

.fa-table:before {
    content: "\F0CE"
}

.fa-magic:before {
    content: "\F0D0"
}

.fa-truck:before {
    content: "\F0D1"
}

.fa-pinterest:before {
    content: "\F0D2"
}

.fa-pinterest-square:before {
    content: "\F0D3"
}

.fa-google-plus-square:before {
    content: "\F0D4"
}

.fa-google-plus:before {
    content: "\F0D5"
}

.fa-money:before {
    content: "\F0D6"
}

.fa-caret-down:before {
    content: "\F0D7"
}

.fa-caret-up:before {
    content: "\F0D8"
}

.fa-caret-left:before {
    content: "\F0D9"
}

.fa-caret-right:before {
    content: "\F0DA"
}

.fa-columns:before {
    content: "\F0DB"
}

.fa-sort:before, .fa-unsorted:before {
    content: "\F0DC"
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: "\F0DD"
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: "\F0DE"
}

.fa-envelope:before {
    content: "\F0E0"
}

.fa-linkedin:before {
    content: "\F0E1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\F0E2"
}

.fa-gavel:before, .fa-legal:before {
    content: "\F0E3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\F0E4"
}

.fa-comment-o:before {
    content: "\F0E5"
}

.fa-comments-o:before {
    content: "\F0E6"
}

.fa-bolt:before, .fa-flash:before {
    content: "\F0E7"
}

.fa-sitemap:before {
    content: "\F0E8"
}

.fa-umbrella:before {
    content: "\F0E9"
}

.fa-clipboard:before, .fa-paste:before {
    content: "\F0EA"
}

.fa-lightbulb-o:before {
    content: "\F0EB"
}

.fa-exchange:before {
    content: "\F0EC"
}

.fa-cloud-download:before {
    content: "\F0ED"
}

.fa-cloud-upload:before {
    content: "\F0EE"
}

.fa-user-md:before {
    content: "\F0F0"
}

.fa-stethoscope:before {
    content: "\F0F1"
}

.fa-suitcase:before {
    content: "\F0F2"
}

.fa-bell-o:before {
    content: "\F0A2"
}

.fa-coffee:before {
    content: "\F0F4"
}

.fa-cutlery:before {
    content: "\F0F5"
}

.fa-file-text-o:before {
    content: "\F0F6"
}

.fa-building-o:before {
    content: "\F0F7"
}

.fa-hospital-o:before {
    content: "\F0F8"
}

.fa-ambulance:before {
    content: "\F0F9"
}

.fa-medkit:before {
    content: "\F0FA"
}

.fa-fighter-jet:before {
    content: "\F0FB"
}

.fa-beer:before {
    content: "\F0FC"
}

.fa-h-square:before {
    content: "\F0FD"
}

.fa-plus-square:before {
    content: "\F0FE"
}

.fa-angle-double-left:before {
    content: "\F100"
}

.fa-angle-double-right:before {
    content: "\F101"
}

.fa-angle-double-up:before {
    content: "\F102"
}

.fa-angle-double-down:before {
    content: "\F103"
}

.fa-angle-left:before {
    content: "\F104"
}

.fa-angle-right:before {
    content: "\F105"
}

.fa-angle-up:before {
    content: "\F106"
}

.fa-angle-down:before {
    content: "\F107"
}

.fa-desktop:before {
    content: "\F108"
}

.fa-laptop:before {
    content: "\F109"
}

.fa-tablet:before {
    content: "\F10A"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\F10B"
}

.fa-circle-o:before {
    content: "\F10C"
}

.fa-quote-left:before {
    content: "\F10D"
}

.fa-quote-right:before {
    content: "\F10E"
}

.fa-spinner:before {
    content: "\F110"
}

.fa-circle:before {
    content: "\F111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\F112"
}

.fa-github-alt:before {
    content: "\F113"
}

.fa-folder-o:before {
    content: "\F114"
}

.fa-folder-open-o:before {
    content: "\F115"
}

.fa-smile-o:before {
    content: "\F118"
}

.fa-frown-o:before {
    content: "\F119"
}

.fa-meh-o:before {
    content: "\F11A"
}

.fa-gamepad:before {
    content: "\F11B"
}

.fa-keyboard-o:before {
    content: "\F11C"
}

.fa-flag-o:before {
    content: "\F11D"
}

.fa-flag-checkered:before {
    content: "\F11E"
}

.fa-terminal:before {
    content: "\F120"
}

.fa-code:before {
    content: "\F121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\F122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\F123"
}

.fa-location-arrow:before {
    content: "\F124"
}

.fa-crop:before {
    content: "\F125"
}

.fa-code-fork:before {
    content: "\F126"
}

.fa-chain-broken:before, .fa-unlink:before {
    content: "\F127"
}

.fa-question:before {
    content: "\F128"
}

.fa-info:before {
    content: "\F129"
}

.fa-exclamation:before {
    content: "\F12A"
}

.fa-superscript:before {
    content: "\F12B"
}

.fa-subscript:before {
    content: "\F12C"
}

.fa-eraser:before {
    content: "\F12D"
}

.fa-puzzle-piece:before {
    content: "\F12E"
}

.fa-microphone:before {
    content: "\F130"
}

.fa-microphone-slash:before {
    content: "\F131"
}

.fa-shield:before {
    content: "\F132"
}

.fa-calendar-o:before {
    content: "\F133"
}

.fa-fire-extinguisher:before {
    content: "\F134"
}

.fa-rocket:before {
    content: "\F135"
}

.fa-maxcdn:before {
    content: "\F136"
}

.fa-chevron-circle-left:before {
    content: "\F137"
}

.fa-chevron-circle-right:before {
    content: "\F138"
}

.fa-chevron-circle-up:before {
    content: "\F139"
}

.fa-chevron-circle-down:before {
    content: "\F13A"
}

.fa-html5:before {
    content: "\F13B"
}

.fa-css3:before {
    content: "\F13C"
}

.fa-anchor:before {
    content: "\F13D"
}

.fa-unlock-alt:before {
    content: "\F13E"
}

.fa-bullseye:before {
    content: "\F140"
}

.fa-ellipsis-h:before {
    content: "\F141"
}

.fa-ellipsis-v:before {
    content: "\F142"
}

.fa-rss-square:before {
    content: "\F143"
}

.fa-play-circle:before {
    content: "\F144"
}

.fa-ticket:before {
    content: "\F145"
}

.fa-minus-square:before {
    content: "\F146"
}

.fa-minus-square-o:before {
    content: "\F147"
}

.fa-level-up:before {
    content: "\F148"
}

.fa-level-down:before {
    content: "\F149"
}

.fa-check-square:before {
    content: "\F14A"
}

.fa-pencil-square:before {
    content: "\F14B"
}

.fa-external-link-square:before {
    content: "\F14C"
}

.fa-share-square:before {
    content: "\F14D"
}

.fa-compass:before {
    content: "\F14E"
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
    content: "\F150"
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: "\F151"
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: "\F152"
}

.fa-eur:before, .fa-euro:before {
    content: "\F153"
}

.fa-gbp:before {
    content: "\F154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\F155"
}

.fa-inr:before, .fa-rupee:before {
    content: "\F156"
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: "\F157"
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: "\F158"
}

.fa-krw:before, .fa-won:before {
    content: "\F159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\F15A"
}

.fa-file:before {
    content: "\F15B"
}

.fa-file-text:before {
    content: "\F15C"
}

.fa-sort-alpha-asc:before {
    content: "\F15D"
}

.fa-sort-alpha-desc:before {
    content: "\F15E"
}

.fa-sort-amount-asc:before {
    content: "\F160"
}

.fa-sort-amount-desc:before {
    content: "\F161"
}

.fa-sort-numeric-asc:before {
    content: "\F162"
}

.fa-sort-numeric-desc:before {
    content: "\F163"
}

.fa-thumbs-up:before {
    content: "\F164"
}

.fa-thumbs-down:before {
    content: "\F165"
}

.fa-youtube-square:before {
    content: "\F166"
}

.fa-youtube:before {
    content: "\F167"
}

.fa-xing:before {
    content: "\F168"
}

.fa-xing-square:before {
    content: "\F169"
}

.fa-youtube-play:before {
    content: "\F16A"
}

.fa-dropbox:before {
    content: "\F16B"
}

.fa-stack-overflow:before {
    content: "\F16C"
}

.fa-instagram:before {
    content: "\F16D"
}

.fa-flickr:before {
    content: "\F16E"
}

.fa-adn:before {
    content: "\F170"
}

.fa-bitbucket:before {
    content: "\F171"
}

.fa-bitbucket-square:before {
    content: "\F172"
}

.fa-tumblr:before {
    content: "\F173"
}

.fa-tumblr-square:before {
    content: "\F174"
}

.fa-long-arrow-down:before {
    content: "\F175"
}

.fa-long-arrow-up:before {
    content: "\F176"
}

.fa-long-arrow-left:before {
    content: "\F177"
}

.fa-long-arrow-right:before {
    content: "\F178"
}

.fa-apple:before {
    content: "\F179"
}

.fa-windows:before {
    content: "\F17A"
}

.fa-android:before {
    content: "\F17B"
}

.fa-linux:before {
    content: "\F17C"
}

.fa-dribbble:before {
    content: "\F17D"
}

.fa-skype:before {
    content: "\F17E"
}

.fa-foursquare:before {
    content: "\F180"
}

.fa-trello:before {
    content: "\F181"
}

.fa-female:before {
    content: "\F182"
}

.fa-male:before {
    content: "\F183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\F184"
}

.fa-sun-o:before {
    content: "\F185"
}

.fa-moon-o:before {
    content: "\F186"
}

.fa-archive:before {
    content: "\F187"
}

.fa-bug:before {
    content: "\F188"
}

.fa-vk:before {
    content: "\F189"
}

.fa-weibo:before {
    content: "\F18A"
}

.fa-renren:before {
    content: "\F18B"
}

.fa-pagelines:before {
    content: "\F18C"
}

.fa-stack-exchange:before {
    content: "\F18D"
}

.fa-arrow-circle-o-right:before {
    content: "\F18E"
}

.fa-arrow-circle-o-left:before {
    content: "\F190"
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
    content: "\F191"
}

.fa-dot-circle-o:before {
    content: "\F192"
}

.fa-wheelchair:before {
    content: "\F193"
}

.fa-vimeo-square:before {
    content: "\F194"
}

.fa-try:before, .fa-turkish-lira:before {
    content: "\F195"
}

.fa-plus-square-o:before {
    content: "\F196"
}

.fa-space-shuttle:before {
    content: "\F197"
}

.fa-slack:before {
    content: "\F198"
}

.fa-envelope-square:before {
    content: "\F199"
}

.fa-wordpress:before {
    content: "\F19A"
}

.fa-openid:before {
    content: "\F19B"
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
    content: "\F19C"
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: "\F19D"
}

.fa-yahoo:before {
    content: "\F19E"
}

.fa-google:before {
    content: "\F1A0"
}

.fa-reddit:before {
    content: "\F1A1"
}

.fa-reddit-square:before {
    content: "\F1A2"
}

.fa-stumbleupon-circle:before {
    content: "\F1A3"
}

.fa-stumbleupon:before {
    content: "\F1A4"
}

.fa-delicious:before {
    content: "\F1A5"
}

.fa-digg:before {
    content: "\F1A6"
}

.fa-pied-piper-pp:before {
    content: "\F1A7"
}

.fa-pied-piper-alt:before {
    content: "\F1A8"
}

.fa-drupal:before {
    content: "\F1A9"
}

.fa-joomla:before {
    content: "\F1AA"
}

.fa-language:before {
    content: "\F1AB"
}

.fa-fax:before {
    content: "\F1AC"
}

.fa-building:before {
    content: "\F1AD"
}

.fa-child:before {
    content: "\F1AE"
}

.fa-paw:before {
    content: "\F1B0"
}

.fa-spoon:before {
    content: "\F1B1"
}

.fa-cube:before {
    content: "\F1B2"
}

.fa-cubes:before {
    content: "\F1B3"
}

.fa-behance:before {
    content: "\F1B4"
}

.fa-behance-square:before {
    content: "\F1B5"
}

.fa-steam:before {
    content: "\F1B6"
}

.fa-steam-square:before {
    content: "\F1B7"
}

.fa-recycle:before {
    content: "\F1B8"
}

.fa-automobile:before, .fa-car:before {
    content: "\F1B9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\F1BA"
}

.fa-tree:before {
    content: "\F1BB"
}

.fa-spotify:before {
    content: "\F1BC"
}

.fa-deviantart:before {
    content: "\F1BD"
}

.fa-soundcloud:before {
    content: "\F1BE"
}

.fa-database:before {
    content: "\F1C0"
}

.fa-file-pdf-o:before {
    content: "\F1C1"
}

.fa-file-word-o:before {
    content: "\F1C2"
}

.fa-file-excel-o:before {
    content: "\F1C3"
}

.fa-file-powerpoint-o:before {
    content: "\F1C4"
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: "\F1C5"
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: "\F1C6"
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
    content: "\F1C7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\F1C8"
}

.fa-file-code-o:before {
    content: "\F1C9"
}

.fa-vine:before {
    content: "\F1CA"
}

.fa-codepen:before {
    content: "\F1CB"
}

.fa-jsfiddle:before {
    content: "\F1CC"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
    content: "\F1CD"
}

.fa-circle-o-notch:before {
    content: "\F1CE"
}

.fa-ra:before, .fa-rebel:before, .fa-resistance:before {
    content: "\F1D0"
}

.fa-empire:before, .fa-ge:before {
    content: "\F1D1"
}

.fa-git-square:before {
    content: "\F1D2"
}

.fa-git:before {
    content: "\F1D3"
}

.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
    content: "\F1D4"
}

.fa-tencent-weibo:before {
    content: "\F1D5"
}

.fa-qq:before {
    content: "\F1D6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\F1D7"
}

.fa-paper-plane:before, .fa-send:before {
    content: "\F1D8"
}

.fa-paper-plane-o:before, .fa-send-o:before {
    content: "\F1D9"
}

.fa-history:before {
    content: "\F1DA"
}

.fa-circle-thin:before {
    content: "\F1DB"
}

.fa-header:before {
    content: "\F1DC"
}

.fa-paragraph:before {
    content: "\F1DD"
}

.fa-sliders:before {
    content: "\F1DE"
}

.fa-share-alt:before {
    content: "\F1E0"
}

.fa-share-alt-square:before {
    content: "\F1E1"
}

.fa-bomb:before {
    content: "\F1E2"
}

.fa-futbol-o:before, .fa-soccer-ball-o:before {
    content: "\F1E3"
}

.fa-tty:before {
    content: "\F1E4"
}

.fa-binoculars:before {
    content: "\F1E5"
}

.fa-plug:before {
    content: "\F1E6"
}

.fa-slideshare:before {
    content: "\F1E7"
}

.fa-twitch:before {
    content: "\F1E8"
}

.fa-yelp:before {
    content: "\F1E9"
}

.fa-newspaper-o:before {
    content: "\F1EA"
}

.fa-wifi:before {
    content: "\F1EB"
}

.fa-calculator:before {
    content: "\F1EC"
}

.fa-paypal:before {
    content: "\F1ED"
}

.fa-google-wallet:before {
    content: "\F1EE"
}

.fa-cc-visa:before {
    content: "\F1F0"
}

.fa-cc-mastercard:before {
    content: "\F1F1"
}

.fa-cc-discover:before {
    content: "\F1F2"
}

.fa-cc-amex:before {
    content: "\F1F3"
}

.fa-cc-paypal:before {
    content: "\F1F4"
}

.fa-cc-stripe:before {
    content: "\F1F5"
}

.fa-bell-slash:before {
    content: "\F1F6"
}

.fa-bell-slash-o:before {
    content: "\F1F7"
}

.fa-trash:before {
    content: "\F1F8"
}

.fa-copyright:before {
    content: "\F1F9"
}

.fa-at:before {
    content: "\F1FA"
}

.fa-eyedropper:before {
    content: "\F1FB"
}

.fa-paint-brush:before {
    content: "\F1FC"
}

.fa-birthday-cake:before {
    content: "\F1FD"
}

.fa-area-chart:before {
    content: "\F1FE"
}

.fa-pie-chart:before {
    content: "\F200"
}

.fa-line-chart:before {
    content: "\F201"
}

.fa-lastfm:before {
    content: "\F202"
}

.fa-lastfm-square:before {
    content: "\F203"
}

.fa-toggle-off:before {
    content: "\F204"
}

.fa-toggle-on:before {
    content: "\F205"
}

.fa-bicycle:before {
    content: "\F206"
}

.fa-bus:before {
    content: "\F207"
}

.fa-ioxhost:before {
    content: "\F208"
}

.fa-angellist:before {
    content: "\F209"
}

.fa-cc:before {
    content: "\F20A"
}

.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
    content: "\F20B"
}

.fa-meanpath:before {
    content: "\F20C"
}

.fa-buysellads:before {
    content: "\F20D"
}

.fa-connectdevelop:before {
    content: "\F20E"
}

.fa-dashcube:before {
    content: "\F210"
}

.fa-forumbee:before {
    content: "\F211"
}

.fa-leanpub:before {
    content: "\F212"
}

.fa-sellsy:before {
    content: "\F213"
}

.fa-shirtsinbulk:before {
    content: "\F214"
}

.fa-simplybuilt:before {
    content: "\F215"
}

.fa-skyatlas:before {
    content: "\F216"
}

.fa-cart-plus:before {
    content: "\F217"
}

.fa-cart-arrow-down:before {
    content: "\F218"
}

.fa-diamond:before {
    content: "\F219"
}

.fa-ship:before {
    content: "\F21A"
}

.fa-user-secret:before {
    content: "\F21B"
}

.fa-motorcycle:before {
    content: "\F21C"
}

.fa-street-view:before {
    content: "\F21D"
}

.fa-heartbeat:before {
    content: "\F21E"
}

.fa-venus:before {
    content: "\F221"
}

.fa-mars:before {
    content: "\F222"
}

.fa-mercury:before {
    content: "\F223"
}

.fa-intersex:before, .fa-transgender:before {
    content: "\F224"
}

.fa-transgender-alt:before {
    content: "\F225"
}

.fa-venus-double:before {
    content: "\F226"
}

.fa-mars-double:before {
    content: "\F227"
}

.fa-venus-mars:before {
    content: "\F228"
}

.fa-mars-stroke:before {
    content: "\F229"
}

.fa-mars-stroke-v:before {
    content: "\F22A"
}

.fa-mars-stroke-h:before {
    content: "\F22B"
}

.fa-neuter:before {
    content: "\F22C"
}

.fa-genderless:before {
    content: "\F22D"
}

.fa-facebook-official:before {
    content: "\F230"
}

.fa-pinterest-p:before {
    content: "\F231"
}

.fa-whatsapp:before {
    content: "\F232"
}

.fa-server:before {
    content: "\F233"
}

.fa-user-plus:before {
    content: "\F234"
}

.fa-user-times:before {
    content: "\F235"
}

.fa-bed:before, .fa-hotel:before {
    content: "\F236"
}

.fa-viacoin:before {
    content: "\F237"
}

.fa-train:before {
    content: "\F238"
}

.fa-subway:before {
    content: "\F239"
}

.fa-medium:before {
    content: "\F23A"
}

.fa-y-combinator:before, .fa-yc:before {
    content: "\F23B"
}

.fa-optin-monster:before {
    content: "\F23C"
}

.fa-opencart:before {
    content: "\F23D"
}

.fa-expeditedssl:before {
    content: "\F23E"
}

.fa-battery-4:before, .fa-battery-full:before, .fa-battery:before {
    content: "\F240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\F241"
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\F242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\F243"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\F244"
}

.fa-mouse-pointer:before {
    content: "\F245"
}

.fa-i-cursor:before {
    content: "\F246"
}

.fa-object-group:before {
    content: "\F247"
}

.fa-object-ungroup:before {
    content: "\F248"
}

.fa-sticky-note:before {
    content: "\F249"
}

.fa-sticky-note-o:before {
    content: "\F24A"
}

.fa-cc-jcb:before {
    content: "\F24B"
}

.fa-cc-diners-club:before {
    content: "\F24C"
}

.fa-clone:before {
    content: "\F24D"
}

.fa-balance-scale:before {
    content: "\F24E"
}

.fa-hourglass-o:before {
    content: "\F250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\F251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\F252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\F253"
}

.fa-hourglass:before {
    content: "\F254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\F255"
}

.fa-hand-paper-o:before, .fa-hand-stop-o:before {
    content: "\F256"
}

.fa-hand-scissors-o:before {
    content: "\F257"
}

.fa-hand-lizard-o:before {
    content: "\F258"
}

.fa-hand-spock-o:before {
    content: "\F259"
}

.fa-hand-pointer-o:before {
    content: "\F25A"
}

.fa-hand-peace-o:before {
    content: "\F25B"
}

.fa-trademark:before {
    content: "\F25C"
}

.fa-registered:before {
    content: "\F25D"
}

.fa-creative-commons:before {
    content: "\F25E"
}

.fa-gg:before {
    content: "\F260"
}

.fa-gg-circle:before {
    content: "\F261"
}

.fa-tripadvisor:before {
    content: "\F262"
}

.fa-odnoklassniki:before {
    content: "\F263"
}

.fa-odnoklassniki-square:before {
    content: "\F264"
}

.fa-get-pocket:before {
    content: "\F265"
}

.fa-wikipedia-w:before {
    content: "\F266"
}

.fa-safari:before {
    content: "\F267"
}

.fa-chrome:before {
    content: "\F268"
}

.fa-firefox:before {
    content: "\F269"
}

.fa-opera:before {
    content: "\F26A"
}

.fa-internet-explorer:before {
    content: "\F26B"
}

.fa-television:before, .fa-tv:before {
    content: "\F26C"
}

.fa-contao:before {
    content: "\F26D"
}

.fa-500px:before {
    content: "\F26E"
}

.fa-amazon:before {
    content: "\F270"
}

.fa-calendar-plus-o:before {
    content: "\F271"
}

.fa-calendar-minus-o:before {
    content: "\F272"
}

.fa-calendar-times-o:before {
    content: "\F273"
}

.fa-calendar-check-o:before {
    content: "\F274"
}

.fa-industry:before {
    content: "\F275"
}

.fa-map-pin:before {
    content: "\F276"
}

.fa-map-signs:before {
    content: "\F277"
}

.fa-map-o:before {
    content: "\F278"
}

.fa-map:before {
    content: "\F279"
}

.fa-commenting:before {
    content: "\F27A"
}

.fa-commenting-o:before {
    content: "\F27B"
}

.fa-houzz:before {
    content: "\F27C"
}

.fa-vimeo:before {
    content: "\F27D"
}

.fa-black-tie:before {
    content: "\F27E"
}

.fa-fonticons:before {
    content: "\F280"
}

.fa-reddit-alien:before {
    content: "\F281"
}

.fa-edge:before {
    content: "\F282"
}

.fa-credit-card-alt:before {
    content: "\F283"
}

.fa-codiepie:before {
    content: "\F284"
}

.fa-modx:before {
    content: "\F285"
}

.fa-fort-awesome:before {
    content: "\F286"
}

.fa-usb:before {
    content: "\F287"
}

.fa-product-hunt:before {
    content: "\F288"
}

.fa-mixcloud:before {
    content: "\F289"
}

.fa-scribd:before {
    content: "\F28A"
}

.fa-pause-circle:before {
    content: "\F28B"
}

.fa-pause-circle-o:before {
    content: "\F28C"
}

.fa-stop-circle:before {
    content: "\F28D"
}

.fa-stop-circle-o:before {
    content: "\F28E"
}

.fa-shopping-bag:before {
    content: "\F290"
}

.fa-shopping-basket:before {
    content: "\F291"
}

.fa-hashtag:before {
    content: "\F292"
}

.fa-bluetooth:before {
    content: "\F293"
}

.fa-bluetooth-b:before {
    content: "\F294"
}

.fa-percent:before {
    content: "\F295"
}

.fa-gitlab:before {
    content: "\F296"
}

.fa-wpbeginner:before {
    content: "\F297"
}

.fa-wpforms:before {
    content: "\F298"
}

.fa-envira:before {
    content: "\F299"
}

.fa-universal-access:before {
    content: "\F29A"
}

.fa-wheelchair-alt:before {
    content: "\F29B"
}

.fa-question-circle-o:before {
    content: "\F29C"
}

.fa-blind:before {
    content: "\F29D"
}

.fa-audio-description:before {
    content: "\F29E"
}

.fa-volume-control-phone:before {
    content: "\F2A0"
}

.fa-braille:before {
    content: "\F2A1"
}

.fa-assistive-listening-systems:before {
    content: "\F2A2"
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
    content: "\F2A3"
}

.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
    content: "\F2A4"
}

.fa-glide:before {
    content: "\F2A5"
}

.fa-glide-g:before {
    content: "\F2A6"
}

.fa-sign-language:before, .fa-signing:before {
    content: "\F2A7"
}

.fa-low-vision:before {
    content: "\F2A8"
}

.fa-viadeo:before {
    content: "\F2A9"
}

.fa-viadeo-square:before {
    content: "\F2AA"
}

.fa-snapchat:before {
    content: "\F2AB"
}

.fa-snapchat-ghost:before {
    content: "\F2AC"
}

.fa-snapchat-square:before {
    content: "\F2AD"
}

.fa-pied-piper:before {
    content: "\F2AE"
}

.fa-first-order:before {
    content: "\F2B0"
}

.fa-yoast:before {
    content: "\F2B1"
}

.fa-themeisle:before {
    content: "\F2B2"
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: "\F2B3"
}

.fa-fa:before, .fa-font-awesome:before {
    content: "\F2B4"
}

.fa-handshake-o:before {
    content: "\F2B5"
}

.fa-envelope-open:before {
    content: "\F2B6"
}

.fa-envelope-open-o:before {
    content: "\F2B7"
}

.fa-linode:before {
    content: "\F2B8"
}

.fa-address-book:before {
    content: "\F2B9"
}

.fa-address-book-o:before {
    content: "\F2BA"
}

.fa-address-card:before, .fa-vcard:before {
    content: "\F2BB"
}

.fa-address-card-o:before, .fa-vcard-o:before {
    content: "\F2BC"
}

.fa-user-circle:before {
    content: "\F2BD"
}

.fa-user-circle-o:before {
    content: "\F2BE"
}

.fa-user-o:before {
    content: "\F2C0"
}

.fa-id-badge:before {
    content: "\F2C1"
}

.fa-drivers-license:before, .fa-id-card:before {
    content: "\F2C2"
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: "\F2C3"
}

.fa-quora:before {
    content: "\F2C4"
}

.fa-free-code-camp:before {
    content: "\F2C5"
}

.fa-telegram:before {
    content: "\F2C6"
}

.fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before {
    content: "\F2C7"
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: "\F2C8"
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: "\F2C9"
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: "\F2CA"
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: "\F2CB"
}

.fa-shower:before {
    content: "\F2CC"
}

.fa-bath:before, .fa-bathtub:before, .fa-s15:before {
    content: "\F2CD"
}

.fa-podcast:before {
    content: "\F2CE"
}

.fa-window-maximize:before {
    content: "\F2D0"
}

.fa-window-minimize:before {
    content: "\F2D1"
}

.fa-window-restore:before {
    content: "\F2D2"
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: "\F2D3"
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: "\F2D4"
}

.fa-bandcamp:before {
    content: "\F2D5"
}

.fa-grav:before {
    content: "\F2D6"
}

.fa-etsy:before {
    content: "\F2D7"
}

.fa-imdb:before {
    content: "\F2D8"
}

.fa-ravelry:before {
    content: "\F2D9"
}

.fa-eercast:before {
    content: "\F2DA"
}

.fa-microchip:before {
    content: "\F2DB"
}

.fa-snowflake-o:before {
    content: "\F2DC"
}

.fa-superpowers:before {
    content: "\F2DD"
}

.fa-wpexplorer:before {
    content: "\F2DE"
}

.fa-meetup:before {
    content: "\F2E0"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.old-icon-close {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons.png) no-repeat;
    background-position: -544px -1px
}

.old-icon-close, .old-icon-close-a {
    display: inline-block;
    width: 13px;
    height: 13px
}

.old-icon-close-a {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons.png) no-repeat;
    background-position: -544px -17px
}

.old-icon-map {
    display: inline-block;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons.png) no-repeat;
    width: 16px;
    height: 16px;
    background-position: -416px top
}

.old-icon-person {
    display: inline-block;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons.png) no-repeat;
    width: 13px;
    height: 13px;
    background-position: -239px top
}

.old-icon-phone {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons.png) no-repeat;
    background-position: -432px top
}

.old-icon-clock, .old-icon-phone {
    display: inline-block;
    width: 16px;
    height: 16px
}

.old-icon-clock {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons.png) no-repeat;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/clock.png) no-repeat
}

.old-icon-email {
    display: inline-block;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons.png) no-repeat;
    width: 16px;
    height: 16px;
    background-position: -688px top
}

.old-icon-icq {
    display: inline-block;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons.png) no-repeat;
    width: 18px;
    height: 18px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icq.gif) no-repeat
}

.old-icon-list {
    display: inline-block;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons.png) no-repeat;
    width: 20px;
    height: 20px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/blocks-toggle.png) -42px 0 no-repeat
}

.old-icon-basket {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-new.png) no-repeat;
    background-position: -8px -235px
}

.old-icon-basket, .old-icon-basket-active {
    display: inline-block;
    width: 24px;
    height: 21px
}

.old-icon-basket-active {
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-new.png) no-repeat;
    background-position: -8px -1044px
}

.old-icon-arrow {
    display: inline-block;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-new.png) no-repeat;
    width: 12px;
    height: 8px;
    background-position: -33px -425px
}

.old-icon-big-close {
    width: 15px;
    height: 15px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/close.png) no-repeat
}

.old-icon-search-small {
    display: inline-block;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-new.png) no-repeat;
    width: 22px;
    height: 22px;
    background-position: center -1407px
}

@font-face {
    font-family: isnext;
    src: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Fonts/isnext.eot);
    src: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Fonts/isnext.eot#iefix) format("embedded-opentype"), url(data:application/octet-stream;base64,AAEAAAALAIAAAwAwT1MvMg8SBfgAAAC8AAAAYGNtYXAXVtKXAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zo3+E0IAAAF4AAAQOGhlYWQNldd7AAARsAAAADZoaGVhB8ID1gAAEegAAAAkaG10eEdVAZcAABIMAAAAVGxvY2EhDiVEAAASYAAAACxtYXhwAB4AmAAAEowAAAAgbmFtZcL+Ta0AABKsAAABenBvc3QAAwAAAAAUKAAAACAAAwO+AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpEAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6RD//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAEAAD/wAQAA8AAFAAoAEsAWQAAASIOAhUUHgIzMj4CNTQuAiMRIi4CNTQ+AjMyHgIVFA4CAzgBMSImNTQ2PwEnLgE1NDYzMhYfAR4BFRQGDwEOASM4ATE3ISImNTQ2MyEyFhUUBgIAWJx0Q0N0nFhYnHRDQ3ScWGq6i1FRi7pqarqLUVGLuhURGQYGYmIGBhkRCRAFgAYHBwaABRAJgP5WEhkZEgGqEhkZA2tDdJxYWJx0Q0N0nFhYnHRD/FVRi7pqarqLUVGLumpquotRAVUZEgkPBmJiBg8JEhkHBoAGDwkJDwaABgeAGRISGRkSEhkAAAAAAQDZ/8ADVQO9ABwAACUJAT4BNTQmIyIGBwEOARUUFhcBHgEzMjY1NCYnAzr+cwGNCw0yJA8cC/4vDQ8PDQHRDB0RIzIPDFQBbAFsCx8RJDIKCv5WDCATEyAM/lUKDDIjEyAMAAMAAABABAADQAAEABQAQwAAEyE1IRUFISImPQE0NjMhMhYdARQGAyImPQE0NjMyFh0BFBYzITI2NRE0JiMhIgYdARQGIyImPQE0NjMhMhYVERQGIyFVAQD/AAEr/qsSGRkSAVUSGRnVKz0ZEhIZCwcC2wgLCwj9JQcLGRISGT0rAtsrPT0r/SUBlVZWVRkSqhIZGRKqEhn/AD0suhIZGRK6CAwMCAIuCAwMCLoSGRkSuiw9PSz90iw9AAAABAAA/8AEAAPAAAMANQBBAFEAACUhAyE3LgEjOAExIScuASsBIgYVFBY7ATIWFxMUFhUeARceARceARceATMhMjY3Ez4BNTQmJwEUFjMyNjU0JiMiBgU4ATEUFjMyNjU0JiMiBhUDNf6xXQITXAYSC/2dMg1XMYASGRkSgBQpBa8BAQEBAwkFAgIBAwgEAY8PFgSBAQEFBP7eMiQjMjIjJDL+1jIjIzIyIyMy6wFVRAgJuTBCGRIRGR8U/X0BAQECAwEFCQMBAQEBAhEOAaoDBgQHDQX9kSMyMiMkMjIkIzIyIyQyMiQAAAIAAP/ABAADwAAZAC0AACUOASMiJi8BLgE1ETQ2MzIWFREXHgEVFAYHAyIOAhUUHgIzMj4CNTQuAgLnCBgNDRcJugkKJRsbJacJCgoJ52q6i1FRi7pqarqLUVGLutkJCgoJuggYDQFGGiYmGv7UpwkXDQ0YCALnUYu6amq6i1FRi7pqarqLUQACACr/6wPZA8AAHAA5AAAJAi4BIyIGFRQWFwEeATMyNjcBPgE1NCYjIgYHEQkBDgEjIiY1NDY3AT4BMzIWFwEeARUUBiMiJicDUP6w/rAKHRAhLgoIAYoLHhERHgsBigoLLiERHgv+sP6wCh0QIS4KCAGKCx4RER4LAYoKCy4hER4LA6b+kgFuCwwuIQ4aCv5SCw4OCwGuChwPIS4OC/xdAW/+kQoMLiEOGgoBrgsODgv+UgsbDyEuDgsAAAYAAP/ABAADwAAYACcANgBFAFQAYwAAASEiBhURFBYzMjY1ESERFBYzMjY1ETQmIwUhMhYVFAYjISImNTQ2MxUhMhYVFAYjISImNTQ2MxUhMhYVFAYjISImNTQ2MxUhMhYVFAYjISImNTQ2MxczMhYVFAYrASImNTQ2MwPV/FYSGRkSERkDVhkREhkZEv0AAlYRGRkR/aoRGRkRAlYRGRkR/aoRGRkRAlYRGRkR/aoRGRkRAlYRGRkR/aoRGRkR1qoSGRkSqhIZGRIDwBkS/FYSGRkSA4D8gBIZGRIDqhIZqxkREhkZEhEZqhkSEhkZEhIZqxkSERkZERIZqxkREhkZEhEZqhkSEhkZEhIZAAAABAAA/8ADVQPAABkAUQBUAI4AACU3PAEzMDI1NjIXHgEVFAYHHAEjMAYxDwE3JTgBMTQmJyYiByIUMQYwIwcUBhUOAQcUBhUHFAYVFBYzOgE/ATI2Mz4BNz4BNTcyNDEyNDE+ATUBNRcXFBYzMjY9ATA0IzQmJzQmNS4BJzEBLgEnIiYjLgEjNCIxISIGFREUFjMhMjY1NCYjIREhERQWMyEVAjymAQEGCwYCAwMCAQGmHQYBGRANHVccAQEBrwEDBAIBFQEZEgIFAmcBAgEEBwQBAq8BAQ8P/oCZPRkREhkBAQEBAgQC/tUDBgMBAgEDBgMC/qojMjIjAQASGRkS/wABKxkSAQA/pQEBAQYGAwUEAwYCAQEBpgUdnBUlDh0dAQGvAQEBAwgEAQIBaAIEAxEZARQBAgQCAQEBrwEBDiYUAbqZmdUSGRkSqwIDBgMBAgEDBgMBKwIEAgEBAQEyI/yqIzIZEhEZA1b/ABIZgAAHAAD/wAQAA8AAGAAnACwAMABxAH4AkQAAASEiBhURFBYzMjY1ESERFBYzMjY1ETQmIwUzMhYVFAYrASImNTQ2MwMhFyE3AzUhFRc1NDY1NiYnLgEvAS4BIyEiBg8BDgEHDgEXFBYdARQGFQYWFx4BFxUUFjsBMjY1IRQWOwEyNj0BPgE3PgE1NCY1Jw4BFRQWMzI2NTQmJyE4ATEiBhUUFjMyNjU4ATE0JiMD1fxWEhkZEhEZA1YZERIZGRL91qoSGRkSqhIZGRJbAWIo/k0pTwIAVQEBAwwECgY0BycW/ogWJwc0BgoEDAMBAQEBAwwGDwgZEisRGQFWGRErEhkIDwYMAgGcDhQUDg4TEw7+jg8VFQ8PFRUPA8AZEvxWEhkZEgOA/IASGRkSA6oSGasZERIZGRIRGf6rgID+gKurBrYCAwIMIA4EBgKmFhwcF6UCBgQOIAwCAwK2AQMCDCAOBgcBARIZGRISGRkSAQEHBg4gDAIDAXEBFQ4OFRUODhUBFQ8PFRUPDxUAAAACAAD/wAQAA8AAKwBwAAAFISImPQE4ATE0NjclPgEzMhYVFAYHBRUhNSUuATU0NjMyFhcFHgEdARQGIwE4ATEiJjU0Njc+Az0BLgEjIgYHFRQeAhceARUUBiMiJicuAz0BNDY1PgMzMTIeAhccARUXFA4CBw4BIwO2/JQfKwsKAVUFCwYSGQwJ/r8DVv6/CQoZEgULBAFVCgsrH/7KEhkJCCktFgMMgElJgAwEFS0pBwkZEgcNBTY6HAUBCTxUYi8vYlQ8CQEFHDo2BQ4HQCsfPgwTBs0DAxkSCxMGwRsbwQYSCxIZAwLNBhMLPx8rASsZEQsRBiBTSjMBszhYWDmyATNKUyAGEQoSGQUEKWldQgO3AQQCMVA6Hx86UDECAwK3A0JdaSkFBAAAAAAIAAD/wAMAA8AABAAXACYANABDAFEAYABuAAA3IREhEQUhIiY1OAExETQ2MyEyFhURFAYBISImNTQ2MyEyFhUUBiMzIyImNTQ2OwEyFhUUBgchIiY1NDYzITIWFRQGIzMjIiY1NDY7ATIWFRQGByEiJjU0NjMhMhYVFAYjMyMiJjU0NjsBMhYVFAZVAlb9qgJh/ZQfKysfAmwfKyv+1v8AEhkZEgEAERkZEaoqEhkZEioSGRm8/wASGRkSAQARGRkRqioSGRkSKhIZGbz/ABIZGRIBABEZGRGqKhIZGRIqEhkZFQNW/KpVKx8DbB8rKx/8lB8rAwAZEhEZGRESGRkSERkZERIZgBkSERkZERIZGRIRGRkREhmAGRIRGRkREhkZEhEZGRESGQAAAAACAID/wAOAA8AADAAnAAABMhYVFAYjIiY1NDYzNSIOAhUUHgIXHgEzMjY3PgM1NC4CIwIAP1lZPz9ZWT9PjGk8Z31sBQkWDAwWCQVsfWc8aYxPAuZbQEBbW0BAW9o+ao9RdtqqaQUHCQkHBWmq2nZRj2o+AAEAFP/gA/8DwAA1AAATLgEjIgYPAQYeAhceAjY/AT4BNTQmLwEuASMiBg8BDgEjIiYvAS4BNTQ2PwE+ATU0Ji8B4AcTCwkRBocdGV2cZWanhF8deAYGCQfJBhEJBgsFlQULBgoRB9AHCAMDSgMCBgWuA68ICQYGdh1+qMVlZHo2BxyIBhAJCxMHqgYGAwJKAgMIBs4GEgoGCgWUBAsGCRAGxgAABAAA/8AEAAPAAEAAeQCHAJUAAAEwIjEiDgIHDgMVMBQxMBQxFB4CFx4DMzAyMTAyMTI+Ajc+AzUwNDEwNDE0LgInLgMjMCIxETAiMSIuAicuAzUwNDE0PgI3PgMzMDIxMh4CFzEeAxUwFDEUDgIHDgMjMCIxEyEiJjU0NjMhMhYVFAYHIiY1ETQ2MzIWFREUBgIAASxUTEQdHS4gEhIgLh0dRExULAEBLFRMRB0dLiASEiAuHR1ETFQsAQE1ZFxRIyM3JxUUJjgkI1FcZDUBM2NcVCQjNycVFCY4JCNRXGQ1AdX+VhIZGRIBqhIZGecSGRkSEhkZA2sSIC4dHURNUywBASxTTUQdHS4gEhIgLh0dRExULAEBLFNNRB0dLiAS/FUVJzcjI1FcZDUBM2NcVCQjNycVFCY4JCNRXGQ1ATNjXFQkIzcnFQHVGRISGRkSEhnVGRIBqhIZGRL+VhIZAAIAAP/ABAADwAATADoAABM0PgIzMh4CFRQOAiMiLgIFPgE1OAExNC4CIyIOAhUUHgIzMjY3Fx4BMzI2Nz4BNTQmLwFiNV18R0Z9XDY2XH1GR3xdNQKrLTRFeJ9bW6B3RUV3oFtNjDjlBhIKChIHBggIBuUCCUd8XTU1XXxHRn1cNjZcfcs3jE5boHdFRXegW1ufeEUzLuUGCAgGBxIKChIG5QAACAAA/8ADAAPAAAQAFwAmADQAQwBRAGAAbgAANyERIREFISImNTgBMRE0NjMhMhYVERQGASEiJjU0NjMhMhYVFAYjMyMiJjU0NjsBMhYVFAYHISImNTQ2MyEyFhUUBiMzIyImNTQ2OwEyFhUUBgchIiY1NDYzITIWFRQGIzMjIiY1NDY7ATIWFRQGVQJW/aoCYf2UHysrHwJsHysr/tb/ABIZGRIBABEZGRGqKhIZGRIqEhkZvP8AEhkZEgEAERkZEaoqEhkZEioSGRm8/wASGRkSAQARGRkRqioSGRkSKhIZGRUDVvyqVSsfA2wfKysf/JQfKwMAGRIRGRkREhkZEhEZGRESGYAZEhEZGRESGRkSERkZERIZgBkSERkZERIZGRIRGRkREhkAAAAABAAA/8AEAAPAADAAPABQAGQAACUuASc+ATU0LgIjIg4CFRQWFw4BBy4DNTgBMTQ+AjMyHgIVOAExFA4CBwEiJjU0NjMyFhUUBgE+AzMyHgIXFBYVDgEjIiYnEyIOAhUUHgIzMj4CNTQuAgMtE2tJMj4hOk4sLE46IT8ySGwVHS8hEkN0nFhYnHRDEiAvHf7UNUtLNTVLS/7pBCc9TissTz0mAwEwcz8/czHjarqLUVGLumpquotRUYu6kkdqGBtjPCxOOiIiOk4sPWMbGGtGHURNVC1YnHRDQ3ScWCxUTEUdAQNLNTVLSzU1S/7BKEU0Hh0zQycBAgEfIyMfA2lRi7pqarqLUVGLumpquotRAAABAAAAARmaU7MnW18PPPUACwQAAAAAANU7PLIAAAAA1Ts8sgAA/8AEAAPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAAVBAAAAAAAAAAAAAAAAgAAAAQAAAAEAADZBAAAAAQAAAAEAAAABAAAKgQAAAADVQAABAAAAAQAAAADAAAABAAAgAQAABQEAAAABAAAAAMAAAAEAAAAAAAAAAAKABQAHgCYAMoBKAGcAeACPgLGA34ERATaBXAFqgX8BqwG/geUCBwAAQAAABUAlgAIAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAYAAAABAAAAAAACAAcAVwABAAAAAAADAAYAMwABAAAAAAAEAAYAbAABAAAAAAAFAAsAEgABAAAAAAAGAAYARQABAAAAAAAKABoAfgADAAEECQABAAwABgADAAEECQACAA4AXgADAAEECQADAAwAOQADAAEECQAEAAwAcgADAAEECQAFABYAHQADAAEECQAGAAwASwADAAEECQAKADQAmGlzbmV4dABpAHMAbgBlAHgAdFZlcnNpb24gMS4xAFYAZQByAHMAaQBvAG4AIAAxAC4AMWlzbmV4dABpAHMAbgBlAHgAdGlzbmV4dABpAHMAbgBlAHgAdFJlZ3VsYXIAUgBlAGcAdQBsAGEAcmlzbmV4dABpAHMAbgBlAHgAdEZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"), url(data:application/font-woff;base64,d09GRgABAAAAABSUAAsAAAAAFEgAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIF+GNtYXAAAAFoAAAAVAAAAFQXVtKXZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAEDgAABA4jf4TQmhlYWQAABH8AAAANgAAADYNldd7aGhlYQAAEjQAAAAkAAAAJAfCA9ZobXR4AAASWAAAAFQAAABUR1UBl2xvY2EAABKsAAAALAAAACwhDiVEbWF4cAAAEtgAAAAgAAAAIAAeAJhuYW1lAAAS+AAAAXoAAAF6wv5NrXBvc3QAABR0AAAAIAAAACAAAwAAAAMDvgGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6RADwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkQ//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAABAAA/8AEAAPAABQAKABLAFkAAAEiDgIVFB4CMzI+AjU0LgIjESIuAjU0PgIzMh4CFRQOAgM4ATEiJjU0Nj8BJy4BNTQ2MzIWHwEeARUUBg8BDgEjOAExNyEiJjU0NjMhMhYVFAYCAFicdENDdJxYWJx0Q0N0nFhquotRUYu6amq6i1FRi7oVERkGBmJiBgYZEQkQBYAGBwcGgAUQCYD+VhIZGRIBqhIZGQNrQ3ScWFicdENDdJxYWJx0Q/xVUYu6amq6i1FRi7pqarqLUQFVGRIJDwZiYgYPCRIZBwaABg8JCQ8GgAYHgBkSEhkZEhIZAAAAAAEA2f/AA1UDvQAcAAAlCQE+ATU0JiMiBgcBDgEVFBYXAR4BMzI2NTQmJwM6/nMBjQsNMiQPHAv+Lw0PDw0B0QwdESMyDwxUAWwBbAsfESQyCgr+VgwgExMgDP5VCgwyIxMgDAADAAAAQAQAA0AABAAUAEMAABMhNSEVBSEiJj0BNDYzITIWHQEUBgMiJj0BNDYzMhYdARQWMyEyNjURNCYjISIGHQEUBiMiJj0BNDYzITIWFREUBiMhVQEA/wABK/6rEhkZEgFVEhkZ1Ss9GRISGQsHAtsICwsI/SUHCxkSEhk9KwLbKz09K/0lAZVWVlUZEqoSGRkSqhIZ/wA9LLoSGRkSuggMDAgCLggMDAi6EhkZErosPT0s/dIsPQAAAAQAAP/ABAADwAADADUAQQBRAAAlIQMhNy4BIzgBMSEnLgErASIGFRQWOwEyFhcTFBYVHgEXHgEXHgEXHgEzITI2NxM+ATU0JicBFBYzMjY1NCYjIgYFOAExFBYzMjY1NCYjIgYVAzX+sV0CE1wGEgv9nTINVzGAEhkZEoAUKQWvAQEBAQMJBQICAQMIBAGPDxYEgQEBBQT+3jIkIzIyIyQy/tYyIyMyMiMjMusBVUQICbkwQhkSERkfFP19AQEBAgMBBQkDAQEBAQIRDgGqAwYEBw0F/ZEjMjIjJDIyJCMyMiMkMjIkAAACAAD/wAQAA8AAGQAtAAAlDgEjIiYvAS4BNRE0NjMyFhURFx4BFRQGBwMiDgIVFB4CMzI+AjU0LgIC5wgYDQ0XCboJCiUbGyWnCQoKCedquotRUYu6amq6i1FRi7rZCQoKCboIGA0BRhomJhr+1KcJFw0NGAgC51GLumpquotRUYu6amq6i1EAAgAq/+sD2QPAABwAOQAACQIuASMiBhUUFhcBHgEzMjY3AT4BNTQmIyIGBxEJAQ4BIyImNTQ2NwE+ATMyFhcBHgEVFAYjIiYnA1D+sP6wCh0QIS4KCAGKCx4RER4LAYoKCy4hER4L/rD+sAodECEuCggBigseEREeCwGKCgsuIREeCwOm/pIBbgsMLiEOGgr+UgsODgsBrgocDyEuDgv8XQFv/pEKDC4hDhoKAa4LDg4L/lILGw8hLg4LAAAGAAD/wAQAA8AAGAAnADYARQBUAGMAAAEhIgYVERQWMzI2NREhERQWMzI2NRE0JiMFITIWFRQGIyEiJjU0NjMVITIWFRQGIyEiJjU0NjMVITIWFRQGIyEiJjU0NjMVITIWFRQGIyEiJjU0NjMXMzIWFRQGKwEiJjU0NjMD1fxWEhkZEhEZA1YZERIZGRL9AAJWERkZEf2qERkZEQJWERkZEf2qERkZEQJWERkZEf2qERkZEQJWERkZEf2qERkZEdaqEhkZEqoSGRkSA8AZEvxWEhkZEgOA/IASGRkSA6oSGasZERIZGRIRGaoZEhIZGRISGasZEhEZGRESGasZERIZGRIRGaoZEhIZGRISGQAAAAQAAP/AA1UDwAAZAFEAVACOAAAlNzwBMzAyNTYyFx4BFRQGBxwBIzAGMQ8BNyU4ATE0JicmIgciFDEGMCMHFAYVDgEHFAYVBxQGFRQWMzoBPwEyNjM+ATc+ATU3MjQxMjQxPgE1ATUXFxQWMzI2PQEwNCM0Jic0JjUuAScxAS4BJyImIy4BIzQiMSEiBhURFBYzITI2NTQmIyERIREUFjMhFQI8pgEBBgsGAgMDAgEBph0GARkQDR1XHAEBAa8BAwQCARUBGRICBQJnAQIBBAcEAQKvAQEPD/6AmT0ZERIZAQEBAQIEAv7VAwYDAQIBAwYDAv6qIzIyIwEAEhkZEv8AASsZEgEAP6UBAQEGBgMFBAMGAgEBAaYFHZwVJQ4dHQEBrwEBAQMIBAECAWgCBAMRGQEUAQIEAgEBAa8BAQ4mFAG6mZnVEhkZEqsCAwYDAQIBAwYDASsCBAIBAQEBMiP8qiMyGRIRGQNW/wASGYAABwAA/8AEAAPAABgAJwAsADAAcQB+AJEAAAEhIgYVERQWMzI2NREhERQWMzI2NRE0JiMFMzIWFRQGKwEiJjU0NjMDIRchNwM1IRUXNTQ2NTYmJy4BLwEuASMhIgYPAQ4BBw4BFxQWHQEUBhUGFhceARcVFBY7ATI2NSEUFjsBMjY9AT4BNz4BNTQmNScOARUUFjMyNjU0JichOAExIgYVFBYzMjY1OAExNCYjA9X8VhIZGRIRGQNWGRESGRkS/daqEhkZEqoSGRkSWwFiKP5NKU8CAFUBAQMMBAoGNAcnFv6IFicHNAYKBAwDAQEBAQMMBg8IGRIrERkBVhkRKxIZCA8GDAIBnA4UFA4OExMO/o4PFRUPDxUVDwPAGRL8VhIZGRIDgPyAEhkZEgOqEhmrGRESGRkSERn+q4CA/oCrqwa2AgMCDCAOBAYCphYcHBelAgYEDiAMAgMCtgEDAgwgDgYHAQESGRkSEhkZEgEBBwYOIAwCAwFxARUODhUVDg4VARUPDxUVDw8VAAAAAgAA/8AEAAPAACsAcAAABSEiJj0BOAExNDY3JT4BMzIWFRQGBwUVITUlLgE1NDYzMhYXBR4BHQEUBiMBOAExIiY1NDY3PgM9AS4BIyIGBxUUHgIXHgEVFAYjIiYnLgM9ATQ2NT4DMzEyHgIXHAEVFxQOAgcOASMDtvyUHysLCgFVBQsGEhkMCf6/A1b+vwkKGRIFCwQBVQoLKx/+yhIZCQgpLRYDDIBJSYAMBBUtKQcJGRIHDQU2OhwFAQk8VGIvL2JUPAkBBRw6NgUOB0ArHz4MEwbNAwMZEgsTBsEbG8EGEgsSGQMCzQYTCz8fKwErGRELEQYgU0ozAbM4WFg5sgEzSlMgBhEKEhkFBClpXUIDtwEEAjFQOh8fOlAxAgMCtwNCXWkpBQQAAAAACAAA/8ADAAPAAAQAFwAmADQAQwBRAGAAbgAANyERIREFISImNTgBMRE0NjMhMhYVERQGASEiJjU0NjMhMhYVFAYjMyMiJjU0NjsBMhYVFAYHISImNTQ2MyEyFhUUBiMzIyImNTQ2OwEyFhUUBgchIiY1NDYzITIWFRQGIzMjIiY1NDY7ATIWFRQGVQJW/aoCYf2UHysrHwJsHysr/tb/ABIZGRIBABEZGRGqKhIZGRIqEhkZvP8AEhkZEgEAERkZEaoqEhkZEioSGRm8/wASGRkSAQARGRkRqioSGRkSKhIZGRUDVvyqVSsfA2wfKysf/JQfKwMAGRIRGRkREhkZEhEZGRESGYAZEhEZGRESGRkSERkZERIZgBkSERkZERIZGRIRGRkREhkAAAAAAgCA/8ADgAPAAAwAJwAAATIWFRQGIyImNTQ2MzUiDgIVFB4CFx4BMzI2Nz4DNTQuAiMCAD9ZWT8/WVk/T4xpPGd9bAUJFgwMFgkFbH1nPGmMTwLmW0BAW1tAQFvaPmqPUXbaqmkFBwkJBwVpqtp2UY9qPgABABT/4AP/A8AANQAAEy4BIyIGDwEGHgIXHgI2PwE+ATU0Ji8BLgEjIgYPAQ4BIyImLwEuATU0Nj8BPgE1NCYvAeAHEwsJEQaHHRldnGVmp4RfHXgGBgkHyQYRCQYLBZUFCwYKEQfQBwgDA0oDAgYFrgOvCAkGBnYdfqjFZWR6NgcciAYQCQsTB6oGBgMCSgIDCAbOBhIKBgoFlAQLBgkQBsYAAAQAAP/ABAADwABAAHkAhwCVAAABMCIxIg4CBw4DFTAUMTAUMRQeAhceAzMwMjEwMjEyPgI3PgM1MDQxMDQxNC4CJy4DIzAiMREwIjEiLgInLgM1MDQxND4CNz4DMzAyMTIeAhcxHgMVMBQxFA4CBw4DIzAiMRMhIiY1NDYzITIWFRQGByImNRE0NjMyFhURFAYCAAEsVExEHR0uIBISIC4dHURMVCwBASxUTEQdHS4gEhIgLh0dRExULAEBNWRcUSMjNycVFCY4JCNRXGQ1ATNjXFQkIzcnFRQmOCQjUVxkNQHV/lYSGRkSAaoSGRnnEhkZEhIZGQNrEiAuHR1ETVMsAQEsU01EHR0uIBISIC4dHURMVCwBASxTTUQdHS4gEvxVFSc3IyNRXGQ1ATNjXFQkIzcnFRQmOCQjUVxkNQEzY1xUJCM3JxUB1RkSEhkZEhIZ1RkSAaoSGRkS/lYSGQACAAD/wAQAA8AAEwA6AAATND4CMzIeAhUUDgIjIi4CBT4BNTgBMTQuAiMiDgIVFB4CMzI2NxceATMyNjc+ATU0Ji8BYjVdfEdGfVw2Nlx9Rkd8XTUCqy00RXifW1ugd0VFd6BbTYw45QYSCgoSBwYICAblAglHfF01NV18R0Z9XDY2XH3LN4xOW6B3RUV3oFtbn3hFMy7lBggIBgcSCgoSBuUAAAgAAP/AAwADwAAEABcAJgA0AEMAUQBgAG4AADchESERBSEiJjU4ATERNDYzITIWFREUBgEhIiY1NDYzITIWFRQGIzMjIiY1NDY7ATIWFRQGByEiJjU0NjMhMhYVFAYjMyMiJjU0NjsBMhYVFAYHISImNTQ2MyEyFhUUBiMzIyImNTQ2OwEyFhUUBlUCVv2qAmH9lB8rKx8CbB8rK/7W/wASGRkSAQARGRkRqioSGRkSKhIZGbz/ABIZGRIBABEZGRGqKhIZGRIqEhkZvP8AEhkZEgEAERkZEaoqEhkZEioSGRkVA1b8qlUrHwNsHysrH/yUHysDABkSERkZERIZGRIRGRkREhmAGRIRGRkREhkZEhEZGRESGYAZEhEZGRESGRkSERkZERIZAAAAAAQAAP/ABAADwAAwADwAUABkAAAlLgEnPgE1NC4CIyIOAhUUFhcOAQcuAzU4ATE0PgIzMh4CFTgBMRQOAgcBIiY1NDYzMhYVFAYBPgMzMh4CFxQWFQ4BIyImJxMiDgIVFB4CMzI+AjU0LgIDLRNrSTI+ITpOLCxOOiE/MkhsFR0vIRJDdJxYWJx0QxIgLx3+1DVLSzU1S0v+6QQnPU4rLE89JgMBMHM/P3Mx42q6i1FRi7pqarqLUVGLupJHahgbYzwsTjoiIjpOLD1jGxhrRh1ETVQtWJx0Q0N0nFgsVExFHQEDSzU1S0s1NUv+wShFNB4dM0MnAQIBHyMjHwNpUYu6amq6i1FRi7pqarqLUQAAAQAAAAEZmlOzJ1tfDzz1AAsEAAAAAADVOzyyAAAAANU7PLIAAP/ABAADwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAAEAAABAAAAAAAAAAAAAAAAAAAAFQQAAAAAAAAAAAAAAAIAAAAEAAAABAAA2QQAAAAEAAAABAAAAAQAACoEAAAAA1UAAAQAAAAEAAAAAwAAAAQAAIAEAAAUBAAAAAQAAAADAAAABAAAAAAAAAAACgAUAB4AmADKASgBnAHgAj4CxgN+BEQE2gVwBaoF/AasBv4HlAgcAAEAAAAVAJYACAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAGAAAAAQAAAAAAAgAHAFcAAQAAAAAAAwAGADMAAQAAAAAABAAGAGwAAQAAAAAABQALABIAAQAAAAAABgAGAEUAAQAAAAAACgAaAH4AAwABBAkAAQAMAAYAAwABBAkAAgAOAF4AAwABBAkAAwAMADkAAwABBAkABAAMAHIAAwABBAkABQAWAB0AAwABBAkABgAMAEsAAwABBAkACgA0AJhpc25leHQAaQBzAG4AZQB4AHRWZXJzaW9uIDEuMQBWAGUAcgBzAGkAbwBuACAAMQAuADFpc25leHQAaQBzAG4AZQB4AHRpc25leHQAaQBzAG4AZQB4AHRSZWd1bGFyAFIAZQBnAHUAbABhAHJpc25leHQAaQBzAG4AZQB4AHRGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff"), url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Fonts/isnext.svg#isnext) format("svg");
    font-weight: 400;
    font-style: normal
}

.in {
    font-family: isnext !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.in-arrow-circle-right:before {
    content: "\E900"
}

.in-arrow-left:before {
    content: "\E901"
}

.in-card-holder:before {
    content: "\E902"
}

.in-cart:before {
    content: "\E903"
}

.in-clock:before {
    content: "\E904"
}

.in-close:before {
    content: "\E905"
}

.in-content:before {
    content: "\E906"
}

.in-edit:before {
    content: "\E907"
}

.in-garage:before {
    content: "\E908"
}

.in-guy:before {
    content: "\E909"
}

.in-list-right:before {
    content: "\E90A"
}

.in-map-marker:before {
    content: "\E90B"
}

.in-phone:before {
    content: "\E90C"
}

.in-plus-circle-o:before {
    content: "\E90D"
}

.in-search:before {
    content: "\E90E"
}

.in-text-right-two:before {
    content: "\E90F"
}

.in-user:before {
    content: "\E910"
}

@font-face {
    font-family: Intro;
    src: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Fonts/intro-regular.eot);
    src: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Fonts/intro-regular.eot#iefix) format("embedded-opentype"), url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Fonts/intro-regular.woff2) format("woff2"), url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Fonts/intro-regular.woff) format("woff"), url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Fonts/intro-regular.ttf) format("truetype"), url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Fonts/intro-regular.svg#intro-regular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: u+0020 -2026
}

body {
    position: relative;
    min-height: 100%;
    box-sizing: border-box;
    font: 14px/20px Roboto, sans-serif;
    background-color: #fff;
    cursor: default
}

body, body .container {
    min-width: 320px
}

body.modal-open {
    overflow: hidden;
    padding-right: 17px
}

a, a:active, a:focus, a:hover {
    text-decoration: none
}

a:active, a:hover {
    color: inherit
}

b, strong {
    font-weight: 500
}

.h1 {
    margin-bottom: 50px;
    font-size: 24px
}

.h1, .h2 {
    padding: 0;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    line-height: 1;
    color: #1e232e
}

.h2 {
    margin-bottom: 48px;
    font-size: 18px
}

button {
    border: none
}

button, button:active, button:focus, button:hover {
    outline: none
}

#app {
    font-size: 10px
}

#app div.content-page:empty {
    display: none
}

.content-page {
    background: #fff;
    margin: 0 auto;
    padding: 0
}

.g-reset {
    background: none;
    border: 0;
    padding: 0;
    text-align: left;
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    text-decoration: none
}

.g-reset, .g-reset:active, .g-reset:focus, .g-reset:hover {
    outline: none
}

.g-warning-block {
    background: #fff5ea;
    border: 2px dashed #efb06f;
    border-radius: 5px;
    display: block;
    margin-top: 10px;
    padding: 10px
}

.g-edit-icon {
    display: none;
}

.g-button-select {
    display: inline-block;
    height: 32px;
    margin: 6px 0;
    padding: 0 15px;
    line-height: 32px;
    background: #73a2b9;
    border-radius: 2px;
    border: none;
    color: #fff;
    cursor: pointer
}

.g-button-select img {
    margin: 0 0 0 5px
}

.g-button-select.disabled, .g-button-select:disabled {
    background-color: #bbb;
    cursor: no-drop
}

.g-button-select.small {
    height: 24px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 24px
}

.g-button-select.gray {
    background-color: #e4e4e2;
    color: #1e232e
}

.g-button-select.left {
    float: left
}

.g-button-select.right {
    float: right
}

.g-button {
    position: relative;
    display: inline-block;
    height: 50px;
    box-sizing: border-box;
    text-align: center;
    letter-spacing: .3px;
    font: normal 500 16px Roboto, sans-serif;
    line-height: 50px;
    letter-spacing: inherit;
    color: #1e232e;
    background-color: #fcfcfc;
    border: 1px solid #c8ccd9;
    padding: 0 20px;
    border-radius: 3px;
    -webkit-transition: all .3s .02s;
    transition: all .3s .02s;
    text-decoration: none;
    cursor: pointer;
    outline: none
}

.g-button:active, .g-button:focus, .g-button:hover {
    outline: none;
    text-decoration: none;
    color: inherit
}

.g-button:hover {
    background-color: rgba(200, 204, 217, .2)
}

.g-button.full {
    display: block;
    width: 100%
}

.g-button.transparent {
    background-color: transparent;
    border-color: transparent
}

.g-button.full-size {
    display: block;
    width: 100%;
    height: 100%;
    border-width: 0
}

.g-button.icon {
    padding: 0;
    min-width: 50px
}

.g-button.icon .fa, .g-button.icon .icon, .g-button.icon .in {
    font-size: 16px;
    margin: 0
}

.g-button.icon.sm {
    height: 44px;
    min-width: 44px;
    line-height: 44px
}

.g-button.red {
    background-color: #ed1f24;
    border-color: #ed1f24;
    color: #fff
}

.g-button.red:hover {
    background-color: rgba(237, 31, 36, .7);
    border-color: rgba(237, 31, 36, .7)
}

.g-button.dark-grey {
    background-color: #f3f4f7;
    border-color: #c8ccd9;
    color: #1e232e
}

.g-button.dark-grey:hover {
    background-color: rgba(243, 244, 247, .7);
    border-color: rgba(200, 204, 217, .7)
}

.g-button.info {
    color: #fff;
    background: #163970
}

.g-button.info:hover {
    background-color: rgba(22, 57, 112, .8);
    border-color: rgba(22, 57, 112, .8)
}

.g-button.disabled, .g-button:disabled {
    border-color: #c8ccd9;
    background: #c8ccd9;
    pointer-events: none;
    cursor: default
}

.g-button .fa, .g-button .icon, .g-button .in {
    font-size: 24px;
    margin-right: 10px
}

.g-button .icon {
    margin-right: 10px
}

.g-button > * {
    vertical-align: middle
}

.g-print {
    font-size: 0;
    cursor: pointer
}

.g-print i {
    width: 26px;
    height: 26px;
    opacity: .7;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/print.png) no-repeat 0 0
}

.g-print .label, .g-print i {
    display: inline-block;
    vertical-align: middle
}

.g-print .label {
    padding-left: 3px;
    font: normal normal 14px Roboto, sans-serif;
    line-height: 1.2;
    letter-spacing: inherit;
    color: #256892;
    -webkit-transition: color .3s;
    transition: color .3s
}

.g-print:hover i {
    opacity: 1
}

.g-print:hover .label {
    color: #c54141
}

.g-add-to-notepad {
    display: inline-block;
    vertical-align: middle;
    background-color: #83b880;
    border-radius: 4px
}

.g-add-to-notepad .notepad {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 44px;
    height: 44px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCI+CiAgICA8ZGVmcz4KICAgICAgICA8cmVjdCBpZD0iYSIgd2lkdGg9IjQ0IiBoZWlnaHQ9IjQ0IiByeD0iMyIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHVzZSBmaWxsPSIjRkNGQ0ZDIiB4bGluazpocmVmPSIjYSIvPgogICAgICAgICAgICA8cmVjdCB3aWR0aD0iNDMuNSIgaGVpZ2h0PSI0My41IiB4PSIuMjUiIHk9Ii4yNSIgc3Ryb2tlPSIjQzhDQ0Q5IiBzdHJva2Utd2lkdGg9Ii41IiByeD0iMyIvPgogICAgICAgIDwvZz4KICAgICAgICA8ZyBmaWxsPSIjMUUyMzJFIj4KICAgICAgICAgICAgPHBhdGggZD0iTTI0IDE3LjAwMXYtMy41ODZsMy41ODYgMy41ODZIMjR6TTI5IDIyYTEgMSAwIDAgMCAyIDB2LTMuOTk5YzAtLjAyMi0uMDExLS4wNC0uMDEyLS4wNjJhLjk5Mi45OTIgMCAwIDAtLjA1NC0uMjY0Yy0uMDExLS4wMzItLjAxOS0uMDY0LS4wMzMtLjA5NGEuOTkuOTkgMCAwIDAtLjE5My0uMjg1bC0uMDAxLS4wMDItNy03LjAwMS0uMDAyLS4wMDFhLjk4NC45ODQgMCAwIDAtLjI4NS0uMTkzYy0uMDMtLjAxNC0uMDYyLS4wMjItLjA5My0uMDMzYTEuMDIgMS4wMiAwIDAgMC0uMjY4LS4wNTRjLS4wMi0uMDAxLS4wMzgtLjAxMi0uMDU5LS4wMTJoLThjLTEuMTAzIDAtMiAuODk3LTIgMnYyMGMwIDEuMTAzLjg5NyAyIDIgMmg2YTEgMSAwIDAgMCAwLTJoLTZWMTJoN3Y2LjAwMWExIDEgMCAwIDAgMSAxaDZWMjJ6Ii8+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0IDI2KSI+CiAgICAgICAgICAgICAgICA8cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSIyIiB5PSIzIiByeD0iMSIvPgogICAgICAgICAgICAgICAgPHJlY3Qgd2lkdGg9IjgiIGhlaWdodD0iMiIgeT0iMyIgcng9IjEiIHRyYW5zZm9ybT0icm90YXRlKC05MCA0IDQpIi8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=) no-repeat 50%;
    cursor: pointer;
    outline: none
}

.g-add-to-notepad .notepad:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(131, 184, 128, 0);
    -webkit-transition: background-color .3s .1s;
    transition: background-color .3s .1s;
    border-radius: 4px
}

.g-add-to-notepad .notepad:hover:after {
    background-color: rgba(131, 184, 128, .2)
}

.g-add-to-notepad .notepad.active:after {
    background-color: rgba(131, 184, 128, .3)
}

.g-link {
    font: normal normal 14px Roboto, sans-serif;
    line-height: 1.2;
    letter-spacing: inherit;
    color: #256892;
    -webkit-transition: color .3s .05s;
    transition: color .3s .05s;
    cursor: pointer;
    background-color: transparent;
    border: none
}

.g-link.dott {
    border-bottom: 1px dotted #256892
}

.g-link:hover {
    color: #c54141
}

.g-tip-wrapper {
    display: inline-block;
    border: none;
    background: none;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    -webkit-transition: color .2s .02s;
    transition: color .2s .02s
}

.g-tip-wrapper:hover .g-tip {
    color: #c8ccd9;
    background-color: #fbfbfb
}

.g-tip-wrapper.has-children .g-tip {
    margin-left: 10px
}

.g-help-tip {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #c8ccd9;
    text-align: center;
    opacity: 1;
    transitition: opacity .3s;
    font: normal 500 12px Roboto, sans-serif;
    line-height: 20px;
    letter-spacing: inherit;
    color: #1e232e
}

.g-help-tip:hover {
    opacity: .8
}

.g-tip {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid #c8ccd9;
    background: #fff;
    font: normal 500 12px Roboto, sans-serif;
    line-height: 20px;
    letter-spacing: inherit;
    color: #1e232e;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: 0;
    margin-left: 0;
    -webkit-transition: background-color .2s .02s, color .2s .02s;
    transition: background-color .2s .02s, color .2s .02s
}

#cart-widget-button-wrapper {
    float: left;
    position: relative
}

#cart-widget-button-wrapper .item.cart .count {
    position: absolute;
    right: -9px;
    top: -9px;
    padding: 0 6px;
    line-height: 18px;
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    border-radius: 50%;
    background: #e0595d;
    text-indent: 0
}

.g-note {
    margin-top: 10px;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 4px;
    background: #ffefef
}

.g-note .red {
    color: #c54141
}

.g-tabbed-menu nav {
    float: left
}

.g-tabbed-menu nav .item {
    float: left;
    padding: 0;
    height: auto
}

.g-tabbed-menu nav .item a {
    position: relative;
    display: block;
    margin: 0 30px 10px 0;
    font-size: 16px;
    white-space: nowrap;
    border-bottom: 3px solid #e4e4e2;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.g-tabbed-menu nav .item a:hover {
    border-color: #efbabc;
    color: #27556f
}

.g-tabbed-menu nav .item a.active {
    border-color: #e67a7d;
    color: #363636
}

.g-tabs {
    position: relative;
    font-size: 0;
    margin-bottom: 30px
}

.g-tabs:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #c8ccd9
}

.g-tabs .item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 12px;
    background-color: transparent;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    font: normal 500 16px Roboto, sans-serif;
    line-height: 1;
    letter-spacing: inherit;
    color: #1e232e
}

.g-tabs .item.active {
    border-bottom-color: #ed1f24
}

.g-tabs .item + .item {
    margin-left: 40px
}

.g-pagination .item, .g-pagination .label, .g-per-page-rows .item, .g-per-page-rows .label {
    background-color: transparent
}

.g-pagination .item, .g-per-page-rows .item {
    display: inline-block;
    padding: 0 5px;
    margin: 0 4px;
    font-size: 1.2em;
    color: #256892;
    border: 0;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    cursor: pointer
}

.g-pagination .item:hover, .g-per-page-rows .item:hover {
    color: #c54141
}

.g-pagination .item.active, .g-per-page-rows .item.active {
    color: gray;
    background: rgba(0, 0, 0, .06);
    cursor: default
}

.g-has-error {
    background: #ffefef
}

.reg-map-holder {
    position: relative
}

.g-title {
    padding: 15px 0 10px;
    font: normal 600 15px Roboto, sans-serif;
    color: #c54141;
    text-transform: uppercase
}

.g-subtitle, .g-title {
    line-height: 1.2;
    letter-spacing: inherit
}

.g-subtitle {
    font: normal normal 14px Roboto, sans-serif;
    color: #bbb
}

.g-dropzone {
    position: relative;
    border: 1px dashed #bbb;
    padding: 10px;
    min-height: 100px
}

.g-dropzone .empty-message {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #bbb
}

.g-line-through {
    text-decoration: line-through
}

.blue-btn:disabled {
    background-color: #bbb;
    cursor: no-drop
}

.g-file-input {
    padding: 10px;
    background: #f0f2f4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.g-file-input.has-error {
    background: #efbabc
}

.g-file-input .file-button {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    background: #73a2b9;
    border-radius: 2px;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.g-file-input .file-button[disabled] {
    opacity: .5;
    cursor: not-allowed
}

.g-file-input .file-button[disabled]:hover {
    opacity: .5
}

.g-file-input .file-button:hover {
    opacity: .8
}

.g-file-input .file-button:active {
    opacity: 1
}

.g-file-input .file-button.choose-button {
    border-radius: 2px 0 0 2px
}

.g-file-input .file-button.upload-button {
    border-radius: 0 2px 2px 0;
    background: #e67a7d
}

.g-file-input .file-name {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background: #fff;
    border: 1px solid #bbb;
    padding: 0 10px
}

.reg-form-submit:disabled {
    background-color: #bbb;
    cursor: no-drop
}

.body_redesign .top-header-left.thl {
    margin-left: 0;
    padding-left: 45px;
    z-index: 10
}

.body_redesign .top-header-left.thl .b-selected-office {
    color: #fff
}

.clearfix:after {
    display: block;
    content: "";
    clear: both
}

.g-logotype {
    width: 200px;
    line-height: 62px;
    display: inline-block
}

.g-logotype img {
    max-width: 100%
}

.g-logotype img.small-logo {
    display: none
}

.g-catalog-button {
    border: none;
    border-radius: 3px;
    padding: 20px;
    background: hsla(0, 0%, 100%, .1);
    color: #fff;
    outline: 0 none;
    cursor: pointer;
    margin-left: 50px;
    font-size: 1.143em;
    white-space: nowrap
}

.g-catalog-button .fa {
    margin-right: 5px;
    font-size: 1.286em
}

.offset-top {
    margin-top: 20px
}

.g-label {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    font: normal 500 12px Roboto, sans-serif;
    line-height: 30px;
    letter-spacing: inherit;
    color: #fff
}

.g-label.round {
    border-radius: 50%
}

.g-label.info {
    background: #163970
}

.g-label-text {
    padding-left: 44px;
    font-size: 1.143em;
    line-height: 18px;
    position: relative
}

.g-label-text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 24px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: 50%
}

.g-label-text.balance:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHRpdGxlPkRFRkEyNkY1LUI5NjktNDE3NC1BRTc4LTVEMjk4MUVFOTgwNzwvdGl0bGU+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0yNCAxOFYwSDB2MThoMTJ6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PGcgbWFzaz0idXJsKCNiKSIgZmlsbD0iIzFFMjMyRSI+PHBhdGggZD0iTTIgMTBoNi4wMDFWOEgydjJ6bTcuMDAxIDJIMWExIDEgMCAwIDEtMS0xVjdhMSAxIDAgMCAxIDEtMWg4LjAwMWExIDEgMCAwIDEgMSAxdjRhMSAxIDAgMCAxLTEgMXoiLz48cGF0aCBkPSJNNC40MjggMThDMy4wOSAxOCAyIDE2Ljg5OSAyIDE1LjU0NXYtNC4zNjNhMSAxIDAgMSAxIDIgMHY0LjM2M2MwIC4yNDcuMTk2LjQ1NS40MjguNDU1aDE3LjE0M2MuMjMyIDAgLjQzLS4yMDguNDMtLjQ1NVYyLjQ1NWMwLS4yNDctLjE5OC0uNDU1LS40My0uNDU1SDQuNDI4QzQuMTk2IDIgNCAyLjIwOCA0IDIuNDU1djQuMzYzYTEgMSAwIDEgMS0yIDBWMi40NTVDMiAxLjEwMSAzLjA5IDAgNC40MjggMGgxNy4xNDNjMS4zNCAwIDIuNDMgMS4xMDEgMi40MyAyLjQ1NXYxMy4wOUMyNCAxNi44OTkgMjIuOTEgMTggMjEuNTcgMThINC40Mjh6Ii8+PC9nPjwvZz48L3N2Zz4=)
}

.g-heading-info {
    padding: 20px 0;
    font: normal normal 18px Roboto, sans-serif;
    line-height: 1.2;
    letter-spacing: inherit;
    color: #1e232e
}

.g-heading-info .g-label {
    margin: 0 10px;
    vertical-align: middle
}

.g-group {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.g-group, .g-group > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.g-group > * {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 80px;
    border-radius: 0;
    border: 1px solid #c8ccd9
}

.g-group > :first-child {
    border-radius: 3px 0 0 3px
}

.g-group > :last-child {
    border-radius: 0 3px 3px 0
}

.g-group > * + * {
    margin-top: 0;
    border-left: 0
}

.g-strong {
    font-weight: 500
}

.g-hidden {
    display: none !important
}

.g-collapse-link {
    position: relative;
    display: inline-block;
    padding: 0 20px 5px 0;
    font: normal normal 14px Roboto, sans-serif;
    line-height: 1.2;
    letter-spacing: inherit;
    color: #1e48a4;
    cursor: pointer;
    border-bottom: 1px dashed #1e48a4;
    background: transparent
}

.g-collapse-link:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
    border-top: 4px solid #1e48a4;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    vertical-align: middle;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.g-collapse-link.opened:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.g-dropdown-label {
    cursor: pointer
}

@media (max-width: 575px) {
    .g-tabs .item {
        font-size: 14px
    }

    .g-tabs .item + .item {
        margin-left: 20px
    }
}

.p-header-wrapper {
    padding-top: 158px;
    position: relative;
    z-index: 10;
    width: 100%;
	
}

.p-header-wrapper .p-header-inner {
    position: fixed;
    z-index: 10;
    width: 100%;
    top: 0;
    left: 0
}

.p-header-wrapper.sticky {
    z-index: 21;
	transition: 5s;
	
}

.p-header-wrapper.sticky .p-header-inner {
    position: fixed
}

.p-header-wrapper.sticky .p-header-inner .p-top-menu {
    height: 0;
    overflow: hidden
}

.p-header-wrapper.sticky .p-header-inner .p-main-menu {
    height: 80px
}

.p-header-wrapper.sticky .p-header-inner .p-main-menu .g-logotype {
    height: 40px;
   /* width: auto;*/
    line-height: 40px
}

.p-header-wrapper.sticky .p-header-inner .p-main-menu .g-logotype img {
    max-height: 100%;
    display: none
}

.p-header-wrapper.sticky .p-header-inner .p-main-menu .g-logotype img.small-logo {
    display: inline-block
}

.p-header-wrapper.sticky .p-header-inner .p-main-menu .g-logotype .small-logo {
    display: block
}

.p-header-wrapper.sticky .p-header-inner .p-main-menu .catalog-dropdown-block {
    left: inherit
}

.p-header-wrapper.sticky .p-header-inner .p-main-menu .g-catalog-button {
    height: 40px;
    width: 40px;
    padding: 0;
    margin-left: 0
}

.p-header-wrapper.sticky .p-header-inner .p-main-menu .g-catalog-button > span {
    display: none
}

.p-header-wrapper.sticky .p-header-inner .p-main-menu .g-catalog-button .fa {
    margin: 0
}

.p-header-wrapper.sticky .p-header-inner .p-main-menu .b-header-search {
    width: 65%;
   margin-left: 40px;
}

.p-header-wrapper.sticky .p-header-inner .p-main-menu .b-header-search .b-search-widget .input {
    height: 40px
}

.p-header-wrapper.sticky .p-header-inner .p-main-menu .b-header-search .b-search-widget .header-search-submit {
    top: 13px
}

.p-header-wrapper.sticky .p-header-inner .p-main-menu .b-header-buttons {
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p-header-wrapper.sticky .p-header-inner .p-main-menu .b-header-buttons > .item {
    width: 32px;
    height: 32px;
    padding-top: 4px;
    margin-left: 40px
}

.p-header-wrapper.sticky .p-header-inner .p-main-menu .b-header-buttons > .item .image {
    margin-bottom: 0
}

.p-header-wrapper.sticky .p-header-inner .p-main-menu .b-header-buttons > .item .title {
    display: none
}

.p-header-wrapper.sticky .p-header-inner .p-main-menu .b-header-buttons > .item.cart {
    padding: 0
}

.p-header-wrapper.sticky .p-header-inner .p-main-menu .b-header-buttons > .item.cart:before {
    top: 4px
}

.p-header-wrapper.sticky .p-header-inner .p-main-menu .b-header-buttons > .item.cart .count {
    display: inline-block;
    top: 0;
    right: -5px
}

.p-top-menu {
    background-color: #1a1f29;
    height: 56px;
    -webkit-transition: height .3s ease-in;
    transition: height .3s ease-in
}

.p-top-menu .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.p-main-menu {
    padding: 20px 0;
    background-color: #1e232e;
    -webkit-transition: height .3s ease-out;
    transition: height .3s ease-out
}

.p-content {
    padding-top: 20px;
    padding-bottom: 80px
}

.p-footer {
    background-color: #1e232e;
    padding: 50px 0;
    color: #c8ccd9
}

.p-main-menu-mobile, .p-top-menu-mobile {
    display: none
}

@media print {
    .footer, .g-print, .header-buttons-block, .header-menu, .header-search-block, .logotype, .top-header {
        display: none
    }

    #app .b-office {
        text-align: left
    }

    #app .b-office .info .info-inner {
        padding: 0
    }

    #app .b-office .info .info-inner .item :first-child {
        display: none
    }

    #app .b-office .employees, #app .b-office .employees .employees-title {
        text-align: left
    }

    #app .b-office .employees .items {
        display: block;
        margin-left: -20px
    }

    #app .b-office .employees .item {
        display: inline-block;
        width: auto;
        margin: 0 20px 10px;
        padding-left: 0;
        text-align: left
    }

    #app .b-office .employees .item .image {
        display: inline-block;
        font-size: 0;
        white-space: nowrap;
        overflow: hidden;
        text-align: center
    }

    #app .b-office .employees .item .image img {
        display: inline-block;
        height: 40px;
        width: auto;
        vertical-align: middle
    }

    #app .b-office .employees .item .employee-info {
        display: inline-block
    }

    #app .b-office .b-mini-gallery, #app .b-office .legal-information {
        display: none
    }
}

.f-element {
    position: relative
}

.f-element + .f-element {
    margin-top: 10px
}

.f-element .f-tip {
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 50%;
    margin-top: -10px
}

.f-element.f-element-text input {
    width: 100%;
    margin: 0;
    padding: 0 20px;
    font-size: 1.143em;
    outline: 0 none;
    color: #1b1f29;
    border-radius: 3px;
    border: 1px solid #c8ccd9;
    background: #fff
}

.f-element.f-element-text.password {
    position: relative
}

.f-element.f-element-text.password .show-pass {
    position: absolute;
    right: 20px;
    top: 50%;
    height: 14px;
    margin-top: -7px;
    font-size: 14px;
    color: #4b5166;
    cursor: pointer;
    outline: none
}

.f-element.f-element-text.password .show-pass:hover {
    color: #3a3f53
}

.f-element.f-element-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.f-element.f-element-checkbox .f-control {
    position: absolute
}

.f-element.f-element-checkbox .f-control input {
    position: absolute;
    visibility: hidden
}

.f-element.f-element-checkbox .f-control input:checked + .fake-checkbox:after {
    display: block
}

.f-element.f-element-checkbox .f-control .fake-checkbox {
    position: relative;
    width: 21px;
    height: 21px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #c8ccd9
}

.f-element.f-element-checkbox .f-control .fake-checkbox:after {
    content: "";
    display: none;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 8px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTAgOCI+CiAgICA8cGF0aCBmaWxsPSIjRUQxRjI0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjI2My4zMjRMNCA0Ljk3NSAxLjczOCAyLjMyNEExLjAwMiAxLjAwMiAwIDAgMCAuMjYzIDMuNjc2bDMgMy40NTRhLjk5OS45OTkgMCAwIDAgMS40NzUgMGw1LTUuNDU0QTEgMSAwIDAgMCA4LjI2My4zMjR6Ii8+Cjwvc3ZnPgo=) no-repeat
}

.f-element.f-element-checkbox .f-label {
    position: relative;
    padding-left: 30px;
    line-height: 21px;
    color: #4b5166;
    cursor: pointer
}

.f-element.f-element-submit {
    margin-top: 20px
}

.f-element.f-element-submit input {
    width: 100%;
    color: #fff;
    height: 50px;
    border: none;
    outline: none;
    border-radius: 3px;
    background: #ed1f24;
    font-size: 1.143em;
    cursor: pointer
}

.f-row {
    margin-bottom: 30px
}

.f-row.border-bottom {
    position: relative;
    padding-bottom: 34px
}

.f-row.border-bottom:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    border-bottom: 1px solid #c8ccd9
}

.f-row-title {
    font: normal 500 18px Roboto, sans-serif;
    line-height: 51px;
    letter-spacing: inherit;
    color: #1e232e
}

.f-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.f-group .f-element {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border-radius: 0
}

.f-group .f-element:first-child {
    border-radius: 3px 0 0 3px
}

.f-group .f-element:last-child {
    border-radius: 0 3px 3px 0
}

.f-group .f-element + .f-element {
    margin-top: 0;
    border-left: 0
}

.f-element-dropdown {
    position: relative;
    z-index: 9;
    overflow: hidden
}

.f-element-dropdown .f-control {
    position: relative;
    display: block;
    overflow: hidden;
    height: 58px;
    width: 100%;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
    background-color: transparent;
    cursor: pointer;
    outline: none;
    padding: 0 30px 0 20px;
    font-size: 1.143em
}

.f-element-dropdown .f-control:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #1e232e
}

.f-element-dropdown .f-label {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    -webkit-transition: margin .2s .03s, font-size .2s .05s;
    transition: margin .2s .03s, font-size .2s .05s;
    color: #4b5166
}

.f-element-dropdown .f-value {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 30px;
    text-align: left;
    font-weight: 500
}

.f-element-dropdown.has-value .f-label, .f-element-dropdown.open .f-label {
    margin-top: -20px;
    font-size: .875em
}

.f-element-dropdown .dropdown-container {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 10px;
    border-radius: 3px;
    border: 1px solid #c8ccd9;
    background: #fff;
    padding: 30px;
    -webkit-transition: opacity .3s ease-in, top .3s ease-in;
    transition: opacity .3s ease-in, top .3s ease-in
}

.f-element-dropdown .dropdown-container.show {
    visibility: visible;
    opacity: 1;
    top: 100%
}

.f-element-select {
    width: 100%;
    box-sizing: border-box;
    background-color: #fbfbfb
}

.f-element-select .f-control {
    border-radius: 3px;
    border: 1px solid #c8ccd9;
    background: #fff;
    position: relative;
    z-index: 1;
    height: 70px;
    background-color: transparent
}

.f-element-select .f-label {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0 20px
}

.f-element-select .f-label .label-inner {
    display: block;
    font: normal normal 16px Roboto, sans-serif;
    line-height: 70px;
    letter-spacing: inherit;
    color: #4b5166;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: color .2s, line-height .2s, -webkit-transform .2s;
    transition: color .2s, line-height .2s, -webkit-transform .2s;
    transition: color .2s, line-height .2s, transform .2s;
    transition: color .2s, line-height .2s, transform .2s, -webkit-transform .2s
}

.f-element-select.has-label {
    position: relative
}

.f-element-select.has-label .f-control .rc-select {
    display: inline-block;
    width: 100%;
    border: none;
    box-sizing: border-box;
    font: normal 500 16px Roboto, sans-serif;
    line-height: 68px;
    letter-spacing: inherit;
    color: #1e232e;
    outline: none;
    -webkit-background-size: contain;
    background-color: transparent
}

.f-element-select.has-label .rc-select {
    width: 100%;
    background-color: transparent
}

.f-element-select.has-label .rc-select .rc-select-selection {
    min-height: 68px;
    border: none;
    background-color: transparent;
    outline: none;
    box-shadow: none
}

.f-element-select.has-label .rc-select .rc-select-selection .rc-select-selection-selected-value {
    font-weight: 500;
    height: auto;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 38px
}

.f-element-select.has-label .rc-select .rc-select-selection:focus, .f-element-select.has-label .rc-select .rc-select-selection:hover {
    box-shadow: none;
    border-color: #c8ccd9
}

.f-element-select.has-label .rc-select .rc-select-selection__rendered {
    height: auto;
    min-height: 68px;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    padding: 0 40px 0 20px;
    background-color: transparent
}

.f-element-select.has-label .rc-select .rc-select-selection-selected-value {
    position: static;
    height: 100%;
    font: normal normal 16px Roboto, sans-serif;
    line-height: 68px;
    letter-spacing: inherit;
    color: #4b5166
}

.f-element-select.has-label .rc-select .rc-select-arrow {
    top: 50%;
    right: 30px;
    margin-top: -13px
}

.f-element-select.has-label .rc-select .rc-select-arrow b {
    border-top-color: #1e232e
}

.f-element-select.has-label .rc-select.rc-select-open {
    background: transparent
}

.f-element-select.has-label.focus .f-label .label-inner, .f-element-select.has-label.has-value .f-label .label-inner {
    line-height: 50px;
    -webkit-transform: scale(.85);
    transform: scale(.85)
}

.f-element-select .rc-select {
    width: 100%;
    height: 66px;
    background-color: transparent
}

.f-element-select .rc-select.rc-select-open {
    border-radius: 3px 3px 0 0
}

.f-element-select .rc-select .rc-select-selection {
    min-height: 68px;
    border: none;
    background-color: transparent
}

.f-element-select .rc-select .rc-select-selection:focus, .f-element-select .rc-select .rc-select-selection:hover {
    box-shadow: none;
    border-color: #c8ccd9
}

.f-element-select .rc-select .rc-select-selection__rendered {
    height: auto;
    min-height: 68px;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    padding: 0 40px 0 20px;
    background-color: transparent
}

.f-element-select .rc-select .rc-select-selection-selected-value {
    position: static;
    height: 100%;
    font: normal normal 16px Roboto, sans-serif;
    line-height: 70px;
    letter-spacing: inherit;
    color: #4b5166
}

.f-element-select .rc-select .rc-select-arrow {
    top: 50%;
    right: 30px;
    margin-top: -13px
}

.f-element-select .rc-select.rc-select-open {
    background: #fcfcfc
}

.f-element-select.sm .f-control {
    height: 49px;
    overflow: hidden
}

.f-element-select.sm .rc-select {
    height: 44px;
    width: 101%;
    margin-left: -1px
}

.f-element-select.sm .rc-select .rc-select-selection, .f-element-select.sm .rc-select .rc-select-selection__rendered {
    min-height: 49px
}

.f-element-select.sm .rc-select .rc-select-selection-selected-value {
    line-height: 49px
}

.f-element-select.sm .rc-select .rc-select-arrow {
    right: 10px
}

.f-element-select-material .f-label {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 0 20px;
    pointer-events: none
}

.f-element-select-material .f-label .label-inner {
    display: block;
    margin-bottom: 0;
    font: normal normal 16px Roboto, sans-serif;
    line-height: 70px;
    letter-spacing: inherit;
    color: #4b5166;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: color .2s, line-height .2s, -webkit-transform .2s;
    transition: color .2s, line-height .2s, -webkit-transform .2s;
    transition: color .2s, line-height .2s, transform .2s;
    transition: color .2s, line-height .2s, transform .2s, -webkit-transform .2s
}

.f-element-select-material.has-label {
    position: relative
}

.f-element-select-material.has-label.focus .f-label .label-inner, .f-element-select-material.has-label.has-value .f-label .label-inner {
    line-height: 50px;
    -webkit-transform: scale(.85);
    transform: scale(.85)
}

.f-element-select-material .Select .Select-control {
    height: 70px;
    border-radius: 3px;
    outline: none;
    border-color: #c8ccd9;
    cursor: pointer
}

.f-element-select-material .Select .Select-control .Select-placeholder {
    display: none
}

.f-element-select-material .Select .Select-control .Select-value {
    padding: 0 40px 0 19px !important
}

.f-element-select-material .Select .Select-control .Select-value-label {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-top: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font: normal normal 16px Roboto, sans-serif;
    line-height: 1;
    letter-spacing: inherit;
    color: #4b5166
}

.f-element-select-material .Select .Select-control .Select-arrow-zone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0 20px 0 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.f-element-select-material .Select .Select-control .Select-arrow-zone .Select-arrow {
    border-top-color: #c8ccd9;
    -webkit-transition: border-color .3s;
    transition: border-color .3s
}

.f-element-select-material .Select .Select-control:hover .Select-arrow {
    border-top-color: #3a3f53
}

.f-element-select-material .Select.gray .Select-control {
    background-color: #fbfbfb
}

.f-element-select-material .Select.is-focused .Select-control {
    box-shadow: none;
    border-color: #c8ccd9
}

.f-element-select-material .Select.is-open .Select-control .Select-arrow {
    border-bottom-color: #3a3f53
}

.f-element-select-material .Select-menu-outer {
    z-index: 9;
    background-color: #fff
}

.f-element-select-material .Select-menu-outer .Select-option {
    width: 100%;
    overflow: hidden;
    padding: 25px 20px;
    word-break: break-word;
    font: normal normal 16px Roboto, sans-serif;
    line-height: 1.2;
    letter-spacing: inherit;
    color: #4b5166;
    background-color: #fff
}

.f-element-select-material .Select-menu-outer .Select-option:hover {
    background-color: rgba(200, 204, 217, .2)
}

.f-element-select-material .Select-menu-outer .Select-option.is-selected {
    background-color: rgba(200, 204, 217, .4)
}

.f-element-select-material.has-label .Select .Select-control .Select-value-label {
    padding-top: 38px
}

.notepad-select-dropdown.rc-select-dropdown {
    z-index: 9999
}

.rc-select-dropdown.f-element-select-dropdown {
    z-index: 9999;
    max-height: 60vh;
    overflow: auto;
    border-radius: 3px;
    border: 1px solid #c8ccd9;
    background: #fff;
    box-shadow: none;
    border-top: 0
}

.rc-select-dropdown.f-element-select-dropdown .rc-select-dropdown-menu {
    width: 100%
}

.rc-select-dropdown.f-element-select-dropdown .rc-select-dropdown-menu .rc-select-dropdown-menu-item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 70px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    padding: 25px 20px;
    word-break: break-word;
    white-space: normal;
    font: normal normal 16px Roboto, sans-serif;
    line-height: 1.2;
    letter-spacing: inherit;
    color: #4b5166;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    background-color: #fff
}

.rc-select-dropdown.f-element-select-dropdown .rc-select-dropdown-menu .rc-select-dropdown-menu-item + .rc-select-dropdown-menu-item {
    border-top: 1px solid #c8ccd9
}

.rc-select-dropdown.f-element-select-dropdown .rc-select-dropdown-menu .rc-select-dropdown-menu-item.rc-select-dropdown-menu-item-active {
    background: #fcfcfc
}

.rc-select-dropdown.f-element-select-dropdown.dropdown-sm .rc-select-dropdown-menu-item {
    min-height: 49px;
    line-height: 49px
}

.f-element-material-text {
    position: relative;
    border-radius: 3px;
    border: 1px solid #c8ccd9;
    background: #fff;
    background-color: #fbfbfb
}

.f-element-material-text .f-label {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0 20px
}

.f-element-material-text .f-label .label-inner {
    display: block;
    font: normal normal 16px Roboto, sans-serif;
    line-height: 70px;
    letter-spacing: inherit;
    color: #4b5166;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: color .2s, line-height .2s, -webkit-transform .2s;
    transition: color .2s, line-height .2s, -webkit-transform .2s;
    transition: color .2s, line-height .2s, transform .2s;
    transition: color .2s, line-height .2s, transform .2s, -webkit-transform .2s;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.f-element-material-text .f-control {
    position: relative;
    z-index: 1;
    height: 68px
}

.f-element-material-text .f-control .f-control-static, .f-element-material-text .f-control input {
    display: inline-block;
    width: calc(100% - 40px);
    height: 46px;
    border: none;
    box-sizing: border-box;
    padding: 22px 20px 0;
    font: normal 500 16px Roboto, sans-serif;
    line-height: 46px;
    letter-spacing: inherit;
    color: #1e232e;
    outline: none;
    -webkit-background-size: contain;
    background-color: transparent;
    box-sizing: content-box
}

.f-element-material-text .f-control .f-control-static::-webkit-input-placeholder, .f-element-material-text .f-control input::-webkit-input-placeholder {
    color: #c8ccd9;
    font-weight: 400;
    letter-spacing: 1px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.f-element-material-text .f-control .f-control-static::-moz-placeholder, .f-element-material-text .f-control input::-moz-placeholder {
    color: #c8ccd9;
    font-weight: 400;
    letter-spacing: 1px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.f-element-material-text .f-control .f-control-static:-ms-input-placeholder, .f-element-material-text .f-control input:-ms-input-placeholder {
    color: #c8ccd9;
    font-weight: 400;
    letter-spacing: 1px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.f-element-material-text .f-control .f-control-static::placeholder, .f-element-material-text .f-control input::placeholder {
    color: #c8ccd9;
    font-weight: 400;
    letter-spacing: 1px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.f-element-material-text.focus .f-label .label-inner, .f-element-material-text.has-value .f-label .label-inner {
    line-height: 50px;
    -webkit-transform: scale(.85);
    transform: scale(.85)
}

.f-element-material-text.focus input::-webkit-input-placeholder, .f-element-material-text.has-value input::-webkit-input-placeholder {
    opacity: 1
}

.f-element-material-text.focus input::-moz-placeholder, .f-element-material-text.has-value input::-moz-placeholder {
    opacity: 1
}

.f-element-material-text.focus input:-ms-input-placeholder, .f-element-material-text.has-value input:-ms-input-placeholder {
    opacity: 1
}

.f-element-material-text.focus input::placeholder, .f-element-material-text.has-value input::placeholder {
    opacity: 1
}

.f-element-material-text.with-button .g-button {
    position: absolute;
    z-index: 5;
    right: 10px;
    top: 50%;
    margin-top: -25px
}

.f-error {
    position: absolute;
    bottom: -20px;
    left: 0;
    color: #e30613
}

.f-element-textarea .f-control {
    position: relative;
    z-index: 1
}

.f-element-textarea .f-control textarea {
    width: 100%;
    height: 150px;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 3px;
    border: 1px solid #c8ccd9;
    background: #fff;
    font: normal normal 16px Roboto, sans-serif;
    line-height: 1.2;
    letter-spacing: inherit;
    color: #4b5166;
    background-color: #fff;
    resize: none;
    outline: none
}

.f-element-textarea .f-error {
    position: absolute;
    bottom: -20px;
    left: 0;
    color: #e30613
}

.f-element-textarea.sm .f-control textarea {
    height: 70px
}

.button {
    border-radius: 3px;
    font-size: 1.143em;
    text-align: center;
    height: 50px;
    line-height: 51px;
    display: inline-block;
    padding: 0 15px;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    box-sizing: border-box;
    font-weight: 500;
    border: none;
    cursor: pointer;
    outline: none
}

.button, .button:active, .button:focus, .button:hover {
    text-decoration: none
}

.button:hover {
    opacity: .8
}

.button.default {
    border: 1px solid #c8ccd9;
    background: #fcfcfc;
    color: #1e232e
}

.button.red {
    color: #fff;
    background: #ed1f24
}

.button.disable {
    color: #fff;
    background: #c8ccd9;
    cursor: default
}

.button.disable:hover {
    opacity: 1
}

.button.info {
    color: #fff;
    background: #163970
}

.button.wide {
    width: 100%
}

.button .fa {
    margin-right: 10px
}

.icon-notepad {
    display: inline-block;
    padding: 0;
    margin: 0;
    outline: none;
    border: none;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 20px;
    height: 24px;
    vertical-align: middle;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHRpdGxlPjA0OThDMjVBLUNDNEEtNDA1Mi1BMDk0LTkwNzBFNkZEM0M5OTwvdGl0bGU+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDguOTc5aDlWMEgweiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExIDE1LjAwMSkiPjxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjxwYXRoIGQ9Ik0yLjQgNi4wMzRsMy44ODYtMy44ODhjLjAxLS4wMS4wMTMtLjAyNC4wMjMtLjAzNC4wMDktLjAwOS4wMjItLjAxMi4wMzItLjAyMS4xOTgtLjE5OS4zNDctLjIuNTQ3LjAwMWEuMzguMzggMCAwIDEgMCAuNTQzYy0uMDEuMDExLS4wMTMuMDI1LS4wMjMuMDM2LS4wMS4wMDktLjAyNC4wMTMtLjAzNC4wMjNMMi45NSA2LjU3NWwtLjY4My4xMzUuMTMzLS42NzZ6TTkgMi4zNjdBMi4zNjUgMi4zNjUgMCAwIDAgOC4zMDMuNjc4Yy0uOTAxLS45MDQtMi40NzUtLjkwNC0zLjM3NiAwLS4wMS4wMDktLjAxMi4wMjItLjAyMS4wMzItLjAxLjAwOS0uMDI0LjAxMi0uMDM0LjAyMmwtNC4wOTcgNC4xYy0uMDIuMDE5LS4wMjUuMDQzLS4wNDEuMDYyYS45ODkuOTg5IDAgMCAwLS4xOTUuMzU0Yy0uMDExLjAzNC0uMDMzLjA2MS0uMDQuMDk3bC0uNDggMi40NDFBLjk5OS45OTkgMCAwIDAgMS4xOTUgOC45NmwyLjQ0LS40ODFjLjAyNy0uMDA1LjA0Ny0uMDIzLjA3My0uMDNhMS4wMTIgMS4wMTIgMCAwIDAgLjM1NC0uMTgzYy4wMjgtLjAyMi4wNjItLjAzMy4wODktLjA1OWw0LjA5Ni00LjA5OWMuMDEtLjAxMS4wMTQtLjAyNC4wMjMtLjAzNS4wMS0uMDA4LjAyMi0uMDExLjAzLS4wMi40NTItLjQ0OS43LTEuMDQ4LjcwMi0xLjY4NnoiIGZpbGw9IiMxRTIzMkUiIG1hc2s9InVybCgjYikiLz48L2c+PHBhdGggZD0iTTExIDcuMDAxVjMuNDE1bDMuNTg2IDMuNTg2SDExek0xNiAxMmExIDEgMCAwIDAgMiAwVjguMDAxYzAtLjAyMi0uMDExLS4wNC0uMDEyLS4wNjJhLjk5Mi45OTIgMCAwIDAtLjA1NC0uMjY0Yy0uMDExLS4wMzItLjAxOS0uMDY0LS4wMzMtLjA5NGEuOTkuOTkgMCAwIDAtLjE5My0uMjg1bC0uMDAxLS4wMDItNy03LjAwMS0uMDAyLS4wMDFhLjk4NC45ODQgMCAwIDAtLjI4NS0uMTkzYy0uMDMtLjAxNC0uMDYyLS4wMjItLjA5My0uMDMzYTEuMDIgMS4wMiAwIDAgMC0uMjY4LS4wNTRDMTAuMDM5LjAxMSAxMC4wMjEgMCAxMCAwSDJDLjg5NyAwIDAgLjg5NyAwIDJ2MjBjMCAxLjEwMy44OTcgMiAyIDJoNmExIDEgMCAwIDAgMC0ySDJWMmg3djYuMDAxYTEgMSAwIDAgMCAxIDFoNlYxMnoiIGZpbGw9IiMxRTIzMkUiLz48L2c+PC9zdmc+)
}

.icon-checked {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iIzgzQjg4MCIgZD0iTTE2IDBDNy4xNzggMCAwIDcuMTc4IDAgMTZzNy4xNzggMTYgMTYgMTYgMTYtNy4xNzggMTYtMTZTMjQuODIyIDAgMTYgMCIvPgogICAgICAgIDxwYXRoIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik04IDE1LjgyNkwxNC4wODYgMjEgMjQgMTEiLz4KICAgIDwvZz4KPC9zdmc+Cg==)
}

.icon-checked, .icon-danger {
    display: inline-block;
    padding: 0;
    margin: 0;
    outline: none;
    border: none;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 32px;
    height: 32px;
    vertical-align: middle
}

.icon-danger {
    background-image: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/danger.png)
}

.icon-image {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE2IDE1Ij4KICAgIDxnIGZpbGw9IiM4NThCOUYiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTggMTJhNCA0IDAgMSAxIDAtOCA0IDQgMCAwIDEgMCA4ek03IDJoMlYxSDd2MXptOCAxaC0xVjJoLTJ2MWgtMVYxYTEgMSAwIDAgMC0xLTFINmExIDEgMCAwIDAtMSAxdjJINGExIDEgMCAwIDAtMS0xSDFhMSAxIDAgMCAwLTEgMXYxMWExIDEgMCAwIDAgMSAxaDlhMSAxIDAgMCAwIDEtMWg0YTEgMSAwIDAgMCAxLTFWNGExIDEgMCAwIDAtMS0xeiIvPgogICAgICAgIDxwYXRoIGQ9Ik04IDEwYTIgMiAwIDEgMSAwLTQgMiAyIDAgMCAxIDAgNCIvPgogICAgPC9nPgo8L3N2Zz4K)
}

.icon-image, .icon-info {
    display: inline-block;
    padding: 0;
    margin: 0;
    outline: none;
    border: none;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 16px;
    height: 16px;
    vertical-align: middle
}

.icon-info {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxwYXRoIGZpbGw9IiM4NThCOUYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTcgNWgyVjNIN3Yyem0wIDhoMlY3SDd2NnpNMCA4YTggOCAwIDEgMCAxNiAwQTggOCAwIDAgMCAwIDh6Ii8+Cjwvc3ZnPgo=)
}

.icon-compatibility {
    display: inline-block;
    padding: 0;
    margin: 0;
    outline: none;
    border: none;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iIzg1OEI5RiIgZD0iTTE0IDExYTEgMSAwIDAgMS0xIDFoLTFhMSAxIDAgMCAxLTEtMXYtMWExIDEgMCAwIDEgMS0xaDFhMSAxIDAgMCAxIDEgMXYxem0tOSAwYTEgMSAwIDAgMS0xIDFIM2ExIDEgMCAwIDEtMS0xdi0xYTEgMSAwIDAgMSAxLTFoMWExIDEgMCAwIDEgMSAxdjF6TTAgN3Y3YTIgMiAwIDEgMCA0IDBoOGEyIDIgMCAxIDAgNCAwVjdIMHoiLz4KICAgICAgICA8cGF0aCBzdHJva2U9IiM4NThCOUYiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgOFYzYTIgMiAwIDAgMSAyLTJoMTBhMiAyIDAgMCAxIDIgMnY1Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=)
}

.icon-plus-circle {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0iYSIgZD0iTTAgMTJWMGgyNHYyNEgweiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8Zz4KICAgICAgICAgICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMxRTIzMkUiIGQ9Ik0xMiAyYTkuOTMgOS45MyAwIDAgMC03LjA3IDIuOTNBOS45MzMgOS45MzMgMCAwIDAgMiAxMmE5LjkzMyA5LjkzMyAwIDAgMCAyLjkzIDcuMDdBOS45MyA5LjkzIDAgMCAwIDEyIDIyYTkuOTMzIDkuOTMzIDAgMCAwIDcuMDctMi45MjhBOS45MzcgOS45MzcgMCAwIDAgMjIgMTJhOS45MzMgOS45MzMgMCAwIDAtMi45My03LjA3QTkuOTMgOS45MyAwIDAgMCAxMiAybTAgMjJhMTEuOTIgMTEuOTIgMCAwIDEtOC40ODQtMy41MTVBMTEuOTIyIDExLjkyMiAwIDAgMSAwIDEyYzAtMy4yMDUgMS4yNDktNi4yMTggMy41MTYtOC40ODRBMTEuOTE2IDExLjkxNiAwIDAgMSAxMiAwYzMuMjA1IDAgNi4yMTggMS4yNSA4LjQ4NCAzLjUxNmguMDAxQTExLjkyIDExLjkyIDAgMCAxIDI0IDEyYzAgMy4yMDYtMS4yNDkgNi4yMTgtMy41MTYgOC40ODVBMTEuOTIgMTEuOTIgMCAwIDEgMTIgMjQiIG1hc2s9InVybCgjYikiLz4KICAgICAgICA8L2c+CiAgICAgICAgPHBhdGggZmlsbD0iIzFFMjMyRSIgZD0iTTE3IDEzSDdhMSAxIDAgMCAxIDAtMmgxMGExIDEgMCAwIDEgMCAyIi8+CiAgICAgICAgPHBhdGggZmlsbD0iIzFFMjMyRSIgZD0iTTEyIDE4YTEgMSAwIDAgMS0xLTFWN2ExIDEgMCAwIDEgMiAwdjEwYTEgMSAwIDAgMS0xIDEiLz4KICAgIDwvZz4KPC9zdmc+Cg==)
}

.icon-plus-circle, .icon-star-plus {
    display: inline-block;
    padding: 0;
    margin: 0;
    outline: none;
    border: none;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    margin-top: -3px;
    vertical-align: middle
}

.icon-star-plus {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjMUUyMzJFIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+CiAgICAgICAgPHBhdGggZD0iTTEzLjkyMSAxOS4zOWwtMS4yOTgtLjg5MmMtLjM0NC0uMjM2LS45MDYtLjIzNi0xLjI1IDBsLTYuNDEyIDQuMzg3Yy0uMzQ0LjIzNS0uNTMuMS0uNDE4LS4zMDFsMS45MzYtNi44NDVjLjExNS0uNDAxLS4wMzItLjk3My0uMzI1LTEuMjdMMS4xNjggOS4zOTZjLS4yOTMtLjI5OC0uMTkzLS41NzIuMjIzLS42MWw2LjYtLjYxOGMuNDEzLS4wNC44ODgtLjM4MyAxLjA1NC0uNzY1bDIuNjUyLTYuMTE2Yy4xNjYtLjM4Mi40MzgtLjM4Mi42MDIgMGwyLjY1NCA2LjExNmMuMTY0LjM4Mi42NDEuNzI2IDEuMDU1Ljc2NWw2LjYuNjE2Yy40MTUuMDQuNTE1LjMxNC4yMjIuNjEybC00Ljk4NiA1LjA3M2EuNjc3LjY3NyAwIDAgMC0uMDQ0LjA0OE0yMCAxNi45OTlWMjNNMjMgMjBoLTYiLz4KICAgIDwvZz4KPC9zdmc+Cg==)
}

.icon-time {
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9IiMxRTIzMkUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTEyIDIyQzYuNDg2IDIyIDIgMTcuNTE0IDIgMTJTNi40ODYgMiAxMiAyczEwIDQuNDg2IDEwIDEwLTQuNDg2IDEwLTEwIDEwbTAtMjJDNS4zODMgMCAwIDUuMzgzIDAgMTJzNS4zODMgMTIgMTIgMTIgMTItNS4zODMgMTItMTJTMTguNjE3IDAgMTIgMCIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMyAxMS41ODZWNWExIDEgMCAxIDAtMiAwdjdhMS4wMSAxLjAxIDAgMCAwIC4yOTQuNzA4bDMuOTk5IDMuOTk5YS45OTcuOTk3IDAgMCAwIDEuNDE0IDAgLjk5OS45OTkgMCAwIDAgMC0xLjQxNEwxMyAxMS41ODZ6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=)
}

.icon-chat, .icon-time {
    display: inline-block;
    padding: 0;
    margin: 0;
    outline: none;
    border: none;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    vertical-align: middle
}

.icon-chat {
    height: 22px;
    background-image: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/chat-icon.png)
}

.icon-close {
    width: 12px;
    height: 13px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEyIDEzIj4KICAgIDxnIGZpbGw9IiM4NThCOUYiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTEwLjI2My4zMjRMNiA0Ljk3NSAxLjczOC4zMjRBMS4wMDIgMS4wMDIgMCAwIDAgLjI2MyAxLjY3Nmw1IDUuNDU0YS45OTkuOTk5IDAgMCAwIDEuNDc1IDBsNS01LjQ1NEExIDEgMCAwIDAgMTAuMjYzLjMyNHoiLz4KICAgICAgICA8cGF0aCBkPSJNMTAuMjYzIDEyLjEzMUw2IDcuNDhsLTQuMjYyIDQuNjUxYTEuMDAyIDEuMDAyIDAgMCAxLTEuNDc1LTEuMzUybDUtNS40NTRhLjk5OS45OTkgMCAwIDEgMS40NzUgMGw1IDUuNDU0YTEgMSAwIDAgMS0xLjQ3NSAxLjM1MnoiLz4KICAgIDwvZz4KPC9zdmc+Cg==)
}

.icon-arrow-left, .icon-close {
    display: inline-block;
    padding: 0;
    margin: 0;
    outline: none;
    border: none;
    background-repeat: no-repeat;
    background-color: transparent;
    vertical-align: middle
}

.icon-arrow-left {
    width: 4px;
    height: 8px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA0IDgiPgogICAgPHBhdGggZmlsbD0iIzFFMjMyRSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNCAwTDAgNGw0IDR6Ii8+Cjwvc3ZnPgo=)
}

.b-right-menu {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.b-right-menu .item {
    margin-left: 28px
}

.b-right-menu .item .link {
    color: #fff;
    text-decoration: none;
    opacity: .8;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    white-space: nowrap
}

.b-right-menu .item .link:hover {
    color: hsla(0, 0%, 100%, .8)
}

.b-header-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.b-header-buttons .item {
    display: inline-block;
    color: hsla(0, 0%, 100%, .8);
    width: 70px;
    text-align: center;
    background: none;
    border: none;
    outline: 0 none;
    font-size: 1em;
    padding: 0;
    margin-left: 30px;
    text-decoration: none;
    position: relative
}



.b-header-buttons .item .login-button {
    cursor: pointer;
    outline: none
}

.b-header-buttons .item.cart {
    position: relative;
    padding-top: 39px
}
.b-header-buttons .item:hover {
	background: rgba(255, 255, 255, 0.13);
	border-radius: 5px;
	

}	


.b-header-buttons .item.cart:before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -12px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHRpdGxlPjc1NDBBMUU5LUQ0RTItNDU2QS1CMDBGLTczMzlCMzU3NDdBRDwvdGl0bGU+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0yNCAxOVYwSDB2MTloMjR6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGc+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHBhdGggZD0iTTE5LjIzOCAxN2gtNy44NTNMOS4yMSA5aDEyLjQ0M2wtMi40MTUgOHptNC41NjQtOS41OTZBLjk5OC45OTggMCAwIDAgMjMgN0g4LjY2N0w3LjQ5IDIuNjY4QzcuMDgzIDEuMTcyIDUuNTUgMCA0IDBIMWExIDEgMCAxIDAgMCAyaDNjLjY0NiAwIDEuMzkuNTY4IDEuNTYgMS4xOTJsNC4wOTYgMTUuMDdjLjAwNy4wMjUuMDIzLjA0NS4wMzIuMDY5YS44OTkuODk5IDAgMCAwIC4wNi4xMy45Ni45NiAwIDAgMCAuNDEyLjQxMmMuMDM1LjAxOS4wNjYuMDQuMTAzLjA1NWEuOTguOTggMCAwIDAgLjM1Ny4wNzJoOS4zNmMuNDQyIDAgLjgzLS4yODkuOTU3LS43MTFsMy4wMi0xMGEuOTk3Ljk5NyAwIDAgMC0uMTU1LS44ODV6IiBmaWxsPSIjQzhDQ0Q5IiBtYXNrPSJ1cmwoI2IpIi8+PC9nPjxwYXRoIGQ9Ik0xNyAyMmMwIDEuMTAzLjg5NyAyIDIgMnMyLS44OTcgMi0yLS44OTctMi0yLTItMiAuODk3LTIgMnpNMTAgMjJhMi4wMDEgMi4wMDEgMCAxIDAgMi4wMDEtMkEyLjAwMiAyLjAwMiAwIDAgMCAxMCAyMnoiIGZpbGw9IiNDOENDRDkiLz48L2c+PC9zdmc+)
}

.b-header-buttons .item.cart .count {
    position: absolute;
    right: 15px;
    top: -3px;
    padding: 0 6px;
    line-height: 18px;
    font-size: .714em !important;
    color: #fff;
    font-weight: 500;
    border-radius: 50%;
    background: #e30613 !important
}

.b-header-buttons .item .image {
    width: 28px;
    height: 28px;
    background-position: 50%;
    background-repeat: no-repeat;
    margin: 0 auto 5px;
    overflow: hidden;
    border-radius: 50%;
    cursor: pointer;
	margin-top: 6px;
}

.b-header-buttons .item .image.login {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+OEEwMjFEMTItNzdGQy00QURDLTg3MjYtRDk3OUQ0MkU2QkRCPC90aXRsZT48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiLz48cGF0aCBkPSJNMTkuMDY1IDE5LjA3Yy0uNTk4LTIuMTk5LTIuMzg2LTMuOTU2LTQuNjc5LTQuNjkyIDEuNTYyLS44NDcgMi42MzctMi40ODEgMi42MzctNC4zNzggMC0yLjc1Ny0yLjI0NC01LTUtNS0yLjc1NyAwLTUgMi4yNDMtNSA1IDAgMS45MDYgMS4wODQgMy41NDYgMi42NTcgNC4zOS0yLjIzNS43NTEtNC4wNDkgMi41MzEtNC43MDYgNC43MTVBOS45NjUgOS45NjUgMCAwIDEgMiAxMkMyIDYuNDg2IDYuNDg2IDIgMTIgMnMxMCA0LjQ4NiAxMCAxMGE5Ljk3IDkuOTcgMCAwIDEtMi45MzUgNy4wN00xMi4wMjMgMTNjLTEuNjU1IDAtMy0xLjM0Ni0zLTMgMC0xLjY1NSAxLjM0NS0zIDMtMyAxLjY1NCAwIDMgMS4zNDUgMyAzIDAgMS42NTQtMS4zNDYgMy0zIDNtLTUuMjk2IDcuNDgxQzYuOTc2IDE4LjAwOSA5LjMzNyAxNiAxMiAxNmMyLjcyNiAwIDUuMDkxIDEuOTU5IDUuMjc0IDQuMzY3LjAwMi4wMzUuMDIxLjA2My4wMjcuMDk3QTkuOTMxIDkuOTMxIDAgMCAxIDEyIDIyYTkuOTM0IDkuOTM0IDAgMCAxLTUuMjczLTEuNTE5TTEyIDBDNS4zODMgMCAwIDUuMzgzIDAgMTJjMCA2LjYxNiA1LjM4MyAxMiAxMiAxMnMxMi01LjM4NCAxMi0xMmMwLTYuNjE3LTUuMzgzLTEyLTEyLTEyIiBmaWxsPSIjQzhDQ0Q5Ii8+PC9nPjwvc3ZnPg==)
}

.b-header-buttons .item .image.garage {
    background-image: url(../img/icons/garage_outline2.svg);
}

.b-header-buttons .item .image.orders {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxOCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+MDJGMTE1OTAtOEUxMS00NUQ2LUE1MjEtMUIzNkM4RkM2NzUyPC90aXRsZT48ZyBmaWxsPSIjQzhDQ0Q5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yIDIyaDE0VjJIMnYyMHptMTQuMjcyIDJIMS43MjhBMS43MzMgMS43MzMgMCAwIDEgMCAyMi4yNjdWMS43MzNDMCAuNzc4Ljc3NSAwIDEuNzI4IDBoMTQuNTQ0QzE3LjIyNSAwIDE4IC43NzggMTggMS43MzN2MjAuNTM0YzAgLjk1NS0uNzc1IDEuNzMzLTEuNzI4IDEuNzMzeiIvPjxwYXRoIGQ9Ik0xMCA2SDRhMSAxIDAgMSAxIDAtMmg2YTEgMSAwIDEgMSAwIDJNMTQgNmgtMWExIDEgMCAxIDEgMC0yaDFhMSAxIDAgMSAxIDAgMk0xMCA5SDRhMSAxIDAgMSAxIDAtMmg2YTEgMSAwIDEgMSAwIDJNMTQgOWgtMWExIDEgMCAxIDEgMC0yaDFhMSAxIDAgMSAxIDAgMk0xMCAxMkg0YTEgMSAwIDEgMSAwLTJoNmExIDEgMCAxIDEgMCAyTTE0IDEyaC0xYTEgMSAwIDEgMSAwLTJoMWExIDEgMCAxIDEgMCAyIi8+PC9nPjwvc3ZnPg==)
}

.b-header-buttons .item .image.basket {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHRpdGxlPjc1NDBBMUU5LUQ0RTItNDU2QS1CMDBGLTczMzlCMzU3NDdBRDwvdGl0bGU+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0yNCAxOVYwSDB2MTloMjR6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGc+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHBhdGggZD0iTTE5LjIzOCAxN2gtNy44NTNMOS4yMSA5aDEyLjQ0M2wtMi40MTUgOHptNC41NjQtOS41OTZBLjk5OC45OTggMCAwIDAgMjMgN0g4LjY2N0w3LjQ5IDIuNjY4QzcuMDgzIDEuMTcyIDUuNTUgMCA0IDBIMWExIDEgMCAxIDAgMCAyaDNjLjY0NiAwIDEuMzkuNTY4IDEuNTYgMS4xOTJsNC4wOTYgMTUuMDdjLjAwNy4wMjUuMDIzLjA0NS4wMzIuMDY5YS44OTkuODk5IDAgMCAwIC4wNi4xMy45Ni45NiAwIDAgMCAuNDEyLjQxMmMuMDM1LjAxOS4wNjYuMDQuMTAzLjA1NWEuOTguOTggMCAwIDAgLjM1Ny4wNzJoOS4zNmMuNDQyIDAgLjgzLS4yODkuOTU3LS43MTFsMy4wMi0xMGEuOTk3Ljk5NyAwIDAgMC0uMTU1LS44ODV6IiBmaWxsPSIjQzhDQ0Q5IiBtYXNrPSJ1cmwoI2IpIi8+PC9nPjxwYXRoIGQ9Ik0xNyAyMmMwIDEuMTAzLjg5NyAyIDIgMnMyLS44OTcgMi0yLS44OTctMi0yLTItMiAuODk3LTIgMnpNMTAgMjJhMi4wMDEgMi4wMDEgMCAxIDAgMi4wMDEtMkEyLjAwMiAyLjAwMiAwIDAgMCAxMCAyMnoiIGZpbGw9IiNDOENDRDkiLz48L2c+PC9zdmc+);

}

.b-header-buttons .item .image img {
    max-width: 100%
}

.b-header-buttons .item .image span {
    cursor: pointer
}

.b-login-form-errors {
    width: 350px;
    margin: 0 auto
}

.b-login-form-errors .field-validation-error {
    display: block;
    margin-bottom: 5px
}

.b-login-form {
    border-radius: 3px;
    border: 1px solid #c8ccd9;
    background: #fff;
    position: relative;
    margin: 0 auto;
    padding: 20px 20px 100px;
    width: 350px;
    color: #1b1f29;
    text-align: left
}



.b-login-form .form {
    margin-bottom: 30px
}

.b-login-form .form .f-element-text input {
    background: #fbfbfb;
    height: 52px
}

.b-login-form .b-login-social .title {
    color: #4b5166;
    margin-bottom: 15px
}

.b-login-form .b-login-social .social-item {
    display: inline-block;
    margin-right: 7px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 0 #4b5166;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-indent: -9999999px
}

.b-login-form .b-login-social .social-item:hover {
    box-shadow: 0 0 2px #4b5166
}

.b-login-form .b-login-social .social-item.gp {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+MzE1RTY2RTUtQkJDRS00N0FGLUE5NTItQ0E0QjRCODgxNDFEPC90aXRsZT48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGZpbGw9IiNDQzRBNDEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcng9IjIwIi8+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTEwLjAxNyAyMC4wMDNjLjA1NC0zLjI1NiAzLjA0Ny02LjEwNiA2LjMwMi01Ljk5OCAxLjU2LS4wNzIgMy4wMjYuNjA3IDQuMjIgMS41Ni0uNTEuNTgtMS4wMzcgMS4xMzctMS42MDEgMS42Ni0xLjQzNi0uOTkzLTMuNDc5LTEuMjc3LTQuOTE1LS4xMy0yLjA1NCAxLjQyLTIuMTQ4IDQuNzc1LS4xNzIgNi4zMDUgMS45MjIgMS43NDQgNS41NTQuODc4IDYuMDg1LTEuNzkyLTEuMjAzLS4wMTgtMi40MSAwLTMuNjE0LS4wNC0uMDAzLS43MTgtLjAwNi0xLjQzNi0uMDAzLTIuMTUzIDIuMDEyLS4wMDYgNC4wMjUtLjAxIDYuMDQuMDA2LjEyIDEuNjg5LS4xMDMgMy40ODctMS4xNCA0Ljg4NC0xLjU3MiAyLjIxMS00LjcyOCAyLjg1Ny03LjE5IDEuOTEtMi40Ny0uOTQyLTQuMjItMy41NTEtNC4wMTItNi4yMTJNMjYuMjI4IDE3LjQ0aDEuNzk1Yy4wMDMuNjAxLjAwNiAxLjIwNS4wMTIgMS44MDUuNi4wMDYgMS4yMDQuMDA2IDEuODA0LjAxMnYxLjc5NWMtLjYuMDA2LTEuMi4wMS0xLjgwNC4wMTUtLjAwNi42MDQtLjAxIDEuMjA0LS4wMTIgMS44MDRoLTEuNzk4Yy0uMDA2LS42LS4wMDYtMS4yLS4wMTItMS44bC0xLjgwNC0uMDE5di0xLjc5NWMuNi0uMDA2IDEuMi0uMDA5IDEuODA0LS4wMTIuMDAzLS42MDMuMDA5LTEuMjA0LjAxNS0xLjgwNCIvPjwvZz48L2c+PC9zdmc+)
}

.b-login-form .b-login-social .social-item.fb {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHRpdGxlPjlGOUU3NkUwLUM3RDUtNERFOC04MTk5LUUxMThBQTRCOUZBOTwvdGl0bGU+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDM5Ljk5NFYuMDY2aDM5LjkzNHYzOS45Mjh6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGc+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHBhdGggZD0iTTM5LjkzNCAyMC4wMzNDMzkuOTM0IDMxLjA2IDMwLjk5NCA0MCAxOS45NjcgNDAgOC45NCA0MCAwIDMxLjA2IDAgMjAuMDMzIDAgOS4wMDUgOC45NC4wNjYgMTkuOTY3LjA2NnMxOS45NjcgOC45NCAxOS45NjcgMTkuOTY3IiBmaWxsPSIjMkI0QjgyIiBtYXNrPSJ1cmwoI2IpIi8+PC9nPjxwYXRoIGQ9Ik0xNy45ODkgMjQuOThjMC0xLjU2Ny0uMDA2LTMuMTMyLjAwNS00LjY5OC4wMDMtLjI2NC0uMDctLjM0Ni0uMzI0LS4zMzUtLjQ3LjAyLS45NC0uMDAyLTEuNDExLjAwOS0uMTkuMDA1LS4yNjEtLjA1LS4yNTktLjI2LjAxLS45NzYuMDA5LTEuOTU0LjAwMS0yLjkzLS4wMDItLjE4OS4wNTMtLjI1LjIzNi0uMjQ2LjQ4LjAxMS45NjMtLjAxNCAxLjQ0My4wMS4yNzkuMDE1LjMzNi0uMDg4LjMzLS4zNTZhNTEuMTU0IDUxLjE1NCAwIDAgMSAwLTIuMjMyYy4wMTktLjkwOC4yNTMtMS43NTYuNzc0LTIuNDk0LjY2LS45MzUgMS41OTctMS4zNjMgMi42NzktMS40MTMgMS4xMS0uMDUxIDIuMjI0LS4wMjMgMy4zMzYtLjAzNS4xNTUtLjAwMi4yMDEuMDU2LjIuMjEyQTI1Mi44NyAyNTIuODcgMCAwIDAgMjUgMTMuMTc3Yy4wMDIuMTc1LS4wNTQuMjMtLjIyLjIyNi0uNTM1LS4wMDgtMS4wNy0uMDA0LTEuNjA0LS4wMDItLjcxMi4wMDItMS4xMzguMzgyLTEuMTgzIDEuMTE0LS4wMzYuNTg2LS4wMSAxLjE3Ni0uMDIzIDEuNzY0LS4wMDQuMjEuMTE2LjE5NS4yNS4xOTUuODEyLS4wMDEgMS42MjUuMDA5IDIuNDM4LS4wMDYuMjM4LS4wMDQuMzE3LjA1My4yOS4zMTQtLjEwMy45ODEtLjE5IDEuOTY1LS4yNzIgMi45NS0uMDE4LjIyMS0uMTE2LjI2NC0uMzA4LjI2YTg1LjE0NSA4NS4xNDUgMCAwIDAtMS45MjUtLjAwM2MtLjQ2LjAwMy0uNDE2LS4wNy0uNDE2LjQxOC0uMDAyIDMuMDY1LS4wMDYgNi4xMy4wMDcgOS4xOTQuMDAxLjMyNC0uMDc5LjQwNC0uMzg3LjM5OGE4My4zNDIgODMuMzQyIDAgMCAwLTMuMzA1IDBjLS4zMS4wMDctLjM2MS0uMTAyLS4zNTktLjM5LjAxMi0xLjU0My4wMDYtMy4wODYuMDA2LTQuNjMiIGZpbGw9IiNGRkYiLz48L2c+PC9zdmc+)
}

.b-login-form .b-login-social .social-item.yn {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHRpdGxlPkU3ODY3RUVDLUM0QzYtNDE4Ny1BNzk1LTUyOTE3RjRDNDE0MzwvdGl0bGU+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcng9IjIwIi8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGc+PHVzZSBmaWxsPSIjRkJGQkZCIiB4bGluazpocmVmPSIjYSIvPjxyZWN0IHN0cm9rZT0iI0M4Q0NEOSIgc3Ryb2tlLXdpZHRoPSIuNSIgeD0iLjI1IiB5PSIuMjUiIHdpZHRoPSIzOS41IiBoZWlnaHQ9IjM5LjUiIHJ4PSIxOS43NSIvPjwvZz48cGF0aCBkPSJNMjMuMjUxIDEwaC0zLjAzYy0yLjk3OCAwLTUuNTAzIDIuMjY3LTUuNTAzIDYuNjY3IDAgMi42NCAxLjIyMyA0LjU4NiAzLjQwMiA1LjU0NmwtNC4wNjcgNy4zNmMtLjEzMy4yNCAwIC40MjcuMjEzLjQyN2gxLjg4N2MuMTYgMCAuMjY2LS4wNTMuMzItLjE4NmwzLjY5NC03LjIyN2gxLjMzdjcuMjI3YzAgLjA4LjA4LjE4Ni4xODUuMTg2aDEuNjQ5Yy4xNiAwIC4yMTMtLjA4LjIxMy0uMjEzdi0xOS41MmMwLS4xODctLjEwNy0uMjY3LS4yOTMtLjI2N3ptLTEuNzU0IDEwLjg4SDIwLjM4Yy0xLjc1NCAwLTMuNDU2LTEuMjgtMy40NTYtNC40OCAwLTMuMzM0IDEuNTk1LTQuNjk0IDMuMjE3LTQuNjk0aDEuMzU2djkuMTc0eiIgZmlsbD0iI0ZGMDMwMyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==)
}

.b-login-form .b-login-social .social-item.vk {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+NjFCREEzQjEtREFGQi00QTdCLTlCRTAtMzdGMkNFREI1OTdEPC90aXRsZT48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGZpbGw9IiM0Qzc1QTMiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcng9IjIwIi8+PHBhdGggZD0iTTE5Ljc4OSAyNS4zN2gxLjE5NHMuMzY0LS4wMzkuNTQzLS4yNGMuMTctLjE4Ni4xNjItLjUyOC4xNjItLjUyOHMtLjAyMy0xLjYwNS43MjItMS44MzdjLjczNi0uMjMzIDEuNjc1IDEuNTUgMi42NzUgMi4yMzMuNzUyLjUyIDEuMzI2LjQwMyAxLjMyNi40MDNsMi42NzUtLjAzOXMxLjM5Ni0uMDg1LjczNy0xLjE4NmMtLjA1NC0uMDkzLS4zODgtLjgxNC0xLjk4NS0yLjI5NS0xLjY3NS0xLjU2LTEuNDUtMS4zMDMuNTY2LTMuOTk0IDEuMjI1LTEuNjM2IDEuNzIyLTIuNjM3IDEuNTY3LTMuMDYzLS4xNDgtLjQxMS0xLjA0Ny0uMzAzLTEuMDQ3LS4zMDNsLTMuMDEuMDE2cy0uMjI0LS4wMzEtLjM4Ny4wN2MtLjE2My4wOTMtLjI2NC4zMjUtLjI2NC4zMjVzLS40NzMgMS4yNjQtMS4xMDkgMi4zNDJjLTEuMzQxIDIuMjcyLTEuODc2IDIuMzk2LTIuMDkzIDIuMjU3LS41MTItLjMyNi0uMzgtMS4zMjYtLjM4LTIuMDMyIDAtMi4yMDIuMzMzLTMuMTI1LS42NTItMy4zNTgtLjMyNS0uMDc3LS41NjYtLjEzMi0xLjQwMy0uMTQtMS4wNy0uMDA3LTEuOTg2IDAtMi40OTcuMjU3LS4zNDIuMTctLjYwNS41NDItLjQ0Mi41NjYuMjAxLjAyMy42NTEuMTI0Ljg4NC40NS4zMS40MTguMjk0IDEuMzY0LjI5NCAxLjM2NHMuMTc5IDIuNTk4LS40MSAyLjkxNmMtLjQwNC4yMjUtLjk2Mi0uMjMzLTIuMTU2LTIuMjk1LS42MTMtMS4wNTUtMS4wNy0yLjIyNi0xLjA3LTIuMjI2cy0uMDg2LS4yMTctLjI0OS0uMzMzYy0uMTk0LS4xNC0uNDY1LS4xODYtLjQ2NS0uMTg2bC0yLjg2Mi4wMTVzLS40MjYuMDE2LS41ODkuMjAyYy0uMTQuMTYzLS4wMDguNTExLS4wMDguNTExczIuMjQxIDUuMjM1IDQuNzcgNy44OGMyLjMyNiAyLjQxMSA0Ljk2MyAyLjI0OCA0Ljk2MyAyLjI0OCIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==)
}

.b-login-form .b-login-social .social-item.my {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+MUQyRkI3MkMtNjQ0NC00N0NBLTlBMzEtMEQ0MkRENkY2NzdBPC90aXRsZT48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGZpbGw9IiMxNjhERTIiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcng9IjIwIi8+PHBhdGggZD0iTTIzLjQ1NCAxOS41MDNjLS4xMTQtMi4yMTEtMS43NTUtMy41NDEtMy43MzctMy41NDFoLS4wNzVjLTIuMjg3IDAtMy41NTYgMS43OTktMy41NTYgMy44NDIgMCAyLjI4OCAxLjUzNSAzLjczMyAzLjU0NyAzLjczMyAyLjI0NCAwIDMuNzItMS42NDMgMy44MjYtMy41ODdsLS4wMDUtLjQ0N3ptLTMuOC01LjUyYzEuNTI4IDAgMi45NjUuNjc2IDQuMDIgMS43MzR2LjAwNGMwLS41MDguMzQxLS44OS44MTYtLjg5bC4xMi0uMDAyYy43NDIgMCAuODk1LjcwMy44OTUuOTI1bC4wMDMgNy44OTdjLS4wNTIuNTE2LjUzNC43ODMuODU5LjQ1MiAxLjI2OC0xLjMwMyAyLjc4NC02LjY5OS0uNzg4LTkuODI1LTMuMzMtMi45MTUtNy43OTgtMi40MzQtMTAuMTc1LS43OTYtMi41MjYgMS43NDItNC4xNDIgNS41OTctMi41NzIgOS4yMTkgMS43MTIgMy45NSA2LjYxIDUuMTI4IDkuNTIgMy45NTMgMS40NzQtLjU5NSAyLjE1NSAxLjM5OC42MjQgMi4wNDktMi4zMTMuOTg2LTguNzUxLjg4Ni0xMS43NTktNC4zMjMtMi4wMzEtMy41MTgtMS45MjMtOS43MDggMy40NjYtMTIuOTE1IDQuMTIzLTIuNDUzIDkuNTU4LTEuNzc0IDEyLjgzNSAxLjY1IDMuNDI2IDMuNTc4IDMuMjI3IDEwLjI3OC0uMTE1IDEyLjg4NC0xLjUxNCAxLjE4My0zLjc2My4wMzEtMy43NDgtMS42OTNsLS4wMTYtLjU2NGE1LjYyMyA1LjYyMyAwIDAgMS0zLjk4NiAxLjY1NmMtMy4wMiAwLTUuNjc3LTIuNjU3LTUuNjc3LTUuNjc2IDAtMy4wNSAyLjY1Ny01LjczOCA1LjY3Ny01LjczOHoiIGZpbGw9IiNGRkE5MzAiLz48L2c+PC9zdmc+)
}

.b-login-form .b-login-social .social-item.win {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+QzI0MkExQkItN0QxNS00NzY1LTg5QTEtOTAwMTQwQkMyOTE5PC90aXRsZT48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGZpbGw9IiMyREEyQ0YiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcng9IjIwIi8+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTEwIDEzLjY0NXY2LjAxM2w2LjY5NC0uMDc4di03LjI3MkwxMCAxMy42NDVNMTcuNTkgMTIuMTN2Ny40NGwxMC42NjctLjEwMVYxMEwxNy41OSAxMi4xM00xMCAyNi4zNjh2LTUuOTkzbDYuNjk0LjA3N3Y3LjI0N0wxMCAyNi4zNjhNMTcuNTkgMjcuODc4di03LjQxNmwxMC42NjcuMTAxVjMwTDE3LjU5IDI3Ljg3OCIvPjwvZz48L2c+PC9zdmc+)
}

.b-login-form .b-login-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 1px solid #c8ccd9;
    width: 100%
}

.b-login-form .b-login-buttons .login-button {
    float: left;
    width: 50%;
    display: block;
    height: 70px;
    line-height: 70px;
    text-decoration: none;
    font-size: 1.143em;
    color: #4b5166;
    font-weight: 500;
    text-align: center;
    -webkit-transition: background-color .3s ease-in-out, color .2s ease-in-out;
    transition: background-color .3s ease-in-out, color .2s ease-in-out
}

.b-login-form .b-login-buttons .login-button:hover {
    background-color: #fbfbfb;
    color: rgba(75, 81, 102, .8)
}

.b-login-form .b-login-buttons .login-button + .login-button {
    border-left: 1px solid #c8ccd9
}

.b-car-card {
    padding: 30px 30px 0;
    text-align: left;
    width: 100%;
    outline: none
}

.b-car-card .image {
    display: inline-block;
    width: 160px;
    height: 100px;
    vertical-align: middle
}

.b-car-card .image img {
    max-width: 100%;
    max-height: 90%
}

.b-car-card .info {
    display: inline-block;
    margin-left: 30px;
    vertical-align: middle;
    color: #4b5166
}

.b-car-card .info .model-name {
    color: #1e232e;
    text-decoration: none;
    font-weight: 500;
    font-size: 1.143em;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    margin-bottom: 5px;
    word-break: break-word
}

.b-car-card .info .model-name:hover {
    color: rgba(30, 35, 46, .8)
}

.b-car-card .info .item {
    color: #4b5166
}

.b-car-card .info .item + .item {
    margin-top: 5px
}

.b-car-card.small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #c8ccd9;
    cursor: pointer;
    background-color: transparent;
    -webkit-transition: background-color .3s .02s;
    transition: background-color .3s .02s
}

.b-car-card.small.selected, .b-car-card.small:hover {
    background-color: #fafafa
}

.b-car-card.small .image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80px;
    height: auto;
    margin: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b-car-card.small .image img {
    width: 100%;
    height: auto
}

.b-car-card.small .info {
    display: block;
    margin: 10px
}

.b-car-card.small .info .model-name {
    font-size: 16px;
    font-weight: 500;
    word-break: break-word
}

.b-car-card.small .info .properties {
    font: normal normal 14px Roboto, sans-serif;
    line-height: 1.4;
    letter-spacing: inherit;
    color: #4b5166
}

.b-popup-wrapper.v-center {
    padding: 0 !important;
    text-align: center
}

.b-popup-wrapper.v-center:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.b-popup-wrapper.v-center .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.b-popup .content-title {
    font: normal normal 18px Roboto, sans-serif;
    color: #1e232e
}

.b-popup .content-title, .b-popup .description {
    margin: 0 0 15px;
    line-height: 1.2;
    letter-spacing: inherit
}

.b-popup .description {
    font: normal normal 14px Roboto, sans-serif;
    color: #4b5166
}

.b-popup .controls {
    margin-top: 30px
}

.b-popup .close {
    float: none;
    min-width: 16px
}

.b-popup .separator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font: normal normal 14px Roboto, sans-serif;
    line-height: 1.2;
    letter-spacing: inherit;
    color: #4b5166
}

.b-popup .separator span {
    display: inline-block;
    padding: 0 10px
}

.b-popup .separator:after, .b-popup .separator:before {
    content: "";
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 1px;
    background-color: #c8ccd9
}

.b-popup-info {
    width: 90%;
    max-width: 570px
}

.b-popup-info .modal-header {
    padding: 20px 40px
}

.b-popup-info .modal-body {
    padding: 30px 40px
}

.b-popup.g-preloader {
    width: 64px;
    height: 64px;
    padding: 0;
    background-color: transparent
}

.b-popup.g-preloader .loading {
    width: 64px;
    height: 64px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/loader2.gif) no-repeat
}

.b-popup .contacts .item .value {
    margin-left: 10px
}

.b-popup.small {
    max-width: 375px
}

.b-popup.small .modal-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 25px;
    background-color: #fcfcfc
}

.b-popup.small .modal-title {
    font-size: 18px;
    font-weight: 500
}

.b-popup.small .controls, .b-popup.small .modal-body {
    padding: 25px
}

.b-popup.small .controls .in {
    vertical-align: sub;
    margin-right: 15px
}

.b-popup.small .modal-header + .controls {
    padding-top: 0
}

.b-popup.b-popup-garage-select-car .modal-body {
    padding: 0
}

.b-popup-backdrop {
    background-color: hsla(0, 0%, 100%, .75)
}

.b-footer-links {
    color: #fff;
    padding-bottom: 50px
}

.b-footer-links .item .title {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 1.143em
}

.b-footer-links .item .title .link {
    color: #fff
}

.b-footer-links .item .link {
    color: hsla(0, 0%, 100%, .8);
    line-height: 28px;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.b-footer-links .item .link:hover {
    color: hsla(0, 0%, 100%, .5)
}

.b-footer-pay {
    border-top: 1px solid rgba(200, 204, 217, .1);
    padding-top: 40px
}

.b-footer-pay .payment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b-footer-pay .payment .item {
    padding: 0 10px
}

.b-footer-pay .payment .item .image {
    max-width: 100%
}

.b-footer-pay .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b-footer-pay .links .link {
    font-weight: 500;
    font-size: 1.143em;
    color: #c8ccd9;
    padding: 18px 20px;
    border-radius: 3px;
    border: 1px solid hsla(0, 0%, 100%, .1);
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.b-footer-pay .links .link:hover {
    opacity: .8;
    text-decoration: none
}

.b-footer-pay .links .link.feedback {
    border: none;
    background-color: rgba(75, 81, 102, .5)
}

.b-footer-pay .links .link + .link {
    margin-left: 30px
}

.b-copyright {
    padding-top: 35px
}

@media (max-width: 767px) {
    .b-footer-links {
        padding-bottom: 0
    }

    .b-footer-links .list {
        border-bottom: 1px solid rgba(200, 204, 217, .1);
        overflow: hidden
    }

    .b-footer-links .item .title {
        margin-bottom: 0;
        line-height: 54px
    }

    .b-footer-links .item + .item {
        display: none
    }

    .b-footer-pay {
        border-top: none;
        border-bottom: 1px solid rgba(200, 204, 217, .1)
    }

    .b-footer-pay .links {
        display: block;
        padding-bottom: 40px
    }

    .b-footer-pay .links .link {
        width: 100%;
        margin-top: 20px;
        display: inline-block;
        text-align: center
    }

    .b-footer-pay .links .link + .link {
        margin-left: 0
    }
}

.p-main-menu .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1200px) {
    .g-catalog-button > span {
        display: none
    }

    .p-top-menu .b-selected-office .b-selected-office-address {
        max-width: 120px
    }

    .p-top-menu .b-selected-office .b-selected-office-phone {
        white-space: nowrap;
        padding-left: 20px
    }

    .p-top-menu .b-selected-office .b-selected-office-work {
        padding: 0 0 20px 20px
    }

    .p-top-menu .b-selected-office .b-selected-office-work .label {
        display: none
    }
}

@media (max-width: 992px) {
    .g-logotype {
        display: none;
    }

    .g-logotype img {
        display: none
    }

    .g-logotype img.small-logo {
        display: inline-block
		
    }

    .g-catalog-button {
        margin-left: 20px
    }

    .g-catalog-button > span {
        display: none
    }

    .b-header-search {
        margin-left: 20px
    }






    .b-header-search .b-search-widget .input {
        padding: 0 40px 0 10px
    }

    .b-header-search .b-search-widget .header-search-submit {
        right: 15px
    }

    .p-main-menu .b-header-buttons {
        margin-left: 30px
    }

    .p-main-menu .b-header-buttons .item {
        margin-left: 0
    }
}

@media (max-width: 767px) {
    .p-header-wrapper {
        padding-top: 129px
    }

    .p-main-menu, .p-top-menu {
        display: none
    }

    .p-top-menu-mobile {
        display: block;
        width: 100%;
        height: 59px;
        background-color: #1b1f29
    }

    .p-top-menu-mobile .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .p-top-menu-mobile .container .b-selected-office-phone, .p-top-menu-mobile .container .b-selected-office-work {
        display: none
    }

    .p-top-menu-mobile .container .b-selected-office-address {
        text-indent: -9999px;
        overflow: hidden;
        width: 18px;
        height: 24px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDE4IDI0Ij4KICAgIDxnIGZpbGw9IiNDOENDRDkiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTkgNy4wNzRjLTEuMTAzIDAtMiAuODk3LTIgMnMuODk3IDIgMiAyIDItLjg5NyAyLTItLjg5Ny0yLTItMm0wIDZjLTIuMjA2IDAtNC0xLjc5NC00LTRzMS43OTQtNCA0LTQgNCAxLjc5NCA0IDQtMS43OTQgNC00IDQiLz4KICAgICAgICA8cGF0aCBkPSJNOSAyQzUuMTQxIDIgMiA1LjE2IDIgOS4wNDNjMCA1LjM5MSA1LjE0OSAxMC44MiA3IDEyLjU5NiAxLjg1MS0xLjc3NiA3LTcuMjA1IDctMTIuNTk2QzE2IDUuMTYgMTIuODU5IDIgOSAybTAgMjJhMSAxIDAgMCAxLS42NTEtLjI0MUM4LjAwOCAyMy40NjYgMCAxNi41MDQgMCA5LjA0MyAwIDQuMDU3IDQuMDM3IDAgOSAwczkgNC4wNTcgOSA5LjA0M2MwIDcuNDYxLTguMDA4IDE0LjQyMy04LjM0OSAxNC43MTZBMSAxIDAgMCAxIDkgMjQiLz4KICAgIDwvZz4KPC9zdmc+Cg==);
        margin: 18px 8px 0 0
    }

    .p-top-menu-mobile .container .user-buttons-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 59px
    }

    .p-top-menu-mobile .container .b-header-buttons {
        float: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .p-top-menu-mobile .container .b-header-buttons > .item {
        float: none;
        width: 34px;
        height: 34px;
        padding-top: 3px;
        margin-left: 34px
    }

    .p-top-menu-mobile .container .b-header-buttons > .item .title {
        display: none
    }

    .p-top-menu-mobile .container .b-header-buttons > .item .image {
        margin-bottom: 0
    }

    .p-top-menu-mobile .container .b-header-buttons > .item .count {
        right: 0;
        top: 0;
        padding: 5px;
        line-height: 7px
    }

    .p-top-menu-mobile .container .b-header-buttons > .item.cart {
        padding-top: 34px;
        overflow: hidden
    }

    .p-top-menu-mobile .container .b-header-buttons > .item.cart:before {
        top: 5px
    }

    .p-top-menu-mobile .mobile-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .p-main-menu-mobile {
        display: block;
        width: 100%;
        height: 70px;
        padding-top: 15px;
        background-color: #1e232e
    }

    .p-main-menu-mobile .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .p-main-menu-mobile .container .g-catalog-button {
        margin-left: 0
    }

    .g-catalog-button {
        width: 40px;
        height: 40px;
        padding: 0;
        margin: 0;
        float: none
    }

    .g-catalog-button .fa {
        margin: 0;
        font-size: 1.1em
    }

    .g-logotype {
        max-width: 23%;
        line-height: 59px;
        float: none;
        display: inline-block
    }

    .g-logotype img {
        max-width: 100%;
        display: none
    }

    .g-logotype img.small-logo {
        display: inline-block
		
        
    }

    .catalog-dropdown-block {
        left: 0;
        top: 100%;
        width: auto;
        padding: 10px
    }
}

@media (max-width: 575px) {
    .p-top-menu-mobile .container .b-header-buttons > .item {
        margin-left: 24px
    }
}

h2 {
    padding: 15px 0 10px
}

.client-region {
    border-bottom: 1px solid #047;
    color: #047;
    padding-right: 12px;
    text-decoration: none
}

.b-offices-list {
    font-size: 1.4em
}

.b-offices-list .row {
    display: block
}

.cities-list {
    background: #f0f2f4;
    padding: 15px;
    margin-right: 300px;
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    -webkit-column-width: 150px;
    -moz-column-width: 150px;
    column-width: 150px
}

@media (max-width: 860px) {
    .cities-list {
        margin-right: 0
    }
}

.cities-list .city-group {
    width: 150px;
    padding-right: 10px;
    position: relative;
    display: inline-block
}

.cities-list .title {
    position: absolute;
    left: -5px;
    top: 0;
    color: #e67a7d;
    font-size: 14px;
    font-weight: 500
}

.cities-list .cities {
    margin-bottom: 15px
}

.cities-list .cities .item {
    padding: 0 0 0 20px
}

.cities-list .cities .item.active a {
    padding: 2px 4px;
    color: #fff;
    background-color: #c54141
}

.city-title, .regions .title {
    color: #000;
    font-family: Arial, Tahoma, sans-serif;
    font-size: 1.07142857em;
    text-transform: uppercase;
    width: 100%
}

.city-title > .title, .regions .title > .title {
    line-height: 28px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.city-title > .title.left, .regions .title > .title.left {
    float: left
}

.city-title > a.title:hover, .regions .title > a.title:hover {
    color: #c54141
}

.city-title .ymap, .regions .title .ymap {
    margin-left: 10px
}

.city-title .pay-button, .regions .title .pay-button {
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    margin-left: 15px;
    padding-right: 30px;
    text-transform: uppercase
}

.city-title .pay-button.left, .regions .title .pay-button.left {
    float: left
}

.city-title .pay-button i, .regions .title .pay-button i {
    background: url("/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/adress.png") -28px -56px no-repeat;
    display: inline-block;
    height: 28px;
    margin-bottom: -8px;
    margin-left: 5px;
    width: 28px
}

.city-title .view-toggle, .regions .title .view-toggle {
    font-size: 11px;
    font-weight: 400
}

.city-title .view-toggle a, .regions .title .view-toggle a {
    color: gray;
    display: inline-block;
    margin-left: 10px;
    text-transform: uppercase;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.city-title .view-toggle a:hover, .regions .title .view-toggle a:hover {
    color: #c54141
}

.city-title .view-toggle.right, .regions .title .view-toggle.right {
    float: right
}

.city-title .view-toggle i, .regions .title .view-toggle i {
    background: url("/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/adress.png") no-repeat;
    display: inline-block;
    height: 28px;
    margin-bottom: -8px;
    margin-left: 5px;
    width: 28px
}

.city-title .view-toggle .list i, .regions .title .view-toggle .list i {
    background-position: -28px 0
}

.city-title .view-toggle .list.active i, .regions .title .view-toggle .list.active i {
    background-position: -28px -27px
}

.city-title .view-toggle .map.active i, .regions .title .view-toggle .map.active i {
    background-position: 0 -27px
}

.addresses-list {
    list-style-type: disc;
    margin: 0 0 0 18px;
    padding: 0;
    font-size: 14px
}

.addresses-list .item .title, .addresses-list .item address {
    display: inline-block
}

.addresses-list .item .title {
    margin-right: 20px;
    width: 200px
}

.regions {
    float: right;
    width: 250px
}

@media (max-width: 860px) {
    .regions {
        float: none;
        width: auto
    }
}

.regions .title {
    color: #047
}

.regions .regions-list {
    border: 1px solid #e4e4e2;
    height: auto;
    max-height: 165px;
    margin-bottom: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 5px
}

.regions .regions-list .item {
    padding-left: 5px
}

.regions .countries-list {
    padding-bottom: 15px
}

.regions .title-near-offices {
    clear: left;
    color: #363636;
    font-size: 18px;
    line-height: 25px;
    margin: 0 0 10px;
    padding: 0;
    white-space: nowrap
}

.regions .near-offices-map {
    position: relative;
    display: block;
    border: 4px solid #e4e4e2;
    height: 190px;
    margin-bottom: 20px;
    width: 242px
}

.regions .near-offices-map:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.regions .near-offices-map > div {
    width: 242px;
    height: 192px
}

.regions .selectize {
    border: 1px solid #c9d2db;
    border-radius: 2px;
    cursor: pointer;
    height: 26px
}

.regions .selectize:focus, .regions .selectize:hover {
    border-color: #7f9db9
}

.regions .selectize:not(#ddlCountry) {
    background: #fff url("/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-new.png") calc(100% - 6px) -416px no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 25px 0 5px;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.regions .selectize::-ms-expand {
    display: none
}

.regions .selectize:focus:not(#ddlCountry), .regions .selectize:hover:not(#ddlCountry) {
    background-position: calc(100% - 6px) -372px
}

.ymap-offices {
    font-size: 1.4em
}

.ymap-offices .ymap-offices-list {
    float: left;
    height: 600px;
    overflow: auto;
    position: relative;
    width: 30%
}

.ymap-offices .ymap-offices-list .item {
    border: 1px solid transparent;
    cursor: pointer;
    display: block;
    padding: 8px 0 8px 30px;
    position: relative
}

.ymap-offices .ymap-offices-list .item.active {
    background-color: #e4e4e2
}

.ymap-offices .ymap-offices-list .item i {
    background: #fff;
    border: 2px solid #047;
    border-radius: 11px;
    font-size: 11px;
    font-style: normal;
    height: 18px;
    left: 3px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 18px
}

.ymap-offices .ymap-offices-list .title {
    display: inline-block;
    font-size: 15px;
    margin-bottom: 5px
}

.ymap-offices .ymap-offices-list .description, .ymap-offices .ymap-offices-list .time {
    color: gray;
    margin: 5px 0
}

.ymap-offices .ymap-offices-map {
    display: inline-block;
    float: right;
    height: 600px;
    position: relative;
    width: 68%;
    z-index: 2
}

.b-map-with-popup {
    width: 100%;
    height: 240px
}

.b-map-with-popup .map-preview {
    cursor: pointer
}

.ReactModal__Body--open {
    overflow: hidden
}

.b-modal-overlay {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: hsla(0, 0%, 100%, .75);
    z-index: 99
}

.b-modal-overlay.add-comment-basket-item {
    position: absolute
}

.b-modal-overlay.top-align {
    padding-top: 5%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.b-modal {
    border-radius: 3px;
    border: 1px solid #c8ccd9;
    background: #fff;
    position: relative;
    width: 84%;
    height: 60%;
    max-width: 840px;
    max-height: 600px;
    box-sizing: border-box;
    outline: none
}

.b-modal .header {
    width: 100%
}

.b-modal .header .close {
    top: 30px;
    right: 30px
}

.b-modal .title {
    padding: 30px 40px;
    position: relative;
    border-bottom: 1px solid #c8ccd9;
    font-size: 1.714em;
    margin-bottom: 30px
}

.b-modal .close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    z-index: 1
}

.b-modal .close:after, .b-modal .close:before {
    content: "";
    position: absolute;
    top: 0;
    width: 2px;
    height: 19px;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    background-color: rgba(30, 35, 46, .7);
    -webkit-transition: background-color .2s .02s;
    transition: background-color .2s .02s
}

.b-modal .close:before {
    left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.b-modal .close:after {
    right: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.b-modal .close:hover:after, .b-modal .close:hover:before {
    background-color: #1e232e
}

.b-modal .b-modal-content {
    padding: 0 40px 50px;
    color: #4b5166
}

.b-modal .b-modal-content .b-buttons-row {
    padding: 10px 0
}

.b-modal .b-modal-content .b-buttons-row .button {
    float: left;
    width: 229px
}

.b-modal .b-modal-content .b-buttons-row .button + .button {
    margin-left: 30px
}

.b-modal .b-modal-content .b-buttons-row.bottom-label {
    border-bottom: 1px solid #c8ccd9;
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 40px
}

.b-modal .b-modal-content .b-buttons-row.bottom-label .label {
    position: absolute;
    bottom: -10px;
    background: #fff;
    font-size: 1em;
    padding: 0 10px;
    color: #4b5166;
    width: 45px;
    left: 50%;
    margin-left: -22.5px
}

.b-modal .b-modal-content .b-exist-login {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCIgdmlld0JveD0iMCAwIDcwIDcwIj4KICAgIDxnIGZpbGw9IiMxRTIzMkUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjEzOCI+CiAgICAgICAgPHBhdGggZD0iTTU0LjU5NSA2MS4zMzRMNTUuNSA2Mi45bC02LjIwNiAzLjU3OC0yLjU3NS00LjQ2N2EyOS40ODQgMjkuNDg0IDAgMCAxLTguMDc1IDIuMjY3bC4wMDEgNS4yMjUtNy4xNjQtLjAwNC4wMDMtNS4xNDRhMjkuNDcyIDI5LjQ3MiAwIDAgMS04LjEyMS0yLjA5MWwtMi42MTYgNC41My02LjItMy41ODQgMi41ODctNC40NzRhMzAuMDUzIDMwLjA1MyAwIDAgMS01Ljk4NS01Ljg2MmwtNC41NDcgMi42MjYtMy41NzctNi4yMDYgNC40NjgtMi41NzVhMjkuNDgxIDI5LjQ4MSAwIDAgMS0yLjI2NC04LjA3NEgwbC4wMDQtNy4xNjIgNS4xNDguMDAzIDcuMjY1LjA0MmMtLjIgMS4wNzEtLjI0NSAyLjEtLjI0NSAzLjIyMiAwIDEyLjQzNyAxMC4xNDMgMjIuNTc5IDIyLjU4IDIyLjU3OWEyMi40NzUgMjIuNDc1IDAgMCAwIDE0LjQwNC01LjIxNWw1LjQzOSA5LjIxOXpNMzguMDE2IDUuMTU2YTI5LjQ4IDI5LjQ4IDAgMCAxIDguMTIgMi4wOWwyLjYxOC00LjUzOCA2LjIwMyAzLjU4Ni0yLjU5MSA0LjQ3OGEzMC4xMDQgMzAuMTA0IDAgMCAxIDUuOTg0IDUuODZsNC41NS0yLjYzIDMuNTc4IDYuMjA2LTQuNDcgMi41NzdhMjkuNTMyIDI5LjUzMiAwIDAgMSAyLjI2NiA4LjA3NGw1LjIzLS4wMDEtLjAwNSA2LjcwNUg1Ny4xNTVjLjExNi0uOTIxLjE3Ny0xLjg2LjE3Ny0yLjgxIDAtMTIuNDM2LTEwLjE0My0yMi41NzgtMjIuNTgtMjIuNTc4YTIyLjQ2NiAyMi40NjYgMCAwIDAtMTQuMzggNS4xOTRMMTQuMDYgNi42NzJoLS4wMTlsLS4wMzgtLjA2OSA2LjIwNS0zLjU3OCAyLjU3NyA0LjQ3MWEyOS41MDEgMjkuNTAxIDAgMCAxIDguMDczLTIuMjY0TDMwLjg1NyAwbDcuMTY0LjAwNS0uMDA1IDUuMTV6Ii8+CiAgICAgICAgPHBhdGggZD0iTTQ2LjExNCAzMS4wMjZjLS43OTMtMi45MzYtMi4xNzUtNS4yMTItNC4xNC02LjgxMi0xLjk2Ni0xLjYxNC00LjMwNi0yLjQxOS03LjA0Ni0yLjQxOS0yLjgwNCAwLTUuMjM0LjgyOC03LjI5OSAyLjQ3My0uNTguNDY5LTEuMTExLjk4Ni0xLjU5MiAxLjU1bC0zLjMzNS01LjY1M2ExNy4zNjMgMTcuMzYzIDAgMCAxIDQuNzUxLTMuMTRjMi4yMi0uOTgzIDQuNjUtMS40NyA3LjI3Ny0xLjQ3IDMuMTI2IDAgNi4wMy43MyA4LjcyNCAyLjE4OCAyLjY4NCAxLjQ1OCA0Ljg5MyAzLjQ5IDYuNjQ5IDYuMDk2YTE4LjQ3MSAxOC40NzEgMCAwIDEgMi4yOTYgNS4zMjJjLjQ5NyAxLjkzNC43MzkgNC4xNDIuNzM5IDYuNjE1djEuMDA1aC0yOS45NmMuNTQyIDIuOTcgMS44OSA1LjM5IDQuMDMxIDcuMjMzIDIuMTQzIDEuODQ1IDQuNjkzIDIuNzYgNy42NTMgMi43NiAyLjEwOCAwIDQuMDMtLjUwNyA1Ljc3NS0xLjUyM2ExMC42NzcgMTAuNjc3IDAgMCAwIDIuODI2LTIuMzdsMy4zODUgNS43MzRjLS41NDYuNTA1LTEuMTE3Ljk3LTEuNzE3IDEuMzk1LTIuOTQ4IDIuMDg4LTYuMzcyIDMuMTM2LTEwLjI3IDMuMTM2LTIuNjQgMC01LjAzNi0uNDYzLTcuMjIxLTEuMzktMi4xNzYtLjkyOC00LjE0Mi0yLjMyLTUuOTItNC4xNzUtMS42NTctMS43NDYtMi45Ni0zLjc3Ny0zLjg5OC02LjA5Ni0uOTM4LTIuMzE5LTEuNDAyLTQuNjgyLTEuNDAyLTcuMTAxIDAtMS4xNDkuMDktMi4yNjMuMjctMy4zNDFsMTIuNDMtLjAwMS0uMDA5LS4wMTZoMTcuMDAzeiIvPgogICAgPC9nPgo8L3N2Zz4K) no-repeat 100%;
    width: 100%;
    padding-right: 95px;
    margin-bottom: 30px
}

.b-modal .b-modal-content .subtitle {
    font-size: 1.143em;
    color: #1e232e;
    margin-bottom: 15px;
    font-weight: 500
}

.b-modal .b-modal-content .reference-text {
    margin-bottom: 30px
}

.b-modal.select-car {
    height: auto;
    max-width: 1140px;
    padding-top: 30px
}

.b-modal.select-car .inner-modal {
    max-height: 560px;
    overflow: auto
}

.b-modal.select-car.notepad-select-car {
    max-width: 535px
}

.b-modal.select-car .b-tabs .ReactTabs__TabPanel {
    background-color: transparent
}

.b-modal.select-car .b-car-model {
    font-size: 10px
}

.b-modal.g-preloader {
    width: 64px;
    height: 64px;
    padding: 0;
    background-color: transparent
}

.b-modal.g-preloader .loading {
    width: 64px;
    height: 64px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/loader2.gif) no-repeat
}

.b-modal.add-comment-basket-item {
    position: absolute;
    font-size: 14px;
    padding: 14px;
    width: 368px;
    height: auto;
    -webkit-transform: translate(0);
    transform: translate(0);
    top: 0;
    left: 0
}

.b-modal.add-comment-basket-item.edit-note {
    width: 240px
}

.b-modal.add-comment-basket-item:before {
    content: "";
    position: absolute;
    left: 21px;
    bottom: 100%;
    border-right: 11px solid transparent;
    border-left: 11px solid transparent;
    border-bottom: 11px solid #92b6c8
}

.b-modal.add-comment-basket-item .close {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.b-modal.add-comment-basket-item .close .old-icon-big-close, .b-modal.add-comment-basket-item .close:hover {
    opacity: 1
}

.b-modal.add-comment-basket-item .add-comment-clear {
    color: #256892;
    cursor: pointer;
    font-size: 14px;
    -webkit-transition: color .3s .05s;
    transition: color .3s .05s
}

.b-modal.add-comment-basket-item .add-comment-clear:hover {
    color: #c54141
}

.b-modal.add-comment-basket-item textarea {
    font-family: Roboto, sans-serif;
    font-size: 16px
}

.b-modal.add-note {
    min-width: 500px;
    padding: 0 30px 30px
}

.b-modal.file-upload-modal {
    height: auto;
    padding: 20px
}

.b-gallery-modal {
    padding: 0
}

.b-map-modal {
    padding-bottom: 32px
}

.b-modal-map .title {
    padding-top: 10px;
    font-size: 1.8em;
    font-weight: 400;
    text-transform: uppercase
}

.b-modal-map .link-to-map {
    margin-top: 8px;
    text-align: right
}

.b-modal-map .link-to-map a {
    display: inline-block;
    font-size: 1.1em;
    font-weight: 500;
    text-transform: uppercase
}

.b-modal-map .link-to-map a:hover {
    color: #c54141
}

.b-modal-map .link-to-map a .icon-ymap-all {
    display: inline-block;
    margin-right: 2px;
    width: 13px;
    height: 12px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/y-map.png) no-repeat 0 0
}

.b-modal-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 480px;
    width: 90%;
    height: auto;
    max-height: 90%;
    overflow: hidden;
    font-size: 14px
}

.b-modal-info .close {
    top: 10px;
    right: 10px;
    width: 15px;
    height: 18px;
    z-index: 1
}

.b-modal-info .close span {
    opacity: .7
}

.b-modal-info .close:hover span {
    opacity: 1
}

.b-modal-info .info {
    overflow: auto;
    margin: 30px 0 0;
    padding: 0 10px 0 0
}

.b-modal-info.middle {
    max-width: 580px
}

.b-modal-office-preview {
    max-width: 580px;
    width: 90%;
    height: auto;
    max-height: 100%;
    padding-top: 15px;
    font-size: 14px;
    overflow: auto
}

.b-modal-office-preview .close {
    top: 10px;
    right: 10px
}

.b-modal-office-preview .close span {
    opacity: .7
}

.b-modal-office-preview .close:hover span {
    opacity: 1
}

.b-modal-date-range {
    width: 68%;
    height: auto;
    max-height: 90%;
    font-size: 1em;
    padding-top: 10px
}

.b-modal-date-range .dates-ranges-values {
    padding: 0 10px
}

.b-modal-date-range .dates-ranges-values .label, .b-modal-date-range .dates-ranges-values .value {
    display: inline-block;
    margin-right: 8px;
    line-height: 1.6
}

.b-modal-date-range .dates-ranges-values .value {
    padding: 0 8px;
    height: auto;
    background-color: #fff;
    border: 1px solid #c9d2db;
    border-radius: 2px;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease
}

.b-modal-date-range .dates-ranges-values .btn {
    display: inline-block;
    padding: 0 8px;
    line-height: 1.655;
    height: auto;
    background: #73a2b9;
    border: 1px solid #c9d2db;
    border-radius: 2px;
    color: #fff;
    cursor: pointer
}

.b-modal-balance {
    width: 30%;
    max-width: 350px;
    height: auto;
    font-size: 1.1em
}

.b-modal-balance .title {
    font-size: 1em
}

.b-modal-balance .replenish {
    margin-top: 10px
}

.b-modal-balance .balance-content {
    padding: 0 20px 20px
}

.b-modal-price-level {
    padding-left: 30px;
    padding-right: 30px
}

.b-modal-price-level .info {
    padding: 0
}

.b-modal-price-level .title {
    font: normal 500 15px Roboto, sans-serif;
    line-height: 1.2;
    letter-spacing: inherit;
    color: #c54141
}

.b-modal-info.garage-selected-car .select-car {
    position: relative
}

.b-modal-info.garage-selected-car .car-details-all {
    position: absolute;
    left: 62px;
    top: 120px
}

.b-modal-info.garage-selected-car .car-details-holder {
    width: auto;
    padding-right: 5px
}

.b-product-popup {
    width: 860px;
    height: auto;
    max-width: 90%;
    padding-top: 30px;
    font-size: 14px
}

.b-product-popup .image {
    position: relative;
    display: inline-block;
    margin-top: 10px
}

.b-product-popup .image .g-add-to-notepad {
    position: absolute;
    right: -44px;
    top: 0
}

.b-product-popup .products-tabs-holder {
    overflow: hidden
}

.b-product-popup .b-tabs .ReactTabs__TabPanel {
    padding: 0;
    background-color: transparent
}

.b-product-popup .product-tab-content {
    display: block
}

.b-modal-select-car-in-order {
    max-width: 600px;
    width: 90%;
    height: auto;
    padding-top: 30px
}

.b-modal-select-car-in-order .inner {
    max-height: 560px;
    box-sizing: border-box;
    overflow: auto
}

.b-modal-select-car-in-order .ts-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding-right: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b-modal-select-car-in-order .ts-item.empty {
    padding: 10px
}

.b-modal-select-car-in-order .ts-item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-color: #27556f;
    -webkit-transition: background-color .3s .05s;
    transition: background-color .3s .05s
}

.b-modal-select-car-in-order .ts-item:hover:after {
    opacity: .1;
    background-color: #27556f
}

.b-modal-select-car-in-order img {
    float: none
}

.b-modal-select-car-in-order .ts-item-info {
    text-align: left;
    float: none
}

.b-modal-select-car-in-order .title {
    margin: 10px 0;
    font-size: 16px
}

.b-modal-select-car-in-order .reg-row-input {
    float: none;
    width: auto
}

.b-modal-select-car-in-order .reg-row-input input {
    width: 100%;
    height: 30px;
    box-sizing: border-box
}

.b-modal-select-car-in-order .bottom {
    margin-top: 10px;
    text-align: center
}

.b-modal-select-car-in-order .add-car, .b-modal-select-car-in-order .g-button-select {
    display: block;
    width: 100%;
    line-height: 33px;
    height: 33px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 11px
}

.b-modal-select-car-in-order .add-car {
    margin-top: 10px;
    text-align: center;
    color: #fff;
    background: #69c6a0;
    border-radius: 2px
}

.b-vin-request-modal {
    max-width: 680px
}

.b-modal .separator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font: normal normal 14px Roboto, sans-serif;
    line-height: 1.2;
    letter-spacing: inherit;
    color: #4b5166
}

.b-modal .separator span {
    display: inline-block;
    padding: 0 10px
}

.b-modal .separator:after, .b-modal .separator:before {
    content: "";
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 1px;
    background-color: #c8ccd9
}

.b-modal .content {
    padding: 0 40px 40px
}

.b-modal .content-title {
    font: normal normal 18px Roboto, sans-serif;
    color: #1e232e
}

.b-modal .content-title, .b-modal .description {
    margin: 0 0 15px;
    line-height: 1.2;
    letter-spacing: inherit
}

.b-modal .description {
    font: normal normal 14px Roboto, sans-serif;
    color: #4b5166
}

.b-modal .controls {
    margin-top: 30px
}

@media (max-width: 575px) {
    .b-map-modal {
        height: auto
    }

    .b-map-modal .b-office-modal .map {
        width: 48%
    }

    .b-map-modal .b-office-modal .map img {
        width: 100%
    }

    .b-map-modal .b-office-modal .info {
        width: 48%
    }
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.b-mini-gallery .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.b-mini-gallery .item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 25%;
    box-sizing: border-box;
    padding: 3px;
    cursor: pointer
}

.b-mini-gallery .item .image {
    display: block;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    height: 67px
}

.b-image-viewer {
    position: relative;
    height: 100%
}

.b-image-viewer .slick-track {
    height: 100%
}

.b-image-viewer .slick-slide {
    position: relative
}

.b-image-viewer .slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    border: none;
    outline: none;
    color: hsla(0, 0%, 100%, .6);
    background: transparent;
    -webkit-transition: color .3s;
    transition: color .3s;
    cursor: pointer
}

.b-image-viewer .slick-arrow span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.b-image-viewer .slick-arrow.slick-prev {
    right: 100%
}

.b-image-viewer .slick-arrow.slick-prev span {
    right: 10%
}

.b-image-viewer .slick-arrow.slick-next {
    left: 100%
}

.b-image-viewer .slick-arrow.slick-next span {
    left: 10%
}

.b-image-viewer .slick-arrow:hover {
    color: #fff
}

.b-image-viewer .slick-list {
    height: 100%
}

.b-image-viewer .image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    margin: auto
}

h2 {
    padding: 15px 0 10px
}

.client-region {
    border-bottom: 1px solid #047;
    color: #047;
    padding-right: 12px;
    text-decoration: none
}

.b-offices-list {
    font-size: 1.4em
}

.b-offices-list .row {
    display: block
}

.cities-list {
    background: #f0f2f4;
    padding: 15px;
    margin-right: 300px;
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    -webkit-column-width: 150px;
    -moz-column-width: 150px;
    column-width: 150px
}

@media (max-width: 860px) {
    .cities-list {
        margin-right: 0
    }
}

.cities-list .city-group {
    width: 150px;
    padding-right: 10px;
    position: relative;
    display: inline-block
}

.cities-list .title {
    position: absolute;
    left: -5px;
    top: 0;
    color: #e67a7d;
    font-size: 14px;
    font-weight: 500
}

.cities-list .cities {
    margin-bottom: 15px
}

.cities-list .cities .item {
    padding: 0 0 0 20px
}

.cities-list .cities .item.active a {
    padding: 2px 4px;
    color: #fff;
    background-color: #c54141
}

.city-title, .regions .title {
    color: #000;
    font-family: Arial, Tahoma, sans-serif;
    font-size: 1.07142857em;
    text-transform: uppercase;
    width: 100%
}

.city-title > .title, .regions .title > .title {
    line-height: 28px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.city-title > .title.left, .regions .title > .title.left {
    float: left
}

.city-title > a.title:hover, .regions .title > a.title:hover {
    color: #c54141
}

.city-title .ymap, .regions .title .ymap {
    margin-left: 10px
}

.city-title .pay-button, .regions .title .pay-button {
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    margin-left: 15px;
    padding-right: 30px;
    text-transform: uppercase
}

.city-title .pay-button.left, .regions .title .pay-button.left {
    float: left
}

.city-title .pay-button i, .regions .title .pay-button i {
    background: url("/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/adress.png") -28px -56px no-repeat;
    display: inline-block;
    height: 28px;
    margin-bottom: -8px;
    margin-left: 5px;
    width: 28px
}

.city-title .view-toggle, .regions .title .view-toggle {
    font-size: 11px;
    font-weight: 400
}

.city-title .view-toggle a, .regions .title .view-toggle a {
    color: gray;
    display: inline-block;
    margin-left: 10px;
    text-transform: uppercase;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.city-title .view-toggle a:hover, .regions .title .view-toggle a:hover {
    color: #c54141
}

.city-title .view-toggle.right, .regions .title .view-toggle.right {
    float: right
}

.city-title .view-toggle i, .regions .title .view-toggle i {
    background: url("/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/adress.png") no-repeat;
    display: inline-block;
    height: 28px;
    margin-bottom: -8px;
    margin-left: 5px;
    width: 28px
}

.city-title .view-toggle .list i, .regions .title .view-toggle .list i {
    background-position: -28px 0
}

.city-title .view-toggle .list.active i, .regions .title .view-toggle .list.active i {
    background-position: -28px -27px
}

.city-title .view-toggle .map.active i, .regions .title .view-toggle .map.active i {
    background-position: 0 -27px
}

.addresses-list {
    list-style-type: disc;
    margin: 0 0 0 18px;
    padding: 0;
    font-size: 14px
}

.addresses-list .item .title, .addresses-list .item address {
    display: inline-block
}

.addresses-list .item .title {
    margin-right: 20px;
    width: 200px
}

.regions {
    float: right;
    width: 250px
}

@media (max-width: 860px) {
    .regions {
        float: none;
        width: auto
    }
}

.regions .title {
    color: #047
}

.regions .regions-list {
    border: 1px solid #e4e4e2;
    height: auto;
    max-height: 165px;
    margin-bottom: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 5px
}

.regions .regions-list .item {
    padding-left: 5px
}

.regions .countries-list {
    padding-bottom: 15px
}

.regions .title-near-offices {
    clear: left;
    color: #363636;
    font-size: 18px;
    line-height: 25px;
    margin: 0 0 10px;
    padding: 0;
    white-space: nowrap
}

.regions .near-offices-map {
    position: relative;
    display: block;
    border: 4px solid #e4e4e2;
    height: 190px;
    margin-bottom: 20px;
    width: 242px
}

.regions .near-offices-map:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.regions .near-offices-map > div {
    width: 242px;
    height: 192px
}

.regions .selectize {
    border: 1px solid #c9d2db;
    border-radius: 2px;
    cursor: pointer;
    height: 26px
}

.regions .selectize:focus, .regions .selectize:hover {
    border-color: #7f9db9
}

.regions .selectize:not(#ddlCountry) {
    background: #fff url("/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-new.png") calc(100% - 6px) -416px no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 25px 0 5px;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.regions .selectize::-ms-expand {
    display: none
}

.regions .selectize:focus:not(#ddlCountry), .regions .selectize:hover:not(#ddlCountry) {
    background-position: calc(100% - 6px) -372px
}

.ymap-offices {
    font-size: 1.4em
}

.ymap-offices .ymap-offices-list {
    float: left;
    height: 600px;
    overflow: auto;
    position: relative;
    width: 30%
}

.ymap-offices .ymap-offices-list .item {
    border: 1px solid transparent;
    cursor: pointer;
    display: block;
    padding: 8px 0 8px 30px;
    position: relative
}

.ymap-offices .ymap-offices-list .item.active {
    background-color: #e4e4e2
}

.ymap-offices .ymap-offices-list .item i {
    background: #fff;
    border: 2px solid #047;
    border-radius: 11px;
    font-size: 11px;
    font-style: normal;
    height: 18px;
    left: 3px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 18px
}

.ymap-offices .ymap-offices-list .title {
    display: inline-block;
    font-size: 15px;
    margin-bottom: 5px
}

.ymap-offices .ymap-offices-list .description, .ymap-offices .ymap-offices-list .time {
    color: gray;
    margin: 5px 0
}

.ymap-offices .ymap-offices-map {
    display: inline-block;
    float: right;
    height: 600px;
    position: relative;
    width: 68%;
    z-index: 2
}

.b-office:after {
    content: "";
    display: block;
    width: 1px;
    clear: both
}

.b-office .title {
    margin: 0 0 10px;
    text-transform: uppercase;
    font: 18px Intro, Arial, Tahoma, sans-serif;
    color: #363636
}

.b-office .info {
    float: left;
    width: calc(100% - 290px);
    box-sizing: border-box;
    padding-right: 30px
}

.b-office .info .info-inner {
    padding: 20px;
    background-color: #f0f2f4
}

.b-office .info .item + .item {
    margin-top: 5px
}

.b-office .info .item > div {
    display: inline-block;
    vertical-align: middle
}

.b-office .info .item .value {
    margin-left: 5px
}

.b-office .column-right {
    float: right;
    width: 290px
}

.b-office .gallery, .b-office .legal-information {
    margin-top: 20px
}

.b-office .legal-information .title-legal-information {
    margin: 0 0 5px;
    text-transform: uppercase;
    font: 13px Intro, Arial, Tahoma, sans-serif;
    color: #c54141
}

.b-office .legal-information .items {
    border: 1px solid #e4e4e2;
    padding: 15px;
    border-radius: 5px
}

.b-office .legal-information .item + .item {
    margin-top: 5px
}

.b-office .employees {
    float: left;
    width: calc(100% - 290px);
    box-sizing: border-box;
    padding-right: 30px
}

.b-office .employees .employees-title {
    margin: 20px 0 5px;
    font: 15px Intro, Arial, Tahoma, sans-serif;
    text-transform: uppercase;
    color: #c54141
}

.b-office .employees .position {
    color: gray
}

.b-office .employees .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.b-office .employees .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    box-sizing: border-box;
    padding: 10px 15px 15px;
    background-color: transparent;
    -webkit-transition: background-color .3s .05s;
    transition: background-color .3s .05s
}

.b-office .employees .item .image {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border: 3px solid #e4e4e2;
    border-radius: 50%;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.b-office .employees .item .image img {
    display: none
}

.b-office .employees .item .employee-info {
    position: relative;
    vertical-align: middle;
    box-sizing: border-box;
    padding-left: 16px
}

.b-office .employees .item .status {
    position: absolute;
    top: 100%;
    width: 10px;
    height: 10px;
    background-color: transparent;
    border-radius: 50%;
    -webkit-transition: background-color .3s .05s;
    transition: background-color .3s .05s
}

.b-office .employees .item:hover {
    background-color: #f5f5f5
}

.b-office .employees .item:hover .status {
    background-color: #c54141
}

.b-office .employees .item:hover .status.online {
    background-color: green
}

@media (min-width: 320px) and (max-width: 960px) {
    .b-office .info {
        float: none;
        width: 100%;
        padding: 0
    }

    .b-office .column-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        float: none;
        width: 100%;
        overflow: hidden;
        margin-top: 20px
    }

    .b-office .column-right .gallery, .b-office .column-right .legal-information {
        width: calc(50% - 170px);
        margin-left: 20px
    }

    .b-office .employees {
        width: 100%
    }

    .b-office .employees .item {
        width: 33.3%
    }
}

@media (min-width: 320px) and (max-width: 860px) {
    .b-office .column-right {
        display: block;
        overflow: hidden
    }

    .b-office .column-right .map {
        float: left
    }

    .b-office .column-right .gallery {
        margin-top: 0
    }

    .b-office .column-right .gallery, .b-office .column-right .legal-information {
        float: left;
        width: calc(100% - 310px)
    }

    .b-office .employees {
        width: 100%
    }

    .b-office .employees .item {
        width: 50%
    }
}

@media (max-width: 560px) {
    .b-office {
        text-align: center
    }

    .b-office .column-right {
        display: block;
        overflow: hidden
    }

    .b-office .column-right .map {
        float: none;
        margin: 0 auto
    }

    .b-office .column-right .gallery {
        float: none;
        width: 100%;
        margin-top: 20px
    }

    .b-office .column-right .legal-information {
        float: none;
        width: 100%
    }

    .b-office .employees {
        width: 100%;
        padding: 0
    }

    .b-office .employees .employees-title {
        text-align: center
    }

    .b-office .employees .item {
        display: block;
        width: 100%
    }

    .b-office .employees .item .image {
        display: block;
        position: static;
        margin: 0 auto
    }

    .b-office .employees .item .employee-info {
        margin: 0 auto
    }

    .b-office .employees .item .status {
        right: 10px;
        top: -5px
    }
}

h2 {
    padding: 15px 0 10px
}

.client-region {
    border-bottom: 1px solid #047;
    color: #047;
    padding-right: 12px;
    text-decoration: none
}

.b-offices-list {
    font-size: 1.4em
}

.b-offices-list .row {
    display: block
}

.cities-list {
    background: #f0f2f4;
    padding: 15px;
    margin-right: 300px;
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    -webkit-column-width: 150px;
    -moz-column-width: 150px;
    column-width: 150px
}

@media (max-width: 860px) {
    .cities-list {
        margin-right: 0
    }
}

.cities-list .city-group {
    width: 150px;
    padding-right: 10px;
    position: relative;
    display: inline-block
}

.cities-list .title {
    position: absolute;
    left: -5px;
    top: 0;
    color: #e67a7d;
    font-size: 14px;
    font-weight: 500
}

.cities-list .cities {
    margin-bottom: 15px
}

.cities-list .cities .item {
    padding: 0 0 0 20px
}

.cities-list .cities .item.active a {
    padding: 2px 4px;
    color: #fff;
    background-color: #c54141
}

.city-title, .regions .title {
    color: #000;
    font-family: Arial, Tahoma, sans-serif;
    font-size: 1.07142857em;
    text-transform: uppercase;
    width: 100%
}

.city-title > .title, .regions .title > .title {
    line-height: 28px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.city-title > .title.left, .regions .title > .title.left {
    float: left
}

.city-title > a.title:hover, .regions .title > a.title:hover {
    color: #c54141
}

.city-title .ymap, .regions .title .ymap {
    margin-left: 10px
}

.city-title .pay-button, .regions .title .pay-button {
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    margin-left: 15px;
    padding-right: 30px;
    text-transform: uppercase
}

.city-title .pay-button.left, .regions .title .pay-button.left {
    float: left
}

.city-title .pay-button i, .regions .title .pay-button i {
    background: url("/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/adress.png") -28px -56px no-repeat;
    display: inline-block;
    height: 28px;
    margin-bottom: -8px;
    margin-left: 5px;
    width: 28px
}

.city-title .view-toggle, .regions .title .view-toggle {
    font-size: 11px;
    font-weight: 400
}

.city-title .view-toggle a, .regions .title .view-toggle a {
    color: gray;
    display: inline-block;
    margin-left: 10px;
    text-transform: uppercase;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.city-title .view-toggle a:hover, .regions .title .view-toggle a:hover {
    color: #c54141
}

.city-title .view-toggle.right, .regions .title .view-toggle.right {
    float: right
}

.city-title .view-toggle i, .regions .title .view-toggle i {
    background: url("/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/adress.png") no-repeat;
    display: inline-block;
    height: 28px;
    margin-bottom: -8px;
    margin-left: 5px;
    width: 28px
}

.city-title .view-toggle .list i, .regions .title .view-toggle .list i {
    background-position: -28px 0
}

.city-title .view-toggle .list.active i, .regions .title .view-toggle .list.active i {
    background-position: -28px -27px
}

.city-title .view-toggle .map.active i, .regions .title .view-toggle .map.active i {
    background-position: 0 -27px
}

.addresses-list {
    list-style-type: disc;
    margin: 0 0 0 18px;
    padding: 0;
    font-size: 14px
}

.addresses-list .item .title, .addresses-list .item address {
    display: inline-block
}

.addresses-list .item .title {
    margin-right: 20px;
    width: 200px
}

.regions {
    float: right;
    width: 250px
}

@media (max-width: 860px) {
    .regions {
        float: none;
        width: auto
    }
}

.regions .title {
    color: #047
}

.regions .regions-list {
    border: 1px solid #e4e4e2;
    height: auto;
    max-height: 165px;
    margin-bottom: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 5px
}

.regions .regions-list .item {
    padding-left: 5px
}

.regions .countries-list {
    padding-bottom: 15px
}

.regions .title-near-offices {
    clear: left;
    color: #363636;
    font-size: 18px;
    line-height: 25px;
    margin: 0 0 10px;
    padding: 0;
    white-space: nowrap
}

.regions .near-offices-map {
    position: relative;
    display: block;
    border: 4px solid #e4e4e2;
    height: 190px;
    margin-bottom: 20px;
    width: 242px
}

.regions .near-offices-map:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.regions .near-offices-map > div {
    width: 242px;
    height: 192px
}

.regions .selectize {
    border: 1px solid #c9d2db;
    border-radius: 2px;
    cursor: pointer;
    height: 26px
}

.regions .selectize:focus, .regions .selectize:hover {
    border-color: #7f9db9
}

.regions .selectize:not(#ddlCountry) {
    background: #fff url("/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons-new.png") calc(100% - 6px) -416px no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 25px 0 5px;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.regions .selectize::-ms-expand {
    display: none
}

.regions .selectize:focus:not(#ddlCountry), .regions .selectize:hover:not(#ddlCountry) {
    background-position: calc(100% - 6px) -372px
}

.ymap-offices {
    font-size: 1.4em
}

.ymap-offices .ymap-offices-list {
    float: left;
    height: 600px;
    overflow: auto;
    position: relative;
    width: 30%
}

.ymap-offices .ymap-offices-list .item {
    border: 1px solid transparent;
    cursor: pointer;
    display: block;
    padding: 8px 0 8px 30px;
    position: relative
}

.ymap-offices .ymap-offices-list .item.active {
    background-color: #e4e4e2
}

.ymap-offices .ymap-offices-list .item i {
    background: #fff;
    border: 2px solid #047;
    border-radius: 11px;
    font-size: 11px;
    font-style: normal;
    height: 18px;
    left: 3px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 18px
}

.ymap-offices .ymap-offices-list .title {
    display: inline-block;
    font-size: 15px;
    margin-bottom: 5px
}

.ymap-offices .ymap-offices-list .description, .ymap-offices .ymap-offices-list .time {
    color: gray;
    margin: 5px 0
}

.ymap-offices .ymap-offices-map {
    display: inline-block;
    float: right;
    height: 600px;
    position: relative;
    width: 68%;
    z-index: 2
}

.b-employee {
    width: 100%;
    overflow: hidden;
    padding-top: 20px;
    font-size: 1.143em
}

.b-employee .title {
    margin: 0 0 5px;
    font-size: 20px;
    font-weight: 500
}

.b-employee .position {
    color: gray;
    margin-bottom: 5px
}

.b-employee .employee-card {
    margin: 0
}

.b-employee .employee-card .image {
    float: left;
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 50%
}

.b-employee .employee-card .image img {
    display: block;
    width: 100%;
    height: auto
}

.b-employee .employee-card .info {
    max-width: calc(100% - 101px);
    min-width: 300px;
    padding-top: 8px;
    margin-left: 94px
}

.b-employee .employee-card .info .item {
    position: relative
}

.b-employee .employee-card .info .item + .item {
    margin-top: 10px
}

.b-employee .employee-card .info .item .icon {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.b-employee .employee-card .info .item .value {
    display: block;
    padding-left: 23px
}

.b-employee .employee-card .info .item .icon {
    margin: 0 5px 0 0
}

.b-employee .employee-card .info .item a {
    -webkit-transition: color .3s;
    transition: color .3s
}

.b-employee .employee-card .info .item a:hover {
    color: #c54141
}

.b-employee .employee-card .info .contacts {
    margin-top: 20px
}

@media (max-width: 600px) {
    .b-employee {
        text-align: center
    }

    .b-employee .employee-card .image {
        float: none;
        margin: 0 auto 20px
    }

    .b-employee .employee-card .info {
        float: none;
        width: auto
    }

    .b-employee .employee-card .info .item .icon {
        position: static;
        display: block;
        margin: 0 auto;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.b-catalog-select-car .columns {
    display: block;
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5
}

.b-catalog-select-car .group {
    position: relative;
    overflow: hidden
}

.b-catalog-select-car .group .letter {
    float: left;
    font: normal 600 1.4em Roboto, sans-serif;
    line-height: 1.8;
    letter-spacing: inherit;
    font-size: 14px;
    font-weight: 500;
    color: #c54141;
    text-transform: uppercase
}

.b-catalog-select-car .group .cars {
    padding: 0 0 0 20px;
    white-space: nowrap
}

.b-catalog-select-car .group .cars .link {
    font: normal normal 1.4em Roboto, sans-serif;
    line-height: 1.8;
    letter-spacing: inherit;
    color: #256892;
    border-bottom: 1px solid transparent;
    -webkit-transition: color .3s .05s;
    transition: color .3s .05s;
    -webkit-transition: border-color .3s .05s;
    transition: border-color .3s .05s;
    cursor: pointer
}

.b-catalog-select-car .group .cars .link:hover {
    color: #c54141
}

.b-catalog-select-car .group .cars button.link {
    display: inline;
    height: 20px
}

.b-catalog-select-car .all {
    padding-left: 20px
}

.b-catalog-select-car .all a {
    font: normal normal 1.4em Roboto, sans-serif;
    line-height: 1.8;
    letter-spacing: inherit;
    color: #73a2b9
}

.b-catalog-select-car .all a:hover {
    color: #c54141;
    border-bottom-color: #c54141
}

.b-catalog-search {
    position: relative;
    margin: 14px 0 8px
}

.b-catalog-search input[type=search], .b-catalog-search input[type=text] {
    padding: 8px 30px 8px 5px;
    width: 213px;
    line-height: 20px;
    border: 1px solid #e4e4e2;
    border-radius: 2px;
    font-size: 1.4em;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.b-catalog-search input[type=search]:focus, .b-catalog-search input[type=text]:focus {
    border-color: #27556f
}

.b-catalog-search .close {
    position: absolute;
    top: 10px;
    left: 226px;
    width: 16px;
    height: 16px;
    background: transparent url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/icons.png) no-repeat -736px 0;
    border: 0;
    z-index: 2;
    cursor: pointer
}

.b-catalog-substitutes > .header {
    font-size: 1.5em;
    color: #c54141;
    text-transform: uppercase
}

.b-catalog-substitutes .b-catalog-items {
    font-size: 1.4em;
    -webkit-transition: display .3ms ease;
    transition: display .3ms ease
}

.b-catalog-substitutes .b-catalog-items .item-name {
    display: inline-block;
    padding: 2px 0 2px 15px;
    font-weight: 500;
    cursor: pointer
}

.b-catalog-substitutes .b-catalog-items .b-catalog-items {
    margin-left: 15px;
    font-size: 1em
}

.b-catalog-substitutes .b-catalog-items a .item-name {
    line-height: 1.4;
    font-weight: 400
}

.b-catalog-substitutes .b-catalog-items .hidden .b-catalog-items {
    display: none
}

.b-catalog-substitutes .b-catalog-items .hidden .item-name {
    font-weight: 400;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/t-down.png) no-repeat left 50%
}

.b-catalog-substitutes .b-catalog-items .hidden.visible > .item-name {
    font-weight: 500;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/t-up.png) no-repeat left 50%
}

.b-catalog-substitutes .b-catalog-items .hidden.visible > .b-catalog-items {
    display: block
}

.b-tabs .ReactTabs__TabList {
    overflow: hidden;
    margin-left: -15px
}

.b-tabs .ReactTabs__TabList.hidden {
    display: none
}

.b-tabs .ReactTabs__TabList .ReactTabs__Tab {
    float: left;
    margin: 10px 15px;
    border-bottom: 3px solid #e4e4e2;
    white-space: nowrap;
    font-size: 16px;
    color: #256892;
    cursor: pointer;
    -webkit-transition: border-color .3s, .05s;
    transition: border-color .3s, .05s;
    -webkit-transition: color .3s, .05s;
    transition: color .3s, .05s;
    outline: none
}

.b-tabs .ReactTabs__TabList .ReactTabs__Tab:hover {
    border-bottom-color: #efbabc
}

.b-tabs .ReactTabs__TabList .ReactTabs__Tab.ReactTabs__Tab--selected {
    border-bottom-color: #e67a7d;
    color: #000
}

.b-tabs .ReactTabs__TabPanel {
    padding: 20px 50px;
    background-color: #f0f2f4
}

.b-car-model {
    position: relative;
    display: block;
    float: left;
    width: 50%;
    min-height: 100px;
    padding: 15px 0 10px;
    text-decoration: none;
    background-color: transparent;
    cursor: pointer
}

.b-car-model:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: transparent;
    -webkit-transition: background-color .3s .05s;
    transition: background-color .3s .05s
}

.b-car-model:hover:after {
    background-color: rgba(39, 85, 111, .08)
}

.b-car-model .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b-car-model .image {
    width: 190px
}

.b-car-model .image img {
    max-width: 100%;
    height: auto
}

.b-car-model .info {
    margin-left: 10px
}

.b-car-model .info .name {
    text-transform: uppercase;
    font: normal normal 1.4em Roboto, sans-serif;
    line-height: 1.2;
    letter-spacing: inherit;
    color: #256892
}

.b-car-model .info .codes, .b-car-model .info .years {
    font: normal normal 1.1em Roboto, sans-serif;
    line-height: 1.8;
    letter-spacing: inherit;
    color: #1e232e
}

.b-car-model .info .codes {
    text-transform: uppercase
}

@media (max-width: 756px) {
    .b-car-model {
        width: 100%;
        border-bottom: 1px solid #e4e4e2
    }
}

.b-car-model-list .header .select-year {
    min-width: 200px;
    max-width: 500px;
    margin: 10px 15px;
    float: left
}

.b-car-model-list .tabs .tab-list {
    overflow: hidden;
    margin-left: -15px
}

.b-car-model-list .tabs .tab-list .tab {
    float: left;
    margin: 10px 15px;
    border-bottom: 3px solid #e4e4e2;
    white-space: nowrap;
    font-size: 16px;
    color: #256892;
    cursor: pointer;
    -webkit-transition: border-color .3s, .05s;
    transition: border-color .3s, .05s;
    -webkit-transition: color .3s, .05s;
    transition: color .3s, .05s
}

.b-car-model-list .tabs .tab-list .tab button {
    cursor: pointer
}

.b-car-model-list .tabs .tab-list .tab:hover {
    border-bottom-color: #efbabc
}

.b-car-model-list .tabs .tab-list .tab.active {
    border-bottom-color: #e67a7d;
    color: #000
}

.b-car-model-list .tabs .panel {
    padding: 15px 0
}

.b-car-model-list .car-models {
    overflow: hidden
}

.b-car-info .title {
    float: left;
    width: 190px
}

.b-car-info .info {
    float: left
}

.b-car-info .info .mark-model {
    padding-bottom: 5px;
    font-size: 1.8em;
    font-weight: 400;
    color: #000
}

.b-car-info .info .years {
    font-size: 1.4em;
    font-style: italic;
    color: #bbb
}

.b-list .item-list {
    min-height: 57px;
    box-sizing: border-box;
    padding: 10px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #c8ccd9;
    border-bottom: 1px solid #c8ccd9;
    background-color: #fff;
    -webkit-transition: background-color .2s .03s;
    transition: background-color .2s .03s
}

.b-list .item-list + .item-list {
    border-top: 0
}

.b-list .item-list:hover {
    background-color: #fbfbfb
}

.b-list .item-list > * {
    font: normal normal 16px Roboto, sans-serif;
    line-height: 1.2;
    letter-spacing: inherit;
    color: #1e232e
}

.b-list .item-list .strong {
    font-weight: 500
}

.b-list .item-list .small {
    font-size: 14px;
    color: #4b5166
}

.b-car-model-detail .inner > * {
    display: inline-block;
    vertical-align: top
}

.b-car-model-detail .inner .image {
    display: inline-block;
    width: 190px
}

.b-car-model-detail .inner .info {
    margin-left: 5px
}

.b-car-model-detail .inner .info .name {
    font: normal normal 1.8em Roboto, sans-serif;
    line-height: 1.8;
    letter-spacing: inherit;
    color: #363636
}

.b-car-model-detail .inner .info .properties {
    margin-top: 5px;
    font: normal normal 1.4em Roboto, sans-serif;
    line-height: 1.8;
    letter-spacing: inherit;
    color: #363636
}

.b-car-model-detail .inner .info .properties .property-label {
    color: #bbb;
    font-style: italic
}

.b-car-model-detail .inner .info .properties .property-value {
    margin-left: 5px
}

.b-car-modifications-table {
    display: table;
    width: 100%;
    margin: 10px 0
}

.b-car-modifications-table .header, .b-car-modifications-table .item {
    display: table-row
}

.b-car-modifications-table .header {
    text-align: center;
    text-transform: uppercase;
    background-color: #d8e6eb
}

.b-car-modifications-table .header .cell {
    height: 30px;
    vertical-align: middle;
    padding: 0 3px;
    font: normal 500 1.1em Roboto, sans-serif;
    line-height: 1.6;
    letter-spacing: inherit;
    color: #507b8a
}

.b-car-modifications-table .cell {
    display: table-cell;
    min-height: 25px;
    vertical-align: middle;
    padding: 4px;
    font: normal normal 1.4em Roboto, sans-serif;
    line-height: 1.6;
    letter-spacing: inherit;
    color: #363636
}

.b-car-modifications-table .cell + .cell {
    border-left: 1px solid #fff
}

.b-car-modifications-table .item {
    background-color: transparent;
    -webkit-transition: background-color .3s .05s;
    transition: background-color .3s .05s;
    cursor: pointer
}

.b-car-modifications-table .item .cell {
    border-bottom: 1px solid #e4e4e2
}

.b-car-modifications-table .item:hover {
    background-color: #f0f2f4
}

.b-select-part-variants, .body_redesign .b-select-part-variants {
    font-size: 10px
}

.b-select-part-variants .parts-catalog-table {
    display: table;
    width: 100%;
    margin: 10px 0;
    font-size: 10px
}

.b-select-part-variants .parts-catalog-table .header {
    text-align: center;
    text-transform: uppercase;
    background-color: #d8e6eb
}

.b-select-part-variants .parts-catalog-table .header th {
    height: 30px;
    vertical-align: middle;
    padding: 0 3px;
    font: normal 500 1.1em Roboto, sans-serif;
    line-height: 1.6;
    letter-spacing: inherit;
    color: #507b8a
}

.b-select-part-variants .parts-catalog-table .header th + th {
    border-left: 1px solid #f0f2f4
}

.b-select-part-variants .parts-catalog-table .name {
    height: 25px;
    border-bottom: 1px solid #e4e4e2;
    padding: 4px;
    vertical-align: middle;
    font: normal normal 1.5em Roboto, sans-serif;
    line-height: 1.6;
    letter-spacing: inherit;
    color: #c54141;
    background-color: #f5f5f5 !important
}

.b-select-part-variants .parts-catalog-table .parts-row {
    background-color: transparent
}

.b-select-part-variants .parts-catalog-table .parts-row:hover {
    background-color: #f0f2f4
}

.b-select-part-variants .parts-catalog-table td {
    padding: 3px;
    vertical-align: middle
}

.b-select-part-variants .parts-catalog-table .price {
    width: 1%
}

.b-select-part-variants .parts-catalog-table .price a {
    display: inline-block;
    border: 2px solid #f0ca5a;
    padding: 3px 10px;
    color: #bbb;
    font-size: 1.3em;
    font: normal normal 1.3em Roboto, sans-serif;
    line-height: 1.6;
    letter-spacing: inherit;
    color: gray;
    background: #fbeab7;
    border-radius: 2px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.b-select-part-variants .parts-catalog-table .price a:hover {
    color: #fff;
    background-color: #f0ca5a
}

.b-select-part-variants .parts-catalog-table .vendor, .b-select-part-variants .parts-catalog-table .vendor-code {
    float: left;
    width: 50%;
    padding: 0 10px;
    text-align: center;
    box-sizing: border-box
}

.b-select-part-variants .parts-catalog-table .vendor {
    font: normal 500 14px Roboto, sans-serif;
    line-height: 1.6;
    letter-spacing: inherit;
    color: #000
}

.b-select-part-variants .parts-catalog-table .vendor-code {
    font: normal normal 14px Roboto, sans-serif;
    line-height: 1.6;
    letter-spacing: inherit;
    color: gray
}

.b-select-part-variants .parts-catalog-table .properties {
    font: normal normal 14px Roboto, sans-serif;
    line-height: 1.6;
    letter-spacing: inherit;
    color: #000
}

.b-select-part-variants .parts-catalog-table .properties .info, .b-select-part-variants .parts-catalog-table .properties .parameters {
    float: left;
    width: 50%
}

.b-select-part-variants .parts-catalog-table .info {
    color: gray
}

.b-select-part-variants .parts-catalog-table em {
    margin-left: 5px;
    color: gray
}

.b-notepad-select-car {
    padding: 0 0 20px;
    background-color: #fff;
    max-height: 560px;
    overflow: auto;
    box-sizing: border-box
}

.b-notepad-select-car .header {
    padding: 20px
}

.b-notepad-select-car .header .title {
    float: left;
    padding-top: 5px;
    font-size: 15px;
    color: #c54141
}

.b-notepad-select-car .header .skip-button {
    float: right;
    background: #ebeeef;
    border: 0;
    padding: 6px 14px;
    border-radius: 2px;
    font-size: 14px;
    color: #636262;
    cursor: pointer;
    -webkit-transition: color .3s ease, opacity .3s ease;
    transition: color .3s ease, opacity .3s ease
}

.b-notepad-select-car .header .skip-button:hover {
    opacity: .8;
    color: #636262
}

.b-notepad-select-car .body {
    padding: 20px;
    color: gray
}

.b-notepad-select-car .body .link {
    color: #256892;
    margin-right: 5px;
    font-size: 1em;
    cursor: pointer;
    -webkit-transition: color .3s;
    transition: color .3s
}

.b-notepad-select-car .body .link:hover {
    color: #c54141
}

.b-notepad-select-car .add-car, .b-notepad-select-car .add-garage {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 33px;
    height: 33px;
    background: #69c6a0;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 11px;
    border-radius: 2px
}

.b-notepad-select-car .add-car:hover, .b-notepad-select-car .add-garage:hover {
    background: #58b992;
    color: #fff
}

.b-notepad-select-car .car-row .add-garage {
    width: 100%;
    max-width: 190px
}

.b-notepad-select-car .list .body {
    position: relative;
    padding-bottom: 60px;
    font-size: 14px
}

.b-notepad-select-car .list .ts-item {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    border: 3px solid transparent;
    padding-top: 5px;
    text-align: left;
    -webkit-transition: border .3s;
    transition: border .3s
}

.b-notepad-select-car .list .ts-item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-color: #27556f;
    -webkit-transition: background-color .3s .05s;
    transition: background-color .3s .05s
}

.b-notepad-select-car .list .ts-item:hover:after {
    opacity: .1;
    background-color: #27556f
}

.b-notepad-select-car .list .ts-item.this {
    border-color: #f0ca5a
}

.b-notepad-select-car .list .ts-item.this:hover {
    background-color: transparent
}

.b-notepad-select-car .list .add-car {
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    height: auto;
    width: auto;
    font-weight: 500;
    font-size: 12px;
    line-height: 45px
}

.b-compatibility .grey-holder ul li {
    margin: 0
}

.b-compatibility .applicability-tabs-holder ul li:first-child {
    padding-left: 10px
}

.b-compatibility .compatibility-mark {
    color: #047;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    -webkit-transition: border-color .2s .05s, color .2s .05s;
    transition: border-color .2s .05s, color .2s .05s
}

.b-compatibility .compatibility-mark:hover {
    color: #c54141;
    border-bottom-color: #c54141
}

.b-compatibility .compatibility-mark.active {
    font-weight: 500
}

.b-compatibility .compatibility-models {
    border-top: 1px solid #d6dee7;
    padding: 5px 0;
    background-color: #f0f2f4
}

.b-compatibility .compatibility-models .compatibility-model {
    border-bottom: 1px solid transparent;
    color: #256892;
    text-transform: none;
    -webkit-transition: border-color .2s .05s, color .2s .05s;
    transition: border-color .2s .05s, color .2s .05s;
    cursor: pointer
}

.b-compatibility .compatibility-models .compatibility-model:hover {
    color: #c54141;
    border-bottom-color: #c54141
}

.b-compatibility .compatibility-models .compatibility-model.active {
    font-weight: 500
}

.b-basket {
    font-size: 14px
}

.b-basket .detail {
    margin: 0 5px;
    color: #4b5166;
    cursor: pointer;
    font-size: .875em;
    -webkit-transition: color .3s .05s;
    transition: color .3s .05s
}

.b-basket .detail:hover {
    color: #c54141
}

.b-basket .actuality-alert {
    padding: 25px 0;
    text-align: center;
    color: #fff;
    font-size: 1.143em;
    border-radius: 3px;
    background-color: #83b880;
    margin-bottom: 30px
}

.b-basket .actuality-alert .label {
    display: inline-block;
    margin-right: 20px
}

.b-basket .delivery {
    color: #1e232e;
    font-size: 1.143em;
    border-radius: 3px;
    background-color: rgba(200, 204, 217, .22);
    text-align: center;
    padding: 25px 0;
    margin: 30px -15px
}

.b-basket .header {
    line-height: 64px;
    color: #4b5166;
    border-bottom: 1px solid #c8ccd9
}

.b-basket .header > * {
    padding: 0
}

.b-basket .basket-list .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b-basket .basket-list .item {
    padding: 10px 0;
    color: #1e232e;
    font-size: 1.143em;
    border-bottom: 1px solid #c8ccd9;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.b-basket .basket-list .item:hover {
    background-color: #fbfbfb
}

.b-basket .basket-list .item > * {
    padding: 0
}

.b-basket .basket-list .item .time {
    font-size: .875em;
    color: #4b5166
}

.b-basket .basket-list .item .buttons {
    text-align: right
}

.b-basket .basket-list .item .buttons > * {
    margin-left: 10px;
    vertical-align: middle
}

.b-basket .basket-list .item .buttons .g-button {
    background-repeat: no-repeat;
    background-position: 50%;
    width: 44px;
    height: 44px
}

.b-basket .basket-list .item .buttons .g-button.remove {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEyIDEzIj4KICAgIDxnIGZpbGw9IiMxRTIzMkUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTEwLjI2My4zMjRMNiA0Ljk3NSAxLjczOC4zMjRBMS4wMDIgMS4wMDIgMCAwIDAgLjI2MyAxLjY3Nmw1IDUuNDU0YS45OTkuOTk5IDAgMCAwIDEuNDc1IDBsNS01LjQ1NEExIDEgMCAwIDAgMTAuMjYzLjMyNHoiLz4KICAgICAgICA8cGF0aCBkPSJNMTAuMjYzIDEyLjEzMUw2IDcuNDhsLTQuMjYyIDQuNjUxYTEuMDAyIDEuMDAyIDAgMCAxLTEuNDc1LTEuMzUybDUtNS40NTRhLjk5OS45OTkgMCAwIDEgMS40NzUgMGw1IDUuNDU0YTEgMSAwIDAgMS0xLjQ3NSAxLjM1MnoiLz4KICAgIDwvZz4KPC9zdmc+Cg==)
}

.b-basket .basket-list .item .buttons .g-button.comment {
    background-image: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/comment.png)
}

.b-basket .basket-list .item .expired {
    cursor: pointer;
    font-size: 1.143em;
    height: 44px;
    width: 44px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NCIgaGVpZ2h0PSI0NCIgdmlld0JveD0iMCAwIDQ0IDQ0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHJlY3Qgd2lkdGg9IjQ0IiBoZWlnaHQ9IjQ0IiBmaWxsPSIjODNCODgwIiByeD0iMyIvPgogICAgICAgIDxnIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cGF0aCBkPSJNMjEuMzE2IDE3aC41NDZjMy4zNSAwIDYuMDU0IDIuNjIzIDYuMDU0IDUuOTc0cy0yLjcxNiA2LjA0Ny02LjA2NyA2LjA0N1MxNiAyNi4zMzUgMTYgMjIuOTg0Ii8+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMS45MDkgMTguODE5TDIwIDE2LjkxIDIxLjkwOSAxNSIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
    margin: 0;
    display: inline-block;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.b-basket .basket-list .item .expired:hover {
    opacity: .8
}

.b-basket .basket-list .item .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.b-basket .basket-list .select-count {
    position: relative;
    display: inline-block
}

.b-basket .basket-list .select-count .input {
    display: inline-block;
    height: 36px;
    border: 1px solid #c8ccd9;
    background-color: #fbfbfb;
    cursor: pointer;
    color: #1e232e;
    border-radius: 3px;
    width: 90px
}

.b-basket .basket-list .select-count .input > * {
    display: inline-block;
    vertical-align: middle
}

.b-basket .basket-list .select-count .input input {
    width: 25px;
    height: 22px;
    border: none;
    padding: 0 3px;
    line-height: 22px;
    text-align: right;
    outline: none;
    background-color: transparent
}

.b-basket .basket-list .select-count .input .count-label {
    position: relative;
    top: -1px
}

.b-basket .basket-list .select-count .input .fa {
    margin-left: 20px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.b-basket .basket-list .select-count .drop-down {
    position: absolute;
    z-index: 9;
    top: 70%;
    margin-top: 10px;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    box-sizing: border-box;
    padding: 10px;
    background-color: #fff;
    -webkit-transition: top .3s ease-in-out, opacity .2s ease-in-out;
    transition: top .3s ease-in-out, opacity .2s ease-in-out;
    border: 1px solid #c8ccd9;
    border-radius: 3px
}

.b-basket .basket-list .select-count .drop-down .drop-down-item {
    display: block;
    width: 100%;
    text-align: left;
    cursor: pointer
}

.b-basket .basket-list .select-count .drop-down .drop-down-item:hover {
    color: #e5001c
}

.b-basket .basket-list .select-count .drop-down .drop-down-item + .drop-down-item {
    margin-top: 10px
}

.b-basket .basket-list .select-count.open .fa {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.b-basket .basket-list .select-count.open .drop-down {
    visibility: visible;
    opacity: 1;
    top: 100%
}

.b-basket .basket-list .price {
    color: #858b9f
}

.b-basket .basket-list .price, .b-basket .basket-list .total-price {
    font-weight: 500;
    white-space: nowrap
}

.b-basket .basket-list .group-control {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -11px
}

.b-basket .basket-list .group-title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 42px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 20px -15px 0;
    font: normal 500 16px Roboto, sans-serif;
    line-height: 1;
    letter-spacing: inherit;
    color: #1e232e;
    border-bottom: 1px solid #c8ccd9
}

.b-basket .basket-table .group-title {
    margin-top: 0;
    font-size: 14px;
    border-bottom: 1px solid #c8ccd9
}

.b-basket .basket-bottom .basket-submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 30px
}

.b-basket .basket-bottom .basket-submit .total .title {
    color: #4b5166;
    margin-bottom: 5px
}

.b-basket .basket-bottom .basket-submit .total .price {
    font-weight: 500;
    color: #1e232e;
    font-size: 1.714em;
    white-space: nowrap
}

.b-basket .basket-checkout {
    padding: 0 20px;
    color: #4b5166;
    font-size: 1.143em
}

.b-basket .basket-checkout .checkout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0
}

.b-basket .basket-checkout .checkout .f-label {
    margin-bottom: 0
}

.b-basket .basket-time {
    padding: 0 30px;
    max-width: 30%
}

.b-basket .basket-time .title {
    margin-left: 20px;
    line-height: 1.71;
    color: #4b5166
}

.b-orders {
    font-size: 1.4em
}

.b-orders .orders-submenu {
    padding-bottom: 5px
}

.b-orders .orders-submenu nav {
    float: left
}

.b-orders .orders-submenu nav .item {
    float: left;
    padding: 0;
    height: auto
}

.b-orders .orders-submenu nav .item a, .b-orders .orders-submenu nav .item button {
    position: relative;
    display: block;
    margin: 0 30px 10px 0;
    font-size: 16px;
    line-height: 1.4;
    white-space: nowrap;
    border-bottom: 3px solid #e4e4e2;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.b-orders .orders-submenu nav .item a:hover, .b-orders .orders-submenu nav .item button:hover {
    border-color: #efbabc;
    color: #27556f
}

.b-orders .orders-submenu nav .item a.active, .b-orders .orders-submenu nav .item button.active {
    border-color: #e67a7d;
    color: #363636
}

.b-orders .orders-submenu .balance-modal-btn {
    float: right;
    font-size: 1.05em;
    line-height: 1.2;
    border: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    cursor: pointer
}

.b-orders .orders-submenu .balance-modal-btn:hover {
    opacity: 1
}

.b-orders .personal-account-tools {
    padding-left: 10px;
    width: 100%;
    box-sizing: border-box
}

.b-orders .personal-account-group {
    margin-left: 0
}

.b-orders .personal-account-cal {
    margin-right: 25px
}

.b-orders .personal-account-holder {
    padding-bottom: 0
}

.b-orders .order-product-top.bordered {
    padding-bottom: 5px;
    border-bottom: 1px dashed #c9d2db
}

.b-orders .order-product-art a, .b-orders .order-product-date {
    margin-left: 4px
}

.b-orders .order-product-office {
    margin: 0 8px
}

.b-orders .order-product-price.red {
    font-size: 1.2em;
    color: #c54141
}

.b-orders .order-product-item.total {
    padding-top: 0
}

.b-orders .order-product-article {
    text-transform: uppercase
}

.b-orders .sap-sales-order-id {
    text-transform: uppercase;
    color: #bbb;
    margin-left: 5px
}

.b-orders .order-product-item .g-add-to-notepad {
    margin-left: 10px
}

.b-orders .order-product-item .add-to-journal {
    float: left;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    display: block;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/note.png) no-repeat 0 -21px;
    cursor: pointer;
    background-position: -42px -21px
}

.b-orders .order-product-item .add-to-journal:hover {
    background-position: -42px 0
}

.b-orders .b-orders-filter .show-modal-date-range {
    cursor: pointer
}

.b-orders .b-orders-filter-rows .item, .b-orders .b-orders-filter-rows .label, .b-orders .b-orders-pagination .item, .b-orders .b-orders-pagination .label {
    background-color: transparent
}

.b-orders .b-orders-filter-rows .item, .b-orders .b-orders-pagination .item {
    display: inline-block;
    padding: 0 5px;
    margin: 0 4px;
    font-size: 1.2em;
    color: #256892;
    border: 0;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    cursor: pointer
}

.b-orders .b-orders-filter-rows .item:hover, .b-orders .b-orders-pagination .item:hover {
    color: #c54141
}

.b-orders .b-orders-filter-rows .item.active, .b-orders .b-orders-pagination .item.active {
    color: gray;
    background: rgba(0, 0, 0, .06);
    cursor: default
}

.b-order-success {
    font-size: 14px
}

.b-order-success .balance-tab-image {
    display: block
}

.b-order-success .balance-tabs-holder li a {
    color: inherit
}

.b-order-success .order-info {
    padding: 40px;
    background-color: #f3f4f7;
    color: #1e232e
}

.b-order-success .order-info .h1 {
    margin-bottom: 30px
}

.b-order-success .order-info .h1 .icon {
    margin-right: 15px
}

.b-order-success .order-info .text {
    font-size: 1.143em;
    line-height: 1.5
}

.b-order-success .order-info .separate {
    width: 100%;
    height: 1px;
    margin: 30px 0;
    background-color: #c8ccd9
}

.b-order-success .side-info {
    padding: 40px 30px 35px;
    background: #f3f4f7
}

.b-order-success .side-info .h1 {
    margin-bottom: 30px
}

.b-order-success .side-info .h1 .icon {
    margin-right: 15px
}

.b-order-success .side-info .text {
    line-height: 1.714em;
    letter-spacing: -.15px
}

.b-order-success .side-info .separate {
    width: 100%;
    height: 1px;
    background-color: #c8ccd9;
    margin: 50px 0 30px
}

.b-order-success .side-info .user-balance {
    margin-bottom: 25px
}

.b-order-success .side-info .user-balance .balance {
    float: left
}

.b-order-success .side-info .user-balance .value {
    float: right
}

@media (max-width: 767px) {
    .b-order-success .order-info {
        background-color: transparent;
        padding-left: 0;
        padding-right: 0
    }
}

.Select {
    position: relative
}

.Select, .Select div, .Select input, .Select span {
    box-sizing: border-box
}

.Select.is-disabled > .Select-control {
    background-color: #f9f9f9
}

.Select.is-disabled > .Select-control:hover {
    box-shadow: none
}

.Select.is-disabled .Select-arrow-zone {
    cursor: default;
    pointer-events: none;
    opacity: .35
}

.Select-control {
    background-color: #fff;
    border-color: #d9d9d9 #ccc #b3b3b3;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #333;
    cursor: default;
    display: table;
    border-spacing: 0;
    border-collapse: separate;
    height: 36px;
    outline: none;
    overflow: hidden;
    position: relative;
    width: 100%
}

.Select-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, .06)
}

.Select-control .Select-input:focus {
    outline: none
}

.is-searchable.is-open > .Select-control {
    cursor: text
}

.is-open > .Select-control {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: #fff;
    border-color: #b3b3b3 #ccc #d9d9d9
}

.is-open > .Select-control .Select-arrow {
    top: -2px;
    border-color: transparent transparent #999;
    border-width: 0 5px 5px
}

.is-searchable.is-focused:not(.is-open) > .Select-control {
    cursor: text
}

.is-focused:not(.is-open) > .Select-control {
    border-color: #007eff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 3px rgba(0, 126, 255, .1)
}

.Select--single > .Select-control .Select-value, .Select-placeholder {
    bottom: 0;
    color: #aaa;
    left: 0;
    line-height: 34px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    right: 0;
    top: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label, .has-value.Select--single > .Select-control .Select-value .Select-value-label {
    color: #333
}

.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label, .has-value.Select--single > .Select-control .Select-value a.Select-value-label {
    cursor: pointer;
    text-decoration: none
}

.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover, .has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus, .has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover {
    color: #007eff;
    outline: none;
    text-decoration: underline
}

.Select-input {
    height: 34px;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle
}

.Select-input > input {
    width: 100%;
    background: none transparent;
    border: 0 none;
    box-shadow: none;
    cursor: default;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    outline: none;
    line-height: 14px;
    padding: 8px 0 12px;
    -webkit-appearance: none
}

.is-focused .Select-input > input {
    cursor: text
}

.has-value.is-pseudo-focused .Select-input {
    opacity: 0
}

.Select-control:not(.is-searchable) > .Select-input {
    outline: none
}

.Select-loading-zone {
    cursor: pointer;
    display: table-cell;
    text-align: center
}

.Select-loading, .Select-loading-zone {
    position: relative;
    vertical-align: middle;
    width: 16px
}

.Select-loading {
    -webkit-animation: Select-animation-spin .4s infinite linear;
    animation: Select-animation-spin .4s infinite linear;
    height: 16px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid #ccc;
    border-right-color: #333;
    display: inline-block
}

.Select-clear-zone {
    -webkit-animation: Select-animation-fadeIn .2s;
    animation: Select-animation-fadeIn .2s;
    color: #999;
    cursor: pointer;
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 17px
}

.Select-clear-zone:hover {
    color: #d0021b
}

.Select-clear {
    display: inline-block;
    font-size: 18px;
    line-height: 1
}

.Select--multi .Select-clear-zone {
    width: 17px
}

.Select-arrow-zone {
    cursor: pointer;
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 25px;
    padding-right: 5px
}

.Select-arrow {
    border-color: #999 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 2.5px;
    display: inline-block;
    height: 0;
    width: 0;
    position: relative
}

.is-open .Select-arrow, .Select-arrow-zone:hover > .Select-arrow {
    border-top-color: #666
}

.Select--multi .Select-multi-value-wrapper {
    display: inline-block
}

.Select .Select-aria-only {
    display: inline-block;
    height: 1px;
    width: 1px;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    float: left
}

@-webkit-keyframes Select-animation-fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes Select-animation-fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.Select-menu-outer {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top-color: #e6e6e6;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
    box-sizing: border-box;
    margin-top: -1px;
    max-height: 200px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1;
    -webkit-overflow-scrolling: touch
}

.Select-menu {
    max-height: 198px;
    overflow-y: auto
}

.Select-option {
    box-sizing: border-box;
    background-color: #fff;
    color: #666;
    cursor: pointer;
    display: block;
    padding: 8px 10px
}

.Select-option:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.Select-option.is-selected {
    background-color: #f5faff;
    background-color: rgba(0, 126, 255, .04);
    color: #333
}

.Select-option.is-focused {
    background-color: #ebf5ff;
    background-color: rgba(0, 126, 255, .08);
    color: #333
}

.Select-option.is-disabled {
    color: #ccc;
    cursor: default
}

.Select-noresults {
    box-sizing: border-box;
    color: #999;
    cursor: default;
    display: block;
    padding: 8px 10px
}

.Select--multi .Select-input {
    vertical-align: middle;
    margin-left: 10px;
    padding: 0
}

.Select--multi.has-value .Select-input {
    margin-left: 5px
}

.Select--multi .Select-value {
    background-color: #ebf5ff;
    background-color: rgba(0, 126, 255, .08);
    border-radius: 2px;
    border: 1px solid #c2e0ff;
    border: 1px solid rgba(0, 126, 255, .24);
    color: #007eff;
    display: inline-block;
    font-size: .9em;
    line-height: 1.4;
    margin-left: 5px;
    margin-top: 5px;
    vertical-align: top
}

.Select--multi .Select-value-icon, .Select--multi .Select-value-label {
    display: inline-block;
    vertical-align: middle
}

.Select--multi .Select-value-label {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    cursor: default;
    padding: 2px 5px
}

.Select--multi a.Select-value-label {
    color: #007eff;
    cursor: pointer;
    text-decoration: none
}

.Select--multi a.Select-value-label:hover {
    text-decoration: underline
}

.Select--multi .Select-value-icon {
    cursor: pointer;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    border-right: 1px solid #c2e0ff;
    border-right: 1px solid rgba(0, 126, 255, .24);
    padding: 1px 5px 3px
}

.Select--multi .Select-value-icon:focus, .Select--multi .Select-value-icon:hover {
    background-color: #d8eafd;
    background-color: rgba(0, 113, 230, .08);
    color: #0071e6
}

.Select--multi .Select-value-icon:active {
    background-color: #c2e0ff;
    background-color: rgba(0, 126, 255, .24)
}

.Select--multi.is-disabled .Select-value {
    background-color: #fcfcfc;
    border: 1px solid #e3e3e3;
    color: #333
}

.Select--multi.is-disabled .Select-value-icon {
    cursor: not-allowed;
    border-right: 1px solid #e3e3e3
}

.Select--multi.is-disabled .Select-value-icon:active, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:hover {
    background-color: #fcfcfc
}

@keyframes Select-animation-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes Select-animation-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

.b-create-order .payments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 51px
}

.b-create-order .customer-info .f-element {
    -webkit-box-flex: 35%;
    -ms-flex: 35%;
    flex: 35%;
    overflow: hidden
}

.b-create-order .customer-info .f-element .f-control-static {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.b-create-order .customer-info .f-element + .f-element {
    -webkit-box-flex: 30%;
    -ms-flex: 30%;
    flex: 30%
}

.b-create-order .customer-info .f-element + .f-element + .f-element {
    -webkit-box-flex: 35%;
    -ms-flex: 35%;
    flex: 35%
}

.b-create-order .select-car .f-row-title {
    height: 59px;
    line-height: 59px
}

.b-create-order .select-car .car {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 59px;
    padding-right: 40px
}

.b-create-order .select-car .car .close {
    position: absolute;
    right: 15px;
    font-size: 20px
}

.b-create-order .select-car .car .info {
    width: 100%;
    padding-right: 30px
}

.b-create-order .select-car .car .name {
    width: 100%;
    font: normal 500 16px Roboto, sans-serif;
    line-height: 1;
    letter-spacing: inherit;
    color: #1e232e;
    margin-bottom: 15px;
    margin-right: 60px;
    overflow: hidden;
    text-overflow: ellipsis
}

.b-create-order .select-car .car .vin {
    font: normal normal 14px Roboto, sans-serif;
    line-height: 1;
    letter-spacing: inherit;
    color: #4b5166
}

.b-create-order .select-car .car .image {
    width: 117px;
    height: 59px;
    text-align: center;
    margin-right: 30px
}

.b-create-order .select-car .car .image img {
    max-width: 100%;
    max-height: 100%
}

.b-create-order .order-list-header {
    margin-bottom: 40px
}

.b-create-order .order-list .h1 {
    line-height: 44px;
    margin-bottom: 0
}

.b-create-order .order-table {
    margin-bottom: 30px
}

.b-create-order .order-table-header {
    height: 30px;
    font: normal normal 14px Roboto, sans-serif;
    color: #4b5166
}

.b-create-order .order-table-header, .b-create-order .order-table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #c8ccd9;
    line-height: 1.2;
    letter-spacing: inherit
}

.b-create-order .order-table-row {
    padding: 22px 0;
    font: normal normal 16px Roboto, sans-serif;
    color: #1e232e
}

.b-create-order .order-table .order-table-group .order-table-group-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 42px;
    font: normal 500 16px Roboto, sans-serif;
    line-height: 1;
    letter-spacing: inherit;
    color: #1e232e
}

.b-create-order .order-table .order-table-group .order-table-group .order-table-group-title {
    font-size: 14px;
    border-bottom: 1px solid #c8ccd9
}

.b-create-order .order-table .name {
    width: 15.75%
}

.b-create-order .order-table .description {
    width: 43.25%
}

.b-create-order .order-table .delivery {
    width: 8.55%;
    text-align: right
}

.b-create-order .order-table .amount {
    width: 11.96%;
    text-align: right
}

.b-create-order .order-table .price {
    width: 9.57%;
    text-align: right
}

.b-create-order .order-table .promo-price {
    text-align: right
}

.b-create-order .order-table .total {
    width: 9.92%;
    text-align: right
}

.b-create-order .order-table-col.name {
    font-weight: 500
}

.b-create-order .order-table-col.amount, .b-create-order .order-table-col.delivery {
    text-align: right
}

.b-create-order .order-table-col.price, .b-create-order .order-table-col.promo-price {
    text-align: right;
    font-weight: 500;
    color: #858b9f;
    white-space: nowrap
}

.b-create-order .order-table-col.total {
    text-align: right;
    font-weight: 500;
    white-space: nowrap
}

.b-create-order .order-table.with-promo-price .promo-price {
    width: 9.57%
}

.b-create-order .order-table.with-promo-price .description {
    width: 33.68%
}

.b-create-order .comment-form {
    position: relative;
    width: 100%;
    height: 100%
}

.b-create-order .comment-form .close {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 16px
}

.b-create-order .comment-form .f-element-textarea {
    font-size: 16px;
    padding: 10px;
    border: 0;
    height: 100%;
    width: 100%
}

.b-create-order .comment-form textarea {
    resize: none
}

.b-create-order .order-agreement {
    font: normal normal 16px Roboto, sans-serif;
    line-height: 1.2;
    letter-spacing: inherit;
    color: #4b5166
}

.b-create-order .order-bottom-block .order-submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 28px 0 22px
}

.b-create-order .order-bottom-block .order-submit .order-total-price .title {
    margin-bottom: 12px;
    font: normal normal 14px Roboto, sans-serif;
    line-height: 1;
    letter-spacing: inherit;
    color: #4b5166
}

.b-create-order .order-bottom-block .order-submit .order-total-price .price {
    font: normal 500 24px Roboto, sans-serif;
    line-height: 1;
    letter-spacing: inherit;
    color: #1e232e
}

@media (max-width: 767px) {
    .b-create-order .f-row {
        display: block
    }

    .b-create-order .f-row .f-element {
        margin-bottom: 30px
    }

    .b-create-order .f-row .customer-info {
        display: block;
        margin-top: 30px
    }

    .b-create-order .f-row .customer-info .f-element {
        border-radius: 3px
    }

    .b-create-order .f-row .customer-info .f-element + .f-element {
        border-left: 1px solid #c8ccd9
    }

    .b-create-order .f-row.select-car .g-button {
        width: 100%;
        background-color: #f3f4f7
    }

    .b-create-order .order-list .order-list-header {
        margin-bottom: 0
    }

    .b-create-order .order-list .order-list-header .g-button {
        background-repeat: no-repeat;
        background-position: 50%;
        width: 44px;
        height: 44px;
        background-image: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/comment.png);
        text-indent: -9999px;
        overflow: hidden
    }

    .b-create-order .order-list .order-bottom-block {
        display: block
    }

    .b-create-order .order-list .order-bottom-block .order-comment, .b-create-order .order-list .order-bottom-block .order-promo {
        border-radius: 3px;
        border: 1px solid #c8ccd9
    }

    .b-create-order .order-list .order-bottom-block .order-promo {
        margin: 15px 0
    }

    .b-create-order .order-list .order-bottom-block .order-submit {
        border: none;
        display: block;
        padding: 30px 0 0;
        height: auto
    }

    .b-create-order .order-list .order-bottom-block .order-submit .order-total-price {
        width: 100%;
        border-bottom: 1px solid #c8ccd9;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 30px;
        padding-bottom: 30px
    }

    .b-create-order .order-list .order-bottom-block .order-submit .order-submit-button {
        width: 100%
    }

    .b-create-order .order-table .order-table-body .order-table-group .order-table-group-title, .b-create-order .order-table .order-table-header {
        display: none
    }

    .b-create-order .order-table .order-table-body .order-table-group .order-table-row {
        display: block
    }

    .b-create-order .order-table .order-table-body .order-table-group .order-table-row .description, .b-create-order .order-table .order-table-body .order-table-group .order-table-row .name {
        width: 100%
    }

    .b-create-order .order-table .order-table-body .order-table-group .order-table-row .name {
        margin-bottom: 10px
    }

    .b-create-order .order-table .order-table-body .order-table-group .order-table-row .description {
        margin-bottom: 20px
    }

    .b-create-order .order-table .order-table-body .order-table-group .order-table-row .amount, .b-create-order .order-table .order-table-body .order-table-group .order-table-row .delivery, .b-create-order .order-table .order-table-body .order-table-group .order-table-row .price, .b-create-order .order-table .order-table-body .order-table-group .order-table-row .total {
        display: inline-block
    }

    .b-create-order .order-table .order-table-body .order-table-group .order-table-row .delivery {
        width: 15.5%;
        text-align: left
    }

    .b-create-order .order-table .order-table-body .order-table-group .order-table-row .amount {
        margin-left: 15%;
        width: 10%;
        white-space: nowrap
    }

    .b-create-order .order-table .order-table-body .order-table-group .order-table-row .price {
        width: 10%
    }

    .b-create-order .order-table .order-table-body .order-table-group .order-table-row .price:before {
        content: "x";
        padding: 0 10px
    }

    .b-create-order .order-table .order-table-body .order-table-group .order-table-row .total {
        width: 49.5%;
        text-align: right
    }
}

.b-balance {
    font-size: 1.4em
}

.b-balance .balance-tab-content-wrap {
    position: relative;
    max-height: 0;
    border: 1px solid #cfcfcf;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
    overflow: hidden;
    margin-bottom: 20px;
    display: inline-block;
    opacity: 0;
    -webkit-transition: opacity .3s, max-height .2s;
    transition: opacity .3s, max-height .2s
}

.b-balance .balance-tab-content-wrap.active {
    opacity: 1;
    max-height: 300px
}

.b-balance .balance-tab-content {
    overflow: hidden;
    display: block;
    border: none;
    box-shadow: none;
    margin-bottom: 0;
    background: #fff;
    -webkit-transition: max-height .2s, -webkit-transform .3s;
    transition: max-height .2s, -webkit-transform .3s;
    transition: transform .3s, max-height .2s;
    transition: transform .3s, max-height .2s, -webkit-transform .3s
}

.b-balance .vertical-run-enter {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.b-balance .vertical-run-enter.vertical-run-enter-active, .b-balance .vertical-run-leave {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.b-balance .vertical-run-leave {
    padding-top: 20px;
    padding-bottom: 20px
}

.b-balance .vertical-run-leave.vertical-run-leave-active {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    padding-top: 0;
    padding-bottom: 0;
    -webkit-transition: max-height .2s, -webkit-transform .2s;
    transition: max-height .2s, -webkit-transform .2s;
    transition: transform .2s, max-height .2s;
    transition: transform .2s, max-height .2s, -webkit-transform .2s
}

.b-balance .vertical-run-enter + .vertical-run-leave {
    top: 0;
    position: absolute
}

.b-balance .vertical-run-enter + .vertical-run-leave.vertical-run-leave-active {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.b-balance .balances {
    margin: -10px -10px 0;
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.b-balance .balances .balance-holder {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: block;
    min-width: 250px;
    margin: 10px;
    box-sizing: border-box;
    font-size: 14px;
    vertical-align: top
}

.b-balance .balances .balance-holder p {
    line-height: 1.2
}

.b-balance .balances.only .balance-holder {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.b-balance .balance-amount .balance-holder {
    display: block;
    margin-top: 10px
}

.b-balance .balance-amount .balance-holder p {
    display: inline-block;
    margin-bottom: 0
}

.b-balance .balance-tabs-holder li.disabled {
    position: relative;
    cursor: no-drop
}

.b-balance .balance-tabs-holder li.disabled .balance-tab-image {
    position: relative
}

.b-balance .balance-tabs-holder li.disabled .balance-tab-image:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: hsla(0, 0%, 73%, .5);
    border-radius: 8px
}

.b-balance .card-disabled-message {
    display: block;
    float: none;
    clear: both;
    color: #c54141
}

.b-garage {
    position: relative;
    font-size: 14px
}

.b-garage .garage-page {
    position: relative;
    padding-top: 0;
    margin-top: 20px
}

.b-garage .plus-link {
    right: 0;
    bottom: 100%;
    margin-bottom: 0;
    border: none;
    color: #256892;
    font-size: 14px;
    -webkit-transition: color .3s;
    transition: color .3s;
    outline: none;
    cursor: pointer
}

.b-garage .plus-link:hover {
    color: #c54141
}

.b-garage .b-tabs .ReactTabs__TabPanel {
    padding: 0;
    background: transparent
}

.b-garage-add-car {
    font-size: 14px
}

.b-garage-add-car .club-profile {
    max-width: 430px
}

.b-garage-add-car .reg-row-title {
    max-width: 210px
}

.b-garage-add-car .reg-row-input {
    max-width: 210px;
    position: relative
}

.b-garage-add-car .reg-row-input .g-tip-wrapper, .b-garage-add-car .reg-row-input input {
    vertical-align: middle
}

.b-garage-add-car .b-tabs .ReactTabs__TabPanel {
    padding: 20px 0 0;
    background: none
}

.b-garage-add-car .b-tabs .ReactTabs__TabPanel .ReactTabs__TabPanel {
    padding-top: 0
}

.b-garage-add-car .catalog-view, .b-garage-add-car .catalog-view button {
    font-size: 10px
}

.b-garage-add-car .catalog-view .car-details-holder {
    width: 100%;
    max-width: 340px;
    pointer-events: none;
    box-sizing: border-box;
    margin-right: 0
}

.b-garage-add-car .catalog-view .add-car-of-catalog {
    max-width: 340px;
    overflow: hidden
}

.b-garage-add-car .catalog-view .add-car-of-catalog button {
    float: right;
    width: auto;
    margin: 20px 0 0;
    font-size: 14px
}

.b-garage-car {
    font-size: 14px
}

.b-garage-car .write-comment-holder .comment-span, .b-garage-car .write-comment-holder .phone-span {
    outline: none;
    font-size: 14px;
    background-color: transparent;
    cursor: pointer
}

.b-garage-car .write-comment-holder .comment-span {
    border: none
}

.b-garage-car .write-comment-holder.show .write-comment {
    display: block;
    top: 20px;
    visibility: visible;
    opacity: 1;
    z-index: 1
}

.b-garage-car-edit, .b-garage-car-info {
    font-size: 14px
}

.b-garage-menu {
    position: relative
}

.b-garage-menu .title {
    font-size: 18px;
    line-height: 1;
    color: #1e232e;
    margin-bottom: 20px;
    height: 20px
}

.b-garage-menu .title .count {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    text-align: center;
    line-height: 20px;
    vertical-align: middle;
    border-radius: 50%;
    font-size: 10px;
    color: #fff;
    background: #163970
}

.b-garage-menu .holder {
    cursor: pointer;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.b-garage-menu .holder .garage {
    overflow: hidden;
    height: 70px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #c8ccd9;
    background: #fff;
    padding: 0 0 0 20px;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    cursor: pointer
}

.b-garage-menu .holder .garage:active {
    cursor: pointer
}

.b-garage-menu .holder .garage:hover {
    background-color: #fcfcfc
}

.b-garage-menu .holder .label {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    white-space: nowrap;
    padding-right: 30px;
    max-width: 100%
}

.b-garage-menu .holder .label > * {
    text-overflow: ellipsis
}

.b-garage-menu .holder .car .label {
    font-weight: 500;
    color: #1e232e
}

.b-garage-menu .holder .garage-car-icon:after, .b-garage-menu .holder .garage-icon:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.b-garage-menu .holder .garage-icon {
    display: inline-block;
    width: 100%;
    color: #4b5166;
    padding: 0 0 0 39px;
    font-size: 1.143em;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9IiMxRTIzMkUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTIzIDBIMWExIDEgMCAwIDAtMSAxdjIyYTEgMSAwIDAgMCAyIDBWMmgyMHYyMWExIDEgMCAwIDAgMiAwVjFhMSAxIDAgMCAwLTEtMSIvPgogICAgICAgIDxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIyIiB4PSI0IiB5PSI0IiByeD0iMSIvPgogICAgICAgIDxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIyIiB4PSI0IiB5PSI4IiByeD0iMSIvPgogICAgICAgIDxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIyIiB4PSI0IiB5PSIxMiIgcng9IjEiLz4KICAgICAgICA8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMiIgeD0iNCIgeT0iMTYiIHJ4PSIxIi8+CiAgICAgICAgPHJlY3Qgd2lkdGg9IjYiIGhlaWdodD0iMiIgeD0iOSIgeT0iMjAiIHJ4PSIxIi8+CiAgICA8L2c+Cjwvc3ZnPgo=) no-repeat
}

.b-garage-menu .holder .garage-icon:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -2px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #1e232e
}

.b-garage-menu .holder .garage-car-icon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0iYSIgZD0iTTguMDIzIDE0SDBWMEgxNi4wNDd2MTR6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9IiMxRTIzMkUiIGQ9Ik0yMyAwSDFhMSAxIDAgMCAwLTEgMXYyMmExIDEgMCAwIDAgMiAwVjJoMjB2MjFhMSAxIDAgMCAwIDIgMFYxYTEgMSAwIDAgMC0xLTEiLz4KICAgICAgICA8cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIyIiB4PSI5IiB5PSI0IiBmaWxsPSIjMUUyMzJFIiByeD0iMSIvPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgMTApIj4KICAgICAgICAgICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMxRTIzMkUiIGQ9Ik0zLjg2OCAyaDguMzExbC45NDIgM0gyLjkyNWwuOTQzLTN6bS0xLjg0NSA5aDEyVjdoLTEydjR6bTE0IC4xMzNWNi44NjdjMC0uMDQ0LjAwNS0uMDk2LjAxLS4xNTEuMDI0LS4zNzIuMDY0LS45MzQtLjMzLTEuMzU1YTEuMTIxIDEuMTIxIDAgMCAwLS40Ni0uMjg1TDE0LjAyIDEuMTg5QzEzLjgwMi41IDEzLjEzIDAgMTIuNDIzIDBIMy42MjRjLS43MDcgMC0xLjM3OS41LTEuNTk5IDEuMTkyTC44MDUgNS4wNzZjLS4xNzMuMDYtLjMzMy4xNDgtLjQ2LjI4NS0uMzk1LjQyMS0uMzU2Ljk4My0uMzMgMS4zNTUuMDAzLjA1NS4wMDguMTA3LjAwOC4xNTF2NC4yNjZjMCAuMDQ0LS4wMDUuMDk2LS4wMDkuMTUxLS4wMjUuMzcyLS4wNjQuOTM0LjMzIDEuMzU1LjE4LjE5My40MjEuMjk0LjY4LjMyOVYxM2ExIDEgMCAwIDAgMSAxaDFhMSAxIDAgMCAwIDEtMWg4YTEgMSAwIDAgMCAxIDFoMWExIDEgMCAwIDAgMS0xdi0uMDMyYy4yNTgtLjAzNS41LS4xMzYuNjgtLjMyOS4zOTMtLjQyMS4zNTMtLjk4My4zMjgtMS4zNTUtLjAwNC0uMDU1LS4wMDktLjEwNy0uMDA5LS4xNTF6IiBtYXNrPSJ1cmwoI2IpIi8+CiAgICAgICAgPC9nPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0xNi4zNTcgMTguNWEuODM1LjgzNSAwIDAgMCAwIDEuNjY3LjgzNS44MzUgMCAwIDAgMC0xLjY2N003LjY5IDE4LjVhLjgzNS44MzUgMCAxIDAgLjgzMy44MzQuODM1LjgzNSAwIDAgMC0uODMyLS44MzQiLz4KICAgIDwvZz4KPC9zdmc+Cg==) no-repeat;
    padding-left: 39px;
    font-size: 1.143em;
    color: #4b5166;
    display: inline-block;
    line-height: 24px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 7px
}

.b-garage-menu .holder .garage-car-icon:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #1e232e
}

.b-garage-menu .garage-dropdown {
    float: right
}

.b-garage-menu .function-arrow i {
    margin-left: 0
}

.b-garage-menu .drop .garage-icon .garage-car-icon:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.b-garage-preview {
    border-radius: 3px;
    border: 1px solid #c8ccd9;
    background: #fff;
    display: block;
    position: absolute;
    z-index: 20;
    visibility: hidden;
    top: 65px;
    right: 0;
    width: 670px;
    will-change: transform;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.b-garage-preview .header {
    width: 100%;
    margin-bottom: 5px;
    background-color: #fcfcfc;
    height: 67px
}

.b-garage-preview .header button {
    color: #4c5267;
    cursor: pointer;
    -webkit-transition: color .3s;
    transition: color .3s;
    font-size: 1.143em;
    font-weight: 500;
    width: 50%;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #c8ccd9;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    height: 67px;
    vertical-align: middle
}

.b-garage-preview .header button + button {
    border-left: 1px solid #c8ccd9
}

.b-garage-preview .header button:hover {
    color: rgba(76, 82, 103, .8);
    background-color: #fff
}

.b-garage-preview .header button.active {
    background-color: #fff;
    border-bottom: none;
    color: #4c5267
}

.b-garage-preview .header .count {
    position: absolute;
    right: 30%;
    top: 21px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    font-size: .714em;
    color: #fff;
    background: #163970
}

.b-garage-preview .body .empty {
    line-height: 50px;
    padding: 25px 40px 50px 30px;
    color: #4c5267
}

.b-garage-preview .body .empty .text {
    font-size: 1.143em
}

.b-garage-preview .body .empty .button {
    float: right
}

.b-garage-preview .body .link {
    color: #256892;
    margin-right: 5px;
    font-size: 1em;
    cursor: pointer;
    -webkit-transition: color .3s;
    transition: color .3s
}

.b-garage-preview .body .link:hover {
    color: #c54141
}

.b-garage-preview.open {
    top: 120px;
    opacity: 1;
    visibility: visible
}

.b-garage-preview .add-car, .b-garage-preview .add-garage {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 33px;
    height: 33px;
    background: #69c6a0;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 11px;
    border-radius: 2px
}

.b-garage-preview .add-car:hover, .b-garage-preview .add-garage:hover {
    background: #58b992;
    color: #fff
}

.b-garage-preview .car-row .add-garage {
    width: 100%;
    max-width: 190px
}

.b-garage-preview .list .car-wrapper {
    position: relative
}

.b-garage-preview .list .car-wrapper .additional-controls {
    position: absolute;
    right: 30px;
    top: 50%;
    height: 15px;
    width: 15px;
    margin-top: -8px;
    color: rgba(200, 204, 217, .7);
    font-size: 1.286em;
    -webkit-transition: color .2s .03s;
    transition: color .2s .03s
}

.b-garage-preview .list .car-wrapper .additional-controls:hover {
    color: #c8ccd9
}

.b-garage-preview .list .car-wrapper.selected .additional-controls {
    color: #fff;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    display: inline-block;
    border-radius: 50%;
    background: #163970;
    text-align: center;
    font-size: .8em
}

.b-garage-preview .list .car-wrapper.selected .additional-controls:hover {
    color: #fff
}

.b-garage-preview .list .b-car-list > .item {
    position: relative;
    display: block;
    width: 100%;
    border-bottom: 1px solid #c8ccd9;
    text-align: left
}

.b-garage-preview .list .b-car-list .b-car-card {
    position: relative;
    cursor: pointer;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.b-garage-preview .list .b-car-list .b-car-card + .b-car-card {
    border-top: 1px solid #c8ccd9
}

.b-garage-preview .list .b-car-list .b-car-card:hover {
    background-color: #fcfcfc
}

.b-garage-preview .b-garage-links {
    border-top: 1px solid #c8ccd9;
    padding: 30px
}

.b-garage-preview .b-garage-links .item + .item {
    margin-top: 20px
}

.b-garage-preview .b-garage-links .item .link {
    color: #1e232e;
    font-size: 1.143em;
    text-decoration: none;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.b-garage-preview .b-garage-links .item .link:hover {
    color: rgba(30, 35, 46, .8)
}

.b-garage-preview .b-car-links {
    padding: 30px
}

.b-garage-preview .b-car-links .g-button .fa {
    margin-right: 10px
}

.b-garage-preview .b-car-links .g-button + .g-button {
    margin-left: 30px
}

.b-garage-preview .b-add-car {
    width: 100%;
    padding: 30px 40px;
    border-top: 0
}

@media (max-width: 767px) {
    .b-garage-menu {
        margin-bottom: 15px
    }

    .b-garage-horizontal-widget.row {
        margin-bottom: 0
    }

    .b-garage-horizontal-widget.row .car .title .name {
        max-width: 70%
    }

    .b-garage-preview {
        width: 100%
    }

    .b-garage-preview .b-car-card {
        padding: 25px 25px 0
    }

    .b-garage-preview .b-car-card .image {
        width: 120px;
        height: 80px;
        text-align: center
    }

    .b-garage-preview .b-car-card .info {
        margin-left: 20px;
        width: calc(100% - 140px)
    }

    .b-garage-preview .b-car-card .info .item, .b-garage-preview .b-car-card .info .model-name {
        max-width: 80%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    .b-garage-preview .base .b-car-card .info .model-name {
        max-width: 100%;
        display: block
    }

    .b-garage-preview .b-car-links {
        padding: 30px 25px
    }

    .b-garage-preview .b-car-links .g-button {
        width: 51px;
        padding: 0;
        vertical-align: middle
    }

    .b-garage-preview .b-car-links .g-button.info {
        width: auto;
        padding: 0 20px
    }

    .b-garage-preview .b-car-links .g-button + .g-button {
        margin-left: 10px;
        font-size: 1em
    }

    .b-garage-preview .b-car-links .g-button span {
        display: none
    }

    .b-garage-preview .b-car-links .g-button .fa, .b-garage-preview .b-car-links .g-button .icon {
        margin: 0;
        line-height: 49px
    }

    .b-garage-preview .b-car-links .g-button .fa {
        vertical-align: top
    }

    .b-garage-preview .b-garage-links {
        padding: 15px 25px
    }

    .b-garage-preview .b-garage-links .item {
        border-bottom: 1px solid #c8ccd9;
        padding-bottom: 15px
    }

    .b-garage-preview .header .count {
        right: 30px
    }
}

.b-garage-horizontal-widget {
    margin-bottom: 60px
}

.b-garage-horizontal-widget .select-car .title {
    margin-bottom: 20px;
    color: #1e232e;
    font-size: 18px;
    line-height: 1;
    height: 20px
}

.b-garage-horizontal-widget .select-car .select-panel {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    border: 1px solid #c8ccd9;
    background: #fff
}

.b-garage-horizontal-widget .select-car .f-element-dropdown {
    -webkit-box-flex: 4;
    -ms-flex-positive: 4;
    flex-grow: 4;
    position: static;
    border: none;
    margin-top: 0;
    padding: 5px 0;
    -webkit-box-flex: 25%;
    -ms-flex: 25%;
    flex: 25%;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.b-garage-horizontal-widget .select-car .f-element-dropdown.disabled {
    opacity: .5
}

.b-garage-horizontal-widget .select-car .f-element-dropdown.disabled .f-control {
    cursor: default
}

.b-garage-horizontal-widget .select-car .f-element-dropdown .dropdown-container {
    left: 0;
    right: 0
}

.b-garage-horizontal-widget .select-car .f-element-dropdown .dropdown-container .options {
    max-height: 45vh;
    overflow: auto
}

.b-garage-horizontal-widget .select-car .f-element-dropdown .dropdown-container .options .option {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    margin-bottom: 10px;
    color: #3a3f53;
    padding-right: 10px
}

.b-garage-horizontal-widget .select-car .f-element-dropdown .dropdown-container .options .option:hover {
    color: #e5001c
}

.b-garage-horizontal-widget .select-car .f-element-dropdown.car-mark .dropdown-container {
    left: 0
}

.b-garage-horizontal-widget .select-car .f-element-dropdown.car-mark .dropdown-container .option {
    float: left;
    width: 20%
}

.b-garage-horizontal-widget .select-car .f-element-dropdown.model .dropdown-container .option {
    float: left;
    width: 33%
}

.b-garage-horizontal-widget .select-car .f-element-dropdown + .f-element-dropdown .f-control {
    border-left: 1px solid #c8ccd9
}

.b-garage-horizontal-widget .select-car .f-element-dropdown:hover {
    background-color: #fcfcfc
}

.b-garage-horizontal-widget .select-car .add-car {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 15px
}

.b-garage-horizontal-widget .select-car .add-car .button {
    float: right
}

.b-garage-horizontal-widget .select-car .list {
    border-radius: 3px;
    border: 1px solid #c8ccd9;
    background: #fff
}

.b-garage-horizontal-widget .car .title {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1;
    color: #1e232e
}

.b-garage-horizontal-widget .car .title .name {
    display: inline-block;
    overflow: hidden;
    max-width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle
}

.b-garage-horizontal-widget .car .title .year-label {
    color: #bcc0d0;
    vertical-align: middle
}

.b-garage-horizontal-widget .car .title .remove-car {
    border: none;
    background: none;
    cursor: pointer;
    outline: none;
    color: #bcc0d0;
    margin-left: 10px;
    display: inline-block;
    width: 12px;
    height: 13px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEyIDEzIj4KICAgIDxnIGZpbGw9IiM4NThCOUYiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTEwLjI2My4zMjRMNiA0Ljk3NSAxLjczOC4zMjRBMS4wMDIgMS4wMDIgMCAwIDAgLjI2MyAxLjY3Nmw1IDUuNDU0YS45OTkuOTk5IDAgMCAwIDEuNDc1IDBsNS01LjQ1NEExIDEgMCAwIDAgMTAuMjYzLjMyNHoiLz4KICAgICAgICA8cGF0aCBkPSJNMTAuMjYzIDEyLjEzMUw2IDcuNDhsLTQuMjYyIDQuNjUxYTEuMDAyIDEuMDAyIDAgMCAxLTEuNDc1LTEuMzUybDUtNS40NTRhLjk5OS45OTkgMCAwIDEgMS40NzUgMGw1IDUuNDU0YTEgMSAwIDAgMS0xLjQ3NSAxLjM1MnoiLz4KICAgIDwvZz4KPC9zdmc+Cg==);
    background-repeat: no-repeat
}

.b-garage-horizontal-widget .car .panel {
    border-radius: 3px;
    border: 1px solid #c8ccd9;
    background: #fff;
    margin: 0
}

.b-garage-horizontal-widget .car .panel .image {
    height: 68px;
    text-align: center
}

.b-garage-horizontal-widget .car .panel .image img {
    max-width: 100%;
    max-height: 65px
}

.b-garage-horizontal-widget .car .panel .link {
    position: relative;
    height: 68px;
    line-height: 68px;
    text-decoration: none;
    font-size: 1.143em;
    color: #1e232e;
    vertical-align: middle;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.b-garage-horizontal-widget .car .panel .link:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    bottom: 5px;
    width: 1px;
    background-color: #c8ccd9;
    -webkit-transition: top .3s ease-in-out, bottom .3s ease-in-out;
    transition: top .3s ease-in-out, bottom .3s ease-in-out
}

.b-garage-horizontal-widget .car .panel .link:hover {
    background-color: #fcfcfc
}

.b-garage-horizontal-widget .car .panel .link:hover + .link:before, .b-garage-horizontal-widget .car .panel .link:hover:before {
    top: 0;
    bottom: 0
}

.b-garage-horizontal-widget .car .panel .link span {
    vertical-align: middle
}

.b-garage-horizontal-widget .car .panel .link .fa, .b-garage-horizontal-widget .car .panel .link .icon {
    margin-right: 10px
}

.b-garage-horizontal-widget .car .panel .link .fa-search {
    font-size: 24px;
    vertical-align: middle
}

.b-garage-horizontal-widget .car .panel .link .icon {
    position: relative;
    top: -1px
}

@media (max-width: 767px) {
    .b-garage-horizontal-widget .car {
        margin-bottom: 30px
    }

    .b-garage-horizontal-widget .car .image {
        width: 33%
    }

    .b-garage-horizontal-widget .car .links {
        width: 66%
    }

    .b-garage-horizontal-widget .car .links .link {
        width: 50%;
        line-height: normal;
        padding: 12px 0 0
    }

    .b-garage-horizontal-widget .car .links .link .fa, .b-garage-horizontal-widget .car .links .link .icon {
        margin: 0 auto 10px;
        width: 100%;
        text-align: center
    }

    .b-garage-horizontal-widget .car .links .link .icon {
        background-position: 50%
    }

    .b-garage-horizontal-widget .car .links .link span {
        display: block;
        text-align: center;
        font-size: .625em;
        line-height: normal
    }

    .b-garage-horizontal-widget .select-car {
        margin-bottom: 30px
    }

    .b-garage-horizontal-widget .select-car .select-panel {
        display: block
    }

    .b-garage-horizontal-widget .select-car .select-panel .f-element-dropdown {
        width: 100%
    }

    .b-garage-horizontal-widget .select-car .select-panel .f-element-dropdown + .f-element-dropdown .f-control {
        border-left: none
    }

    .b-garage-horizontal-widget .select-car .select-panel .f-element-dropdown.modification {
        width: 55%;
        display: inline-block;
        margin-bottom: -6px
    }

    .b-garage-horizontal-widget .select-car .select-panel .f-element-dropdown.model {
        border-top: 1px solid #c8ccd9
    }

    .b-garage-horizontal-widget .select-car .select-panel .f-element-dropdown.model.has-value {
        border-bottom: 1px solid #c8ccd9
    }

    .b-garage-horizontal-widget .select-car .select-panel .f-element-dropdown.disabled {
        display: none
    }

    .b-garage-horizontal-widget .select-car .add-car {
        float: right;
        padding-top: 9px
    }

    .b-garage-horizontal-widget .select-car .add-car .disable {
        display: none
    }

    .b-garage-horizontal-widget .select-car .add-car.visible .button {
        display: inline-block
    }
}

@media (max-width: 575px) {
    .b-garage-horizontal-widget .select-car .f-element-dropdown.car-mark .dropdown-container .option {
        width: 33%
    }
}

.b-multi-prices {
    font-size: 14px
}

.b-multi-prices .subtitle {
    margin-bottom: 5px;
    color: #5e7685;
    text-transform: uppercase
}

.b-multi-prices .description {
    padding-top: 20px
}

.b-multi-prices .multi-prices-progress {
    text-align: center
}

.b-multi-prices .status {
    margin-bottom: 15px
}

.b-multi-prices .multi-prices-button {
    display: inline-block;
    height: 32px;
    padding: 0 15px;
    background: #73a2b9;
    border-radius: 2px;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.b-multi-prices .multi-prices-button[disabled] {
    opacity: .5;
    cursor: not-allowed
}

.b-multi-prices .multi-prices-button[disabled]:hover {
    opacity: .5
}

.b-multi-prices .multi-prices-button:hover {
    opacity: .8
}

.b-multi-prices .multi-prices-button:active {
    opacity: 1
}

.b-multi-prices .multi-prices-button.cancel-button {
    border-radius: 0 2px 2px 0;
    background: #c54141
}

.b-multi-prices .list {
    padding-left: 10px;
    margin-bottom: 30px
}

.b-multi-prices .list .item:before {
    content: "-";
    color: #c54141;
    margin-right: 5px
}

.b-user-menu {
    border-radius: 3px;
    border: 1px solid #c8ccd9;
    background: #fff;
    position: absolute;
    left: -95px;
    top: 54px;
    text-align: left;
    width: 270px;
    z-index: 7;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s ease-in-out, top .3s ease-in-out;
    transition: opacity .3s ease-in-out, top .3s ease-in-out
}

.b-user-menu.hidden {
    visibility: hidden;
    top: 74px;
    opacity: 0
}

.b-user-menu .username {
    width: 100%;
    display: inline-block;
    padding: 20px;
    color: #1e232e;
    text-decoration: none;
    font-size: 1.143em;
    font-weight: 500;
    background: #fff;
    border: none;
    text-align: left
}

.b-user-menu .b-user-control {
    width: 100%;
    border-top: 1px solid #c8ccd9;
    border-bottom: 1px solid #c8ccd9
}

.b-user-menu .b-user-control .item {
    float: left;
    width: 50%;
    text-align: center;
    text-decoration: none;
    color: #4b5166;
    height: 40px;
    margin-left: 0;
    line-height: 40px;
    -webkit-transition: all ease-in-out;
    transition: all ease-in-out
}

.b-user-menu .b-user-control .item:hover {
    color: rgba(75, 81, 102, .8)
}

.b-user-menu .b-user-control .item + .item {
    border-left: 1px solid #c8ccd9
}

.b-user-menu .b-user-links {
    margin-bottom: 0
}

.b-user-menu .b-user-links .item {
    width: 100%;
    text-align: left;
    margin-left: 0
}

.b-user-menu .b-user-links .item + .item {
    border-top: 1px solid #c8ccd9
}

.b-user-menu .b-user-links .item .label {
    text-decoration: none;
    position: relative;
    font-size: 1.143em;
    color: #1e232e;
    line-height: 24px;
    width: 100%;
    height: 54px;
    display: block;
    padding: 15px 20px 15px 64px;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    cursor: pointer
}

.b-user-menu .b-user-links .item .label:before {
    content: "";
    position: absolute;
    display: block;
    left: 20px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 50%
}

.b-user-menu .b-user-links .item .label.garage:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+QUEzNDQ4M0UtNkJCMS00QzEzLThCRjItNjkxNzRGNjlBQTdEPC90aXRsZT48ZyBmaWxsPSIjMUUyMzJFIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yMyAwSDFhMSAxIDAgMCAwLTEgMXYyMmExIDEgMCAwIDAgMiAwVjJoMjB2MjFhMSAxIDAgMCAwIDIgMFYxYTEgMSAwIDAgMC0xLTEiLz48cmVjdCB4PSI0IiB5PSI0IiB3aWR0aD0iMTYiIGhlaWdodD0iMiIgcng9IjEiLz48cmVjdCB4PSI0IiB5PSI4IiB3aWR0aD0iMTYiIGhlaWdodD0iMiIgcng9IjEiLz48cmVjdCB4PSI0IiB5PSIxMiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjIiIHJ4PSIxIi8+PHJlY3QgeD0iNCIgeT0iMTYiIHdpZHRoPSIxNiIgaGVpZ2h0PSIyIiByeD0iMSIvPjxyZWN0IHg9IjkiIHk9IjIwIiB3aWR0aD0iNiIgaGVpZ2h0PSIyIiByeD0iMSIvPjwvZz48L3N2Zz4=)
}

.b-user-menu .b-user-links .item .label.orders:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxOCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+OTZERjQ5QzctNkQ4Qy00RDY2LTgwMzctQUQwMzQ1RjMxMDFBPC90aXRsZT48ZyBmaWxsPSIjMUUyMzJFIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yIDIyaDE0VjJIMnYyMHptMTQuMjcyIDJIMS43MjhBMS43MzMgMS43MzMgMCAwIDEgMCAyMi4yNjdWMS43MzNDMCAuNzc4Ljc3NSAwIDEuNzI4IDBoMTQuNTQ0QzE3LjIyNSAwIDE4IC43NzggMTggMS43MzN2MjAuNTM0YzAgLjk1NS0uNzc1IDEuNzMzLTEuNzI4IDEuNzMzeiIvPjxwYXRoIGQ9Ik0xMCA2SDRhMSAxIDAgMSAxIDAtMmg2YTEgMSAwIDEgMSAwIDJNMTQgNmgtMWExIDEgMCAxIDEgMC0yaDFhMSAxIDAgMSAxIDAgMk0xMCA5SDRhMSAxIDAgMSAxIDAtMmg2YTEgMSAwIDEgMSAwIDJNMTQgOWgtMWExIDEgMCAxIDEgMC0yaDFhMSAxIDAgMSAxIDAgMk0xMCAxMkg0YTEgMSAwIDEgMSAwLTJoNmExIDEgMCAxIDEgMCAyTTE0IDEyaC0xYTEgMSAwIDEgMSAwLTJoMWExIDEgMCAxIDEgMCAyIi8+PC9nPjwvc3ZnPg==)
}

.b-user-menu .b-user-links .item .label.balance:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHRpdGxlPkRFRkEyNkY1LUI5NjktNDE3NC1BRTc4LTVEMjk4MUVFOTgwNzwvdGl0bGU+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0yNCAxOFYwSDB2MThoMTJ6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PGcgbWFzaz0idXJsKCNiKSIgZmlsbD0iIzFFMjMyRSI+PHBhdGggZD0iTTIgMTBoNi4wMDFWOEgydjJ6bTcuMDAxIDJIMWExIDEgMCAwIDEtMS0xVjdhMSAxIDAgMCAxIDEtMWg4LjAwMWExIDEgMCAwIDEgMSAxdjRhMSAxIDAgMCAxLTEgMXoiLz48cGF0aCBkPSJNNC40MjggMThDMy4wOSAxOCAyIDE2Ljg5OSAyIDE1LjU0NXYtNC4zNjNhMSAxIDAgMSAxIDIgMHY0LjM2M2MwIC4yNDcuMTk2LjQ1NS40MjguNDU1aDE3LjE0M2MuMjMyIDAgLjQzLS4yMDguNDMtLjQ1NVYyLjQ1NWMwLS4yNDctLjE5OC0uNDU1LS40My0uNDU1SDQuNDI4QzQuMTk2IDIgNCAyLjIwOCA0IDIuNDU1djQuMzYzYTEgMSAwIDEgMS0yIDBWMi40NTVDMiAxLjEwMSAzLjA5IDAgNC40MjggMGgxNy4xNDNjMS4zNCAwIDIuNDMgMS4xMDEgMi40MyAyLjQ1NXYxMy4wOUMyNCAxNi44OTkgMjIuOTEgMTggMjEuNTcgMThINC40Mjh6Ii8+PC9nPjwvZz48L3N2Zz4=)
}

.b-user-menu .b-user-links .item .label.notepad:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHRpdGxlPjA0OThDMjVBLUNDNEEtNDA1Mi1BMDk0LTkwNzBFNkZEM0M5OTwvdGl0bGU+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDguOTc5aDlWMEgweiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExIDE1LjAwMSkiPjxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjxwYXRoIGQ9Ik0yLjQgNi4wMzRsMy44ODYtMy44ODhjLjAxLS4wMS4wMTMtLjAyNC4wMjMtLjAzNC4wMDktLjAwOS4wMjItLjAxMi4wMzItLjAyMS4xOTgtLjE5OS4zNDctLjIuNTQ3LjAwMWEuMzguMzggMCAwIDEgMCAuNTQzYy0uMDEuMDExLS4wMTMuMDI1LS4wMjMuMDM2LS4wMS4wMDktLjAyNC4wMTMtLjAzNC4wMjNMMi45NSA2LjU3NWwtLjY4My4xMzUuMTMzLS42NzZ6TTkgMi4zNjdBMi4zNjUgMi4zNjUgMCAwIDAgOC4zMDMuNjc4Yy0uOTAxLS45MDQtMi40NzUtLjkwNC0zLjM3NiAwLS4wMS4wMDktLjAxMi4wMjItLjAyMS4wMzItLjAxLjAwOS0uMDI0LjAxMi0uMDM0LjAyMmwtNC4wOTcgNC4xYy0uMDIuMDE5LS4wMjUuMDQzLS4wNDEuMDYyYS45ODkuOTg5IDAgMCAwLS4xOTUuMzU0Yy0uMDExLjAzNC0uMDMzLjA2MS0uMDQuMDk3bC0uNDggMi40NDFBLjk5OS45OTkgMCAwIDAgMS4xOTUgOC45NmwyLjQ0LS40ODFjLjAyNy0uMDA1LjA0Ny0uMDIzLjA3My0uMDNhMS4wMTIgMS4wMTIgMCAwIDAgLjM1NC0uMTgzYy4wMjgtLjAyMi4wNjItLjAzMy4wODktLjA1OWw0LjA5Ni00LjA5OWMuMDEtLjAxMS4wMTQtLjAyNC4wMjMtLjAzNS4wMS0uMDA4LjAyMi0uMDExLjAzLS4wMi40NTItLjQ0OS43LTEuMDQ4LjcwMi0xLjY4NnoiIGZpbGw9IiMxRTIzMkUiIG1hc2s9InVybCgjYikiLz48L2c+PHBhdGggZD0iTTExIDcuMDAxVjMuNDE1bDMuNTg2IDMuNTg2SDExek0xNiAxMmExIDEgMCAwIDAgMiAwVjguMDAxYzAtLjAyMi0uMDExLS4wNC0uMDEyLS4wNjJhLjk5Mi45OTIgMCAwIDAtLjA1NC0uMjY0Yy0uMDExLS4wMzItLjAxOS0uMDY0LS4wMzMtLjA5NGEuOTkuOTkgMCAwIDAtLjE5My0uMjg1bC0uMDAxLS4wMDItNy03LjAwMS0uMDAyLS4wMDFhLjk4NC45ODQgMCAwIDAtLjI4NS0uMTkzYy0uMDMtLjAxNC0uMDYyLS4wMjItLjA5My0uMDMzYTEuMDIgMS4wMiAwIDAgMC0uMjY4LS4wNTRDMTAuMDM5LjAxMSAxMC4wMjEgMCAxMCAwSDJDLjg5NyAwIDAgLjg5NyAwIDJ2MjBjMCAxLjEwMy44OTcgMiAyIDJoNmExIDEgMCAwIDAgMC0ySDJWMmg3djYuMDAxYTEgMSAwIDAgMCAxIDFoNlYxMnoiIGZpbGw9IiMxRTIzMkUiLz48L2c+PC9zdmc+)
}

.b-user-menu .b-user-links .item .label.manager:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHRpdGxlPjA5OEVFNTBDLTk2QTctNDlFRS04RDkxLTEyNzMzODk1RDI1NjwvdGl0bGU+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIC45OTZWMTBoMjRWLjk5NkgweiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTQuMDAyKSI+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHBhdGggZD0iTTIyLjI2NyAxMEgxLjczNEExLjczNiAxLjczNiAwIDAgMSAwIDguMjY2VjYuNzk5YTEgMSAwIDAgMSAuNDg2LS44NThsOC00LjgwMmExIDEgMCAxIDEgMS4wMyAxLjcxNUwyIDcuMzY1VjhoMjB2LS42MzVsLTcuNTE1LTQuNTExYTEuMDAxIDEuMDAxIDAgMCAxIDEuMDI5LTEuNzE1bDggNC44Yy4zMDIuMTgxLjQ4Ni41MDcuNDg2Ljg1OHYxLjQ2OUMyNCA5LjIyMiAyMy4yMjMgMTAgMjIuMjY3IDEwIiBmaWxsPSIjMDAwIiBtYXNrPSJ1cmwoI2IpIi8+PC9nPjxwYXRoIGQ9Ik0xNSAxNi45OThhLjk5OS45OTkgMCAwIDEtLjYxMy0xLjc5MkMxNi45NzQgMTMuMjA4IDE3IDkuNiAxNyA5LjU2M2wtLjAwMy00LjE4NkMxNi42MjIgMy42IDE0LjI2OCAxLjk5OCAxMiAxLjk5OCA5LjczMiAyIDcuMzc3IDMuNjAxIDcuMDAyIDUuMzhMNyA5LjU2NWMwIC4wMzQuMDQ1IDMuNjYgMi42MTMgNS42NDFBMS4wMDEgMS4wMDEgMCAwIDEgOC4zOSAxNi43OUM1LjAzMiAxNC4xOTYgNSA5Ljc1MSA1IDkuNTYzbC4wMDMtNC4yOGMwLS4wNTkuMDA1LS4xMTcuMDE2LS4xNzVDNS41NiAyLjA1MyA5LjA2NiAwIDExLjk5OCAwaC4wMDVjMi45MzQgMCA2LjQzNSAyLjA1MSA2Ljk3OCA1LjEwNi4wMS4wNTguMDE1LjExNi4wMTUuMTc1TDE5IDkuNTYyYzAgLjE4Ny0uMDM0IDQuNjM0LTMuMzkgNy4yMjhhLjk5OS45OTkgMCAwIDEtLjYxLjIwOCIgZmlsbD0iIzFFMjMyRSIvPjwvZz48L3N2Zz4=)
}

.b-user-menu .b-user-links .item .label.logout:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+MkE4NUU5MUUtMjlGOS00OUMyLUE1RjktQ0RDNjAxQTJCNTdCPC90aXRsZT48ZyBmaWxsPSIjMUUyMzJFIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMiAyQzYuNDg2IDIgMiA2LjQ4NiAyIDEyczQuNDg2IDEwIDEwIDEwIDEwLTQuNDg2IDEwLTEwUzE3LjUxNCAyIDEyIDJtMCAyMkM1LjM4MyAyNCAwIDE4LjYxNyAwIDEyUzUuMzgzIDAgMTIgMHMxMiA1LjM4MyAxMiAxMi01LjM4MyAxMi0xMiAxMiIvPjxwYXRoIGQ9Ik0xNCAxNmEuOTk5Ljk5OSAwIDAgMS0uNzA3LTEuNzA3TDE1LjU4NiAxMmwtMi4yOTMtMi4yOTNhLjk5OS45OTkgMCAxIDEgMS40MTQtMS40MTRsMyAzYS45OTkuOTk5IDAgMCAxIDAgMS40MTRsLTMgM0EuOTk3Ljk5NyAwIDAgMSAxNCAxNiIvPjxwYXRoIGQ9Ik0xNyAxM0g3YTEgMSAwIDAgMSAwLTJoMTBhMSAxIDAgMCAxIDAgMiIvPjwvZz48L3N2Zz4=)
}

.b-user-menu .b-user-links .item .label:hover {
    background-color: #fbfbfb
}

.b-user-menu .b-user-links .item .label .value {
    float: right;
    width: 24px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: .714em;
    background: #163970
}

.b-user-menu .b-user-links .item .label .balance-value {
    float: right
}

.b-notepad-car-filter.rc-dropdown {
    z-index: 9
}

.b-notepad-car-filter .item {
    cursor: pointer
}

.b-notepad-car-filter .item .image {
    float: left;
    width: 64px
}

.b-notepad-car-filter .item .text {
    margin-left: 70px
}

.b-notepad-car-filter .add-button-item {
    padding: 10px
}

.b-notepad-car-filter .add-button-item:hover {
    background: transparent
}

.b-notepad-car-filter .add-car {
    display: block;
    text-align: center;
    color: #fff;
    line-height: 33px;
    padding: 0 20px;
    height: 33px;
    background: #69c6a0;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 11px;
    border-radius: 2px;
    border: 0;
    cursor: pointer
}

.b-notepad-car-filter .add-car:hover {
    background: #58b992
}

.rc-select {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    color: #666;
    line-height: 28px
}

.rc-select-allow-clear .rc-select-selection--single .rc-select-selection__rendered {
    padding-right: 40px
}

.rc-select li, .rc-select ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.rc-select > ul > li > a {
    padding: 0;
    background-color: #fff
}

.rc-select-arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    outline: none
}

.rc-select-arrow b {
    border-color: #999 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    width: 0;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    left: 50%
}

.rc-select-selection {
    outline: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    box-sizing: border-box;
    display: block;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #d9d9d9
}

.rc-select-selection__placeholder {
    position: absolute;
    top: 0;
    color: #aaa
}

.rc-select-enabled .rc-select-selection:hover, .rc-select-focused .rc-select-selection {
    border-color: #23c0fa;
    box-shadow: 0 0 2px rgba(45, 183, 245, .8)
}

.rc-select-enabled .rc-select-selection:active {
    border-color: #2db7f5
}

.rc-select-selection--single {
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    position: relative
}

.rc-select-selection--single .rc-select-selection-selected-value {
    position: absolute;
    left: 0;
    top: 0
}

.rc-select-selection--single .rc-select-selection__rendered {
    height: 28px;
    position: relative;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 10px;
    padding-right: 20px;
    line-height: 28px
}

.rc-select-selection--single .rc-select-selection__clear {
    font-weight: 700;
    position: absolute;
    top: 0;
    right: 20px;
    line-height: 28px
}

.rc-select-selection--single .rc-select-selection__clear:after {
    content: "\D7"
}

.rc-select-disabled, .rc-select-disabled .rc-select-selection--single, .rc-select-disabled .rc-select-selection--single:hover, .rc-select-disabled .rc-select-selection__choice__remove, .rc-select-disabled .rc-select-selection__choice__remove:hover {
    color: #ccc;
    cursor: not-allowed
}

.rc-select-search__field__wrap {
    display: inline-block
}

.rc-select-search__field__placeholder {
    position: absolute;
    top: 0;
    left: 3px;
    color: #aaa
}

.rc-select-search--inline, .rc-select-search--inline .rc-select-search__field__wrap {
    width: 100%
}

.rc-select-search--inline .rc-select-search__field {
    border: none;
    font-size: 100%;
    background: transparent;
    outline: 0;
    width: 100%
}

.rc-select-search--inline .rc-select-search__field::-ms-clear {
    display: none
}

.rc-select-search--inline .rc-select-search__field__mirror {
    position: absolute;
    top: -999px;
    left: 0;
    white-space: pre
}

.rc-select-search--inline > i {
    float: right
}

.rc-select-enabled.rc-select-selection--multiple {
    cursor: text
}

.rc-select-selection--multiple {
    min-height: 28px
}

.rc-select-selection--multiple .rc-select-search--inline {
    float: left;
    width: auto
}

.rc-select-selection--multiple .rc-select-search--inline .rc-select-search__field {
    width: .75em
}

.rc-select-selection--multiple .rc-select-search--inline .rc-select-search__field__wrap {
    width: auto
}

.rc-select-selection--multiple .rc-select-search__field__placeholder {
    top: 5px;
    left: 8px
}

.rc-select-selection--multiple .rc-select-selection__rendered {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 8px;
    padding-bottom: 2px
}

.rc-select-selection--multiple .rc-select-selection__rendered .rc-select-selection__choice {
    margin-top: 4px;
    line-height: 20px
}

.rc-select-enabled .rc-select-selection__choice {
    cursor: default
}

.rc-select-enabled .rc-select-selection__choice:hover .rc-select-selection__choice__remove {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.rc-select-enabled .rc-select-selection__choice:hover .rc-select-selection__choice__content {
    margin-left: -8px;
    margin-right: 8px
}

.rc-select-enabled .rc-select-selection__choice__disabled {
    cursor: not-allowed
}

.rc-select-enabled .rc-select-selection__choice__disabled:hover .rc-select-selection__choice__content {
    margin-left: 0;
    margin-right: 0
}

.rc-select .rc-select-selection__choice {
    background-color: #f3f3f3;
    border-radius: 4px;
    float: left;
    padding: 0 15px;
    margin-right: 4px;
    position: relative;
    overflow: hidden;
    -webkit-transition: padding .3s cubic-bezier(.6, -.28, .735, .045), width .3s cubic-bezier(.6, -.28, .735, .045);
    transition: padding .3s cubic-bezier(.6, -.28, .735, .045), width .3s cubic-bezier(.6, -.28, .735, .045)
}

.rc-select .rc-select-selection__choice__content {
    margin-left: 0;
    margin-right: 0;
    -webkit-transition: margin .3s cubic-bezier(.165, .84, .44, 1);
    transition: margin .3s cubic-bezier(.165, .84, .44, 1)
}

.rc-select .rc-select-selection__choice-zoom-appear, .rc-select .rc-select-selection__choice-zoom-enter, .rc-select .rc-select-selection__choice-zoom-leave {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

.rc-select .rc-select-selection__choice-zoom-leave {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(.6, -.28, .735, .045);
    animation-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

.rc-select .rc-select-selection__choice-zoom-appear.rc-select-selection__choice-zoom-appear-active, .rc-select .rc-select-selection__choice-zoom-enter.rc-select-selection__choice-zoom-enter-active {
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-name: rcSelectChoiceZoomIn;
    animation-name: rcSelectChoiceZoomIn
}

.rc-select .rc-select-selection__choice-zoom-leave.rc-select-selection__choice-zoom-leave-active {
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-name: rcSelectChoiceZoomOut;
    animation-name: rcSelectChoiceZoomOut
}

@-webkit-keyframes rcSelectChoiceZoomIn {
    0% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes rcSelectChoiceZoomIn {
    0% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes rcSelectChoiceZoomOut {
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

@keyframes rcSelectChoiceZoomOut {
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

.rc-select .rc-select-selection__choice__remove {
    color: #919191;
    cursor: pointer;
    font-weight: 700;
    padding: 0 0 0 8px;
    position: absolute;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    top: 0;
    right: 2px;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s
}

.rc-select .rc-select-selection__choice__remove:before {
    content: "\D7"
}

.rc-select .rc-select-selection__choice__remove:hover {
    color: #333
}

.rc-select-dropdown {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    box-shadow: 0 0 4px #d9d9d9;
    border-radius: 4px;
    box-sizing: border-box;
    z-index: 100;
    left: -9999px;
    top: -9999px;
    position: absolute;
    outline: none
}

.rc-select-dropdown-hidden, .rc-select-dropdown:empty {
    display: none
}

.rc-select-dropdown-menu {
    outline: none;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 9999
}

.rc-select-dropdown-menu-item-group-list, .rc-select-dropdown-menu > li {
    margin: 0;
    padding: 0
}

.rc-select-dropdown-menu-item-group-list > li.rc-select-menu-item {
    padding-left: 20px
}

.rc-select-dropdown-menu-item-group-title {
    color: #999;
    line-height: 1.5;
    padding: 8px 10px;
    border-bottom: 1px solid #dedede
}

li.rc-select-dropdown-menu-item {
    margin: 0;
    position: relative;
    display: block;
    padding: 7px 10px;
    font-weight: 400;
    color: #666;
    white-space: nowrap
}

li.rc-select-dropdown-menu-item-disabled {
    color: #ccc;
    cursor: not-allowed
}

li.rc-select-dropdown-menu-item-selected {
    color: #666;
    background-color: #ddd
}

li.rc-select-dropdown-menu-item-active {
    background-color: #5897fb;
    color: #fff;
    cursor: pointer
}

li.rc-select-dropdown-menu-item-divider {
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    line-height: 0
}

.rc-select-dropdown-slide-up-appear, .rc-select-dropdown-slide-up-enter {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.rc-select-dropdown-slide-up-leave {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .34);
    animation-timing-function: cubic-bezier(.6, .04, .98, .34);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.rc-select-dropdown-slide-up-appear.rc-select-dropdown-slide-up-appear-active.rc-select-dropdown-placement-bottomLeft, .rc-select-dropdown-slide-up-enter.rc-select-dropdown-slide-up-enter-active.rc-select-dropdown-placement-bottomLeft {
    -webkit-animation-name: rcSelectDropdownSlideUpIn;
    animation-name: rcSelectDropdownSlideUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.rc-select-dropdown-slide-up-leave.rc-select-dropdown-slide-up-leave-active.rc-select-dropdown-placement-bottomLeft {
    -webkit-animation-name: rcSelectDropdownSlideUpOut;
    animation-name: rcSelectDropdownSlideUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.rc-select-dropdown-slide-up-appear.rc-select-dropdown-slide-up-appear-active.rc-select-dropdown-placement-topLeft, .rc-select-dropdown-slide-up-enter.rc-select-dropdown-slide-up-enter-active.rc-select-dropdown-placement-topLeft {
    -webkit-animation-name: rcSelectDropdownSlideDownIn;
    animation-name: rcSelectDropdownSlideDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.rc-select-dropdown-slide-up-leave.rc-select-dropdown-slide-up-leave-active.rc-select-dropdown-placement-topLeft {
    -webkit-animation-name: rcSelectDropdownSlideDownOut;
    animation-name: rcSelectDropdownSlideDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes rcSelectDropdownSlideUpIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes rcSelectDropdownSlideUpIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes rcSelectDropdownSlideUpOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@keyframes rcSelectDropdownSlideUpOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@-webkit-keyframes rcSelectDropdownSlideDownIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes rcSelectDropdownSlideDownIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes rcSelectDropdownSlideDownOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@keyframes rcSelectDropdownSlideDownOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

.rc-select-open .rc-select-arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.b-notepad-add-item#add-note-item .code-row .reg-row-input {
    position: relative;
    width: auto
}

.b-notepad-add-item#add-note-item .code-row input {
    display: inline-block;
    vertical-align: middle
}

.b-notepad-add-item#add-note-item .notepad-select {
    width: 180px
}

.b-notepad-add-item#add-note-item .notepad-select.g-has-error .rc-select-selection {
    background: #ffefef
}

.b-notepad-add-item#add-note-item .notepad-select .rc-select-selection {
    border-radius: 0
}

.b-notepad-add-item#add-note-item .notepad-select .rc-select-selection__rendered {
    color: #000;
    margin-left: 5px;
    font-size: 12px
}

.b-notepad-add-item#add-note-item .notepad-select .rc-select-selection:focus, .b-notepad-add-item#add-note-item .notepad-select .rc-select-selection:hover {
    box-shadow: none;
    border-color: #7f9db9
}

.b-notepad-add-item#add-note-item .notepad-select input {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%
}

.b-notepad-add-item#add-note-item .notepad-option:hover {
    background-color: #dee4eb
}

.b-notepad-add-item#add-note-item.edit .reg-form-submit {
    margin-left: 0
}

.b-notepad-add-item#add-note-item.edit textarea {
    font-size: 14px
}

.b-notepad-add-item .accept-code-btn {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-left: 10px;
    vertical-align: middle;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/go.png) no-repeat
}

.b-notepad-add-item .clear-code-btn {
    position: absolute;
    right: 3px;
    top: 7px;
    font-size: 12px;
    font-weight: 500;
    color: #1e232e
}

.b-notepad-add-item .clear-code-btn:hover {
    color: gray
}

.b-notepad {
    font-size: 14px
}

.b-notepad .empty {
    margin-top: 50px;
    box-sizing: border-box;
    padding: 50px 20px;
    text-align: center;
    background-color: #f3f4f7
}

.b-notepad .empty .label {
    font: normal normal 16px Roboto, sans-serif;
    line-height: 1.2;
    letter-spacing: inherit;
    color: #1e232e
}

.b-notepad .empty .g-button {
    margin-top: 40px
}

.b-notepad .car-preview {
    font-size: 10px
}

.b-notepad .add-item-button {
    line-height: 21px
}

.b-notepad .add-item-button .add-icon {
    display: inline-block;
    width: 21px;
    height: 21px;
    vertical-align: middle;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/add2.png) no-repeat
}

.b-notepad .notepad-table-holder {
    margin-bottom: 10px
}

.b-notepad .notepad-table-sizer-item {
    font-size: 16px
}

.b-notepad .sort-content-table {
    font-size: 14px
}

.b-notepad .sort-content-table .g-link {
    font-size: 11px;
    text-transform: uppercase
}

.b-notepad .clear-button {
    display: inline-block;
    width: 13px;
    height: 14px;
    margin-left: 5px;
    vertical-align: middle;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/ic_del.gif) no-repeat
}

.b-notepad .notepad-list {
    margin-top: 40px;
    font-size: 16px
}

.b-notepad .notepad-list .header {
    padding-bottom: 20px;
    font-size: 14px;
    color: #4b5166
}

.b-notepad .notepad-list .row :first-child {
    padding-left: 0
}

.b-notepad .notepad-list .row :last-child {
    padding-right: 0
}

.b-notepad .notepad-list .vendor-name {
    color: #1e232e;
    font-weight: 500
}

.b-notepad .notepad-list .comment {
    word-break: break-word
}

.b-notepad .notepad-list .count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    color: #4b5166;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b-notepad .notepad-list .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -5px -5px -5px 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.b-notepad .notepad-list .actions .g-button {
    margin: 5px
}

.b-notepad .notepad-alert {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 50px 0 30px;
    padding: 25px 30px;
    color: #fff;
    background: #83b880;
    border-radius: 4px
}

.b-notepad .notepad-alert .fa-check {
    font-size: 24px
}

.b-notepad .notepad-alert .message {
    margin: 0 10px
}

.b-notepad .notepad-alert .close {
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -6px;
    font-size: 12px
}

.b-notepad .notepad-alert .close:hover {
    color: #fff
}

.b-notepad .notepad-alert.fail {
    background-color: #c54141
}

.b-header-search {
    z-index: 5;
  margin-left: 40px;
    width: 45%
}

@media (max-width: 992px){
.b-header-search {
    margin-left: 20px;
}
}


.b-header-search, .b-search-widget {
    position: relative
}

.b-search-widget:after {
    content: "";
    display: block;
    clear: both
}

.b-search-widget .input {
    font-size: 1.286em;
    height: 60px;
    border-radius: 3px;
    min-width: 100%;
    padding: 0 35px 0 20px;
    background: #fff;
    outline: 0 none;
    border: none;
    font-size: 1.143em;
    color: #455166;
    -webkit-appearance: none
}

.b-search-widget .header-search-submit {
    outline: none;
    position: absolute;
    right: 20px;
    top: 22px;
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    display: inline-block;
    border: none;
    color: #455166;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHRpdGxlPjA4OTMxODM4LUMyMDEtNDk2Ny04RkIyLTlBQjNFQ0I2NkZBODwvdGl0bGU+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDE1Ljc5M1YwaDE1Ljc5M3YxNS43OTN6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHBhdGggZD0iTTIgN2MwLTIuNzU3IDIuMjQzLTUgNS01czUgMi4yNDMgNSA1LTIuMjQzIDUtNSA1LTUtMi4yNDMtNS01bTEzLjUgNy4wODZsLTIuOTAyLTIuOTAyQTYuOTUgNi45NSAwIDAgMCAxNCA3YzAtMy44Ni0zLjE0LTctNy03UzAgMy4xNCAwIDdzMy4xNCA3IDcgN2MxLjU3IDAgMy4wMTUtLjUyNiA0LjE4NC0xLjQwMWwyLjkwMiAyLjkwMWEuOTk5Ljk5OSAwIDEgMCAxLjQxNC0xLjQxNCIgZmlsbD0iIzg1OEI5RiIgbWFzaz0idXJsKCNiKSIvPjwvZz48L3N2Zz4=) no-repeat
}

.b-search-widget .search-query-list {
    position: absolute;
    top: 150%;
    left: 0;
    width: 100%;
    visibility: hidden;
    box-sizing: border-box;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #e4e4e2;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
    opacity: 0;
    -webkit-transition: top .3s, opacity .3s, visibility .3s;
    transition: top .3s, opacity .3s, visibility .3s
}

.b-search-widget .search-query-list.active {
    top: 100%;
    opacity: 1;
    visibility: visible
}

.b-search-widget .search-query-list .item {
    display: block;
    padding: 7px 10px;
    background-color: transparent;
    -webkit-transition: background .3s .05s, color .3s .05s;
    transition: background .3s .05s, color .3s .05s
}

.b-search-widget .search-query-list .item:hover {
    background: #f5f5f5;
    color: #c54141
}

@media (max-width: 767px) {
    .b-header-search {
        float: none;
        width: calc(100% - 40px);
        margin-left: 10px
    }

    .b-header-search .input {
        height: 40px;
        font-size: 1em;
        padding: 0 50px 0 15px
    }

    .b-header-search .header-search-submit {
        top: 12px;
        width: 16px;
        height: 16px
    }
}

.b-search {
    font-size: 14px
}

.b-search .result-list {
    display: table;
    width: 100%
}

.b-search .result-list .item {
    display: table-row;
    color: #000;
    -webkit-transition: background .3s .05s;
    transition: background .3s .05s
}

.b-search .result-list .item > * {
    display: table-cell;
    padding: 8px 5px
}

.b-search .result-list .item .description {
    width: 100%
}

.b-search .result-list .item .vendor-name {
    font-weight: 500;
    width: 15%
}

.b-search .result-list .item .vendor-code {
    width: 1%;
    color: gray
}

.b-search .result-list .item .link {
    width: 10%;
    padding-right: 8px;
    color: #256892;
    text-align: right;
    -webkit-transition: color .3s .05s;
    transition: color .3s .05s
}

.b-search .result-list .item .link:hover {
    color: #c54141
}

.b-search .result-list .item:hover {
    background-color: #e4e4e2
}

.b-search.empty .b-search-widget {
    margin-bottom: 30px
}

@media (min-width: 1200px) {
    .b-search.empty .noresults-right {
        width: 720px
    }
}

.b-search-result .g-heading-info {
    padding-bottom: 50px
}

.b-search-history {
    font-size: 1.4em
}

.b-search-history .search-content {
    margin-bottom: 20px
}

.b-search-history .history-table {
    width: 100%
}

.b-search-history .history-table th {
    background-color: #d8e6eb;
    height: 30px;
    width: 25%;
    border-right: 1px solid #e8f1f4;
    color: #507b8a;
    text-transform: uppercase;
    font-size: .785714286em;
    font-weight: 500;
    padding: 5px
}

.b-search-history .history-table td {
    height: 25px;
    border-bottom: 1px solid #e4e4e2;
    vertical-align: top;
    padding: 4px
}

@font-face {
    font-family: anticon;
    src: url("//web.archive.org/web/20170603221041im_/https://at.alicdn.com/t/font_1434092639_4910953.eot");
    src: url("//web.archive.org/web/20170603221041im_/https://at.alicdn.com/t/font_1434092639_4910953.eot#iefix") format("embedded-opentype"), url("//web.archive.org/web/20170603221041im_/https://at.alicdn.com/t/font_1434092639_4910953.woff") format("woff"), url("//web.archive.org/web/20170603221041im_/https://at.alicdn.com/t/font_1434092639_4910953.ttf") format("truetype"), url("//web.archive.org/web/20170603221041im_/https://at.alicdn.com/t/font_1434092639_4910953.svg#iconfont") format("svg")
}

.rc-dropdown {
    position: absolute;
    left: -9999px;
    top: -9999px;
    z-index: 1070;
    display: block;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

.rc-dropdown-hidden {
    display: none
}

.rc-dropdown-menu {
    outline: none;
    position: relative;
    list-style-type: none;
    padding: 0;
    margin: 2px 0 0;
    text-align: left;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 5px #ccc;
    background-clip: padding-box;
    border: 1px solid #ccc
}

.rc-dropdown-menu > li {
    margin: 0;
    padding: 0
}

.rc-dropdown-menu:before {
    content: "";
    position: absolute;
    top: -4px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fff;
    background: hsla(0, 0%, 100%, .01)
}

.rc-dropdown-menu > .rc-dropdown-menu-item {
    position: relative;
    display: block;
    padding: 7px 10px;
    clear: both;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    white-space: nowrap
}

.rc-dropdown-menu > .rc-dropdown-menu-item-active, .rc-dropdown-menu > .rc-dropdown-menu-item-selected, .rc-dropdown-menu > .rc-dropdown-menu-item:hover {
    background-color: #ebfaff
}

.rc-dropdown-menu > .rc-dropdown-menu-item-selected {
    position: relative
}

.rc-dropdown-menu > .rc-dropdown-menu-item-selected:after {
    content: "\E613";
    font-family: anticon;
    font-weight: 700;
    position: absolute;
    top: 6px;
    right: 16px;
    color: #3cb8f0
}

.rc-dropdown-menu > .rc-dropdown-menu-item-disabled {
    color: #ccc;
    cursor: not-allowed;
    pointer-events: none
}

.rc-dropdown-menu > .rc-dropdown-menu-item-disabled:hover {
    color: #ccc;
    background-color: #fff;
    cursor: not-allowed
}

.rc-dropdown-menu > .rc-dropdown-menu-item:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.rc-dropdown-menu > .rc-dropdown-menu-item:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.rc-dropdown-menu > .rc-dropdown-menu-item-divider {
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    line-height: 0
}

.rc-dropdown-slide-up-appear, .rc-dropdown-slide-up-enter {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    display: block !important;
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.rc-dropdown-slide-up-leave {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    display: block !important;
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .34);
    animation-timing-function: cubic-bezier(.6, .04, .98, .34);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomCenter, .rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomLeft, .rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomRight, .rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomCenter, .rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomLeft, .rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomRight {
    -webkit-animation-name: rcDropdownSlideUpIn;
    animation-name: rcDropdownSlideUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topCenter, .rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topLeft, .rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topRight, .rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topCenter, .rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topLeft, .rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topRight {
    -webkit-animation-name: rcDropdownSlideDownIn;
    animation-name: rcDropdownSlideDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomCenter, .rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomLeft, .rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomRight {
    -webkit-animation-name: rcDropdownSlideUpOut;
    animation-name: rcDropdownSlideUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topCenter, .rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topLeft, .rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topRight {
    -webkit-animation-name: rcDropdownSlideDownOut;
    animation-name: rcDropdownSlideDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes rcDropdownSlideUpIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes rcDropdownSlideUpIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes rcDropdownSlideUpOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@keyframes rcDropdownSlideUpOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@-webkit-keyframes rcDropdownSlideDownIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes rcDropdownSlideDownIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes rcDropdownSlideDownOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@keyframes rcDropdownSlideDownOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

.b-dropdown .label {
    position: relative;
    display: inline-block;
    padding: 0 20px 5px 0;
    font: normal normal 16px Roboto, sans-serif;
    line-height: 1.2;
    letter-spacing: inherit;
    color: #1e48a4;
    cursor: pointer;
    border-bottom: 1px dashed #1e48a4
}

.b-dropdown .label:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
    border-top: 4px solid #1e48a4;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    vertical-align: middle;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.b-dropdown .label .value {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.b-dropdown .label .opened:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.b-dropdown-menu {
    border-radius: 3px;
    border: 1px solid #c8ccd9;
    background: #fff;
    border: none;
    box-shadow: 0 0 20px 0 hsla(0, 0%, 64%, .36);
    background-color: #fff;
    margin: -5px 0 0 -2px;
    padding: 0 25px
}

.b-dropdown-menu .rc-dropdown-menu-item {
    position: relative;
    min-height: 51px;
    box-sizing: border-box;
    padding: 20px 80px 20px 30px;
    font: normal normal 16px Roboto, sans-serif;
    line-height: 1.2;
    letter-spacing: inherit;
    color: #1e232e;
    -webkit-transition: background-color .3s .03s;
    transition: background-color .3s .03s;
    cursor: pointer
}

.b-dropdown-menu .rc-dropdown-menu-item:hover {
    background-color: transparent
}

.b-dropdown-menu .rc-dropdown-menu-item + .rc-dropdown-menu-item {
    border-top: 1px solid #c8ccd9
}

.b-dropdown-menu .rc-dropdown-menu-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background-color: #fbfbfb;
    border: .5px solid #c8ccd9
}

.b-dropdown-menu .rc-dropdown-menu-item:after {
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTAgOCI+CiAgICA8cGF0aCBmaWxsPSIjRUQxRjI0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjI2My4zMjRMNCA0Ljk3NSAxLjczOCAyLjMyNEExLjAwMiAxLjAwMiAwIDAgMCAuMjYzIDMuNjc2bDMgMy40NTRhLjk5OS45OTkgMCAwIDAgMS40NzUgMGw1LTUuNDU0QTEgMSAwIDAgMCA4LjI2My4zMjR6Ii8+Cjwvc3ZnPgo=) 50% no-repeat;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 0;
    margin-top: -10px;
    color: #ed1f24
}

.b-dropdown-menu .rc-dropdown-menu-item.rc-dropdown-menu-item-selected {
    background-color: transparent
}

.b-price-level {
    width: 100%
}

.b-price-level td {
    min-height: 22px;
    padding: 5px 0
}

.b-price-level td + td {
    text-align: right
}

.b-price-level tr + tr {
    border-top: 1px solid #e4e4e2
}

.b-prices .heading {
    font-size: 14px;
    color: #1e232e
}

.b-prices .h1 {
    margin: 50px 0 20px;
    font-weight: 500
}

@media (max-width: 991px) {
    .b-prices .h1 {
        margin-top: 40px;
        font-size: 18px;
        line-height: 1.33
    }
}

.b-prices .price-group.in-office-group .empty .supplier {
    background-color: #fff;
    color: #fff
}

.b-prices .price-group.in-office-group .supplier {
    background-color: #c14848;
    color: #fff
}

.b-prices .price-group.in-office-group .supplier .amount, .b-prices .price-group.in-office-group .supplier .small {
    color: #fff
}

.b-prices .price-group.in-office-group .supplier.in-stock {
    background-color: #c14848;
    color: #fff
}

.b-prices .item-list-header {
    background: #fff;
    -webkit-transition: box-shadow 0s ease 0s, left .3s;
    transition: box-shadow 0s ease 0s, left .3s
}

.b-prices .item-list-header .item-list {
    -webkit-transition: border-bottom-color .3s;
    transition: border-bottom-color .3s
}

.b-prices .item-list-header.sticky {
    z-index: 1;
    box-shadow: 0 0 20px 0 hsla(0, 0%, 64%, .36);
    -webkit-transition: box-shadow .3s ease .08s;
    transition: box-shadow .3s ease .08s
}

.b-prices .item-list-header.sticky .item-list {
    padding-left: 15px;
    padding-right: 15px;
    border-bottom-color: transparent
}

.b-prices .item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    padding: 8px 0
}

.b-prices .item-list:hover {
    background-color: transparent
}

@media (max-width: 991px) {
    .b-prices .item-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.b-prices .item-list.has-supplier {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 10px 0
}

.b-prices .item-list.has-supplier .info {
    margin-top: -10px
}

@media (max-width: 991px) {
    .b-prices .item-list.has-supplier .info {
        margin-top: 0
    }
}

.b-prices .item-list.header {
    padding: 20px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font: normal normal 14px Roboto, sans-serif;
    line-height: 1.2;
    letter-spacing: inherit;
    color: #4b5166
}

@media (max-width: 991px) {
    .b-prices .item-list.header {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        border-bottom: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

.b-prices .item-list.has-supplier {
    padding-top: 20px
}

.b-prices .item-list > * {
    box-sizing: border-box;
    padding: 0 5px
}

@media (max-width: 991px) {
    .b-prices .item-list > * {
        width: 100%;
        padding-top: 10px;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 10px
    }
}

.b-prices .item-list > :first-child {
    padding-left: 0
}

.b-prices .item-list > :last-child {
    padding-right: 0
}

.b-prices .item-list .price-tip {
    text-align: right
}

.b-prices .item-list .brand {
    -webkit-box-flex: 20%;
    -ms-flex: 20%;
    flex: 20%
}

.b-prices .item-list .name {
    -webkit-box-flex: 30%;
    -ms-flex: 30%;
    flex: 30%
}

@media (max-width: 991px) {
    .b-prices .item-list .name {
        color: #4b5166
    }
}

.b-prices .item-list .info {
    -webkit-box-flex: 15%;
    -ms-flex: 15%;
    flex: 15%
}

.b-prices .item-list .delivery {
    -webkit-box-flex: 12%;
    -ms-flex: 12%;
    flex: 12%
}

.b-prices .item-list .quality {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    border-radius: 50%
}

@media (max-width: 991px) {
    .b-prices .item-list .quality {
        width: 16px;
        height: 16px
    }
}

.b-prices .item-list .quality.bad, .b-prices .item-list .quality.unknown {
    background-color: #c14848
}

.b-prices .item-list .quality.good, .b-prices .item-list .quality.normal {
    background-color: #ffe39d
}

.b-prices .item-list .quality.excellent {
    background-color: #83b880
}

.b-prices .item-list .delivery-days {
    margin-left: 5px
}

.b-prices .item-list .amount {
    -webkit-box-flex: 12%;
    -ms-flex: 12%;
    flex: 12%
}

.b-prices .item-list .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 21%;
    -ms-flex: 21%;
    flex: 21%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right
}

.b-prices .item-list .suppliers {
    -webkit-box-flex: 45%;
    -ms-flex: 45%;
    flex: 45%;
    margin: -15px 0 -5px
}

.b-prices .item-list .suppliers.empty {
    margin: 0;
    text-align: right
}

.b-prices .item-list .suppliers.empty .supplier {
    padding: 0
}

.b-prices .item-list .supplier {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 57px;
    box-sizing: border-box;
    padding: 10px 0 10px 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background-color .2s .03s;
    transition: background-color .2s .03s;
    text-align: left
}

@media (max-width: 991px) {
    .b-prices .item-list .supplier {
        padding: 5px 0
    }
}

.b-prices .item-list .supplier > * {
    box-sizing: border-box;
    padding: 0 5px
}

.b-prices .item-list .supplier.in-stock {
    background-color: #83b880;
    color: #fff
}

.b-prices .item-list .supplier.in-stock .small {
    color: #fff
}

.b-prices .item-list .supplier .amount, .b-prices .item-list .supplier .delivery {
    -webkit-box-flex: 27%;
    -ms-flex: 27%;
    flex: 27%
}

.b-prices .item-list .supplier .price {
    -webkit-box-flex: 46%;
    -ms-flex: 46%;
    flex: 46%;
    text-align: right
}

.b-prices .item-list .info-buttons {
    display: inline-block;
    min-height: 46px;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #c8ccd9;
    background: #fff;
    padding: 12px 14px;
    background-color: #fcfcfc;
    cursor: pointer;
    -webkit-transition: background-color .3s .03s;
    transition: background-color .3s .03s
}

.b-prices .item-list .info-buttons:hover {
    background-color: rgba(30, 72, 164, .1)
}

.b-prices .item-list .info-buttons .icon + .icon {
    margin-left: 10px
}

.b-prices .item-list .g-add-to-notepad {
    margin-left: 20px
}

@media (max-width: 991px) {
    .b-prices .item-list .g-add-to-notepad {
        display: none
    }
}

.b-prices .item-list .basket {
    position: relative;
    width: 44px;
    height: 44px;
    margin-left: 10px;
    cursor: pointer
}

@media (max-width: 991px) {
    .b-prices .item-list .basket {
        margin-left: 20px
    }
}

.b-prices .item-list .basket .icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 3px;
    border: 1px solid #c8ccd9;
    background: #fff;
    -webkit-transition: background-color .3s .03s;
    transition: background-color .3s .03s;
    background: #fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHRpdGxlPjc1NDBBMUU5LUQ0RTItNDU2QS1CMDBGLTczMzlCMzU3NDdBRDwvdGl0bGU+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0yNCAxOVYwSDB2MTloMjR6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGc+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHBhdGggZD0iTTE5LjIzOCAxN2gtNy44NTNMOS4yMSA5aDEyLjQ0M2wtMi40MTUgOHptNC41NjQtOS41OTZBLjk5OC45OTggMCAwIDAgMjMgN0g4LjY2N0w3LjQ5IDIuNjY4QzcuMDgzIDEuMTcyIDUuNTUgMCA0IDBIMWExIDEgMCAxIDAgMCAyaDNjLjY0NiAwIDEuMzkuNTY4IDEuNTYgMS4xOTJsNC4wOTYgMTUuMDdjLjAwNy4wMjUuMDIzLjA0NS4wMzIuMDY5YS44OTkuODk5IDAgMCAwIC4wNi4xMy45Ni45NiAwIDAgMCAuNDEyLjQxMmMuMDM1LjAxOS4wNjYuMDQuMTAzLjA1NWEuOTguOTggMCAwIDAgLjM1Ny4wNzJoOS4zNmMuNDQyIDAgLjgzLS4yODkuOTU3LS43MTFsMy4wMi0xMGEuOTk3Ljk5NyAwIDAgMC0uMTU1LS44ODV6IiBmaWxsPSIjQzhDQ0Q5IiBtYXNrPSJ1cmwoI2IpIi8+PC9nPjxwYXRoIGQ9Ik0xNyAyMmMwIDEuMTAzLjg5NyAyIDIgMnMyLS44OTcgMi0yLS44OTctMi0yLTItMiAuODk3LTIgMnpNMTAgMjJhMi4wMDEgMi4wMDEgMCAxIDAgMi4wMDEtMkEyLjAwMiAyLjAwMiAwIDAgMCAxMCAyMnoiIGZpbGw9IiNDOENDRDkiLz48L2c+PC9zdmc+) no-repeat 7px 50%
}

.b-prices .item-list .basket:hover .icon {
    background-color: #fbfbfb
}

.b-prices .item-list .basket.active .icon {
    border-color: transparent;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0iYSIgZD0iTTI0IDE5VjBIMHYxOWgyNHoiLz4KICAgIDwvZGVmcz4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHJlY3Qgd2lkdGg9IjQ0IiBoZWlnaHQ9IjQ0IiBmaWxsPSIjRTMwNjEzIiByeD0iMyIvPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkgMTApIj4KICAgICAgICAgICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xOS4yMzggMTdoLTcuODUzTDkuMjEgOWgxMi40NDNsLTIuNDE1IDh6bTQuNTY0LTkuNTk2QS45OTguOTk4IDAgMCAwIDIzIDdIOC42NjdMNy40OSAyLjY2OEM3LjA4MyAxLjE3MiA1LjU1IDAgNCAwSDFhMSAxIDAgMSAwIDAgMmgzYy42NDYgMCAxLjM5LjU2OCAxLjU2IDEuMTkybDQuMDk2IDE1LjA3Yy4wMDcuMDI1LjAyMy4wNDUuMDMyLjA2OWEuODk5Ljg5OSAwIDAgMCAuMDYuMTMuOTYuOTYgMCAwIDAgLjQxMi40MTJjLjAzNS4wMTkuMDY2LjA0LjEwMy4wNTVhLjk4Ljk4IDAgMCAwIC4zNTcuMDcyaDkuMzZjLjQ0MiAwIC44My0uMjg5Ljk1Ny0uNzExbDMuMDItMTBhLjk5Ny45OTcgMCAwIDAtLjE1NS0uODg1eiIgbWFzaz0idXJsKCNiKSIvPgogICAgICAgIDwvZz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBkPSJNMjYgMzJjMCAxLjEwMy44OTcgMiAyIDJzMi0uODk3IDItMi0uODk3LTItMi0yLTIgLjg5Ny0yIDJ6TTIxLjAwMSAzMEEyLjAwMiAyLjAwMiAwIDAgMCAxOSAzMmEyLjAwMSAyLjAwMSAwIDEgMCAyLjAwMS0yIi8+CiAgICA8L2c+Cjwvc3ZnPgo=) no-repeat 50%
}

.b-prices .item-list .collapse-control {
    padding: 10px 0;
    text-align: right;
    background: transparent
}

.b-prices .header {
    border-bottom: 1px solid #c8ccd9
}

.b-price-list-vendor {
    font-size: 1.4em
}

.b-price-list-vendor > .header .title {
    float: left
}

.b-price-list-vendor > .header .b-price-levels {
    float: right;
    line-height: 1.8
}

.b-price-list-vendor > .header .b-price-levels .icon, .b-price-list-vendor > .header .b-price-levels .label, .b-price-list-vendor > .header .b-price-levels .type {
    display: inline-block
}

.b-price-list-vendor > .header .b-price-levels .label {
    color: #1e232e
}

.b-price-list-vendor > .header .b-price-levels .type {
    margin: 0 5px;
    font-weight: 400
}

.b-price-list-vendor > .header .b-price-levels button {
    vertical-align: middle
}

.b-price-list-vendor .price-list {
    margin: 12px 0
}

.b-price-list-vendor .price-list .header {
    font-size: .78571428em;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #e4e4e2;
    color: #1e232e
}

.b-price-list-vendor .price-list .header .price-list-vendor-filter .clear-filter, .b-price-list-vendor .price-list .header .price-list-vendor-filter .item {
    cursor: pointer
}

.b-price-list-vendor .price-list .header .price-list-vendor-filter .item {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0 5px;
    background: #e0f2d4;
    border: 1px solid #d8e6eb;
    color: #1e232e
}

.b-price-list-vendor .price-list .header .price-list-vendor-filter .clear-filter {
    display: inline-block;
    padding: 0 5px;
    font-size: 1.2em;
    background: #1e232e;
    border-radius: 2px;
    color: #fff
}

.b-price-list-vendor .price-list .header .cost {
    text-align: right
}

.b-price-list-vendor .price-list .header .cost span {
    padding-right: 10px
}

.b-price-list-vendor .price-list .header .cost span .fa {
    right: 0
}

.b-price-list-vendor .price-list .header .sort {
    position: relative;
    cursor: pointer
}

.b-price-list-vendor .price-list .header .sort.info {
    cursor: default
}

.b-price-list-vendor .price-list .header .sort .fa {
    position: absolute;
    right: -10px;
    display: none;
    font-size: 1.2em;
    margin-left: 5px
}

.b-price-list-vendor .price-list .header .sort .fa-sort-asc {
    top: 4px
}

.b-price-list-vendor .price-list .header .sort .fa-sort-desc {
    top: -2px
}

.b-price-list-vendor .price-list .header .sort.active .fa {
    display: inline-block
}

.b-price-list-vendor .price-list .header .clearfix {
    width: 100%
}

.b-price-list-vendor .price-list .column {
    float: left;
    min-height: 20px
}

.b-price-list-vendor .price-list .column.vendor {
    width: 20%
}

.b-price-list-vendor .price-list .column.description {
    width: 35%
}

.b-price-list-vendor .price-list .column.info {
    width: 15%
}

.b-price-list-vendor .price-list .column.in-stock {
    width: 10%
}

.b-price-list-vendor .price-list .column.delivery {
    width: 7%
}

.b-price-list-vendor .price-list .column.cost {
    width: 13%
}

.b-price-list-vendor .price-list .column.prices {
    float: none;
    width: 30%;
    margin-left: 70%;
    padding: 0
}

.b-price-list-vendor .price-list .column.prices + .prices {
    margin-top: 20px
}

.b-price-list-vendor .price-list .column.prices .in-stock {
    width: 33%
}

.b-price-list-vendor .price-list .column.prices .delivery {
    width: 25%
}

.b-price-list-vendor .price-list .column.prices .cost {
    width: 42%
}

.b-price-list-vendor .price-list .price-row {
    padding: 10px;
    margin-bottom: 2px
}

.b-price-list-vendor .price-list .row-data:hover {
    background-color: #e4e4e2
}

.b-price-list-vendor .price-list .row-data .column.cost {
    position: relative;
    box-sizing: border-box;
    padding-right: 43px;
    font-weight: 500;
    color: #1e232e;
    text-align: right
}

.b-price-list-vendor .price-list .row-data .vendor-name {
    font-weight: 500;
    color: #27556f
}

.b-price-list-vendor .price-list .row-data .vendor-code {
    display: inline-block;
    margin: 0 0 0 10px;
    color: #1e232e
}

.b-price-list-vendor .price-list .row-data .info .g-add-to-notepad {
    margin-right: 5px
}

.b-price-list-vendor .price-list .row-data .info .suppliers {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.b-price-list-vendor .price-list .row-data .info .info-buttons {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    border-radius: 4px;
    line-height: 0;
    background-color: #92b6c8;
    padding: 3px;
    cursor: pointer
}

.b-price-list-vendor .price-list .row-data .info .info-buttons:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: transparent;
    -webkit-transition: background .2s .05s;
    transition: background .2s .05s
}

.b-price-list-vendor .price-list .row-data .info .info-buttons:hover:after {
    background-color: rgba(201, 210, 219, .4)
}

.b-price-list-vendor .price-list .row-data .info .info-buttons .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 2px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/product-info-icon.png) no-repeat
}

.b-price-list-vendor .price-list .row-data .info .info-buttons .images {
    background-position: 0 0
}

.b-price-list-vendor .price-list .row-data .info .info-buttons .params {
    background-position: -16px 0
}

.b-price-list-vendor .price-list .row-data .info .info-buttons .apply {
    background-position: -32px 0
}

.b-price-list-vendor .price-list .row-data .info .info-buttons .kits {
    background-position: -48px 0
}

.b-price-list-vendor .price-list .row-data .quality {
    float: right;
    width: 20px;
    height: 20px;
    margin: 0 8px;
    border-radius: 3px
}

.b-price-list-vendor .price-list .row-data .quality.unknown {
    background-color: #932a2a
}

.b-price-list-vendor .price-list .row-data .quality.bad {
    background-color: #e65427
}

.b-price-list-vendor .price-list .row-data .quality.normal {
    background-color: #f79000
}

.b-price-list-vendor .price-list .row-data .quality.good {
    background-color: #f3d600
}

.b-price-list-vendor .price-list .row-data .quality.excellent {
    background-color: #7acf72
}

.b-price-list-vendor .price-list .row-data .fa {
    color: #92b6c8
}

.b-price-list-vendor .price-list .row-data .basket {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 37px;
    height: 30px;
    background-color: #f7d881;
    border-radius: 2px;
    -webkit-transition: background-color .3s .05s;
    transition: background-color .3s .05s;
    cursor: pointer
}

.b-price-list-vendor .price-list .row-data .basket .icon {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 1;
    -webkit-transition: opacity .3s .05s;
    transition: opacity .3s .05s
}

.b-price-list-vendor .price-list .row-data .basket .icon + .icon {
    opacity: 0
}

.b-price-list-vendor .price-list .row-data .basket .count {
    position: absolute;
    top: -7px;
    right: -12px;
    padding: 0 7px;
    font: normal normal 12px Roboto, sans-serif;
    line-height: 20px;
    letter-spacing: inherit;
    color: #fff;
    background: #e67a7d;
    border-radius: 50%
}

.b-price-list-vendor .price-list .row-data .basket:hover {
    background-color: rgba(131, 184, 128, .7)
}

.b-price-list-vendor .price-list .row-data .basket:hover .icon {
    opacity: .8
}

.b-price-list-vendor .price-list .row-data .basket:hover .icon + .icon {
    opacity: .2
}

.b-price-list-vendor .price-list .row-data .basket.active {
    background-color: #83b880
}

.b-price-list-vendor .price-list .row-data .basket.active .icon {
    opacity: 0
}

.b-price-list-vendor .price-list .row-data .basket.active .icon + .icon {
    opacity: 1
}

.b-price-list-vendor .price-list .origin-parts, .b-price-list-vendor .price-list .requested-part, .b-price-list-vendor .price-list .substitutes-parts {
    margin-bottom: 2px;
    padding: 5px 10px;
    font-size: .857142857em;
    font-weight: 500;
    background-color: #d8e6eb;
    text-transform: uppercase;
    color: #5e7685
}

.b-vin-request .main-car-holder {
    border-bottom: none
}

.b-vin-request .vin-queries-holder {
    font-size: 14px
}

.b-vin-request .queries-products-holder button {
    border: none;
    background-color: transparent;
    outline: none;
    cursor: pointer
}

.b-vin-request .row-item-model a:hover {
    color: #c54141
}

.b-vin-request-modal .info {
    overflow: hidden;
    margin-top: 0
}

.b-vin-request-modal .inner {
    overflow: hidden;
    height: 100%
}

.b-vin-request-modal .upload-view {
    max-height: 100%;
    overflow: hidden
}

.b-vin-request-modal .upload-container, .b-vin-request-modal .upload-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.b-vin-request-modal .upload-container {
    -ms-flex-line-pack: justify;
    align-content: space-between;
    margin: 20px 0 0;
    overflow: auto
}

.b-vin-request-modal .upload-container .g-dropzone {
    margin: 10px 0 20px;
    overflow: auto
}

.b-vin-request-modal .upload-container .item {
    position: relative
}

.b-vin-request-modal .upload-container .item .item-inner {
    position: relative;
    display: inline-block
}

.b-vin-request-modal .upload-container .item .control-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 10px;
    background: #fbeab7
}

.b-vin-request-modal .upload-container .item .remove {
    position: relative;
    display: inline-block;
    width: 21px;
    height: 22px;
    vertical-align: middle;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/close-circle.png) no-repeat;
    cursor: pointer
}

.b-vin-request-modal .upload-container .item .remove:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/close-circle.png) 0 100%;
    opacity: 0;
    -webkit-transition: opacity .2s .05s;
    transition: opacity .2s .05s
}

.b-vin-request-modal .upload-container .item .remove:hover:before {
    opacity: 1
}

.b-vin-request-modal .upload-container .item + .item {
    margin-top: 40px
}

.b-vin-request-modal .upload-container .item + .item:after {
    content: "";
    position: absolute;
    top: -21px;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #bbb
}

.b-vin-request-modal .comment-input {
    text-align: right
}

.b-vin-request-modal .comment-input .control > * {
    display: inline-block;
    vertical-align: middle
}

.b-vin-request-modal .comment-input label {
    margin-right: 10px
}

.b-vin-request-modal .comment-input input {
    width: 200px;
    height: 20px;
    line-height: 20;
    border: 1px solid #c9d2db;
    outline: none;
    padding: 5px 10px;
    font-size: 16px
}

.b-new-vin-request {
    font-size: 14px
}

.b-new-vin-request .main-car-holder {
    border-bottom: none
}

.b-new-vin-request .queries-list-item {
    position: relative;
    padding-right: 30px
}

.b-new-vin-request .queries-list-item .query-text {
    display: block;
    overflow: auto
}

.b-new-vin-request .query-remove {
    position: absolute;
    top: 3px;
    right: 0;
    border: none;
    outline: none;
    background-color: none;
    cursor: pointer
}

.b-re-restore-modal {
    padding: 0;
    min-height: 430px
}

.b-re-restore-modal .info {
    width: 100%;
    overflow: hidden;
    margin-top: 0;
    padding: 0
}

.b-re-restore-modal .view {
    max-height: 100%
}

.b-re-restore-modal .view.start {
    max-height: calc(100% - 30px);
    overflow: auto;
    margin-top: 30px;
    margin-right: 10px
}

.b-re-restore-modal .view.start .section {
    padding-top: 0
}

.b-re-restore-modal .view.start .section + .section {
    padding-top: 20px
}

.b-re-restore-modal .view .exist-logo {
    padding-right: 95px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCIgdmlld0JveD0iMCAwIDcwIDcwIj4KICAgIDxnIGZpbGw9IiMxRTIzMkUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjEzOCI+CiAgICAgICAgPHBhdGggZD0iTTU0LjU5NSA2MS4zMzRMNTUuNSA2Mi45bC02LjIwNiAzLjU3OC0yLjU3NS00LjQ2N2EyOS40ODQgMjkuNDg0IDAgMCAxLTguMDc1IDIuMjY3bC4wMDEgNS4yMjUtNy4xNjQtLjAwNC4wMDMtNS4xNDRhMjkuNDcyIDI5LjQ3MiAwIDAgMS04LjEyMS0yLjA5MWwtMi42MTYgNC41My02LjItMy41ODQgMi41ODctNC40NzRhMzAuMDUzIDMwLjA1MyAwIDAgMS01Ljk4NS01Ljg2MmwtNC41NDcgMi42MjYtMy41NzctNi4yMDYgNC40NjgtMi41NzVhMjkuNDgxIDI5LjQ4MSAwIDAgMS0yLjI2NC04LjA3NEgwbC4wMDQtNy4xNjIgNS4xNDguMDAzIDcuMjY1LjA0MmMtLjIgMS4wNzEtLjI0NSAyLjEtLjI0NSAzLjIyMiAwIDEyLjQzNyAxMC4xNDMgMjIuNTc5IDIyLjU4IDIyLjU3OWEyMi40NzUgMjIuNDc1IDAgMCAwIDE0LjQwNC01LjIxNWw1LjQzOSA5LjIxOXpNMzguMDE2IDUuMTU2YTI5LjQ4IDI5LjQ4IDAgMCAxIDguMTIgMi4wOWwyLjYxOC00LjUzOCA2LjIwMyAzLjU4Ni0yLjU5MSA0LjQ3OGEzMC4xMDQgMzAuMTA0IDAgMCAxIDUuOTg0IDUuODZsNC41NS0yLjYzIDMuNTc4IDYuMjA2LTQuNDcgMi41NzdhMjkuNTMyIDI5LjUzMiAwIDAgMSAyLjI2NiA4LjA3NGw1LjIzLS4wMDEtLjAwNSA2LjcwNUg1Ny4xNTVjLjExNi0uOTIxLjE3Ny0xLjg2LjE3Ny0yLjgxIDAtMTIuNDM2LTEwLjE0My0yMi41NzgtMjIuNTgtMjIuNTc4YTIyLjQ2NiAyMi40NjYgMCAwIDAtMTQuMzggNS4xOTRMMTQuMDYgNi42NzJoLS4wMTlsLS4wMzgtLjA2OSA2LjIwNS0zLjU3OCAyLjU3NyA0LjQ3MWEyOS41MDEgMjkuNTAxIDAgMCAxIDguMDczLTIuMjY0TDMwLjg1NyAwbDcuMTY0LjAwNS0uMDA1IDUuMTV6Ii8+CiAgICAgICAgPHBhdGggZD0iTTQ2LjExNCAzMS4wMjZjLS43OTMtMi45MzYtMi4xNzUtNS4yMTItNC4xNC02LjgxMi0xLjk2Ni0xLjYxNC00LjMwNi0yLjQxOS03LjA0Ni0yLjQxOS0yLjgwNCAwLTUuMjM0LjgyOC03LjI5OSAyLjQ3My0uNTguNDY5LTEuMTExLjk4Ni0xLjU5MiAxLjU1bC0zLjMzNS01LjY1M2ExNy4zNjMgMTcuMzYzIDAgMCAxIDQuNzUxLTMuMTRjMi4yMi0uOTgzIDQuNjUtMS40NyA3LjI3Ny0xLjQ3IDMuMTI2IDAgNi4wMy43MyA4LjcyNCAyLjE4OCAyLjY4NCAxLjQ1OCA0Ljg5MyAzLjQ5IDYuNjQ5IDYuMDk2YTE4LjQ3MSAxOC40NzEgMCAwIDEgMi4yOTYgNS4zMjJjLjQ5NyAxLjkzNC43MzkgNC4xNDIuNzM5IDYuNjE1djEuMDA1aC0yOS45NmMuNTQyIDIuOTcgMS44OSA1LjM5IDQuMDMxIDcuMjMzIDIuMTQzIDEuODQ1IDQuNjkzIDIuNzYgNy42NTMgMi43NiAyLjEwOCAwIDQuMDMtLjUwNyA1Ljc3NS0xLjUyM2ExMC42NzcgMTAuNjc3IDAgMCAwIDIuODI2LTIuMzdsMy4zODUgNS43MzRjLS41NDYuNTA1LTEuMTE3Ljk3LTEuNzE3IDEuMzk1LTIuOTQ4IDIuMDg4LTYuMzcyIDMuMTM2LTEwLjI3IDMuMTM2LTIuNjQgMC01LjAzNi0uNDYzLTcuMjIxLTEuMzktMi4xNzYtLjkyOC00LjE0Mi0yLjMyLTUuOTItNC4xNzUtMS42NTctMS43NDYtMi45Ni0zLjc3Ny0zLjg5OC02LjA5Ni0uOTM4LTIuMzE5LTEuNDAyLTQuNjgyLTEuNDAyLTcuMTAxIDAtMS4xNDkuMDktMi4yNjMuMjctMy4zNDFsMTIuNDMtLjAwMS0uMDA5LS4wMTZoMTcuMDAzeiIvPgogICAgPC9nPgo8L3N2Zz4K) no-repeat 97%
}

.b-re-restore-modal .select-table {
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #e4e4e2;
    box-sizing: border-box;
    padding-top: 20px
}

.b-re-restore-modal .select-table .item {
    white-space: nowrap;
    font-size: 0;
    background-color: transparent;
    -webkit-transition: background-color .3s .05s;
    transition: background-color .3s .05s;
    cursor: pointer;
    border-bottom: 1px solid #e4e4e2
}

.b-re-restore-modal .select-table .item > * {
    display: inline-block;
    box-sizing: border-box;
    padding: 5px;
    white-space: normal;
    font-size: 12px;
    vertical-align: middle
}

.b-re-restore-modal .select-table .item.header {
    border: none;
    background-color: #e4e4e2
}

.b-re-restore-modal .select-table .item.header > * {
    vertical-align: top
}

.b-re-restore-modal .select-table .item.header:hover {
    background-color: #e4e4e2
}

.b-re-restore-modal .select-table .item .input {
    width: 5%
}

.b-re-restore-modal .select-table .item .name {
    width: 50%;
    white-space: normal;
    padding-right: 15px
}

.b-re-restore-modal .select-table .item .balance {
    width: 20%;
    padding-right: 10px
}

.b-re-restore-modal .select-table .item .arrears {
    width: 25%
}

.b-re-restore-modal .select-table .item:hover {
    background-color: #f0f2f4
}

.b-re-restore-modal .confirm-personal-data .form .inp {
    width: 250px
}

.b-re-restore-modal .confirm-error .controls {
    text-align: right
}

.b-re-restore-modal .confirm-error .controls .g-button-select {
    float: none
}

.b-re-restore-modal .success-error-personal-data-view .content-title {
    margin-top: 0
}

.b-re-restore-modal .success-error-personal-data-view .contacts {
    color: #1e232e
}

.b-re-restore-modal .success-error-personal-data-view .contacts .item {
    position: relative;
    padding-left: 25px;
    min-height: 20px
}

.b-re-restore-modal .success-error-personal-data-view .contacts .item .label {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    font-size: 16px
}

.b-re-restore-modal .success-error-personal-data-view .contacts .item + .item {
    margin-top: 5px
}

.b-re-restore-modal .success-error-personal-data-view .controls .g-button-select {
    float: right
}

.b-re-restore-modal .note {
    font-size: 12px
}

@media (max-width: 575px) {
    .b-re-restore-modal .view .controls .g-button, .b-re-restore-modal .view .g-button.red {
        margin-bottom: 20px
    }

    .b-re-restore-modal .view .controls .g-button.full {
        font-size: 1em;
        padding: 0
    }

    .b-re-restore-modal .view .exist-logo {
        padding-right: 0;
        background: none;
        text-align: center
    }

    .b-re-restore-modal .view .exist-logo .content-title {
        font-weight: 500
    }

    .b-re-restore-modal .view .content-title, .b-re-restore-modal .view .description {
        max-width: 95%;
        font-size: 1.125em
    }

    .b-re-restore-modal .view .content-title {
        text-align: center;
        font-weight: 500
    }

    .b-re-restore-modal .modal-title .title {
        font-size: .667em
    }
}

@media (max-width: 360px) {
    .controls .g-button.full {
        font-size: 1em
    }
}

.b-catalogs-links {
    margin-bottom: 40px
}

.b-catalogs-links .link-item {
    display: block;
    padding: 40px 40px 26.5%;
    box-sizing: border-box;
    background-color: #fafafa;
    background-position: 100% 50%;
    text-decoration: none;
    box-shadow: 0 0 3px transparent;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: box-shadow .2s .05s, -webkit-transform .2s .05s;
    transition: box-shadow .2s .05s, -webkit-transform .2s .05s;
    transition: box-shadow .2s .05s, transform .2s .05s;
    transition: box-shadow .2s .05s, transform .2s .05s, -webkit-transform .2s .05s;
    background-color: #1e232e;
    border-radius: 4px
}

.b-catalogs-links .link-item:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 0 0 6px rgba(0, 0, 0, .25)
}

.b-catalogs-links .link-item + .link-item {
    margin-top: 30px
}

.b-catalogs-links .link-item .link-item-inner {
    position: absolute
}

.b-catalogs-links .link-item .title {
    font: normal normal 24px Roboto, sans-serif;
    line-height: 1.2;
    letter-spacing: inherit;
    color: #000;
    color: #fff;
    display: inline-block
}

.b-catalogs-links .link-item.original {
    background-image: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/original_catalog_link_bg_new2.png);
    background-repeat: no-repeat;
    background-size: auto 90%;
    background-position: 95%
}

@media (-webkit-min-device-pixel-ratio: 1.3),(min--moz-device-pixel-ratio: 1.3),(min-device-pixel-ratio: 1.3),(min-resolution: 1.3dppx) {
    .b-catalogs-links .link-item.original {
        background-image: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/original_catalog_link_bg_new2@2x.png)
    }
}

.b-catalogs-links .link-item.substitutes {
    background-image: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/substitutes_catalog_link_bg_new.png);
    background-repeat: no-repeat;
    background-size: auto 90%
}

@media (-webkit-min-device-pixel-ratio: 1.3),(min--moz-device-pixel-ratio: 1.3),(min-device-pixel-ratio: 1.3),(min-resolution: 1.3dppx) {
    .b-catalogs-links .link-item.substitutes {
        background-image: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/substitutes_catalog_link_bg_new@2x.png)
    }
}

.b-promo {
    display: block;
    overflow: hidden;
    box-shadow: 0 0 3px transparent;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: box-shadow .2s .05s, -webkit-transform .2s .05s;
    transition: box-shadow .2s .05s, -webkit-transform .2s .05s;
    transition: box-shadow .2s .05s, transform .2s .05s;
    transition: box-shadow .2s .05s, transform .2s .05s, -webkit-transform .2s .05s
}

.b-promo:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 0 0 6px rgba(0, 0, 0, .25)
}

.b-promo img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

@media (max-width: 767px) {
    .b-catalogs-links .link-item .link-item-inner {
        top: 30px;
        left: 30px
    }

    .b-catalogs-links .link-item .link-item-inner .title {
        width: 50%;
        font-size: 18px
    }

    .b-catalogs-links .b-promo, .b-catalogs-links .link-item.substitutes {
        margin-top: 15px
    }

    .b-catalogs-links .b-promo img {
        margin: 0 auto
    }
}

.b-chat-widget .chat-button {
    position: fixed;
    z-index: 99;
    right: 0;
    top: 50%;
    -webkit-transform: rotate(-90deg) translateZ(0);
    transform: rotate(-90deg) translateZ(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    margin: -190px 0 0;
    background-color: #163970;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: background-color .2s .03s, opacity .4s;
    transition: background-color .2s .03s, opacity .4s
}

.b-chat-widget .chat-button .inner {
    padding: 0 20px;
    font: normal 500 16px Roboto, sans-serif;
    line-height: 50px;
    letter-spacing: inherit;
    color: #fff
}

.b-chat-widget .chat-button .inner .label {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px
}

.b-chat-widget .chat-button .count {
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 18px;
    height: 18px;
    margin: 0 -9px -9px 0;
    text-align: center;
    font: normal 500 10px Roboto, sans-serif;
    line-height: 18px;
    letter-spacing: inherit;
    color: #fff;
    border-radius: 50%;
    background-color: #e30613;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.b-chat-widget .chat-button:hover {
    background-color: #4b5166
}

.b-chat-widget .chat-window-wrapper {
    position: fixed;
    z-index: 9999;
    right: 0;
    top: 0;
    bottom: 0
}

.b-chat-widget .chat-window-wrapper .chat-window-inner {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    right: 0;
    bottom: 0;
    width: 370px;
    max-height: 100%;
    height: 100%;
    overflow: hidden
}

.b-chat-widget .chat-window-wrapper .chat-window-inner > * {
    width: 100%
}

.b-chat-widget .chat-window-wrapper .section {
    border-bottom: 1px solid #c8ccd9
}

.b-chat-widget .chat-window-wrapper .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 68px;
    min-height: 68px;
    padding: 0 30px;
    font: normal 500 18px Roboto, sans-serif;
    line-height: 68px;
    letter-spacing: inherit;
    color: #1e232e;
    background-color: #fff
}

.b-chat-widget .chat-window-wrapper .header .close-chat {
    cursor: pointer;
    opacity: .8;
    -webkit-transition: opacity 2s;
    transition: opacity 2s
}

.b-chat-widget .chat-window-wrapper .header .close-chat:hover {
    opacity: 1
}

.b-chat-widget .chat-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #fff
}

.b-chat-widget .chat-view .messages {
    overflow: auto;
    width: 100%;
    box-sizing: border-box;
    padding: 30px 20px
}

.b-chat-widget .chat-view .messages .message {
    position: relative;
    width: 100%
}

.b-chat-widget .chat-view .messages .message + .message {
    margin-top: 25px
}

.b-chat-widget .chat-view .messages .message .text {
    position: relative;
    display: inline-block;
    width: 75%;
    padding: 10px 30px;
    font: normal normal 14px Roboto, sans-serif;
    line-height: 1.55;
    letter-spacing: inherit;
    color: #fff;
    border-radius: 20px;
    background-color: #163970;
    word-wrap: break-word
}

.b-chat-widget .chat-view .messages .message .text:before {
    content: "";
    position: absolute;
    left: -8px;
    bottom: -1px;
    width: 20px;
    height: 20px;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/received-message-arrow.png) no-repeat
}

.b-chat-widget .chat-view .messages .message .time {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    font: normal normal 14px Roboto, sans-serif;
    line-height: 1.2;
    letter-spacing: inherit;
    color: #4b5166
}

.b-chat-widget .chat-view .messages .message.received {
    text-align: left
}

.b-chat-widget .chat-view .messages .message.received .time {
    right: 0;
    left: auto
}

.b-chat-widget .chat-view .messages .message.sent {
    text-align: right
}

.b-chat-widget .chat-view .messages .message.sent .text {
    color: #1e232e;
    background-color: #f3f4f7
}

.b-chat-widget .chat-view .messages .message.sent .text:before {
    right: -6px;
    bottom: 1px;
    left: auto;
    background: url(/web/20170603221041im_/https://www.isnext.ru/Themes/Exist/Styles/Images/sent-message-arrow.png) no-repeat
}

.b-chat-widget .chat-view .control {
    width: 100%;
    height: 62px;
    max-height: 62px;
    min-height: 62px;
    box-sizing: border-box;
    padding: 10px 17px 10px 30px
}

.b-chat-widget .chat-view .control textarea {
    display: block;
    width: 100%;
    resize: none
}

.b-chat-widget .fade-enter {
    visibility: hidden;
    opacity: 0
}

.b-chat-widget .fade-enter.fade-enter-active, .b-chat-widget .fade-leave {
    visibility: visible;
    opacity: 1
}

.b-chat-widget .fade-leave.fade-leave-active {
    visibility: hidden;
    opacity: 0
}

.b-selected-office {
    color: #fff
}

@media (max-width: 767px){
.b-selected-office {
    color: #fff;
	display: none;
	
}
}


.b-selected-office .b-selected-office-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.b-selected-office .b-selected-office-address, .b-selected-office .b-selected-office-phone, .b-selected-office .b-selected-office-work {
    cursor: pointer;
    margin-top: 16px
}

.b-selected-office .fa {
    font-size: 1.143em;
    vertical-align: middle;
    margin: 0 10px 0 0
}

.b-selected-office .b-selected-office-address {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.b-selected-office .b-selected-office-address span {
    border-bottom: 1px dashed transparent;
    cursor: pointer;
    vertical-align: middle
}

.b-selected-office .b-selected-office-address span:hover {
    border-bottom: 1px dashed #fff
}

.b-selected-office .b-selected-office-phone {
    padding: 0 0 0 40px
}

.b-selected-office .b-selected-office-work {
    padding: 0 10px 20px 40px;
    position: relative
}

.b-selected-office .b-selected-office-work .b-time-dropdown {
    position: absolute;
    background: #fff;
    padding: 20px 20px 15px;
    border-radius: 3px;
    border: 1px solid #c8ccd9;
    width: 205px;
    color: #1e232e;
    font-size: 1.143em;
    left: 85%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 6;
    -webkit-transition: left .3s ease-in-out, opacity .3s ease-in-out;
    transition: left .3s ease-in-out, opacity .3s ease-in-out
}

.b-selected-office .b-selected-office-work .b-time-dropdown .item {
    margin-bottom: 5px;
    font-weight: 500
}

.b-selected-office .b-selected-office-work .b-time-dropdown .item .label {
    display: inline-block;
    width: 53px;
    color: #585e71;
    font-weight: 400
}

.b-selected-office .b-selected-office-work:hover .b-time-dropdown {
    left: 100%;
    visibility: visible;
    opacity: 1
}

.b-office-modal {
    height: 40%
}

.b-office-modal .info, .b-office-modal .map {
    float: left
}

.b-office-modal .map {
    padding: 10px 20px 0
}

.b-office-modal .info {
    width: 50%;
    padding-top: 10px
}

.b-office-modal .edit-link {
    line-height: 22px;
    margin: 0 15px
}

.b-office-modal .edit-link .g-edit-icon {
    margin-top: -4px
}

/*
     FILE ARCHIVED ON 22:10:41 Jun 03, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:14:31 Jan 05, 2021.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  RedisCDXSource: 4.22
  esindex: 0.015
  exclusion.robots.policy: 0.196
  LoadShardBlock: 67.907 (3)
  PetaboxLoader3.datanode: 99.627 (4)
  exclusion.robots: 0.211
  CDXLines.iter: 20.205 (3)
  captures_list: 96.715
  load_resource: 121.534
  PetaboxLoader3.resolve: 61.076
*/