.root
{
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif, arial;
    font-size: 14px;
    line-height: 1.55;
    font-weight: 400;
    color: #272727;
    background-color: #fff;
}


.root div
{
    float: left;
}

.root p
{
    margin: 0px;
    float: left;
    width: 100%;
}

.root a
{
    text-decoration: none;
    color: #272727;
    outline: none;
}

.root .btn,
.root button
{
    overflow: hidden;
    position: relative;
    white-space: normal;
    outline: none;
}

.root .btn:after 
{
    content: "";
    position: absolute;
    height: 0px;
    width: 0px;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    opacity: 0.2;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    z-index: -1;
}

.root .btn:hover:after 
{
    height: 200px;
    width: 200px;
    opacity: 0;
    z-index: 1;
}

.root *
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.root .container
{
    float: none;
}

.root header
{
    float: left;
    width: 100%;
    /*margin-bottom: 30px;*/
    padding-bottom: 30px;
    background-color: #fff;
}

.root header .main-header
{
    width: 100%;
    padding: 30px 0px 26px 0px;
    background-color: #fff;
}

.root header .main-header .row
{
    width: 100%;
    margin: 0px;
}

.root header .main-header .row
{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.root header .main-header .row:before,
.root header .main-header .row:after
{
    display: none;
}

.root header .logo-block
{
    width: 240px;
    /*display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;*/
    position: relative;
    top: -25px;
}

.root header .logo
{
    float: left;
    /*display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-end;
    -webkit-flex-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;*/
    text-decoration: none;
    color: #272727;
    line-height: 1;
    /*font-size: 30px;*/
    white-space: nowrap;
    letter-spacing: -0.4px;
    font-size: 27px;
}

.root header .logo img
{
    width: 64px;
    /*margin-right: 10px;*/
    float: left;
}

.root header .logo .logo-title
{
   padding-top: 32px;
   float: left;
}

.root header .main-header .content
{
    padding-left: 98px;
    width: calc(100% - 240px);
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.root header .main-header .contacts 
{
    width: 100%;
}

.root header .main-header .contacts .list
{
    float: right;
    min-width: 878px;
    max-width: calc(100% + 46px);
    margin: 0px -23px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.root header .main-header .contacts .item
{
    margin: 0px 23px 10px 23px;
    font-size: 13px;
    color: #222;
    position: relative;
}

.root header .main-header .contacts .item *
{
    float: left;
}

.root header .main-header .contacts .item.address img
{
    position: relative;
    top: 0px;
    margin-right: 4px;
    width: 19px;
}

.root header .main-header .contacts .item.phone img
{
    float: left;
    position: relative;
    top: -1px;
    margin-right: 6px;
    width: 18px;
}

.root header .main-header .contacts .item.time img
{
    position: relative;
    margin-right: 7px;
    width: 19px;
}

.root header .main-header .contacts .item.time img + *
{
   padding-top: 2px;
}


.root header .main-header .contacts .item.phone a
{
    float: left;
    display: inline-block;
    white-space: nowrap;
}

.root header .main-header .contacts .item.phone a:after
{
    content: ",";
    margin-right: 10px;
    margin-left: -2px;
}

.root header .main-header .contacts .item.phone a:last-child:after
{
    display: none;
}

.root header .main-header .contacts .item .fa
{
    float: left;
    font-size: 19px;
    /*color: #0080bb;*/
    color: #0080bb;
    margin-right: 5px;
}

.root header .main-header .content .search-block
{
    width: 100%;
    max-width: 570px;
    position: relative;
    padding: 0;
    margin: 0px;
    display: block;
    background-color: #fff;
    height: 42px;
    color: #555;
}

.root header .main-header .content .search-block .wrapp
{
    width: calc(100% - 102px);
    height: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    border-radius: 2px 0px 0px 2px;
    border: 1px solid #ddd;
    border-right: none;
}

.root header .main-header .content .search-block .wrapp .form-control
{
    float: left;
    height: 100%;
    border-radius: 0px;
    font-size: 13px;
    color: #555;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none;
    text-align: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.root .select-group .form-control
{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.root .select-group
{
    width: 100%;
    position: relative;
}


.root header .main-header .content .search-block .select-group
{   
    display:none;
    width: 140px;
    min-width: 140px;
    max-width: 140px;
}

.root header .main-header .content .search-block .select-group .dropdown-menu
{
    margin-left: -1px;
    margin-top: 0px;
}

.root header .main-header .content .search-block .select-group .form-control
{
    padding: 0px 28px 0px 15px;
}

.root header .main-header .content .search-block input.form-control
{
    padding: 0px 20px;
}

.root header .main-header .content .search-block .select-group:before
{
    content: "";
    position: absolute;
    top: 6px;
    bottom: 6px;
    right: 0px;
    width: 1px;
    background-color: #ccc;
    z-index: 2;
}

.root header .main-header .content .search-block .select-group:after
{
    content: "\f0d7";
    display: block;
    font-size: 11px;
    font-family: 'FontAwesome';
    color: #555;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 15px;
    pointer-events: none;
    line-height: 1;
}


.root .select-group .dropdown-menu
{
    /*width: 100%;*/
    padding: 0px;
    min-width: 225px;
    font-size: 13px;
    border-radius: 0px;
    border: 1px solid #ddd;
    margin: -1px 0px 0px 0px;
    padding: 9px 0px;
    max-height: 250px;
    overflow: auto;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: none;
}

.root .select-group.open .dropdown-menu
{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.root .select-group .dropdown-menu li
{
    float: left;
    font-size: 13px;
    border: 0;
    margin: 0;
    color: #272727;
    padding: 7px 25px;
    text-align: left;
    cursor: pointer;
    -webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
    line-height: 1.3;
}

.root .select-group .dropdown-menu li.active,
.root .select-group .dropdown-menu li:hover
{
    color: #181818;
    background-color: #f0f2f5;
}

.root header .main-header .content .search-block .btn
{   
    width: 102px;
    height: 100%;
    float: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0px 25px;
    background-color: #ff7f3c;
    color: #fff;
    border-radius: 0px;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.4px;
    padding: 0px 10px;
    border-radius: 0px 2px 2px 0px;
}


.root header .cart-block
{
    color: #000;
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    /*min-width: 130px;*/
}

.root header .cart-block *
{
    float: left;
    white-space: nowrap;
}

.root header .cart-block .icon 
{
    position: relative;
}

.root header .cart-block .icon img
{
    width: 24px;
}

.root header .cart-block .icon .fa
{
    font-size: 22px;
}

.root header .cart-block .icon .counter-number
{
    float: left;
    height: 17px;
    text-align: center;
    z-index: 2;
    min-width: 20px;
    padding: 0px 6px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    line-height: 1.4;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #ff7f3c;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 30px;
    margin: -5px 0px 0px -7px;
    background-color: #fff;
    border: 1px solid #0080bb;
    color: #0080bb;
    max-width: 36px;
    overflow: hidden;
}

.root header .cart-block .text 
{
    padding-left: 4px;
    position: relative;
    top: 2px;
}

.root header .cart-block .text .title
{
    font-size: 13px;
    padding-right: 5px;
}

.root header .cart-block .text .price 
{
    font-size: 14px;
    padding-top: 1px;
}

.root header .cart-block .text .price .amount
{
    margin-right: 3px;
}

.root header .cart-block .text .price .rub
{
    position: relative;
    text-transform: uppercase;
}

.root header .cart-block .text .price .rub:before
{
    content: "";
    position: absolute;
    top: 9px;
    left: 0px;
    height: 1px;
    width: 7px;
    background-color: #272727;
}

.root header .navbar
{
    width: 100%;
    background-color: #0080bb;
}

.root header .navbar .nav
{
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.root header .navbar .nav > li
{
    float: left;
    display: inline-block;
}

.root header .navbar .nav > li > a
{
    text-align: left;
    display: block;
    padding: 12px 20px 11px 20px;
    font-size: 14px;
    position: relative;
    text-decoration: none;
    line-height: 1.25;
    font-weight: normal;
    text-transform: uppercase;
    outline: none;
    color: #fff;
    letter-spacing: 0.2px;
    background-color: transparent;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.root header .navbar .nav > li > a:hover,
.root header .navbar .nav > li:hover > a
{
    background-color: #028ac7;
}

.root > .content
{
    width: 100%;
    background-color: #fff;
    min-height: calc(100vh - 501px);
}

.root .content .cont
{
    width: 100%;
}

.root .cont.main-slider .slider-block
{
    width: 100%;
    margin-bottom: 30px;
}


.root .slider,
.root .slider .slick-list,
.root .slider .slick-list .slick-track,
.root .slider .slick-list .slick-track .item
{
    width: 100%;
    height: 100%;
    outline: none;
}


.root .slider .control
{
    position: absolute;
    top: 0px;
    height: 100%;
    width: 80px;
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    z-index: 15;
}

.root .slider .control.right
{
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.root .slider .control.left
{
    left: 0px;
    padding-left: 10px;
}

.root .slider .control.right
{
    right: 0px;
    padding-right: 10px;
}
 
.root .slider .item .background
{
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-color: #eaeaea;
}

.root .slider .control .fa 
{
    font-size: 24px;
    width: 39px;
    height: 45px;
    line-height: 45px;
    border-radius: 3px;
    -moz-transition: all .45s ease;
    -webkit-transition: all .45s ease;
    -o-transition: all .45s ease;
    -ms-transition: all .45s ease;
    transition: all .45s ease;
    visibility: hidden;
    opacity: 0;
    color: #fff;
    background-color: rgba(192, 192, 192, 0.8);
    cursor: pointer;
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.root .slider .control.left .fa
{
    transform: translate(50px,0px);
    -moz-transform: translate(50px,0px);
    -webkit-transform: translate(50px,0px);
    -o-transform: translate(50px,0px);
    -ms-transform: translate(50px,0px);
}

.root .slider .control.right .fa
{
    transform: translate(-50px,0px);
    -moz-transform: translate(-50px,0px);
    -webkit-transform: translate(-50px,0px);
    -o-transform: translate(-50px,0px);
    -ms-transform: translate(-50px,0px);
}

.root .slider:hover .control .fa 
{
    opacity: 1;
    visibility: visible;
}


.root .slider:hover .control.left .fa,  
.root .slider:hover .control.right .fa  
{
    transform: translate(0px,0px);
    -moz-transform: translate(0px,0px);
    -webkit-transform: translate(0px,0px);
    -o-transform: translate(0px,0px);
    -ms-transform: translate(0px,0px);
}

.root .slider .control .fa:hover 
{
    /*color: #222;*/
    /*background-color: #ff7f3c;*/
    background-color: #c0c0c0;
}


.root .slider-block .slider .item .content
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    line-height: 1.4;
    padding: 20px 40px 50px 75px;
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.root .cont.main-slider .container > .body
{
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.root .banners-block 
{
    width: 100%;
    /*margin-bottom: 30px;*/
}

.root .cont.main-slider .banners-block 
{
    width: 300px;
    padding-left: 30px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.root .banners-block .banner
{
    width: 100%;
    margin-bottom: 30px;
    /*height: 50%;*/
}

.root .banner .wrapper
{
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-color: #eaeaea;
}

.root .banner .wrapper .link
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(0,0,0,0.1);
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.root .banner .wrapper:hover .link
{
    opacity: 1;
}

.root .cont.main-slider .banners-block .banner.small
{
    height: calc(50% - 35px);
}

.root .cont.main-slider .banners-block .banner.medium
{
    height: calc(50% + 35px);
    padding-top: 30px;
}


.root .slider-block .slider .item .content .title
{
    width: 100%;
    font-size: 35px;
    color: #181818;
    /*font-weight: 500;*/
    font-weight: 300;
}

.root .slider-block .slider .item .content .title p,
.root .slider-block .slider .item .content .price p,
.root .banner .wrapper .content .title p
{
    float: left;
    width: 100%;
    margin: 0px;
}

.root .slider-block .slider .item .content .price
{
    width: 100%;
    font-size: 26px;
    color: #222;
    font-weight: 500;
    line-height: 1;
    margin-top: 14px;
}

.root .slider-block .slider .item .content .price .amount
{
    margin-right: 2px;
    text-shadow: 0px 0px;
}

.root .slider-block .slider .item .content .price .rub
{
    text-transform: uppercase;
    position: relative;
    font-weight: 500;
    font-size: 24px;
    padding-top: 1px;
}

.root .slider-block .slider .item .content .price .rub:before
{
    content: "";
    position: absolute;
    bottom: 8px;
    left: 1px;
    width: 9px;
    height: 1px;
    background-color: #181818;
}

.root .slider-block .slider .item .content .action-block
{
    width: 100%;
    margin-top: 20px;
}

.root .slider-block .slider .item .content .action-block .btn
{
    height: 42px;
    float: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0px 25px;
    background-color: #ff7f3c;
    color: #fff;
    border-radius: 0px;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.4px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-align-items: center;
    align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.root .cont.advantages 
{
    margin-bottom: 40px;
}


.root .cont.advantages .list
{
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #e6e6e6;
    margin-bottom: -1px;
}

.root .cont.advantages .list:first-child
{
    border-radius: 3px 3px 0px 0px;
}

.root .cont.advantages .list:last-child
{
    border-radius: 0px 0px 3px 3px;
}

.root .cont.advantages .list .item
{
    width: 25%;
    border-left: 1px solid #e6e6e6;
    padding: 20px 4px 17px 4px;
}

.root .cont.advantages .list .item:first-child
{
    border-left: none;
}


.root .cont.advantages .list .item .wrapper
{
    width: 100%;
}

.root .cont.advantages .list .item .wrapper .icon
{
    width: 100%;
    text-align: center;
    min-height: 42px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 17px;
}

.root .cont.advantages .list .item .wrapper .text
{
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.25;
}

.root .cont.advantages .list .item .wrapper .icon img
{
    width: 42px;
}

.root .body-with-sideright
{
    width: 100%;
}

.root .body-with-sideright .container > .body
{
    width: calc(100% - 300px);
}

.root .banner .wrapper .content
{
    width: 100%;
    padding: 10px 15px;
    line-height: 1.25;
}

.root .banner .wrapper .content .title
{
    width: 100%;
    font-size: 17px;
    color: #000;
    font-weight: 400;
    letter-spacing: 0.3px;
    line-height: 1.4;
}

.root .banner .wrapper .content .price
{
    width: 100%;
    font-size: 18px;
    color: #ff7f3c;
    font-weight: 500;
    line-height: 1;
    margin-top: 10px;
}

.root .banner .wrapper .content .price .amount
{
    margin-right: 2px;
    text-shadow: 0px 0px;
}

.root .banner .wrapper .content .price .rub
{
    text-transform: uppercase;
    position: relative;
    font-size: 17.5px;
    /* font-family: "OpenSans"; */
    /*padding-top: 1px;*/
}

.root .banner .wrapper .content .price .rub:before
{
    content: "";
    position: absolute;
    bottom: 5px;
    left: 0px;
    width: 7px;
    height: 1px;
    /* background-color: #181818; */
    background-color: #ff7f3c;
}

.root h2
{
    float: left;
    width: 100%;
    font-size: 17px;
    padding: 0px 0px 10px 0px;
    position: relative;
    text-transform: uppercase;
    border-bottom: 1px solid #e5e5e5;
    margin: 10px 0px 20px 0px;
    font-weight: 400;
    color: #222;
}

.root h1
{
    float: left;
    width: 100%;
    color: #333;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    padding: 20px 0px;
    margin: 0px;
    letter-spacing: 0.2px;
    line-height: 1.25;
}


.root .list-products
{
    width: calc(100% + 30px);
    margin: 0px -15px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.root .list-products .item
{
    width: 25%;
    padding: 0px 15px;
    margin-bottom: 30px;
}

.root .list-products .item .wrapper
{
    width: 100%;
    border: 1px solid #e6e6e6;
    position: relative;
}

.root .list-products .item .wrapper .photo
{
    width: 100%;
    padding: 15px;
}

.root .list-products .item .wrapper .photo .img
{
    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.root .list-products .item .wrapper .photo .img.mobile
{
    display: none;
}

.root .list-products .item .wrapper .content
{
    width: 100%;
    padding: 10px;
    padding-bottom: 28px;
    min-height: 112px;
}

.root .list-products .item .wrapper .content h3
{
    width: 100%;
    float: left;
    font-size: 13px;
    line-height: 1.4;
    margin: 0px 0px 7px 0px;
    color: #0080bb;
    font-weight: 400;
    /*min-height: 36px;*/
    /*text-shadow: 0px 0px;*/
    /*font-weight: 500;*/
    font-size: 14px;
}

.root .list-products .item .wrapper .content h3 a
{
    float: left;
    text-decoration: none;
    color: #0080bb;
    /*font-weight: 400;*/
    cursor: pointer;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    white-space: normal;
    max-width: 100%;
    display: inline-block;
    word-wrap: break-word;
}

.root .list-products .item .wrapper .content h3 a:hover
/*.root .list-products .item .wrapper .photo:hover ~ .content h3 a*/
{
    color: #ff7f3c;
}

.root .list-products .item .wrapper .content .price
{
    width: 100%;
    font-size: 15px;
    color: #333;
    font-weight: bold;
    line-height: 1.2;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    z-index: 2;
}

.root .list-products .item .wrapper .content .price .amount
{
    margin-right: 4px;
}

.root .list-products .item .wrapper .content .price .rub
{
    /*font-size: 15px;*/
    position: relative;
    text-transform: uppercase;
}

.root .list-products .item .wrapper .content .price .rub:before
{
    content: "";
    position: absolute;
    top: 11px;
    left: 0px;
    height: 1px;
    width: 7px;
    background-color: #272727;
}

.root .list-products .item .wrapper .content .guarantee
{
    width: 100%;
    margin-bottom: 8px;
    color: #979797;
    font-size: 13px;
    line-height: 1.25;
}

.root .list-products .item .wrapper .sticker 
{
    min-width: 30px;
    height: 27px;
    line-height: 27px;
    display: block;
    color: #ffffff;
    padding: 0 7px 0 11px;
    position: absolute;
    top: 10px;
    left: 0px;
    z-index: 3;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.root .list-products .item .wrapper .sticker:before 
{
    content: "";
    border-style: solid;
    position: absolute;
    width: 0;
    height: 0;
    border-width: 0 0 27px 16px;
    right: -16px;
    background-color: transparent;
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
}

.root .list-products .item .wrapper .sticker:before 
{
    border-width: 0 0 27px 16px;
    right: -16px;
}

.root .list-products .item .wrapper .sticker.n1,
.root .shop-tv-slider .sticker.n1
{
    /*background-color: #0080bb;*/
    background-color: #0083ca;
}

.root .list-products .item .wrapper .sticker.n2,
.root .shop-tv-slider .sticker.n2
{
    background-color: #fcd022;
    color: #222;
}

.root .list-products .item .wrapper .sticker.n3,
.root .shop-tv-slider .sticker.n3
{
    background-color: #f73232;
}

.root .list-products .item .wrapper .sticker.n4,
.root .shop-tv-slider .sticker.n4
{
    background-color: #514fae;
}

.root .list-products .item .wrapper .sticker.n5,
.root .shop-tv-slider .sticker.n5
{
    background-color: #4B0082;
}


.root .list-products .item .wrapper .sticker.n1:before,
.root .shop-tv-slider .sticker.n1:before  
{
    /*border-left-color: #0080bb;*/
    border-left-color: #0083ca;
}

.root .list-products .item .wrapper .sticker.n2:before,
.root .shop-tv-slider .sticker.n2:before  
{
    border-left-color: #fcd022;

}

.root .list-products .item .wrapper .sticker.n3:before,
.root .shop-tv-slider .sticker.n3:before
{
    border-left-color: #f73232;
}

.root .list-products .item .wrapper .sticker.n4:before,
.root .shop-tv-slider .sticker.n4:before
{
    border-left-color: #514fae;
}


/* .color
{
    color: #057bb0;
}*/



.root .body-with-sideright .side-right
{
    width: 300px;
    padding-left: 30px;
    margin-bottom: 30px;
}

.root .body-with-sideright .side-right .list-widgets
{
    width: 100%;
}

.root .body-with-sideright .side-right .list-widgets .widget
{
    width: 100%;
    border: 1px solid #e6e6e6;
    margin-bottom: 30px;
    position: relative;
}

.root .body-with-sideright .side-right .list-widgets .body
{
    width: 100%;
    float: left;
    text-decoration: none;
}

.root .body-with-sideright .side-right .list-widgets .widget.yandex-market .body,
.root .body-with-sideright .side-right .list-widgets .widget.credit .body
{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.root .body-with-sideright .side-right .list-widgets .widget.credit .body
{
    padding: 24px 0px;
}

.root .body-with-sideright .side-right .list-widgets .widget.yandex-market img,
.root .body-with-sideright .side-right .list-widgets .widget.credit img
{
    max-width: 100%;
}

.root .body-with-sideright .side-right .list-widgets .widget.credit .head
{
    text-align: center;
}


.root .body-with-sideright .side-right .list-widgets .widget.credit .head,
.root .body-with-sideright .side-right .list-widgets .widget.reviews .head,
.root .body-with-sideright .side-right .list-widgets .widget.yandex-market .head
{
    float: left;
    width: 100%;
    position: relative;
    font-weight: 500;
    color: #222;
    font-size: 14px;
    border-bottom: 1px solid #e6e6e6;
    padding: 9px 15px 8px 15px;
    min-height: 36px;
    line-height: 1.25;
}

.root .body-with-sideright .side-right .list-widgets .widget.vk
{
    border: none;
}

.root .body-with-sideright .side-right .list-widgets .widget.vk .body div
{
    float: none;
}

.root .body-with-sideright .side-right .list-widgets .widget.vk #vk_groups
{
    width: 100%!important;
    height: 600px;
}

.root .widget.reviews .slider .photo
{
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.root .widget.reviews .slider .photo .img
{
    width: 100%;
    float: left;
    display: block;
    min-width: 118px;
    width: 118px;
    max-width: 118px;
    min-height: 118px;
    height: 118px;
    max-height: 118px;
    border-radius: 50%;
    border: 3px solid #e6e6e6;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.root .widget.reviews .slider .content
{
    width: 100%;
    text-align: center;
}

.root .widget.reviews .slider .content .name
{
    width: 100%;
    font-size: 15px;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin-bottom: 12px;
}

.root .widget.reviews .slider .content .text
{
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #888;
    font-style: italic;
}

.root .widget.reviews .slider .content .text p
{
    width: 100%;
    float: left;
    text-align: center;
    margin: 0px;
}


.root .widget.reviews .slider .slick-dots
{
    width: 100%;
    float: left;
    text-align: center;
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    bottom: 30px;
    left: 0px;
}

.root .widget.reviews .slider .slick-dots li button
{
    display: none;
}

.root .widget.reviews .slider .slick-dots li
{
    width: 12px;
    height: 12px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    margin: 2px;
    border: 1px solid #fff;
    background-color: #aaa;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    cursor: pointer;
    /*position: relative;*/
    /*top: 0px;*/
}

.root .widget.reviews .slider .slick-dots li.slick-active
{
    border: 1px solid #0080bb;
    /*width: 13px;
    height: 13px;*/
    background-color: #0080bb;
    /*top: -1px;*/
}


.root .side-right .list-widgets .widget.reviews .slider
{
    position: static;
}

.root .side-right .list-widgets .widget.reviews .slider .control-arrow
{
    position: absolute;
    top: 0px;
    font-size: 22px;
    font-weight: 500;
    padding: 10px;
    cursor: pointer;
    height: 36px;
    line-height: 1;
    padding: 6px 10px 0px 10px;
    color: #272727;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.root .side-right .list-widgets .widget.reviews .slider .control-arrow.left
{
    right: 37px;
}

.root .side-right .list-widgets .widget.reviews .slider .control-arrow.right
{
    right: 10px;
}

.root .side-right .list-widgets .widget.reviews .slider .control-arrow:hover
{
    color: #0080bb;
}

.root .side-right .list-widgets .widget.reviews .slider .item
{
    padding: 30px 10px 70px 10px;
}

.root .side-right .list-widgets .widget.reviews .slider .item:only-child
{
    padding-bottom: 35px;
}


.root footer
{
    float: left;
    width: 100%;
    background-color: #f2f2f2;
    overflow: hidden;
}

.root footer > .container
{
    padding-top: 40px;
    padding-bottom: 26px;
}


.root footer .contacts-wrapp
{
    width: 400px;
}

.root footer .logo-block
{
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    position: relative;
    top: -16px;
    margin-bottom: 4px;
    margin-left: -2px;
}

.root footer .logo
{
    /*float: left;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-end;
    -webkit-flex-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    text-decoration: none;
    color: #272727;
    line-height: 1;
    white-space: nowrap;
    letter-spacing: -0.4px;
    font-size: 25px;
    margin-left: -2px;*/
    float: left;
    text-decoration: none;
    color: #272727;
    line-height: 1;
    white-space: nowrap;
    letter-spacing: -0.4px;
    font-size: 25px;
}

.root footer .logo img
{
    float: left;
    width: 52px;
    /*margin-right: 5px;*/
    /*top: -1px;*/
}

.root footer .logo .logo-title 
{
    padding-top: 25px;
    float: left;
}

.root footer .contacts 
{
    width: 100%;
}

.root footer .contacts .list
{
    float: right;
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.root footer .contacts .item
{
    width: 100%;
    margin: 0px 0px 12px 2px;
    font-size: 13px;
    color: #222;
    position: relative;
    padding-left: 27px;
    /*filter: grayscale(1);*/
}

.root footer .contacts .item *
{
    float: left;
}

.root footer .contacts .item .icon
{
    width: 27px;
    position: absolute;
    top: -1px;
    left: 0px;
}

.root footer .contacts .item.address img
{
    /*margin-right: 7px;*/
    width: 19px;
}

.root footer .contacts .item.phone img
{
    float: left;
    position: relative;
    top: -1px;
    /*margin-right: 9px;*/
    width: 18px;
}

.root footer .contacts .item.time img
{
    position: relative;
    /*margin-right: 8px;*/
    width: 18px;
}

.root footer .contacts .item.time .icon + *
{
   /*padding-top: 1px;*/
}


.root footer .contacts .item.phone a
{
    float: left;
}

.root footer .contacts .item.phone a:after
{
    content: ",";
    margin-right: 10px;
    margin-left: -2px;
}

.root footer .contacts .item.phone a:last-child:after
{
    display: none;
}

.root footer .contacts .item .fa
{
    float: left;
    font-size: 19px;
    /*color: #0080bb;*/
    color: #0080bb;
    margin-right: 5px;
}

.root footer .menu
{
    width: calc(100% - 400px);
    padding-left: 70px;
}

.root footer .menu ul.nav
{
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    /*display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;*/
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
}

.root footer .menu ul.nav li
{
    /*float: left;*/
    display: inline-block;
    /*width: 33.333%;*/
    width: 100%;
}

.root footer .menu ul.nav li a
{
    float: left;
    padding: 3px 5px 3px 10px;
    position: relative;
    text-decoration: none;
    line-height: 1.4;
    font-weight: normal;
    outline: none;
    font-size: 13px;
    color: #444;
    margin-bottom: 0px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.root footer .menu ul.nav li a:before
{
    content: "\f0da";
    font-family: 'FontAwesome';
    font-size: 13px;
    padding-right: 5px;
    float: left;
    color: #666;
    position: absolute;
    top: 3px;
    left: 0px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.root footer .menu ul.nav li a:hover,
.root footer .menu ul.nav li a:hover:before
{
    color: #222;
}

.root footer .bottom
{
    width: 100%;
    background-color: #e0e0e0;
    padding: 18px 0px;
}

.root footer .bottom .container
{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.root footer .bottom .container:before,
.root footer .bottom .container:after
{
    display: none;
}


.root footer .bolt-system 
{
    display: block;
    text-decoration: none;
    font-size: 13px;
}

.root footer .bolt-system span 
{
    float: left;
    padding-right: 10px;
}

.root footer .bolt-system img 
{
    float: left;
    margin-top: 2px;
}


.root footer .copyright
{
    padding-top: 1px;
    font-size: 14px;
}


.root header .navbar .nav li.drop-menu
{
    position: relative;
}


.root header .navbar .nav li.drop-menu .list-blocks
{
    background-color: #fff;
    position: absolute;
    left: 0px;
    z-index: 25;
    margin-top: -1px;
    display: block;
    padding: 25px 23px;
    border: 1px solid #dfdfdf;
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3);
    box-shadow: 0 0 7px rgba(0,0,0,0.3);
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    visibility: hidden;
    top: calc(100% + 12px);
    opacity: 0;
}

.root header .navbar .nav li.drop-menu:hover .list-blocks
{
    visibility: visible;
    top: 100%;
    opacity: 1;
}

.root header .navbar .nav li.drop-menu .list-blocks .row
{
    margin: 0px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

.root header .navbar .nav li.drop-menu .list-blocks .block
{
    float: left;
    text-align: left;
    width: 225px;
    padding: 0px 12px;
    color: #222;
}

.root header .navbar .nav li.drop-menu .list-blocks .block .title
{
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    padding-bottom: 12px;
    margin-bottom: 10px;
    color: #222;
    letter-spacing: 0.2px;
    line-height: 1.25;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.root header .navbar .nav li.drop-menu .list-blocks .block .title a
{
    text-decoration: none;
    color: #222;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.root header .navbar .nav li.drop-menu .list-blocks .block .title a:hover,
.root header .navbar .nav li.drop-menu .list-blocks .block .title:hover
{
    color: #0080bb;
}

.root header .navbar .nav li.drop-menu .list-blocks .block ul 
{
    float: left;
    width: 100%;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.root header .navbar .nav li.drop-menu .list-blocks .block ul li
{
    float: left;
    width: 100%;
    font-size: 13px;
    /*margin-bottom: 3px;*/
    line-height: 1.4;
}

.root header .navbar .nav li.drop-menu .list-blocks .block ul li a
{
    float: left;
    width: 100%;
    padding: 3px 0px 5px 0px;
    text-decoration: none;
    color: #444;
    background-color: transparent;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.root header .navbar .nav li.drop-menu .list-blocks .block ul li a:hover
{
    color: #0080bb;
}

.root header .navbar .nav li.drop-menu.only-one .list-blocks
{
    left: 0px;
}

.root header .navbar .nav li.drop-menu.only-one .list-blocks 
{
    padding: 10px 0px 12px 0px;
}

.root header .navbar .nav li.drop-menu.only-one .list-blocks .block
{
    padding: 0px;
}

.root header .navbar .nav li.drop-menu.only-one .list-blocks .block ul li a
{
    padding: 6px 20px;
    min-height: 36px;
     display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
}

.root header .navbar .nav li.drop-menu.only-one .list-blocks .block ul li a:hover
{
    background-color: #f1f1f1; 
    color: #555;
}


.root .breadcrumb
{
    width: 100%;
    padding: 2px 0px 25px 0px;
}

.root .breadcrumb ul
{
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.root .breadcrumb ul li
{
    float: left;
    display: inline-block;
    position: relative;
    margin: 0px 17px 0px 0px;
    padding-right: 22px;
    text-transform: uppercase;
    line-height: 1.4;
    font-size: 13px;
    letter-spacing: 0.2px;
    margin-bottom: 7px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.root .breadcrumb ul li a
{
    float: left;
    position: relative;
    text-decoration: none;
    font-weight: normal;
    outline: none;
    font-size: 13px;
    color: #333;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.root .breadcrumb ul li:before
{
    content: "/";
    position: absolute;
    top: 1px;
    right: 0px;
    font-size: 12px;
}

.root .breadcrumb ul li:last-child
{
    margin: 0px;
    padding-right: 0px;
}

.root .breadcrumb ul li:last-child:before
{
    display: none;
}

.root .breadcrumb ul li.active,
.root .breadcrumb ul li.active a
{
    color: #666;
}

.root .body-with-sideleft 
{
    width: 100%;
}

.root .body-with-sideleft .body
{
    width: calc(100% - 300px);
    float: right;
}


.root .filter-panel
{
    width: 100%;
    border-radius: 3px;
    background-color: #f2f2f2;
    margin: 0px 0px 20px 0px;
    padding: 9px 20px;
}

.root .filter-panel .list
{
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.root .filter-panel .item
{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    white-space: nowrap;
}

.root .filter-panel .item .label
{
    float: left;
    font-size: 13px;
    color: #666;
    padding: 0px 10px 0px 0px;
    font-weight: normal;
}


.root .select-group .form-control
{
    border-radius: 0;
    color: #58697d;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 0;
    padding: 0px 20px 0px 15px;
    font-size: 13px;
    height: 34px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    min-width: 70px;
}

.root .filter-panel .item.sorting
{
    margin-right: 28px;
    position: relative;
    padding-right: 21px;
}


.root .filter-panel .item.sorting .select-group .form-control
{
    min-width: 140px;
}

.root .select-group:after 
{
    content: "\f0d7";
    display: block;
    font-size: 11px;
    font-family: 'FontAwesome';
    color: #555;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 9px;
    pointer-events: none;
    line-height: 1;
}

.root .filter-panel .item .arrow
{
    padding: 0px 6px;
    opacity: 0.3;
    height: 34px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    right: -6px;
    z-index: 3;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.root .filter-panel .item.reverse .arrow img
{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.root .filter-panel .item .arrow:hover
{
    opacity: 0.6;
}

.root .filter-panel .item .select-group .dropdown-menu
{
    padding: 0px;   
    min-width: 100%;
    margin: -1px 0px 0px 0px; 
}

.root .filter-panel .item .select-group .dropdown-menu li
{
    padding: 7px 12px;
}


.root .body-with-sideleft .side-left
{
    width: 300px;
    padding-right: 30px;
}

.root .body-with-sideleft .side-left .catalog
{
    width: 100%;
    color: #444;
    font-size: 13.5px;
    line-height: 1.4;
    margin-bottom: 40px;
}

.root .body-with-sideleft .side-left .catalog .item
{
    width: 100%;
    position: relative;
}

.root .body-with-sideleft .side-left .catalog .item .title
{
    width: 100%;
    position: relative;
    padding-right: 37px;
    color: #444;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.root .body-with-sideleft .side-left .catalog .item .title a
{
    width: 100%;
    float: left;
    text-decoration: none;
    color: #444;
    padding: 7px 0px;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.root .body-with-sideleft .side-left .catalog .item .title:hover,
.root .body-with-sideleft .side-left .catalog .item .title:hover a,
.root .body-with-sideleft .side-left .catalog .item:hover .title,
.root .body-with-sideleft .side-left .catalog .item:hover .title a,
.root .body-with-sideleft .side-left .catalog .item.active .title a
{
    color: #ff7f3c;
}

.root .body-with-sideleft .side-left .catalog .item .title .fa
{
    font-size: 17px;
    position: absolute;
    width: 37px;
    height: 100%;
    top: 0px;
    right: 0px;
    padding-top: 8px;
    padding-right: 10px;
    text-align: right;
    z-index: 3;
    cursor: pointer;
}

.root .body-with-sideleft .side-left .catalog .item .title:only-child .fa
{
    display: none;
}


.root .body-with-sideleft .side-left .catalog .item > .menu
{
    background-color: #fff;
    position: absolute;
    left: 0px;
    z-index: 20;
    display: block;
    padding: 15px 15px 17px 15px;
    border: 1px solid #dfdfdf;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    visibility: hidden;
    left: calc(100% + 12px);
    opacity: 0;
    /*-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3);
    box-shadow: 0 0 7px rgba(0,0,0,0.3);*/
    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
}

.root .body-with-sideleft .side-left .catalog .item:hover > .menu
{
    visibility: visible;
    left: 100%;
    opacity: 1;
}

.root .body-with-sideleft .side-left .catalog .item > .menu ul
{
    float: left;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.root .body-with-sideleft .side-left .catalog .item > .menu.large > ul
{
    width: 450px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    -webkit-column-width: 225px;
    -moz-column-width: 225px;
    -o-column-width: 225px;
    column-width: 225px;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    -o-column-gap: 0px;
    column-gap: 0px;
}

.root .body-with-sideleft .side-left .catalog .item > .menu ul li
{
    float: left;
    width: 100%;
    color: #222;
}

.root .body-with-sideleft .side-left .catalog .item > .menu > ul > li
{
    width: 225px;
    padding: 0px 12px;
}

.root .body-with-sideleft .side-left .catalog .item > .menu > ul li a
{
    width: 100%;
    float: left;
    text-decoration: none;
    color: #444;
    padding: 6px 0px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.root .body-with-sideleft .side-left .catalog .item > .menu > ul li a:hover,
.root .body-with-sideleft .side-left .catalog .item > .menu ul.submenu li a:hover
{
    color: #0080bb;
}
.root .body-with-sideleft .side-left .catalog .item > .menu ul.submenu li a:hover:before
{
    background-color: #0080bb;
}

.root .body-with-sideleft .side-left .catalog .item > .menu ul.submenu li a
{
    padding: 5px 0px 5px 30px;
    font-size: 13px;
    color: #555;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: relative;
}

.root .body-with-sideleft .side-left .catalog .item > .menu ul.submenu li a:before
{
    content: "";
    position: absolute;
    top: 13px;
    left: 15px;
    width: 7px;
    height: 1px;
    background-color: #555;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}


.root .body-with-sideleft .side-left h4
{
    float: left;
    width: 100%;
    font-size: 17px;
    padding: 0px 0px 12px 0px;
    position: relative;
    text-transform: uppercase;
    border-bottom: 1px solid #e5e5e5;
    margin: 0px 0px 15px 0px;
    font-weight: 400;
    color: #333;
    line-height: 1.35;
    text-shadow: 0px 0px;
}

.root .body-with-sideleft .side-left .filter-block
{
    width: 100%;
    margin-bottom: 40px;
}

.root .body-with-sideleft .side-left .filter-block h4
{
    border-bottom: none;
    margin-bottom: 6px;
}

.root .body-with-sideleft .side-left .filter-block .list-filters
{
    width: 100%;
    border: 1px solid #e6e6e6;
    padding: 18px 20px;
    padding: 18px 20px 15px 20px;
}

.root .body-with-sideleft .side-left .filter-block .item
{
    width: 100%;
    /*margin-bottom: 35px;*/
    margin-bottom: 8px;
}

.root .body-with-sideleft .side-left .filter-block .item:last-child
{
    margin-bottom: 5px;
}

.root .body-with-sideleft .side-left .filter-block .item .title,
.root .body-with-sideleft .side-left .filter-block .item.availability .label
{
    width: 100%;
    /*margin-bottom: 15px;*/
    margin-bottom: 7px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
    color: #444;
}

.root .slider-price
{
    width: 100%;
}

.root .slider-price .slider-handle
{
    background-color: #fff;
    border: 1px solid rgba(187, 184, 185, 0.72);
    width: 14px;
    height: 18px;
    border-radius: 4px;
    top: 2px;
    outline: none;
    background-image: none;
    cursor: pointer;
}


.root .slider-price .slider.slider-horizontal .slider-track
{
    height: 5px;
    margin-top: 0px;
    background-color: #e4e4e4;
}

.root .slider-price .slider-track,
.slider.slider-horizontal .slider-selection, 
.slider.slider-horizontal .slider-track-low, 
.slider.slider-horizontal .slider-track-high
{
    background-image: none!important;
}

.slider.slider-horizontal .slider-selection
{
    background-color: #0080bb;
}

.root .slider-price .slider-handle:before, 
.root .slider-price .slider-handle:after 
{
    content: "";
    position: absolute;
    width: 1px;
    height: 9px;
    top: 4px;
    background-color: #DCDCDC;
}

.root .slider-price .slider-handle:before 
{
    left: 4px;
}

.root .slider-price .slider-handle:after 
{
    right: 4px;
}

.root .slider-price .tooltip.tooltip-main 
{
    display: none;
}

.root .slider-price .value-price
{
    width: 100%;
    white-space: nowrap; 
    font-size: 12px;
    font-weight: 500;
    color: #222;
    padding-top: 8px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.root .slider-price .value-price .price.from
{
    padding-right: 10px;
}
.root .slider-price .value-price .price.to
{
    padding-left: 10px;
}

.root .slider-price .value-price .price .text
{
    margin-right: 3px;
    text-transform: lowercase;
}

.root .slider-price .value-price .amount
{
    margin-right: 3px;
}

.root .slider-price .value-price .rub
{
    position: relative;
    text-transform: uppercase;
}

.root .slider-price .value-price .rub:before
{
    content: "";
    position: absolute;
    top: 10px;
    left: 0px;
    height: 1px;
    width: 6px;
    background-color: #272727;
}


.root .slider-price .slider.slider-horizontal
{
    width: 100%;
}

.root .body-with-sideleft .side-left .filter-block .item .label
{
    /*width: auto;*/
    margin: 0px 0px 7px 0px;
}

.root .body-with-sideleft .side-left .filter-block .item.availability .label
{
    /*width: auto;*/
    /*margin: 0px 16px 0px 0px;*/
}

.root .body-with-sideleft .side-left .filter-block .item.availability
{
    /*display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;*/
}


.root .body-with-sideleft .side-left .filter-block .select-group .dropdown-menu li
{
    padding: 7px 15px;
}

.root .body-with-sideleft .side-left .filter-block .select-group .dropdown-menu
{
    padding: 0px;
    min-width: 100%;
}




.root .check-block,
.root .radio-block
{
    width: 100%;
}

.root .check-block label,
.root .radio-block label
{
    float: left;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    display: block;
    margin: 0px;
    padding: 0px 0px 0px 38px;
    min-height: 28px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    cursor: pointer;
    line-height: 1.2;
}

.root .check-block label input[type="checkbox"],
.root .radio-block label input[type="radio"]
{
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
}

.root .check-block label .check-icon img
{
    opacity: 0;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.root .check-block label input[type="checkbox"]:checked ~ .check-icon img
{
    opacity: 1;
}


.root .check-block label .check-icon,
.root .radio-block label .radio-icon
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 26px;
    height: 26px;
    border: 1px solid #ddd;
    padding-left: 1px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.root .radio-block label .radio-icon
{
    border-radius: 50%;
    padding: 0px;
    /*-webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;*/
}

.root .radio-block label .radio-icon .dot
{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #0080bb;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}

.root .radio-block label input[type="radio"]:checked ~ .radio-icon
{
    /*border: 1px solid #0080bb;*/
}

.root .radio-block label input[type="radio"]:checked ~ .radio-icon .dot
{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform:  scale(1);
    transform: scale(1);
}


.root .body-with-sideleft .side-left .filter-block .check-block label
{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
    color: #333;
}


.root .list-products .item .wrapper .action-block
{
    position: relative;
    width: 100%;
    height: 45px;
    padding: 0px 10px;
    overflow: hidden;
    margin-top: -15px;
}

.root .list-products .item .wrapper .action-block .btn
{
    height: 35px;
    float: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    text-transform: uppercase;
    padding: 0px 0px;
    border-radius: 2px;
    font-size: 10px;
    letter-spacing: 0.4px;
    position: absolute;
    left: 10px;
    text-align: center;
    margin: auto;
    width: calc(100% - 20px);
    bottom: -35px;
    z-index: 11;
    opacity: 0;
    visibility: hidden;
    /*color: #fff;*/
    /*background-color: #ff7f3c;*/
    color: #444;
    background-color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.root .list-products .item .wrapper .action-block .btn
{
    border: 1px solid #e6e6e6;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.root .list-products .item .wrapper:hover .action-block .btn
{
    visibility: visible;
    opacity: 1;
    bottom: 0px;
}

.root .list-products .item .wrapper .action-block .btn:hover
{
    color: #000;
    border: 1px solid #ff7f3c;
}

.root .list-products .item .wrapper .action-block .btn img 
{
    width: 18px;
    /*filter: invert(1);*/
    opacity: 0.6;
    margin-right: 5px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.root .list-products .item .wrapper .action-block .btn:hover img 
{
    opacity: 0.85;
}

.root .list-products .item .wrapper .action-block .btn span 
{
    position: relative;
    top: 1px;
    white-space: nowrap;
}

.root .list-products .item .wrapper .action-block .btn:after
{
    display: none;
}

.root header .topbar
{
    position: fixed;
    top: -50px;
    left: 0px;
    width: 100%;
    height: 44px;
    z-index: 50;
    background-color: #fff;
    /*-webkit-box-shadow: 0px 0px 3px #666;
    box-shadow: 0px 0px 3px #666;*/
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    padding: 6px 0px;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}

.root header.top .topbar
{
    top: 0px;
}

.root header .topbar > .container
{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.root header .topbar > .container:before,
.root header .topbar > .container:after
{
    display: none;
}

.root header .topbar .navbar
{
    width: auto;
    background-color: #fff;
}

.root header .topbar .navbar > .container
{
    width: 100%;
    float: left;
    padding: 0px;
}

.root header .topbar .navbar .nav > li > a
{
    color: #333;
    font-size: 12px;
    padding: 9px 11px 7px 11px;
    background-color: #fff;
}

.root header .topbar .navbar .nav > li:hover > a
{
    background-color: #fff;
    color: #ff7f3c;
}

.root header .topbar .logo-block
{
    display: block;
}

.root header .topbar .logo img
{
    width: 32px;
}

.root header .topbar .logo .logo-title
{
    padding-top: 11px;
    font-size: 18px;
    padding-left: 3px;
}

.root header .topbar .logo-block
{
    top: -2px;
    width: 150px;
    margin-left: -1px;
}

.root header .topbar .cart-block .text .title
{
    display: none;
}


.root header .topbar .cart-block .icon img 
{
    width: 21px;
}

.root header .topbar .cart-block .icon .counter-number
{
    padding: 0px 5px;
}

.root header .topbar .navbar .nav
{
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 31px;
}

.root header .topbar .navbar .nav li.drop-menu .list-blocks
{
    padding: 22px 15px 18px 15px;
    left: 11px;
    margin-top: 6px;
    -webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.2);
}

.root header .topbar .navbar .nav li.drop-menu.only-one .list-blocks
{
    padding: 12px 0px;
}


.root .body-with-sideleft .side-left .catalog .item > .menu.large .title
{
    float: left;
    width: 100%;
    font-size: 15px;
    padding: 0px 12px 16px 12px;
    position: relative;
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
    font-weight: 400;
    color: #333;
    line-height: 1.35;
    text-shadow: 0px 0px;
    padding-top: 10px;
}


.root .body-with-sideleft .side-left .catalog .item > .menu.large .title a
{
    border-bottom: 1px solid #e5e5e5;
    color: #333;
    padding-bottom: 10px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.root .body-with-sideleft .side-left .catalog .item > .menu.large .title a:hover
{
    color: #0080bb;
}


.root .body-with-sideleft .side-left .catalog a 
{
    cursor: pointer;
}


.root .toolbar-bottom 
{
    width: 100%;
    font-size: 13px;
    color: #666;
    margin-bottom: 30px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.root .toolbar-bottom .amount-show 
{
    margin-bottom: 15px;
    padding-top: 7px;
}

.root .toolbar-bottom .amount-show .label
{
    padding-right: 5px;
}

.root .toolbar-bottom .filter-panel
{
    width: auto;
    padding: 0px 30px 0px 0px;
    background-color: transparent;
    border-radius: 0px;
}

.root .toolbar-bottom .amount-show
{
    padding-right: 10px;
    min-width: 135px;
}

.root .toolbar-bottom .filter-panel .list
{
    width: auto;
}


.root .toolbar-bottom .pagination-wrapper .pagination
{
    float: left;
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin: 0px -5px;
}

.root .toolbar-bottom .pagination-wrapper .pagination li
{
    float: left;
    display: inline-block;
    font-size: 14px;
    height: 34px;
    margin: 0px 5px 10px 5px;
    text-align: center;
    color: #333333;
    background-color: transparent;
    border: 1px solid #e6e6e6;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.root .toolbar-bottom .pagination-wrapper .pagination li.active,
.root .toolbar-bottom .pagination-wrapper .pagination li:hover
{
    border: 1px solid #ff7f3c;
}

.root .toolbar-bottom .pagination-wrapper .pagination li:first-child,
.root .toolbar-bottom .pagination-wrapper .pagination li:last-child
{
    font-size: 18px;
    color: #444;
    padding-bottom: 1px;
}

.root .toolbar-bottom .pagination-wrapper .pagination li a
{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
    min-width: 40px;
    cursor: pointer;
}


.root .toolbar-bottom .pagination-wrapper .pagination li.next a,
.root .toolbar-bottom .pagination-wrapper .pagination li.prev a
{
    padding: 0px 17px;
}


.root .cont.detailed .detailed-block
{
    width: 100%;
}

.root .cont.detailed .detailed-block .detailed-slider
{
    width: 40%;
}

.root .detailed-slider .item .img
{
    width: 100%;
    /*background-size: cover;*/
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.root .detailed-slider .slider-for 
{
    border: 1px solid #e6e6e6;
    overflow: hidden;
}

.root .detailed-slider .slider-for .item 
{
    padding: 20px 10px;
    cursor: pointer;
}

.root .modal .detailed-slider .slider-for .item 
{
    cursor: default;
}

.root .detailed-slider .slider-for .item .img
{
    background-size: contain;
}

.root .detailed-slider .slider .control img
{
    width: 40px;
    height: auto;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0;
    position: relative;
    z-index: 10;
    cursor: pointer;
}

.root .detailed-slider .slider .control.left img,
.root .detailed-slider .slider-nav .control.left
{
    transform: translate(-50px,0px);
    -moz-transform: translate(-50px,0px);
    -webkit-transform: translate(-50px,0px);
    -o-transform: translate(-50px,0px);
    -ms-transform: translate(-50px,0px);
}

.root .detailed-slider .slider .control.right img,
.root .detailed-slider .slider-nav .control.right
{
    transform: translate(50px,0px);
    -moz-transform: translate(50px,0px);
    -webkit-transform: translate(50px,0px);
    -o-transform: translate(50px,0px);
    -ms-transform: translate(50px,0px);
}

.root .detailed-slider .slider-for:hover .control.left img
{
    transform: translate(10px,0px);
    -moz-transform: translate(10px,0px);
    -webkit-transform: translate(10px,0px);
    -o-transform: translate(10px,0px);
    -ms-transform: translate(10px,0px);
    opacity: 0.5;
}

.root .detailed-slider .slider-for:hover .control.right img
{
    transform: translate(-10px,0px);
    -moz-transform: translate(-10px,0px);
    -webkit-transform: translate(-10px,0px);
    -o-transform: translate(-10px,0px);
    -ms-transform: translate(-10px,0px);
    opacity: 0.5;
}

.root .detailed-slider .slider .control img:hover,
.root .detailed-slider .slider:hover .control.left img:hover,
.root .detailed-slider .slider:hover .control.right img:hover
{
    opacity: 1;
}


.root .detailed-slider .slider-nav  
{
    margin-top: 10px;
    overflow: hidden;
}

/*.root .detailed-slider .slider-nav .item,*/
.root .detailed-slider .slider-nav .slick-list .slick-track .item 
{
    width: 100px;
    height: 100px;
    cursor: pointer;
    padding: 10px;
}

.root .detailed-slider .slider-nav .control
{
    width: 31px;
    background-color: rgba(255, 255, 255, 0.5);
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0;
    cursor: pointer;
}

.root .detailed-slider .slider-nav:hover .control
{
    opacity: 1;
}

.root .detailed-slider .slider-nav .control.left,
.root .detailed-slider .slider-nav .control.right 
{
    padding: 0px;
    -webkit-justify-content: center;
    justify-content: center;
} 

.root .detailed-slider .slider-nav .control.left
{
    padding-right: 4px;
}

.root .detailed-slider .slider-nav .control.right 
{
    padding-left: 4px;
}

.root .detailed-slider .slider-nav .control img
{
    opacity: 1;
    background-color: transparent;
    width: 22px;
    visibility: visible;
    opacity: 0.8;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.root .detailed-slider .slider-nav .control.left img, 
.root .detailed-slider .slider-nav .control.right img,
.root .detailed-slider .slider-nav:hover .control.left img, 
.root .detailed-slider .slider-nav:hover .control.right img,
.root .detailed-slider .slider-nav:hover .control.left,
.root .detailed-slider .slider-nav:hover .control.right
{
    transform: translate(0px,0px);
    -moz-transform: translate(0px,0px);
    -webkit-transform: translate(0px,0px);
    -o-transform: translate(0px,0px);
    -ms-transform: translate(0px,0px);
}

.root .detailed-slider .slider-nav .control:hover
{
    background-color: rgba(255, 255, 255, 0.65);
}

.root .detailed-slider .slider-nav .control:hover img
{
    opacity: 1;
}


.root .cont.detailed .detailed-block .content-block
{
    width: 60%;
    padding-left: 70px;
    float: right;
}

.root .cont.detailed .detailed-block .content-block .title-block
{
    width: 100%;
    padding-bottom: 24px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 18px;
}

.root .cont.detailed .detailed-block .content-block .title-block h1
{
    float: left;
    width: 100%;
    color: #0080bb;
    font-size: 22px;
    margin: 0;
    padding: 0px;
    font-weight: 500;
    text-transform: none;
}

.root .cont.detailed .detailed-block .content-block .title-block .subtitle
{
    width: 100%;
    font-size: 15px;
    margin-top: 6px;
    color: #555;
}

.root .cont.detailed .detailed-block .content-block .title-block .sku
{
    width: 100%;
    font-size: 13px;
    color: #000;
    margin-bottom: 12px;
    letter-spacing: 0.2px;
}

.root .cont.detailed .detailed-block .content-block .title-block .sku .label
{
    margin-right: 8px;
    color: #000;
    padding-top: 1px;
    font-size: 13px;
}

.root .cont.detailed .detailed-block .content-block .title-block .sku .value
{
    font-size: 14px;
    letter-spacing: 0.5px;
    user-select: all;
}

.root .cont.detailed .detailed-block .content-block .content
{
    width: 100%;
}

.root .cont.detailed .detailed-block .content-block .content strong
{
    font-weight: 500;
}

.root .cont.detailed .description
{
    width: 100%;
}

.root .description ul
{
    float: left;
    list-style: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style: none;
    color: #333;
}

.root .description ul li
{
    float: left;
    width: 100%;
    margin-bottom: 6px;
    position: relative;
    padding: 0px 0px 0px 15px;
}

.root .description ul li:before
{
    content: "";
    position: absolute;
    top: 9px;
    left: 0px;
    width: 3px;
    height: 3px;
    background-color: #333;
    border-radius: 50%;
}

.root .cont.detailed .detailed-block .content-block .content .in-stock
{
    width: 100%;
    margin-bottom: 10px;
    color: #0080bb;
    font-size: 14px;
    font-weight: 500;
}

.root .cont.detailed .detailed-block .content-block .content .in-stock .label
{
    margin-right: 7px;
}

.root .cont.detailed .detailed-block .content-block .content .in-stock .amount .number
{
    margin-right: 3px;
}

.root .cont.detailed .description ul
{
    color: #000;
}


.root .btn.btn-normal
{
    min-height: 42px;
    float: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 25px;
    background-color: #ff7f3c;
    color: #fff;
    border-radius: 0px;
    font-weight: 500;
    font-size: 13px;
    outline: none;
    letter-spacing: 0.4px;
}

.root .cont.detailed
{
    margin-bottom: 60px;
}

.root .content .cont.detailed:last-child
{
    margin-bottom: 80px;
}

.root .cont.detailed .detailed-block .content-block .price-block
{
    width: 100%;
    margin-top: 15px;
    margin-bottom: 10px;
}


.root .cont.detailed .detailed-block .content-block .price
{
    /*width: 100%;*/
    /*font-size: 26px;*/
    /*color: #222;*/
    line-height: 1;
    font-weight: 500;
    font-size: 28px;
    color: #181818;
    letter-spacing: -0.4px;
}

.root .cont.detailed .detailed-block .content-block .price .amount
{
    margin-right: 3px;
}

.root .cont.detailed .detailed-block .content-block .price .rub
{
    text-transform: uppercase;
    position: relative;
    font-weight: 500;
    font-size: 27px;
    font-family: "OpenSans";
}

.root .cont.detailed .detailed-block .content-block .price .rub:before
{
    content: "";
    position: absolute;
    bottom: 7px;
    left: 1px;
    width: 11px;
    height: 2px;
    background-color: #222;
}


.root .cont.detailed .detailed-block .content-block .price.stock
{
    /*color: #ff7f3c;*/
    color: #f73232;
    margin-right: 20px;
    font-size: 26px;
    font-weight: 600;
}

.root .cont.detailed .detailed-block .content-block .price.stock .rub
{
    font-size: 25px;
}

.root .cont.detailed .detailed-block .content-block .price.stock .rub:before
{
    /*background-color: #ff7f3c;*/
    background-color: #f73232;
}


.root .cont.detailed .detailed-block .content-block .price.old
{
    font-size: 18px;
    margin-top: 6px;
    position: relative;
    font-weight: 500;
    /*color: #555;*/
    color: #222;
}

.root .cont.detailed .detailed-block .content-block .price.old .rub
{
    font-size: 18px;
}

.root .cont.detailed .detailed-block .content-block .price.old .rub:before
{
    bottom: 5px;
    left: 1px;
    width: 8px;
    height: 1px;
    background-color: #555;
}

.root .cont.detailed .detailed-block .content-block .price.old:before
{
    content: "";
    position: absolute;
    top: 50%;
    left: -3px;
    right: -3px;
    z-index: 2;
    border-top: 1px solid #555;
    height: 1px;
}



.root .cont.detailed .detailed-block .content-block .action-block
{
    width: 100%;
    margin-top: 35px;
}



.root .cont.detailed .detailed-block .content-block .select-amount
{
    width: 145px;
    height: 44px;
    border: 1px solid #e6e6e6;
    margin-right: 12px;
    position: relative;
}

.root .cont.detailed .detailed-block .content-block .select-amount .btn-block
{
    width: 39px;
    height: 100%;
    border-left: 1px solid #e6e6e6;
    position: absolute;
    top: 0px;
    right: 0px;
}

.root .cont.detailed .detailed-block .content-block .select-amount .btn-block .btn-icon
{
    float: left;
    cursor: pointer;
    line-height: 1;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: 300;
    color: #8e8e8e;
    position: absolute;
    right: 0px;
    width: 100%;
    height: 50%;
    padding: 0px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 16px;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.root .cont.detailed .detailed-block .content-block .select-amount .btn-block .btn-icon:hover
{
    color: #fe7d46;
}

.root .cont.detailed .detailed-block .content-block .select-amount .btn-icon.plus
{
    top: 0px;
    -webkit-box-align: flex-end;
    -webkit-flex-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding-top: 5px;
}

.root .cont.detailed .detailed-block .content-block .select-amount .btn-icon.minus
{
    bottom: 0px;  
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;  
    padding-bottom: 5px;
}


.root .cont.detailed .detailed-block .content-block .select-amount .form-control
{
    float: left;
    height: 100%;
    border-radius: 0px;
    font-size: 16px;
    color: #555;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none;
    text-align: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    padding: 0px 44px 0px 18px;
}





.root .cont.detailed .detailed-block .content-block .action-block .btn
{
    height: 44px;
    float: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    text-transform: uppercase;
    padding: 0px 16px;
    border-radius: 2px;
    font-size: 14px;
    letter-spacing: 0.4px;
    text-align: center;
    margin: auto;
    /*color: #444;*/
    background-color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    /*border: 1px solid #ff7f3c;*/
    /*color: #000;*/
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    /*border: 1px solid #bdbdbd;*/
    color: #fff;
    background-color: #ff7f3c;
    min-width: 172px;
}


.root .cont.detailed .detailed-block .content-block .action-block .btn:hover
{
    /*background-color: #ff7f3c;*/
    /*color: #fff;*/
    /*border: 1px solid #ff7f3c;*/
}

.root .cont.detailed .detailed-block .content-block .action-block .btn:hover img 
{
    /*filter: invert(1);*/
}

.root .cont.detailed .detailed-block .content-block .action-block .btn img 
{
    width: 20px;
    /*opacity: 0.85;*/
    margin-right: 8px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.root .cont.detailed .detailed-block .content-block .action-block .btn:hover img 
{
    /*opacity: 1;*/
}

.root .cont.detailed .detailed-block .content-block .action-block .btn span 
{
    position: relative;
    top: 1px;
}

.root .cont.detailed .detailed-block .content-block .action-block .btn:after
{
    /*display: none;*/
}


.root .action-block .link-block
{
    width: 100%;
    margin-top: 25px;
}

.root .action-block .link-block .link,
.root .cont.cart-page .steps .step.cart-body .link.delete-btn
{
    float: left;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    color: #222;
    border-bottom: 1px solid #222;
    line-height: 1.2;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
}

.root .action-block .link-block .link:hover
{
    border-bottom: 1px solid transparent;
}


.root .cont.detailed .info-tabs
{
    width: 100%;
    margin-top: 50px;
}

.root .cont.detailed .info-tabs .nav 
{
    width: calc(100% + 6px);
    margin: 0px -3px;
    float: left;
    list-style: none;
    padding: 0px;
    position: relative;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.root .cont.detailed .info-tabs .nav:after
{
    content: "";
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: -1px;
    height: 1px;
    border-bottom: 1px solid #e6e6e6;
    z-index: 2;
}

.root .cont.detailed .info-tabs .nav li
{
    float: left;
    list-style: none;
    margin: 0px 3px;
    border-radius: 3px 3px 0px 0px;
    position: relative;
    color: #666;
    cursor: pointer;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    background-color: rgba(34, 34, 34, 0.015);
    /*border: 1px solid #e6e6e6;*/
    border: 1px solid #e6e6e6;
    border-bottom: 1px solid #fff;
    position: relative;
    bottom: -1px;
    z-index: 3;
    border-bottom: none;
    padding: 0 28px;
    min-height: 46px;
    letter-spacing: 0.3px;
    text-align: center;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.root .cont.detailed .info-tabs .nav li.active
{
    color: #000;
    background-color: #fff;
    /*border-color: #b4b4b4;*/
}

.root .cont.detailed .tab-content
{
    padding: 30px 25px 32px 25px;
    position: relative;
    border: 1px solid #e6e6e6;
    min-height: 120px;
    width: 100%;
}

.root .cont.detailed .tab-content .content
{
    width: 100%;
    display: none;
}

.root .cont.detailed .tab-content .content.active
{
    display: block;
}


.root .cont.detailed .tab-content .content .description
{
    float: left;
    width: 100%;
    font-size: 14px;
    color: #222;
    line-height: 1.6;
}

.root .cont.detailed .tab-content .content .description p
{
    float: left;
    width: 100%;
    margin: 0px 0px 18px 0px;
}

.root .cont.detailed .tab-content .content .description p:last-child
{
    margin-bottom: 0px;
}

.root .cont.detailed .tab-content .content h2,
.root .cont.detailed .tab-content .content h3,
.root .cont.detailed .tab-content .content h4
{
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    color: #222;
    margin: 0px 0px 12px 0px;
}

.root .cont.detailed .tab-content .content .product-spec
{
    width: 100%;
    margin-bottom: 25px;
    color: #333;
}

.root .cont.detailed .tab-content .content .product-spec:last-child
{
    margin-bottom: 0px;
}

.root .cont.detailed .tab-content .content .product-spec .item
{
    width: 100%;
    line-height: 1.5;
}

.root .cont.detailed .tab-content .content .product-spec .item .name-block
{
    display: inline-block;
    width: 48%;
    margin: 0px 0px 8px;
    position: relative;
}

.root .cont.detailed .tab-content .content .product-spec .item .name-block .name
{
    position: relative;
    padding: 0px 5px 0px 0px;
    background-color: inherit;
    z-index: 2;
    background-color: #fff;
}


.root .cont.detailed .tab-content .content .product-spec .item .name-block:after 
{
    content: '';
    position: absolute;
    right: 5px;
    left: 0;
    height: 1px;
    margin: .85em 0 0;
    background-image: url(../img/border-dotted.png);
    background-repeat: repeat-x;
}

.root .cont.detailed .tab-content .content .product-spec .item .value-block
{
    display: inline-block;
    width: 52%;
    margin: 0px 0px 8px 0px;
}

.root .cont.detailed .tab-content .content .product-spec .item .value-block .value
{
    position: relative;
    display: block;
    background-color: inherit;
    z-index: 2;
}

.root .description a
{
    text-decoration: underline;
}

.root .description a:hover
{
    text-decoration: none;
}


.root .list-products.small-items 
{
    margin-bottom: 25px;
}

.root .list-products.small-items .item
{
    width: 20%;
}

.root .content > .cont:last-child
{
    margin-bottom: 30px;
}





.root .modal
{
     display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    opacity: 1;
    /*background-color: rgba(0, 0, 0, 0.72); */
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;  
    display: none;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

/*.root .modal.show-modal
{
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    opacity: 1;
}*/

.root .modal
{
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    visibility: hidden;
    pointer-events: none;
    z-index: -99;
    opacity: 0;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}

.root .modal.show-modal
{
    visibility: visible;
    pointer-events: inherit;
    z-index: 55;
    opacity: 1;
}

.root .modal.carousel 
{
    background-color: #fff;
}

.root .modal.carousel .close
{
    position: absolute;
    top: 0px;
    right: 0px;
    height: 75px;
    width: 75px;
    opacity: 1;
    font-size: 62px;
    font-weight: 100;
    line-height: 1;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #555;
    font-weight: 100;
    text-shadow: none;
    z-index: 20;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding-bottom: 15px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.root .modal .close:hover,
.root .modal.carousel .close:hover
{
    color: #000;
}

.root .modal.carousel .content
{
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 3;
    background-color: #fff;
}

.root .modal .content > .wrapper
{
    width: 100%;
    height: 100%;
}


.root .modal .detailed-slider
{
    width: 100%;
    height: 100%;
}

.root .modal .detailed-slider .slider-for
{
    /*height: calc(100% - 120px);*/
    height: 100%;
    padding-bottom: 120px;
    border: none;
}

.root .modal .detailed-slider .slider-for .item .img,
.root .modal .detailed-slider .slider-nav .item .img
{
    width: 100%;
    height: 100%;
}

.root .detailed-slider .slider-nav
{
    width: 100%;
    height: 120px;
    margin-top: 10px;
    /*padding-top: 10px;*/
    /*border-top: 1px solid #e6e6e6;*/
}

.root .detailed-slider .slider-nav .slick-list 
{
    width: 100%;
    text-align: center;
    height: 100%;
}

.root .detailed-slider .slider-nav .slick-list .slick-track 
{
    width: 100%;
    height: 100%;
    display: inline-block;
    /*float: none;*/
}

.root .modal .detailed-slider .slider-nav .slick-list .slick-track .item
{
    width: 100px;
    /*height: 100px;*/
    height: auto;
    display: inline-block;
    float: none;
    /*margin: 0px 2px;*/
}


.root .cont:first-child .address-list
{
    margin-top: 50px;
}

.root .breadcrumb + .cont .address-list
{
    margin-top: 15px;
}

.root .address-list
{
    width: 100%;
    width: calc(100% + 80px);
    margin: 0px -40px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.root .address-list > .item
{
    width: 50%;
    padding: 0px 40px;
    margin-bottom: 50px;
}

.root .address-list .item .wrapper
{
    width: 100%;
}

.root .address-list .item .photo
{
    width: 100%;
}

.root .address-list .item .photo .img
{
    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    cursor: pointer;
    background-size: cover;
    background-position: center;
}

.root .address-list .item .wrapper h3
{
    float: left;
    width: 100%;
    font-size: 15px;
    padding: 0px 0px 10px 0px;
    position: relative;
    text-transform: uppercase;
    border-bottom: 1px solid #e5e5e5;
    margin: 18px 0px 20px 0px;
    font-weight: 400;
    color: #222;
}

.root .list-contacts
{
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.root .list-contacts .item
{
    width: 100%;
    margin-bottom: 20px;
}


.root .list-contacts .item .icon 
{
    width: 50px;
    height: 44px;
    border-radius: 3px;
    color: #666;
    float: left;
    font-size: 18px;
    line-height: 44px;
    border: 1px solid #e6e6e6;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.root .list-contacts .item .icon img
{
    width: 20px;
    -webkit-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: grayscale(1);
}

.root .list-contacts .item.time .icon img
{
    width: 18px;
}

.root .list-contacts .item .body
{
    width: calc(100% - 50px);
    padding-left: 20px;
}

.root .list-contacts .item .body .title
{
    width: 100%;
    font-size: 13px;
    color: #666;
    text-transform: none;
}

.root .list-contacts .item .body .text
{
    width: 100%;
    font-size: 14px;
    color: #333;
}

.root .address-detailed h1,
.root .address-detailed h2
{
    float: left;
    width: 100%;
    font-size: 17px;
    padding: 0px 0px 10px 0px;
    position: relative;
    text-transform: uppercase;
    border-bottom: 1px solid #e5e5e5;
    margin: 10px 0px 20px 0px;
    font-weight: 400;
    color: #222;
}

.root .address-detailed .text
{
    width: 100%;
}

.root .address-detailed .description
{
    width: 100%;
}

.root .address-detailed .description p 
{
    margin-bottom: 10px;
}

.root .address-detailed .map
{
    width: 100%;
    margin-top: 35px;
    margin-bottom: 20px;
}

.root .address-detailed .map .map-wrapper
{
    width: 100%;
    height: 100%;
}

/*.root .address-detailed .detailed-slider,
.root .text .detailed-slider*/
.root .detailed-slider.default
{
    width: 100%;
    /*margin-top: 35px;*/
    margin-top: 15px;
    margin-bottom: 15px;
}

/*.root .address-detailed .detailed-slider .slider-for,
.root .text .detailed-slider .slider-for  */
.root .detailed-slider.default .slider-for
{
    border: none;
}

.root .address-detailed .action-block,
.root .text .action-block
{
    width: 100%;
    margin-top: 20px;
}

.root .address-detailed,
.root .content > .address-detailed:last-child
{
    margin-bottom: 75px;
}

.root .detailed-slider.default .slider-nav .slick-list .slick-track .item .img
{
    background-size: cover;
}

.root .detailed-slider.default .slider-for .item 
{
    position: relative;
    padding: 0px;
}

.root .detailed-slider.default .slider-for .item .cover
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
    -webkit-filter: blur(9px);
    -o-filter: blur(9px);
    filter: blur(9px);
    opacity: 0.8;
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}

.root .detailed-slider.default .slider-for .item .img
{
    position: relative;
    z-index: 2;
}

.root .detailed-slider.default .slider-nav
{
    /*margin-top: 15px;*/
    width: calc(100% + 14px);
    margin: 20px -7px 0px -7px;
}

.root .detailed-slider.default .slider-nav .slick-list .slick-track .item
{
    /*margin-right: 15px;*/
    padding: 0px;
    background-color: #000;
    height: auto;
    margin: 0px 7px;
}

.root .detailed-slider.default .slider-nav .slick-list .slick-track .item .img
{
    opacity: 0.4;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.root .detailed-slider.default .slider-nav .slick-list .slick-track .item.slick-current.slick-active .img,
.root .detailed-slider.default .slider-nav .slick-list .slick-track .item:hover .img
{
    opacity: 1;
}

.root .detailed-slider.default .slider-for .control.left img,
.root .detailed-slider.default .slider-for .control.right img,
.root .detailed-slider.default .slider-for:hover .control.left img,
.root .detailed-slider.default .slider-for:hover .control.right img
{
    opacity: 1;
    -webkit-filter: brightness(0.1) invert(1);
    -o-filter: brightness(0.1) invert(1);
    filter: brightness(0.1) invert(1);
}


.root .cont.text .description h1
{
    float: left;
    width: 100%;
    font-size: 19px;
    position: relative;
    text-transform: uppercase;
    margin: 10px 0px 20px 0px;
    font-weight: 400;
    color: #222;
    border: none;
    padding: 0px;
}

.root .cont.text .description h2,
.root .cont.text .description h3,
.root .cont.text .description h4
{
    float: left;
    width: 100%;
    color: #333;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    margin: 18px 0px;
    padding: 0px;
    letter-spacing: 0.2px;
    line-height: 1.25;
    border: none;
}

.root .description strong
{
    font-weight: 500;
}



.root .cont.text:first-child
{
    margin-top: 15px;
}

.root .breadcrumb + .cont.text
{
    /*margin-top: 15px;*/
}


.root .cont.text .description ul,
.root .cont.text .description ol
{
    margin-top: 10px;
}

.root .cont.text .description h1 + ul,
.root .cont.text .description h2 + ul,
.root .cont.text .description h3 + ul,
.root .cont.text .description h4 + ul
{
    margin-top: 0px;
}

.root .cont.text .description h1 + ol,
.root .cont.text .description h2 + ol,
.root .cont.text .description h3 + ol,
.root .cont.text .description h4 + ol
{
    margin-top: 0px;
}

.root .cont.text .description
{
    width: 100%;
}

.root .cont.text .description p
{
    margin-bottom: 10px;
}


.root .description ol 
{
    float: left;
    width: 100%;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 15px;
    color: #333;
}

.root .description ol li 
{
    float: left;
    width: 100%;
    margin-bottom: 6px;
    position: relative;
    padding: 0px 0px 0px 8px;
}

.root .description img
{
    margin: 15px 0px;
    max-width: 100%;
}

.root .cont.text .description ul
{
    margin-bottom: 5px;
}

.root .detailed-slider + .description
{
    margin-top: 20px;
}


.root .cont.text,
.root .cont.text:last-child
{
    margin-bottom: 65px;
}

.root .modal .content.dialog
{   
    margin-top: 90px;
    width: 100%;
    height: 120%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: rgba(0, 0, 0, 0.72);
}

.root .modal .content.dialog > .wrapper
{
    width: 100%;
    max-width: 600px;
    height: auto;
    min-height: 100px;
    position: relative;
    max-height: 100vh;
    overflow-y: auto;
    /* overflow-x: hidden; */
    padding: 9px 9px 0px 9px;
}

.root .modal.map .content.dialog > .wrapper
{
    max-width: 730px;
    height: 730px;
    max-height: 100%;
    /*padding: 0px;*/
    position: relative;
}

.root .modal.map .content.dialog > .wrapper .map
{
    width: 100%;
    height: 100%;
}

.root .modal .content.dialog > .wrapper > .body
{
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 30px 35px 32px 35px;
}

.root .modal.map .content.dialog > .wrapper .map iframe
{
    float: left;
    width: 100%;
    height: 100%;
}


.root .modal .content.dialog .close
{
    position: absolute;
    top: 30px;
    /* right: 10px;
    width: 55px; */
    top: 0px;
    right: 0px;
    height: 55px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    opacity: 1;
    cursor: default;
}

.root .modal .content.dialog .close:before
{
    content: "\00D7";
    background-color: #ff7f3c;
    color: #fff;
    opacity: 1;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    text-align: center;
    font-size: 26px;
    font-weight: 300;
    line-height: 23px;
    cursor: pointer;
    z-index: 3;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.root .modal .content.dialog .close:hover:before
{
    background-color: #ff945c;
}

.root .modal .content.dialog .body .title-block
{
    width: 100%;
    line-height: 1.4;
    margin-bottom: 20px;
}

.root .modal .content.dialog .body .title
{
    float: left;
    width: 100%;
    font-size: 20px;
    position: relative;
    text-transform: uppercase;
    margin: 0px;
    font-weight: 400;
    color: #222;
}

.root .modal .content.dialog .body .subtitle
{
    width: 100%;
    margin-top: 5px;
    font-size: 15px;
    color: #555;
}

.root .body .form-block
{
    width: 100%;
}

.root .body .form-block .form
{
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.root .body .form-block .form .form-group 
{
    width: 100%;
    margin-bottom: 18px;
}

.root .body .form-block .form .form-group:nth-last-child(1).
{
    width: 100%;
    margin-bottom: 18px;
    margin-right: 10px;
}

.root .body .form-block .form .form-group:last-child
{
    margin-bottom: 0px;
}

.root .body .form-block .form .form-group .wrapp 
{
    width: 100%;
}

.root .body .form-block .form .form-group .label 
{
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.03em;
    color: #333;
    margin: 0px;
    text-align: left;
    margin-bottom: 4px;
}

.root .body .form-block .form .form-group .form-control 
{
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 0px;
    height: 42px;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left;
    color: #222;
    -webkit-box-shadow: 0px 1px 2px rgba(215, 215, 215, 0);
    box-shadow: 0px 1px 2px rgba(215, 215, 215, 0);
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.root .body .form-block .form .form-group textarea.form-control 
{
    height: 92px; 
    padding-top: 10px;  
}


.root .modal .content.dialog .body .action-block
{
    width: 100%;
    margin-top: 26px;
}

.root .error-text
{
    width: 100%;
    margin-bottom: 15px;
    color: #f73232 !important;
}

.root .form-group.error .label
{
    color: #f73232 !important;
}

.root .form-group.error .form-control
{
    border: 1px solid #f73232 !important;
}


.root .modal .content.dialog .body .action-block .btn
{
    min-width: 180px;
    margin-right: 15px;
}

.root .modal .content.dialog .body .action-block .btn + *
{
    margin-top: 10px;
}

.root .warning-text
{
    width: 100%;
    font-size: 12px;
    line-height: 1.5;
    margin-top: 12px;
    color: #222;
}

.root .warning-text a
{
    text-decoration: underline;
    cursor: pointer;
}

.root .warning-text a:hover
{
    text-decoration: none;
}


.root .cont.cart-page .steps
{
    width: 100%;
    /*margin-bottom: 55px;*/
}

.root .cont.cart-page .steps h1
{
    font-size: 19px;
    font-weight: 400;
    padding: 0px;
    margin: 20px 0px 35px 0px;
}

.root .cont.cart-page .steps .step 
{
    width: 100%;
    opacity: 0;
    position: relative;
    z-index: 20;
    -webkit-transform: translate(0px,40px);
    -ms-transform: translate(0px,40px);
    -o-transform: translate(0px,40px);
    transform: translate(0px,40px);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.root .cont.cart-page .steps .step.active
{
    opacity: 1;
    -webkit-transform: translate(0px,0px);
    -ms-transform: translate(0px,0px);
    -o-transform:  translate(0px,0px);
    transform: translate(0px,0px);
}

.root .cont.cart-page .steps .step .step-content
{
    width: 100%;
    display: none;
}

.root .cont.cart-page .steps .step.active .step-content
{
    display: block;
}

.root .cont.cart-page .steps .step .cart-container
{
    width: 100%;
}

.root .cont.cart-page .steps .step .cart-container .side-left
{
    width: calc(100% - 305px);
    padding-right: 75px;
    float: left;
}

.root .cont.cart-page .steps .step .cart-container .table-cart
{
    float: left;
    width: 100%;
    /*width: calc(100% - 380px);*/
    font-size: 14px;
    color: #333;
}

.root .cont.cart-page .steps .step .cart-container .table-cart tbody,
.root .cont.cart-page .steps .step .cart-container .table-cart tr
{
    width: 100%;
}

.root .cont.cart-page .steps .step .cart-container .table-cart thead
{
    width: 100%;
    border-bottom: 1px solid #d1d1d1;
    font-size: 15px;
    color: #333;
    font-weight: 500;
}

.root .cont.cart-page .steps .step .cart-container .table-cart thead th
{
    padding: 2px 12px 10px 12px;
    font-weight: 500;
    color: #333;
}

.root .cont.cart-page .steps .step .cart-container .table-cart tbody td
{
    padding: 35px 12px;
    vertical-align: middle;
}

.root .cont.cart-page .steps .step .cart-container .table-cart thead th.product,
.root .cont.cart-page .steps .step .cart-container .table-cart tbody td.product
{
    padding-left: 0px;
    padding-right: 20px;
    width: 100%;
}

.root .cont.cart-page .steps .step .cart-container .table-cart tbody .qty,
.root .cont.cart-page .steps .step .cart-container .table-cart thead .qty
{
    min-width: 140px;
    max-width: 140px;
    width: 140px;
}

.root .cont.cart-page .steps .step .cart-container .table-cart thead .price,
.root .cont.cart-page .steps .step .cart-container .table-cart tbody .price
.root .cont.cart-page .steps .step .cart-container .table-cart thead .sum,
.root .cont.cart-page .steps .step .cart-container .table-cart tbody .sum
{
    /*min-width: 90px;*/
}

.root .cont.cart-page .steps .step .cart-container .table-cart tbody tr
{
    width: 100%;
    border-bottom: 1px solid #d1d1d1;
    padding: 25px 0px;
}

.root .cont.cart-page .steps .step .cart-container .table-cart .select-amount
{
    width: 116px;
    border: 1px solid #ebebeb;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.root .cont.cart-page .steps .step .cart-container .table-cart .select-amount .btn-icon 
{
    width: 35px;
    float: left;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    color: #777;
    background-color: #fff;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    cursor: pointer;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.root .cont.cart-page .steps .step .cart-container .table-cart .select-amount .btn-icon:hover
{
    color: #333;
}

.root .cont.cart-page .steps .step .cart-container .table-cart .select-amount input
{
    width: calc(100% - 70px);
    border-radius: 0px;
    padding: 0px;
    text-align: center;
    font-size: 15px;
    color: #333;
    background-color: #fff;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    padding-top: 1px;
}

.root .cont.cart-page .steps .step .cart-container .table-cart tbody td.product .photo
{
    width: 85px;
    height: 85px;
}

.root .cont.cart-page .steps .step .cart-container .table-cart tbody td.product .photo .img
{
    float: left;
    width: 100%;
    height: 100%;
    text-decoration: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.root .cont.cart-page .steps .step .cart-container .table-cart tbody td.product .name
{
    width: calc(100% - 85px);
    padding-left: 28px;
}


.root .cont.cart-page .steps .step .cart-container .table-cart tbody td.product .name a
{
    float: left;
    color: #333;
    cursor: pointer;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.root .cont.cart-page .steps .step .cart-container .table-cart tbody td.product .name a:hover
{
    color: #0080bb;
}

.root .cont.cart-page .steps .step .cart-container .table-cart tbody .price
{
    font-size: 15px;
    color: #333;
    font-weight: 400;
    line-height: 1.2;
    position: relative;
    padding-right: 14px;
}

.root .cont.cart-page .steps .step .cart-container .table-cart tbody .price.highlight
{
    background-color: yellow;
    border-bottom: 1px dashed black;
    cursor: help;
}

.root .cont.cart-page .steps .step .cart-container .table-cart tbody .price .rub 
{
    position: absolute;
    right: 0px;
    top: 0px;
    text-transform: uppercase;
}

.root .cont.cart-page .steps .step .cart-container .table-cart tbody .price .rub:before 
{
    content: "";
    position: absolute;
    top: 11px;
    left: 0px;
    height: 1px;
    width: 7px;
    background-color: #272727;
}

.root .cont.cart-page .steps .step .cart-container .table-cart tbody .product .wrapp 
{
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}


.root .cont.cart-page .steps .step .cart-container .side-right
{
    width: 305px;
    float: right;
}

.root .cont.cart-page .steps .step .cart-container .side-right .sum-block
{
    width: 100%;
    float: right;
    padding: 0px 0px 12px 0px;
}

.root .cont.cart-page .steps .step .cart-container .sum-block .sum
{
    width: 100%;
    font-weight: 400;
    font-size: 17px;
    color: #333;
}

.root .cont.cart-page .steps .step .cart-container .sum-block .sum .price-row
{
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 8px;
    margin-bottom: 27px;
}

.root .cont.cart-page .steps .step .cart-container .sum-block .sum .price
{
    font-size: 21px;
    color: #333;
    font-weight: 500;
    line-height: 1.2;
    position: relative;
    white-space: nowrap;
    padding-right: 16px;
}

.root .cont.cart-page .steps .step .cart-container .sum-block .sum .price.without-amount
{
    padding-right: 0px;
}

.root .cont.cart-page .steps .step .cart-container .sum-block .sum .price .rub 
{
    font-size: 20px;
    position: absolute;
    right: 0px;
    top: 1px;
    text-transform: uppercase;
}

.root .cont.cart-page .steps .step .cart-container .sum-block .sum .price .rub:before 
{
    content: "";
    position: absolute;
    top: 15px;
    left: 0px;
    height: 1px;
    width: 8px;
    background-color: #333;
}

.root .cont.cart-page .steps .step .cart-container .sum-block .sum .action-block
{
    width: 100%;
}

.root .cont.cart-page .steps .step .cart-container .sum-block .sum .action-block .btn
{
    width: 100%;
}

.root .cont.cart-page .steps .step .cart-container .table-cart tbody td.action
{
    padding: 0px;
    text-align: right;
    position: relative;
}

.root .cont.cart-page .steps .step .cart-container .table-cart tbody td.action .delete
{
    margin-right: -8px;
    padding: 8px;
}

.root .cont.cart-page .steps .step .cart-container .table-cart tbody td.action .delete span
{
    border-radius: 50%;
    display: inline-block;
    font-size: 20px;
    width: 23px;
    height: 23px;
    text-align: center;
    line-height: 20px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    color: rgba(0, 0, 0, 0.4);
    cursor: pointer;
    padding-left: 1px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.root .cont.cart-page .steps .step .cart-container .table-cart tbody td.action .delete span:hover
{
    border: 1px solid rgba(0, 0, 0, 0.85);
    color: rgba(0, 0, 0, 0.85);   
}


.root .cont.cart-page .steps .step .cart-container .action-block
{
    width: 100%;
}

.root .cont.cart-page .steps .step .cart-container .action-block .link,
.root .cont.cart-page .steps .step.cart-body .link.delete-btn
{
    border: none;
    color: #333;
}

.root .cont.cart-page .steps .step.cart-body .link .delete
{
    border-radius: 50%;
    display: inline-block;
    font-size: 20px;
    width: 23px;
    height: 23px;
    text-align: center;
    line-height: 20px;
    border: 1px solid #333;
    color: #333;
    padding-left: 1px;
}

.root .cont.cart-page .steps .step .cart-container .action-block .link .text,
.root .cont.cart-page .steps .step.cart-body .link.delete-btn .text
{
    border-bottom: 1px solid #222;
    margin: 4px 0px 0px 7px;
    -webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
}

.root .cont.cart-page .steps .step .cart-container .action-block .link:hover .text,
.root .cont.cart-page .steps .step.cart-body .link.delete-btn:hover .text
{
    border-bottom: 1px solid transparent;
}

.root .cont.cart-page .main-progress-bar 
{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 75px;
}

.root .cont.cart-page .main-progress-bar .progress-bar 
{
    width: 100%;
    height: 38px;
    position: relative;
}

.root .cont.cart-page .main-progress-bar .progress-bar .line 
{
    position: absolute;
    left: 0;
    top: 19px;
    background-color: #e4e4e4;
    height: 5px;
    width: 100%;
    /*border-radius: 6px;*/
}

.root .cont.cart-page .main-progress-bar .progress-bar .step-control
{
    height: 100%;
    width: 16.66%;
    /*width: 190px;*/
    position: relative;
    padding-top: 38px;
}

.root .cont.cart-page .main-progress-bar .progress-bar .step-control + .step-control
{
    /*margin-left: -3px;*/
}


.root .cont.cart-page .main-progress-bar .progress-bar .step-control .circle
{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -19px;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    background-color: #e4e4e4;
    z-index: 5;
    padding: 4px;
    overflow: hidden;
    cursor: pointer;   
}

.root .cont.cart-page .main-progress-bar .progress-bar .step-control .circle:before
{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    background-color: #0080bb;
    width: 0px;
    z-index: 1;
    -webkit-transition: 0.15s linear;
    -o-transition: 0.15s linear;
    transition: 0.15s linear;
    -webkit-transition-delay: 0.13s;
    -o-transition-delay:  0.13s;
    transition-delay: 0.13s;
}

.root .cont.cart-page .main-progress-bar .progress-bar .step-control .circle .check-icon       
{
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 50%;
    position: relative;
    z-index: 5;
    overflow: hidden;
}

.root .cont.cart-page .main-progress-bar .progress-bar .step-control .circle .check-icon .number,
.root .cont.cart-page .main-progress-bar .progress-bar .step-control .circle .check-icon .check
{
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-weight: 500;
    font-size: 15px;
    color: #444;
}

.root .cont.cart-page .main-progress-bar .progress-bar .step-control .circle .check-icon .check
{
    position: absolute;
    background-color: #fff;
    top: 0px;
    left: 0px;
    z-index: 2;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}

.root .cont.cart-page .main-progress-bar .progress-bar .step-control.complete .circle .check-icon .check
{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.root .cont.cart-page .main-progress-bar .progress-bar .step-control .line
{
    width: 100%;
}

.root .cont.cart-page .main-progress-bar .progress-bar .step-control .line:before,
.root .cont.cart-page .main-progress-bar .progress-bar .step-control .line:after
{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 0px;
    background-color: #0080bb;
    border-radius: 6px;
    -webkit-transition: 0.15s linear;
    -o-transition: 0.15s linear;
    transition: 0.15s linear;
}
.root .cont.cart-page .main-progress-bar .progress-bar .step-control .line:before
{
    left: 0px;
    /*-webkit-transition: 0.15s linear;
    -o-transition: 0.15s linear;
    transition: 0.15s linear;*/
    -webkit-transition-delay: 0.28s;
    -o-transition-delay:  0.28s;
    transition-delay: 0.28s;
    /*-webkit-transition-delay: 0.13s;
    -o-transition-delay:  0.13s;
    transition-delay: 0.13s;*/
}
.root .cont.cart-page .main-progress-bar .progress-bar .step-control .line:after
{
    left: calc(50% + 15px);
    z-index: 2;
}



.root .cont.cart-page .main-progress-bar .progress-bar .step-control.complete .line:before,
.root .cont.cart-page .main-progress-bar .progress-bar .step-control.complete .line:after,
.root .cont.cart-page .main-progress-bar .progress-bar .step-control.complete .circle:before
{
    background-color: #30ad21;
}

.root .cont.cart-page .main-progress-bar .progress-bar .step-control.active .line:before,
.root .cont.cart-page .main-progress-bar .progress-bar .step-control.complete .line:before
{
    width: calc(50% - 15px);
    /*-webkit-transition: 0.15s linear;
    -o-transition: 0.15s linear;
    transition: 0.15s linear;*/
    -webkit-transition-delay: 0s;
    -o-transition-delay:  0s;
    transition-delay: 0s;
}

.root .cont.cart-page .main-progress-bar .progress-bar .step-control.active .circle:before,
.root .cont.cart-page .main-progress-bar .progress-bar .step-control.complete .circle:before
{
    width: 100%;
    -webkit-transition: 0.15s linear;
    -o-transition:0.15s linear;
    transition: 0.15s linear;
    -webkit-transition-delay: 0.13s;
    -o-transition-delay:  0.13s;
    transition-delay: 0.13s;
}

.root .cont.cart-page .main-progress-bar .progress-bar .step-control.active .line:after,
.root .cont.cart-page .main-progress-bar .progress-bar .step-control.complete .line:after
{
    width: calc(50% - 15px);
    /*-webkit-transition: 0.15s linear;
    -o-transition: 0.15s linear;
    transition: 0.15s linear;*/
    -webkit-transition-delay: 0.28s;
    -o-transition-delay:  0.28s;
    transition-delay: 0.28s;
}



.root .cont.cart-page .main-progress-bar .progress-bar .step-control .step-name
{
    width: 100%;
    text-align: center;
    padding: 12px 2px 0px 2px;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 400;
    /*color: #333;*/
    color: #b9b9b9;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}

.root .cont.cart-page .main-progress-bar .progress-bar .step-control.active .step-name
{
    color: #0080bb;
}       

.root .cont.cart-page .main-progress-bar .progress-bar .step-control.complete .step-name
{
    color: #333;
}       

.root .cont.cart-page .steps .step.points-body .cart-container .side-left
{
    /*margin-top: 12px;*/
}

.root .cont.cart-page .steps .step .cart-container .side-left .radio-block .list-radio
{   
    display: flex;
    flex-direction:column;
    width: calc(100% + 50px);
    margin: 0px -25px 30px -25px;
}

.root .cont.cart-page .steps .step .cart-container .side-left .radio-block .list-radio .item
{
    margin: 0px 25px 20px 25px;
}

.root .cont.cart-page .steps .step .cart-container .side-left .radio-block .list-radio .item label
{
    font-size: 14px;
    color: #222;
    display: block;
    padding: 7px 0px 0px 40px;
    text-transform: uppercase;
    min-height: 26px;
}

.root .cont.cart-page .steps .step.points-body .cart-container .side-left .list-shops
{
    /*width: calc(100% + 60px);
    margin: 0px -30px;*/
    width: calc(100% + 30px);
    margin: 0px -15px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}


.root .cont.cart-page .steps .step.points-body .cart-container .side-left .list-shops > .item
{
    width: 50%;
    padding: 0px 15px;
    margin-bottom: 55px;
}

.root .cont.cart-page .steps .step.points-body .cart-container .side-left .list-shops > .item > .wrapper
{
    /*box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0), 0 6px 30px 5px rgba(0, 0, 0, 0.02), 0 8px 10px -5px rgba(0, 0, 0, 0.07);*/
    /*padding: 15px;*/
    padding: 20px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 3px 37px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 37px 0px rgba(0, 0, 0, 0.06);
    border-radius: 9px;
}

.root .cont.cart-page .steps .step.points-body .cart-container .side-left .list-shops > .item.disabled > .wrapper
{
    padding-bottom: 60px;
}

.root .cont.cart-page .steps .step.points-body .cart-container .side-left .list-shops.single > .item
{
    width: 100%;
}

.root .cont.cart-page .steps .step.points-body .cart-container .side-left .list-shops.single > .item label
{
    padding-left: 0px;
}

.root .cont.cart-page .steps .step.points-body .cart-container .side-left .list-shops.single > .item label input,
.root .cont.cart-page .steps .step.points-body .cart-container .side-left .list-shops.single > .item label .radio-icon
{
    display: none;
}

.root .cont.cart-page .steps .step.points-body .cart-container .side-left .list-shops .item > .wrapper
{
    width: 100%;
    position: relative;
}

.root .cont.cart-page .steps .step.points-body .cart-container .side-left .list-shops > .item > .wrapper > .item
{
    width: 100%;
}

.root .cont.cart-page .steps .step.points-body .cart-container .side-left .list-shops .item label
{
    width: 100%;
    font-size: 15px;
    margin-bottom: 12px;
    border-bottom: 1px solid #e5e5e5;
    color: #222;
    display: block;
    padding: 6px 0px 17px 40px;
    text-transform: uppercase;
}

.root .cont.cart-page .steps .step.points-body .cart-container .side-left .list-shops .item label .title
{
    /*color: #555;*/
    /*-webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;*/
}

.root .cont.cart-page .steps .step.points-body .cart-container .side-left .list-shops .item label input[type="radio"]:checked ~ .title
{
    /*color: #222;*/
}

.root .cont.cart-page .step.points-body .list-shops .item .content
{
    width: 100%;
    /*padding: 0px 0px 0px 38px;*/
}

.root .cont.cart-page .step.points-body .list-shops .item .content .price
{
    /*width: 100%;
    margin-top: 5px;
    text-transform: uppercase;
    font-size: 12px;*/
}

.root .cont.cart-page .step.points-body .list-shops .item .content .price .label
{
    padding-right: 10px;
    margin-bottom: 10px;
}

.root .cont.cart-page .step.points-body .list-shops .item .content .price .value
{
    margin-bottom: 10px;
}


.root .cont.cart-page .step.points-body .list-shops .item .content .address
{
    width: 100%;
    margin-top: 5px;
}

.root .cont.cart-page .step.points-body .list-shops .item .content .description
{
    width: 100%;
    margin-top: 5px;
}

.root .cont.cart-page .step.points-body .list-shops .item .content .link-block
{
    width: 100%;
    margin-top: 12px;
}

.root .cont.cart-page .step.points-body .list-shops .item .content .link-block .link 
{
    float: left;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    color: #333;
    border-bottom: 1px solid #222;
    line-height: 1.2;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
}

.root .cont.cart-page .step.points-body .list-shops .item .content .link-block .link:hover
{
    border-bottom: 1px solid transparent;
}

.root .cont.cart-page .step.points-body .list-shops .item .content .list-contacts .item 
{
    margin-bottom: 6px;
}

.root .cont.cart-page .step.points-body .list-shops .item .content .list-contacts .item .icon
{
    border: none;
    width: 24px;
    height: auto;
    display: block;
    text-align: center;
    padding: 2px 0px 0px 0px;
    line-height: 1;
}

.root .cont.cart-page .step.points-body .list-shops .item .content .list-contacts .item .body 
{
    width: calc(100% - 30px);
    padding-left: 12px;
}

.root .cont.cart-page .step.points-body .list-shops .item .content .list-contacts .item.price .icon img
{
    opacity: 0.6;
    width: 18px;
    margin-left: -1px;
}


.root .cont.cart-page .steps .step .cart-container .side-right .action-block.flex-end
{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    /*-webkit-flex-wrap: wrap;*/
    /*-moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;*/
}

.root .cont.cart-page .steps .step .cart-container .side-right .action-block
{
    width: calc(100% + 26px);
    margin-left: -13px;
    margin-right: -13px;
}

.root .cont.cart-page .steps .step .cart-container .side-right .summary-panel ~ .action-block
{
    width: calc(100% + 43px);
    margin: 0px -13px 0px -28px;
}

.root .cont.cart-page .steps .step .cart-container .side-right .action-block:first-child
{
    /*padding-top: 6px;*/
    margin-top: -8px;
}

.root .cont.cart-page .steps .step .cart-container .side-right .action-block > .btn,
.root .cont.cart-page .steps .step .cart-container .side-right .action-block > .link
{
    margin-left: 13px;
    margin-right: 13px;
}

.root .cont.cart-page .steps .step .cart-container .side-right .action-block .link
{
    float: left;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    color: #333;
    line-height: 1.2;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-weight: 500;
    padding: 0px;
    cursor: pointer;
    background-color: transparent;
    margin-top: 14px;
}

.root .cont.cart-page .steps .step .cart-container .side-right .action-block .link .fa
{
    float: left;
    margin-right: 7px;
    position: relative;
    top: 1px;
}

.root .cont.cart-page .steps .step .cart-container .side-right .action-block .link span
{
    float: left;
    border-bottom: 1px solid #222;
    -webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
}


.root .cont.cart-page .steps .step .cart-container .side-right .action-block .link:hover span
{
    border-bottom: 1px solid transparent;
}


.root .cont.cart-page .steps .step .cart-container .side-right .action-block .btn.btn-normal span
{
    float: left;
}

.root .cont.cart-page .steps .step .cart-container .side-right .action-block .btn.btn-normal .fa
{
    float: left;
    margin-left: 10px;
    position: relative;
    top: -1px;
    margin-right: -5px;
}

.root .cont.cart-page .steps .step .cart-container .side-right .action-block .link.back
{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    min-width: 95px;
}

.root .cont.cart-page .steps .step .cart-container .side-right .action-block .btn.btn-normal
{
    padding: 5px 24px;
}

.root .cont.cart-page .steps .step .cart-container .side-right .action-block .btn.btn-normal.next
{
    min-width: 155px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}


.root .cont.cart-page .summary-panel
{
    width: calc(100% + 15px);
    margin: 0px 0px 20px -15px;
    background-color: #f5f5f5;
    padding: 22px 30px;
}

.root .cont.cart-page .summary-panel .wrapper
{

}

.root .cont.cart-page .summary-panel .header
{
    /*width: 100%;
    font-size: 25px;
    padding-bottom: 10px;
    font-weight: 300;*/
    width: 100%;
    padding-bottom: 18px;
    margin-top: 4px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
}


.root .cont.cart-page .summary-panel .items-block
{
    width: 100%;
}

.root .cont.cart-page .summary-panel .items-block .title
{
    width: 100%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    padding: 12px 20px 6px 0px;
    line-height: 1.4;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select:none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.root .cont.cart-page .summary-panel .items-block .title .label
{
    padding: 0px 22px 8px 0px;
}

.root .cont.cart-page .summary-panel .items-block .title .value
{
    padding: 0px 0px 8px 0px;
}

.root .cont.cart-page .summary-panel .items-block .title .value .amount
{
    padding: 0px 7px 0px 0px;
}

.root .cont.cart-page .summary-panel .items-block .title .fa
{
    position: absolute;
    top: 15px;
    right: 0px;
    font-size: 16px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform:  rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.root .cont.cart-page .summary-panel .items-block.open .title .fa
{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform:  rotate(-180deg);
    transform: rotate(-180deg);
}

.root .cont.cart-page .summary-panel .items-block .list-items
{
    width: 100%;
    width: calc(100% + 30px);
    padding: 10px 30px 2px 0px;
    max-height: 520px;
    overflow-y: auto;
}

/*.root .cont.cart-page .summary-panel .items-block.open .list-items
{
    visibility: visible;
    opacity: 1;
}*/


.root .cont.cart-page .summary-panel .items-block .list-items .item 
{
    width: 100%;
    overflow: hidden;
    max-height: 0px;
    /*visibility: hidden;*/
    opacity: 0;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}

.root .cont.cart-page .summary-panel .items-block.open .list-items .item 
{
    max-height: 1000px;
    /*visibility: visible;*/
    opacity: 1;
}

.root .cont.cart-page .summary-panel .items-block .list-items .item:last-child
{
    border-bottom: none;
}

.root .cont.cart-page .summary-panel .items-block .list-items .item > .wrapper
{
    width: 100%;
    padding: 12px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}


.root .cont.cart-page .summary-panel .items-block .list-items .item .wrapp 
{
    width: calc(100% - 60px);
    padding-left: 20px;
    /*display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;*/
}

.root .cont.cart-page .summary-panel .items-block .list-items .item .photo 
{
    width: 60px;
    height: 60px;
}

.root .cont.cart-page .summary-panel .items-block .list-items .item .photo .img 
{
    float: left;
    width: 100%;
    height: 100%;
    text-decoration: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.root .cont.cart-page .summary-panel .items-block .list-items .item .name 
{
    width: 100%;
    line-height: 1.45;
    margin-bottom: 7px;
    font-size: 13.5px;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.root .cont.cart-page .summary-panel .items-block .list-items .item .name a
{
    float: left;
    color: #333;
    cursor: pointer;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.root .cont.cart-page .summary-panel .items-block .list-items .item .name:hover,
.root .cont.cart-page .summary-panel .items-block .list-items .item .name a:hover
{
    color: #0080bb;
}

.root .cont.cart-page .summary-panel .items-block .list-items .item .price-block
{
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}


.root .cont.cart-page .summary-panel .items-block .list-items .item .qty
{
    font-size: 13px;
    font-weight: 500;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #222;
    position: relative;
    top: -1px;
}

.root .cont.cart-page .summary-panel .items-block .list-items .item .qty .price 
{
    padding-right: 11px;
    position: relative;
}

.root .cont.cart-page .summary-panel .items-block .list-items .item .qty .price .rub
{
    position: absolute;
    top: 0px;
    right: 0px;
    text-transform: uppercase;
}

.root .cont.cart-page .summary-panel .items-block .list-items .item .qty .price .rub:before
{
    content: "";
    position: absolute;
    top: 11px;
    left: 1px;
    height: 1px;
    width: 5px;
    background-color: #444;
}

.root .cont.cart-page .summary-panel .items-block .list-items .item .qty .symbol
{
    padding: 0px 2px;
}



.root .cont.cart-page .summary-panel .items-block .list-items .item .sum
{
    font-size: 14px;
    font-weight: 500;
    color: #111;
    position: relative;
    padding-right: 11px;
    /*top: 1px;*/
}

.root .cont.cart-page .summary-panel .items-block .list-items .item .sum .price .rub
{
    /*font-size: 13px;*/
    position: absolute;
    top: 0px;
    right: 0px;
    text-transform: uppercase;
}

.root .cont.cart-page .summary-panel .items-block .list-items .item .sum .price .rub:before
{
    content: "";
    position: absolute;
    top: 12px;
    left: 1px;
    height: 1px;
    width: 5px;
    background-color: #111;
}


.root .cont.cart-page .steps .step.data-body .cart-container .body 
{
    width: 100%;
}

.root .cont.cart-page .body .form-block .form .form-group textarea.form-control 
{
    height: 110px;
}

.root .cont.cart-page .steps .step .cart-container > .body
{
    width: 100%;
    max-width: 800px;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info
{
    width: 100%;
    /*max-width: 850px;*/
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item h2
{
    margin-top: 0px;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item.cart-body h2
{
    margin-bottom: 0px;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info > .item
{
    width: 100%;
    margin-bottom: 30px;
    padding: 16px;
    -webkit-box-shadow: 0px 3px 37px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 37px 0px rgba(0, 0, 0, 0.06);
    border-radius: 9px;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .content
{
    width: 100%;
    font-size: 15px;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items
{
    width: 100%;
    /* max-width: 850px; */
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items .item 
{
    width: 100%;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items .item:last-child
{
    border-bottom: none;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items .item > .wrapper
{
    width: 100%;
    padding: 12px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items .item .photo 
{
    width: 60px;
    height: 60px;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items .item .wrapp 
{
    width: calc(100% - 60px);
    padding-left: 25px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items .item .photo .img 
{
    float: left;
    width: 100%;
    height: 100%;
    text-decoration: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items .item .name 
{
    /*width: 100%;*/
    width: calc(100% - 240px);
    max-width: calc(100% - 240px);
    line-height: 1.45;
    /*margin-bottom: 8px;*/
    font-size: 14px;
    /*padding-top: 2px;*/
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items .item .name a
{
    float: left;
    color: #333;
    cursor: pointer;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items .item .name:hover,
.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items .item .name a:hover
{
    color: #0080bb;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items .item .price-block
{
    /*width: 100%;*/
}


.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items .item .qty
{
    font-size: 14px;
    font-weight: 500;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    color: #333;
    position: relative;
    width: 115px;
    /*top: -1px;*/
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items .item .qty .price 
{
    padding-right: 11px;
    position: relative;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items .item .qty .price.highlight
{
    background-color: yellow;
    border-bottom: 1px dashed black;
    cursor: help;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items .item .qty .price .rub
{
    position: absolute;
    top: 0px;
    right: 0px;
    text-transform: uppercase;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items .item .qty .price .rub:before
{
    content: "";
    position: absolute;
    top: 12px;
    left: 1px;
    height: 1px;
    width: 5px;
    background-color: #444;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items .item .qty .symbol
{
    padding: 0px 6px;
    font-size: 12px;
}



.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items .item .sum
{
    font-size: 15px;
    font-weight: 500;
    color: #111;
    position: relative;
    padding-right: 11px;
    /*top: 1px;*/
    width: 125px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items .item .sum .price .rub
{
    /*font-size: 13px;*/
    position: absolute;
    top: 0px;
    right: 0px;
    text-transform: uppercase;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items .item .sum .price .rub:before
{
    content: "";
    position: absolute;
    top: 12px;
    left: 1px;
    height: 1px;
    width: 5px;
    background-color: #111;
}


.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items .sum-block 
{
    width: 100%;
    padding-top: 18px;
    margin-bottom: 10px;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items .sum-block .sum
{
    width: 100%;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .list-items .sum-block .sum .price-row
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    border: none;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .content ~ .action-block
{
    margin-top: 5px;
}


.root .cont.cart-page .step.confirmation-body .action-block .link.edit
{
    position: relative;
    float: right;
    color: #0080bb;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    line-height: 1.2;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-weight: 500;
    padding: 0px;
    cursor: pointer;
    background-color: transparent;
    margin-top: 14px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.root .cont.cart-page .step.confirmation-body .action-block .link.edit span
{
    float: left;
    border-bottom: 1px solid #0080bb;
    -webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
}

.root .cont.cart-page .step.confirmation-body .action-block .link.edit:hover span
{
    border-bottom: 1px solid transparent;
}

.root .cont.cart-page .step.confirmation-body .action-block .link.edit .fa
{
    font-size: 14px;
    margin-right: 5px;
    position: relative;
    top: -1px;
}   


.root .cont.cart-page .step.confirmation-body .action-block .link.edit img
{
    height: 13px;
    float: left;
    margin-right: 4px;
    position: absolute;
    right: 100%;
    top: -1px;
    -webkit-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    -o-transform:  rotate(-22deg);
    transform: rotate(-22deg);
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item.points-body,
.root .cont.cart-page .step.confirmation-body .steps-list-info .item.payment-body
{
    margin-bottom: 45px;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item.points-body .content,
.root .cont.cart-page .step.confirmation-body .steps-list-info .item.payment-body .content
{
    width: calc(100% - 95px);
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item.points-body .action-block,
.root .cont.cart-page .step.confirmation-body .steps-list-info .item.payment-body .action-block
{
    width: 95px;
    margin-top: -9px;
    float: right;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .content > .label
{
    padding-right: 12px;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .form-data
{
    width: 100%;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .form-data .item
{
    width: 100%;
    margin-bottom: 10px;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .form-data .item .label
{
    padding-right: 12px;
    width: 85px;
    color: #666;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .form-data .item .value
{
    width: calc(100% - 85px);
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .form-data .item.textarea .label
{
    width: 100%;
    margin-bottom: 8px;
    margin-top: 5px;
}

.root .cont.cart-page .step.confirmation-body .steps-list-info .item .form-data .item.textarea .value
{
    width: 100%;
}

.root .cont.cart-page .steps .step .cart-container .body > .action-block
{
    width: 100%;
    margin-top: 15px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.root .cont.cart-page .steps .step .cart-container .body > .action-block .btn
{
    min-width: 215px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.root .cont.cart-page .steps .step .cart-container .body > .action-block .warning-text
{
    padding-left: 20px;
    margin-top: 0px;
    font-size: 13px;
}       

.root header .main-header .content .search-block .btn img
{
    display: none;
}

.root .mobile-menu
{
    display: none;
}


.root .body-with-sideleft .side-left .title-catalog .fa
{
    display: none;
}

.root .body-with-sideleft .side-left .title-catalog
{
    width: 100%;
    position: relative;
}

.root .body-with-sideleft .side-left .catalog .list
{
    width: 100%;
}

.root .body-with-sideleft .side-left .catalog .item .menu .fa
{
    display: none;
}


.root .detailed-slider .slider-nav .slick-list .slick-track
{
    float: none;
}

.root .modal .detailed-slider .slider-nav
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 25;
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0px;
}

.root .detailed-slider.default .slider-nav
{
    height: auto;
}

.root .detailed-slider.default .slider-nav .slick-list .slick-track
{
    float: left;
}


.root .cont.cart-page .steps .step .header 
{
    width: 100%;
}

.root .cont.cart-page .steps .step .header .circle
{
    display: none;
}


.root .cont.cart-page .steps .step .cart-container .sum-block .sum .link-block
{
    display: none;
}


.root .cont.cart-page .steps .step.confirmation-body .cart-container .body > .action-block
{
    margin-bottom: 40px;
}

.root .content .cont.cart-page 
{
    margin-bottom: 0px;
}

.root .cont.cart-page .steps .step .cart-container .side-left
{
    margin-bottom: 40px;
}

.root .cont.cart-page .steps .step .cart-container .side-right
{
    margin-bottom: 40px;
}

.root .cont.cart-page .steps .step .step-content
{
    margin-bottom: 40px;
}

.root .cont.cart-page .steps .step.points-body .step-content
{
    margin-bottom: 0px;
}

.root .modal.map .content.dialog > .wrapper > .body
{
    padding: 0px;
}

.root .loading .form-block,
.root .form-block.loading
{
    -webkit-transition: all 0.25s, filter 2s !important;
    transition: all 0.25s, filter 2s !important;
    filter: blur(5px);
    -webkit-filter: none;
    -moz-filter: blur(5px);
    /* -ms-filter: blur(5px);
    -o-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px); */ 
}

.root .form-loader-wrapper
{
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0px;
    left: 0px;
    /*background-color: rgba(255, 176, 51, 0.06);*/
    display: flex;
    display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    z-index: 10;
}



.root .body-with-sideleft .side-left .filter-block .item.price .price-wrapper
{
    width: 100%;
}

.root .body-with-sideleft .side-left .filter-block .item.price .price-wrapper .form-group 
{
    width: calc(50% - 10px);
}

.root .body-with-sideleft .side-left .filter-block .item.price .price-wrapper .form-group + .form-group 
{
    margin-left: 20px;
    position: relative;
}

.root .body-with-sideleft .side-left .filter-block .item.price .price-wrapper .form-group + .form-group:before
{
    content: "";
    position: absolute;
    bottom: 17px;
    width: 10px;
    height: 1px;
    background-color: #333;
    left: -15px;
    z-index: 2;
}

.root .body-with-sideleft .side-left .filter-block .item.price .price-wrapper .form-group input
{
    float: left;
    width: 100%;
    border-radius: 0;
    color: #58697d;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 0;
    padding: 0px 20px 0px 15px;
    font-size: 13px;
    height: 34px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    min-width: 70px;
}

.root .body-with-sideleft .side-left .filter-block .item.price .price-wrapper .form-group .label
{
    float: left;
    width: 100%;
    margin: 0px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    color: #444;
    margin-bottom: 3px;
    margin-top: 5px;
}


.root header .topbar > .container .burger 
{
    display: none;
}

.root .cont.detailed .detailed-block .content-block .select-amount .form-control[readonly],
.root .cont.detailed .detailed-block .content-block .select-amount .form-control 
{
    background-color: transparent;
}

.root .cont.loading-wrapper
{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
}

.root .cont.loading-wrapper .spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}

.root .cont.loading-wrapper .spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.root .cont.loading-wrapper .spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.root .cont.loading-wrapper .spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.root .list-products.loader
{
    position: relative;
}

.root .list-products.loader .circle-loader
{
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -44px;
    width: 88px;
    height: 88px;
}

.root .list-products.loader .item {
    filter: blur(2px);
    opacity: 0.7;
}

.root .list-products.loader .item .fake-img {
    background-color: #fafafa;
    width: 100%;
    height: 100%;
}

.root .list-products.loader .item .fake-text {
    width: 100%;
    height: 16px;
    background-color: #fafafa;
}

.root .list-products.loader .item h3 {
    padding: 0px 7px;
}

.root .list-products.loader .item .guarantee {
    padding: 0px 7px;
}

.root .list-products.loader .item .price {
    padding: 0px 7px;
}

.root .list-products.loader .item h3 .fake-text {
    background-color: rgba(0, 128, 187, 0.41);
    margin-bottom: 3px;
}

.root .list-products.loader .item h3 .fake-text ~ .fake-text {
    width: 70%;
}

.root .list-products.loader .item .price .fake-text {
    background-color: rgba(51, 51, 51, 0.71);
    width: 60%;
}

.root .list-products.loader .item .guarantee .fake-text {
    width: 35%;
}



.root .body-with-sideleft .side-left .catalog .item.back-link .title:before 
{
    content: "\f104";
    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;    
    position: absolute;
    top: 7.5px;
    left: 0px;
    font-size: 16px;
}


.root .body-with-sideleft .side-left .catalog .item.back-link .title
{
    position: relative;
    padding-left: 13px;
}

.root .body-with-sideleft .side-left .catalog .item.back-link .title .fa
{
    display: none;
}

.root .btn
{
    -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
    transition: 0.3s cubic-bezier(.55,0,.1,1);
}

/*.root .btn .icon
{
    float: left;
    width: 40px;
    height: 100%;
    font-size: 23px;
}*/

.root .btn .icon .circle-loader
{
    transform: scale(1.3);
}

.root .btn.isLoading:not(:hover)
{
    background-color: rgba(255, 127, 60, 0.85);
    position: relative;
    overflow: hidden;
}

.root .btn.isLoading:hover
{
    background-color: rgba(255, 127, 60, 0.2);
    cursor: wait;
    position: relative;
    overflow: hidden;
}

/*.root .btn.isLoading .icon
{
    color: #0180bc;
}*/

.root .btn.isLoading .fa-spin 
{
    -webkit-animation: fa-spin 300ms infinite linear;
    animation: fa-spin 300ms infinite linear;
}

.root .btn.isSuccess:not(:hover)
{
    border-color: #30ad21;
    color: #fff;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    border: none;
}

.root .btn.isSuccess:hover
{
    color: #fff;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    border: none;
}

.root .btn.isLoading > *
{
    position: relative;
    z-index: 3;
}

/*.root .btn.isSuccess .icon
{
    color: #ffffff;
}*/

.root .btn.isLoading .background-color
{
    position: absolute;
    overflow: hidden;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.root .btn.isLoading .background-color:before
{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    z-index: 1;
    background-color: rgb(13, 150, 213);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    margin-left: -100px;
    margin-top: -100px;
    -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
    transition: 0.3s cubic-bezier(.55,0,.1,1);
}

.root .btn.isLoading.isSuccess .background-color:before
{
   -webkit-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform:  scale(2);
    transform: scale(2);  
}



.root .btn.isLoading .icon
{
    /*position: absolute;
    top: 6px;
    left: 20px;*/
}

.root .btn.isLoading .icon .fa 
{
    font-size: 27px;
}

.root .btn.isLoading .text
{
    padding-left: 8px;
    padding-right: 3px;
}

.root .btn.isSuccess .fa.fa-check 
{
    font-size: 18px;
    margin-left: -5px;
    position: relative;
    top: 0px;
}

.root .cont.detailed .detailed-block .content-block .content .in-stock .hint
{
    position: relative;
}

.root .cont.detailed .detailed-block .content-block .content .in-stock .hint .icon .fa
{ 
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background-color: #afc8d369;
    font-size: 12px;
    padding-top: 2px;
    padding-left: 4px;
    cursor: pointer;
}

.root .cont.detailed .detailed-block .content-block .content .in-stock .text
{
    position: absolute;
    left: 50%;
    margin-left: -100px;
    background-color: #fff;
    width: 200px;
    z-index: 10;
    padding: 10px;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.3;
    color: #222;
    bottom: 100%;
    margin-bottom: 12px;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.12);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}


.root .cont.detailed .detailed-block .content-block .content .in-stock .text:before 
{
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    z-index: 2;
}

.root .cont.detailed .detailed-block .content-block .content .in-stock .label
{
    cursor: pointer;
}


.root .cont.detailed .detailed-block .content-block .content .in-stock .label:hover ~ .hint .text,
.root .cont.detailed .detailed-block .content-block .content .in-stock .label:focus ~ .hint .text,
.root .cont.detailed .detailed-block .content-block .content .in-stock .hint:hover .text,
.root .cont.detailed .detailed-block .content-block .content .in-stock .hint:focus .text,
.root .cont.detailed .detailed-block .content-block .content .in-stock.focus .hint .text
{
    visibility: visible;
    opacity: 1;   
}

.root .cont.detailed .detailed-block .content-block .action-block .link-block > *
{
    margin-right: 15px;
}


/*.root .catalog-mobile-menu
{
    display: block;
    top: 0px;
    width: 100vw;
    position: fixed;
    bottom: 0px;
    padding-top: 44px;
    left: 100%;
    background-color: #fefefe;
    max-height: 100%;
    overflow-y: auto;
    color: #222;
    z-index: 48;
    line-height: 1.25;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;   
}*/

/*.root .catalog-mobile-menu.open
{
    left: 0px;
}*/

.root .catalog-mobile-menu
{
    width: 100%;
}

.root .catalog-mobile-menu .nav .head-panel
{
    width: 100%;
    color: #222;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 40px;
    padding: 5px 55px 4px 80px;
    background-color: #f9fafa;
    position: relative;
    border-bottom: 1px solid #eaeaeaa1;
    font-size: 15px;
    text-transform: uppercase;
}

.root .catalog-mobile-menu .nav .head-panel .head-title
{
    line-height: 1.2;
}

.root .catalog-mobile-menu .nav .head-panel .back
{
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 13px 0px 0px 20px;
    font-size: 12px;
    color: #8a8a8a;
    height: 100%;
    cursor: pointer;
    text-transform: uppercase;
}

.root .catalog-mobile-menu .nav .head-panel .back .fa
{
    font-size: 22px;
    position: relative;
    top: -6px;
    margin-right: 7px;
    float: left;
    display: inline-block;
}

.root .catalog-mobile-menu .nav
{
    width: 100%;
    float: left;
    list-style: none;
    font-size: 15px;
    line-height: 1.25;
    position: fixed;
    top: 44px;
    padding: 0px;
    margin: 0px;
    background-color: #fff;
    z-index: 48;
    height: calc(100vh - 44px);
    left: 100%;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    overflow-y: auto;
}

.root .catalog-mobile-menu .nav.open
{
    left: 0px;
}

.root header:not(.show-mobile-menu) ~ .catalog-mobile-menu .nav.open
{
    /*left: 100%;*/
}


.root .catalog-mobile-menu .nav .list
{
    width: 100%;
}

.root .catalog-mobile-menu .nav .list .item
{
    width: 100%;
    position: relative;
}

.root .catalog-mobile-menu .list > .item > .title
{
    width: 100%;
    float: left;
    color: #222;
    padding: 8px 55px 8px 20px;
    min-height: 46px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    text-decoration: none;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.root .catalog-mobile-menu .list > .item > .title a
{
    float: left;
    text-decoration: none;
    cursor: pointer;
    color: #222;
    width: 100%;
}

.root .catalog-mobile-menu .item .title:hover,
.root .catalog-mobile-menu .item .title:hover a,
.root .catalog-mobile-menu .item:hover .title,
.root .catalog-mobile-menu .item:hover .title a,
.root .catalog-mobile-menu .item.active .title a
{
    /*color: #ff7f3c;*/
}

.root .catalog-mobile-menu .item .title .fa
{
    position: absolute;
    top: 5px;
    right: 5px;
    color: #dbdbdb;
    width: 40px;
    height: 35px;
    font-size: 23px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.09);
    background-color: rgba(255, 255, 255, 0.08);
    cursor: pointer;
    z-index: 5;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    padding-left: 17px;
    padding-top: 4px;
}

.root .catalog-mobile-menu .item .title .fa:hover,
.root .catalog-mobile-menu .item .title .fa:focus
{
    border: 1px solid rgba(0, 0, 0, 0.18);
    color: #b8b8b8;
}

.root .catalog-mobile-menu .item > .menu
{
    background-color: #fff;
    position: absolute;
    left: 0px;
    z-index: 20;
    display: block;
    padding: 15px 15px 17px 15px;
    border: 1px solid #dfdfdf;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    visibility: hidden;
    left: calc(100% + 12px);
    opacity: 0;
    /*-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3);
    box-shadow: 0 0 7px rgba(0,0,0,0.3);*/
    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
}

.root .catalog-mobile-menu .item:hover > .menu
{
    visibility: visible;
    left: 100%;
    opacity: 1;
}

.root .catalog-mobile-menu .item > .menu ul
{
    float: left;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.root .catalog-mobile-menu .item > .menu.large > ul
{
    width: 450px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    -webkit-column-width: 225px;
    -moz-column-width: 225px;
    -o-column-width: 225px;
    column-width: 225px;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    -o-column-gap: 0px;
    column-gap: 0px;
}

.root .catalog-mobile-menu .item > .menu ul li
{
    float: left;
    width: 100%;
    color: #222;
}

.root .catalog-mobile-menu .item > .menu > ul > li
{
    width: 225px;
    padding: 0px 12px;
}

.root .catalog-mobile-menu .item > .menu > ul li a
{
    width: 100%;
    float: left;
    text-decoration: none;
    color: #444;
    padding: 6px 0px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.root .catalog-mobile-menu .item > .menu > ul li a:hover,
.root .catalog-mobile-menu .item > .menu ul.submenu li a:hover
{
    color: #0080bb;
}
.root .catalog-mobile-menu .item > .menu ul.submenu li a:hover:before
{
    background-color: #0080bb;
}

.root .catalog-mobile-menu .item > .menu ul.submenu li a
{
    padding: 5px 0px 5px 30px;
    font-size: 13px;
    color: #555;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: relative;
}

.root .catalog-mobile-menu .item > .menu ul.submenu li a:before
{
    content: "";
    position: absolute;
    top: 13px;
    left: 15px;
    width: 7px;
    height: 1px;
    background-color: #555;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.root .catalog-mobile-menu
{
    display: none;
}


.root .steps-list-info .item.points-body .delivery-type-info
{
    width: 100%;
}

.root .steps-list-info .item.points-body .delivery-type-info .wrapper
{
    width: 100%;
}

/*.root .steps-list-info .item.points-body .delivery-type-info .wrapper > .content
{
    width: 100%;
}*/

.root .cont.cart-page .step.confirmation-body .steps-list-info .item.points-body .wrapper > .content
{
    width: 100%;
}


.root .steps-list-info .item.points-body .delivery-type-info .list-contacts
{
    margin-top: 18px;
}

.root .steps-list-info .item.points-body .delivery-type-info .list-contacts .item .icon
{
    border: none;
    width: 24px;
    height: auto;
    display: block;
    text-align: center;
    padding: 2px 0px 0px 0px;
    line-height: 1;
}

.root .steps-list-info .item.points-body .delivery-type-info .list-contacts .item .body 
{
    width: calc(100% - 30px);
    padding-left: 12px;
}


.root .steps-list-info .item.points-body .delivery-type-info .description 
{
    width: 100%;
    margin-top: -5px;
    margin-bottom: 12px;
    /*color: #777;*/
    font-size: 14px;
}

.root .steps-list-info .item.points-body .delivery-type-info .link-block
{
    width: 100%;
    margin-bottom: 10px;
}

.root .steps-list-info .item.points-body .delivery-type-info .link-block .link
{
    float: left;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    color: #333;
    border-bottom: 1px solid #222;
    line-height: 1.2;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
}

.root .steps-list-info .item.points-body .delivery-type-info .link-block .link:hover
{
    border-bottom: 1px solid transparent;  
}


.root .steps-list-info .item.points-body .sum-block
{
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    margin-top: 12px;
    padding-top: 5px;
}

.root .cont.cart-page .steps .step .cart-container .steps-list-info .item.points-body .sum-block .sum .price-row
{
  border: none;  
}

.root .cont.cart-page .steps .step .cart-container .steps-list-info .item.points-body .sum-block .sum .price-row
{
    /*-webkit-justify-content: flex-start;*/
    /*justify-content: flex-start;*/
    margin-bottom: 0px;
    margin-top: 10px;
    padding-bottom: 18px;
    position: relative;
}

.root .cont.cart-page .steps .step .cart-container .steps-list-info .item.points-body .sum-block .sum .price-row .title 
{
    padding-right: 10px;
}

.root .cont.cart-page .steps .step .cart-container .steps-list-info .item.points-body .sum-block .sum .price-row .title:after 
{
    content: ":";
}

.root .cont.cart-page .steps .step .cart-container .steps-list-info .item.points-body .sum-block .sum .price-row .price,
.root .cont.cart-page .steps .step .cart-container .steps-list-info .item.points-body .sum-block .sum .price-row .price .amount
{
    font-size: 20px;
    font-weight: 400;
}

/*.root .cont.cart-page .steps .step .cart-container .steps-list-info .item.points-body .sum-block .sum .price-row .price .amount
{
    margin-right: -16px;
}*/

.root .cont.cart-page .steps .step .cart-container .steps-list-info .item.points-body .sum-block .sum .price-row .value
{
    /*position: absolute;*/
    /*right: -95px;*/
    text-align: right;
}


.root .cart-page .step.points-body .cart-container .list-shops .item.disabled .content .list-contacts
{
    opacity: 0.7;
    /*cursor: no-drop;*/
}

/*.root .cart-page .step.points-body .cart-container .list-shops .item.disabled .content * 
{
    cursor: no-drop !important;
}
*/
.root .cont.cart-page .step.points-body .list-shops .item.disabled .content .link-block .link:hover
{
    border-bottom: 1px solid #222;    
}


.root .cont.cart-page .steps .step.points-body .cart-container .side-left .list-shops .item.disabled label 
{
    opacity: 0.75;
    cursor: no-drop;
}


.root .cont.cart-page .step.points-body .cart-container .side-left .list-shops .item .warning-text 
{
    width: 100%;
    margin-bottom: 10px;
    color: #339ac9;
    line-height: 1.4;
    font-size: 13px;
    padding-left: 38px;
    position: relative;
    font-weight: 500;
    margin-top: 20px;
}

.root .cont.cart-page .step.points-body .cart-container .side-left .list-shops .item .warning-text:before
{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -14px;
    left: 0px;
    width: 24px;
    height: 24px;
    background-image: url(/theme/frontend/img/attention.png);
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    z-index: 2;
    opacity: 0.8;
}

.root .cont.cart-page .step.points-body .list-shops .item.disabled .products-list-block
{
    width: 100%;
    background-color: #f5f5f5;
    margin-bottom: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.root .cont.cart-page .step.points-body .list-shops .item.disabled .products-list-block .title 
{
    width: 100%;
    text-transform: uppercase;
    font-size: 13px;
    position: relative;
    padding-right: 30px;
    padding: 10px 20px;
    margin-bottom: 0px;
    cursor: pointer;
    /*background-color: #f5f5f5;*/
}

.root .cont.cart-page .step.points-body .list-shops .item.disabled .products-list-block .title .text
{
    float: none;
    display: inline;
    /*border-bottom: 1px dotted#000;*/
    font-size: 12px;
}

.root .cont.cart-page .step.points-body .list-shops .item.disabled .products-list-block .title .btn-open 
{
    position: absolute;
    top: 10px;
    right: 17px;
    font-size: 20px;
    vertical-align: top;
    line-height: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.root .cont.cart-page .step.points-body .list-shops .item.disabled .products-list-block.open .title .btn-open 
{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);  
}

.root .cont.cart-page .step.points-body .list-shops .item.disabled .products-list-block .list-items 
{
    width: 100%;
    overflow: hidden;
    max-height: 0px;
    position: absolute;
    top: 100%;
    left: 0px;
    background-color: #f5f5f5;
    z-index: 30;
    border-radius: 0px 0px 3px 3px;
    -webkit-box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.18);
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.root .cont.cart-page .step.points-body .list-shops .item.disabled .products-list-block.open .list-items 
{
    max-height: 330px;
    overflow-y: auto;
}

.root .cont.cart-page .step.points-body .list-shops .item.disabled .products-list-block .list-items .item
{
    width: 100%;
    padding: 0px 15px;
}

.root .cont.cart-page .step.points-body .list-shops .item.disabled .products-list-block .list-items .item:last-child
{
    /*margin-bottom: 10px;*/
}

.root .cont.cart-page .step.points-body .list-shops .item.disabled .products-list-block .list-items .item .wrapper
{
    width: 100%;
    padding: 12px 0px;
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.12);*/
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    border-top: 1px solid rgba(0, 0, 0, 0.12);   
}

.root .cont.cart-page .step.points-body .list-shops .item.disabled .products-list-block .list-items .item:first-child .wrapper
{
    /*padding-top: 0px;*/
}

.root .cont.cart-page .step.points-body .list-shops .item.disabled .products-list-block .list-items .item .photo
{
    width: 50px;
    height: 50px;
}

.root .cont.cart-page .step.points-body .list-shops .item.disabled .products-list-block .list-items .item .photo .img
{
    float: left;
    width: 100%;
    height: 100%;
    text-decoration: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
}



.root .cont.cart-page .step.points-body .list-shops .item.disabled .products-list-block .list-items .item .wrapp 
{
    width: calc(100% - 50px);
    padding-left: 15px;
}

.root .cont.cart-page .step.points-body .list-shops .item.disabled .products-list-block .list-items .item .name 
{
    width: 100%;
    line-height: 1.45;
    margin-bottom: 0px;
    font-size: 13.5px;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.root .cont.cart-page .step.points-body .list-shops .item.disabled .products-list-block .list-items .item .name a 
{
    float: left;
    color: #333;
    cursor: pointer;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    cursor: pointer;
}

.root .cont.cart-page .step.points-body .list-shops .item.disabled .products-list-block .list-items .item .name:hover, 
.root .cont.cart-page .step.points-body .list-shops .item.disabled .products-list-block .list-items .item .name a:hover
{
    color: #0080bb;
}


.root .cont.cart-page .steps .step.points-body .cart-container
{
    padding: 0px 10px;
    width: calc(100% + 20px);
    margin-left: -10px;
}

.root .cont.detailed .detailed-block .content-block .delivery-types-block 
{
    width: 100%;
    margin-top: 26px;
    background-color: #dee8ed59;
    padding: 11px 18px;
    font-size: 13px;
    /* width: 383px; */
    max-width: 412px;
}

.root .cont.detailed .detailed-block .content-block .delivery-types-block > .title
{
    width: 100%;
    font-size: 17px;
    text-transform: uppercase;
    border-bottom: 1px solid #ccccccab;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

.root .cont.detailed .detailed-block .content-block .delivery-types-block > .list
{
    width: 100%;
}


.root .cont.detailed .detailed-block .content-block .delivery-types-block .list > .item
{
    width: 100%;
        font-size: 14px;
    margin-bottom: 8px;
}

.root .cont.detailed .detailed-block .content-block .delivery-types-block .list > .item:last-child
{
    margin-bottom: 0px;
}

.root .cont.detailed .detailed-block .content-block .delivery-types-block .list > .item
{
    width: 100%;
}

.root .cont.detailed .detailed-block .content-block .delivery-types-block .list > .item .title
{
    padding-right: 7px;
}


.root .mobile-menu ul li.mobile
{
    display: none;
}

.root .body-with-sideleft .side-left .filter-block .item.sorting
{
    display: none;
}

.root .body-with-sideleft .side-left .filter-block h4 .fa
{
    display: none;
}

.root .cont.cart-page .steps .step .cart-container .sum-block .sum .price-row .title
{
    line-height: 1.3;
}

.cart-container .error-block 
{
    width: 100%;
    color: #fe5858;
    font-size: 17px;
    margin-bottom: 12px;
    font-weight: 400;
}

.cart-container .captcha-wrapper.error
{
    outline: 1px solid #fe5858;
}

.root .cont.cart-page .steps .step .action-block .warning-text a
{
    padding: 0px 6px;
}








.accordion
{
    width: 100%;
    margin-top: 12px;
    margin-bottom: 40px;
}

.accordion > .item
{
    width: 100%;
    margin-bottom: 8px;
}

.accordion .item .title-panel
{
    width: 100%;
    min-height: 46px;
    position: relative;
    padding: 6px 15px 6px 50px;
    line-height: 1.25;
    font-size: 17px;
    color: #000;
    background-color: #fcfcfc;
    border-radius: 3px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    cursor: pointer;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    border: 1px solid #f4f8faa8;
}

.accordion .item.open .title-panel
{
    background-color: #f4f8fa;
    color: #0080ba;
}


.accordion .item .title-panel img
{
    position: absolute;
    top: 19px;
    left: 19px;
    line-height: 1;
    padding: 0px;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
}

.accordion .item.open .title-panel img
{
    top: 18px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);   
}

.accordion .item .title-panel .title
{
    width: 100%;
}

.accordion .item > .body
{
    width: 100%;
    overflow: hidden;
    max-height: 0px;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.accordion .item.open > .body
{
    max-height: none;
}

.accordion .item .body > .content
{
    width: 100%;
    background-color: #fdfdfd;
    padding: 21px 110px 20px 25px;
    border: 1px solid #f4f8fa;
    border-top: 1px solid #f8fafa;
    /*min-height: 160px;*/
}

.accordion .item .content .text
{
    width: 100%;
    color: #393939;
    font-size: 14px;
    line-height: 1.6;
}

.accordion .item .content .text p
{
    margin-bottom: 5px;
}


.root .cont.main-slider .slider .item 
{
    background-color: #eaeaea;
    position: relative;
}

.root .cont.main-slider .slider .item .background
{
    /*background-size: unset;*/
    background-position: right center;
    background-size: contain;
    background-repeat: no-repeat;
    float: right;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 47%;
}

.root .cont.main-slider .slider .item .content
{
    width: 53%;
    float: left;
    padding-right: 10px;
}


.root footer .bottom.micro 
{
    font-size: 11px;
    padding: 0px;
    margin-top: -7px;
    padding-bottom: 10px;
    line-height: 1.2;
    color: #939393;
}

.root .cont.main-slider .slider .item .content .subtitle
{
    font-size: 72%;
    margin-top: 5px;
    margin-bottom: 5px;
}


.root .cont.cart-page .sum-block.total-price-block
{
    width: 100%;
}

.root .cont.cart-page .order-info
{
    width: 100%;
    margin-bottom: 30px;
    padding: 18px 16px 22px 16px;
    -webkit-box-shadow: 0px 3px 37px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 37px 0px rgba(0, 0, 0, 0.06);
    border-radius: 9px;
    /*border-left: 3px solid #2fad2300;*/
    padding-left: 25px;  
    background-color: #2ad359;
}

.root .cont.cart-page .order-info h2
{
    font-weight: 500;
    margin: 0px 0px 8px 0px;
    text-transform: none;
    font-size: 23px;
    border: none;
    padding: 0px;
    color: #fff;
}

.root .cont.cart-page .order-info p
{
    font-weight: 300;
    font-size: 16px;
    color: #fff;
}


.root .cont.cart-page .side-right .error-block 
{
    width: calc(100% + 15px);
    margin: 20px 0px 20px -15px;
    font-size: 16px;
    text-align: center;
}



.root .side-right .list-widgets .widget.yandex-market .wrapper
{
    width: 100%;
}

.root .side-right .list-widgets .widget.yandex-market .head .title
{
    width: 100%;
    text-align: center;
}

.root .side-right .list-widgets .widget.yandex-market .item
{
    width: 100%;
}

.root .side-right .list-widgets .widget.yandex-market .image
{
    width: 100%;
}

.root .side-right .list-widgets .widget.yandex-market .image a
{
    float: left;
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.root .side-right .list-widgets .widget.yandex-market .image img
{
    max-width: 100%;
    max-height: 123px;
}

.root .side-right .list-widgets .widget.yandex-market .work-date
{
    width: 100%;
    text-align: center;
    /*display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;*/
}

.root .side-right .list-widgets .widget.yandex-market .work-date .title
{
    float: left;
    width: 100%;
    position: relative;
    font-weight: 500;
    color: #222;
    font-size: 14px;
    line-height: 1.25;
    text-align: center;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

.root .side-right .list-widgets .widget.yandex-market .work-date .title:before
{
    content: "";
    position: absolute;
    top: 8px;
    left: 0px;
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
    z-index: 1;
}

.root .side-right .list-widgets .widget.yandex-market .work-date .title .wrapper
{
    position: relative;
    width: auto;
    text-align: center;
    background-color: #fff;
    padding: 0px 11px 0px 12px;
    z-index: 2;
}

.root .side-right .list-widgets .widget.yandex-market .work-date .date
{
    width: 100%;
    text-align: center;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    line-height: 1; 
    color: #222;
    font-family: 'OpenSans', 'Roboto', sans-serif;
    padding: 21px 0px;
}

.root .side-right .list-widgets .widget.yandex-market .work-date .date > div
{
    width: 100%;
    padding: 0px 6px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.root .side-right .list-widgets .widget.yandex-market .work-date .date .value
{
    text-align: center;  
    font-size: 25px;
    margin-bottom: 8px;
}

.root .side-right .list-widgets .widget.yandex-market .work-date .date .text
{
    text-align: center;
    font-size: 17px;
    text-transform: lowercase;
}



.modal .select-amount
{
    width: 100%;
    max-width: 190px;
    height: 42px;
    /* border: 1px solid #e6e6e6; */
    border: 1px solid #ddd;
    position: relative;
    margin-bottom: 18px;
    background-color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.modal .select-amount .btn-icon
{
    float: left;
    cursor: pointer;
    line-height: 1;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    font-weight: 300;
    color: #8e8e8e;
    position: absolute;
    width: 44px;
    /*height: 44px;*/
    height: 100%;
    padding: 0px;
    font-size: 14px;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.modal .select-amount .btn-icon:hover
{
    color: #fe7d46;
}

.modal .select-amount .btn-icon.minus
{  
    left: 0px;
    border-right: 1px solid #ddd;
}

.modal .select-amount .btn-icon.plus
{
    right: 0px;
    border-left: 1px solid #ddd;
}

.modal .select-amount .form-control
{
    float: left;
    height: 100%;
    border-radius: 0px;
    font-size: 16px;
    color: #555;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none;
    text-align: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    background-color: #fff;
    padding: 0px 44px 0px 44px;
    text-align: center;
}

.root .modal .content.dialog .description,
.root .modal .content.dialog .description .text
{
    width: 100%;
    font-size: 15px;
}

.root .modal .content.dialog .body .action-block
{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.root .modal .content.dialog .description .text,
.root .modal .content.dialog .description .text p
{
    text-align: center;
}

.root .modal .content.dialog h4
{
    text-align: center;
    font-size: 26px;
    font-weight: 500;
    margin: 0px 0px 15px 0px;
}

.root .content .cont.cart-page .title 
{

    width: 100%;
    text-transform: uppercase;
    font-size: 16px;
}

.root .content .cont.cart-page .lid 
{
    font-size: 14px;
    width: 100%;
    margin-top: 18px;
    margin-bottom: 5px;
    font-weight: 500;
}

.root .cont.yandex-map-block .map
{
    height: 450px;
    width: 100%;
}

.root .cont.yandex-map-block .title
{
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 18px;
    font-size: 16px;
}

.root .shop-tv-slider-wrapper
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999999;
    background-color: #fff;
}

.root .shop-tv-slider
{
    width: 100%;
    height: 100%;
}

.root .shop-tv-slider .slider-wrapper
{
    width: 100%;
    height: 100% !important;
}

.root .shop-tv-slider .slider .item.slick-slide 
{
    display: flex;
    position: relative;
}

.root .shop-tv-slider .slider .item .photo-wrapper
{
    width: 46%;
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}

.root .shop-tv-slider .slider .item .photo
{
    /*background-size: unset;*/
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 80%;
    background-color: transparent;
}

.root .shop-tv-slider .slider .item .content
{
    width: 54%;
    float: left;
    padding-right: 10px;
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 20px 100px;
    position: relative;
    z-index: 3;
}

.root .shop-tv-slider .slider .item .content:first-child
{
    padding-left: 160px;
}

.root .shop-tv-slider .slider .item .content > .wrapper
{
    width: 100%;
}


.root .shop-tv-slider .item .content .title
{
    width: 100%;
    font-size: 64px;
    /* color: #181818; */
    /* font-weight: 500; */
    font-weight: 300;
    letter-spacing: -0.4px;
    line-height: 1.35;
}

.root .shop-tv-slider .item .content .title p,
.root .shop-tv-slider .item .content .price p
{
    float: left;
    width: 100%;
    margin: 0px;
}

.root .shop-tv-slider .item .content .price
{
    width: 100%;
    font-size: 55px;
    font-weight: 500;
    line-height: 1;
    margin-top: 38px;
    margin-bottom: 35px;
}

.root .shop-tv-slider .item .content .price .amount
{
    margin-right: 6px;
    text-shadow: 0px 0px;
}

.root .shop-tv-slider .item .content .price .rub
{
    text-transform: uppercase;
    position: relative;
    font-weight: 500;
    font-size: 54px;
    padding-top: 1px;
}

.root .shop-tv-slider .item .content .price .rub:before
{
    content: "—";
    position: absolute;
    bottom: 2px;
    left: 0px;
    font-size: 33px;
    z-index: 2;
}

.root .shop-tv-slider .item .content .info
{
    width: 100%;
    font-size: 18px;
    line-height: 1.4;
}

.root .shop-tv-slider .item .content .info ul
{
    width: 100%;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.root .shop-tv-slider .item .content .info ul li
{
    width: 100%;
    margin-bottom: 4px;
    padding: 0px;
    font-size: 27px;
    line-height: 1.4;
}

.root .shop-tv-slider .item .content .info ul li:before
{
    display: none;
}


.root .shop-tv-slider .item .content .title + .info
{
    margin-top: 30px;
}

.root .shop-tv-slider .item .content .price + .text
{
    margin-top: 0px;
}

.root .shop-tv-slider .item .content .text
{
    width: 100%;
    font-size: 27px;
    line-height: 1.4;
    margin-top: 28px;
}

.root .shop-tv-slider .item .content .wrapper > div:last-child
{
    margin-bottom: 0px;
}

.root .shop-tv-slider .item .content .info .description-block
{
    width: 100%;
}

.root .shop-tv-slider .sticker 
{
    height: 44px;
    line-height: 27px;
    display: block;
    color: #ffffff;
    padding: 8px 19px 0 23px;
    position: relative;
    z-index: 3;
    font-size: 21px;
    letter-spacing: 0.3px;
    margin-bottom: 25px;
}

.root .shop-tv-slider .sticker:before 
{
    content: "";
    border-style: solid;
    position: absolute;
    width: 0;
    height: 0;
    background-color: transparent;
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: 0px;
    border-width: 0 0 44px 22px;
    right: -22px;
}


.root .shop-tv-slider .item .background
{
    background-color: transparent;
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: top center;
}

/* widget instagram */

/* .instagram {
    width: 100%;
    display:flex;
    flex-direction: column;
    padding:13px;
    margin-bottom: 30px;
} */
.instagram-title {
    display:flex;
    align-items: center;
    font-weight: 500;
    justify-content: center;
}
.instagram-photo {
    margin-top:10px;
    display:flex;
    justify-content: space-between
}
.instagram-photo__photo {
    width: 30%;
    height: auto;
    margin:2px;
}
.instagram-photo__photo img {
    width: 100%;
}
.instagram-title__logo {
    width:14%;
}
.instagram-photo_border {
    border:1px solid #e6e6e6;
    border-radius: 3px;
}
.instagtam-subscribe {
    width: 100%;
}
.subscribe-button {
    border:none;
    background: #f09433; 
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    color:white;
    width:100%;
    border-radius: 5px;
    margin-top:13px;
    display:flex;
    align-items: center;
    justify-content: center;
    padding:7px 16px 8px
}
.subscribe-button__icon {
    width:12%;
    height: auto;
}
.subscribe-button__name,.instagram-title__name {
    width:60%;
    text-align: center;
}
.subscribe-button__name {
    color:white;
}
/* facebook widget */

.widget.facebook .body div {
    width:100%;
}
.widget.facebook .body div div {
    width:100%;
}


/* pochta bank modal */

.root .modal.modal_pochta .content.dialog > .wrapper {
    max-width: 600px;
    overflow-y:unset;
}

._1dro ._1drp {
    color: #365899;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 3;
    margin-bottom: -5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.facebook-widget {
    width:200px;
}




.root .cont.detailed .detailed-block .order-block
{
    width: 100%;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap; 
    margin-top: 40px;
    margin-bottom: 35px;
}

.root .cont.detailed .detailed-block .order-block .add-to-cart-frame 
{
    border: 1px solid #E6E6E6;
    border-radius: 2px;
    position: relative;
    padding: 22px 19px 19px 19px;
    margin-right: 14px;
}

.root .cont.detailed .detailed-block .order-block .add-to-cart-frame__title 
{
    display: flex;
    align-items: center;
    align-content: center;
    font-size: 13px;
    background-color: #fff;
    position: absolute;
    top: -9px;
    left: 17px;
    z-index: 2;
    padding-left: 0px;
    padding-right: 3px;
}

.root .cont.detailed .detailed-block .order-block .add-to-cart-frame img
{
    width: 17px;
    filter: invert(1);
    margin-top: -2px;
    margin-right: 6px;
}

.root .cont.detailed .detailed-block .order-block .add-to-cart-frame__body 
{
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
}

.root .cont.detailed .detailed-block .order-block .add-to-cart-frame__body .btn
{
    width: 46px;
    height: 44px;
    background-color: #FF8B4E;
    border: 1px solid #FF8B4E;
    border: none;
    color: #fff;
    font-size: 33px;
    font-weight: 100;
    line-height: 1;
    padding: 0px 0px 2px 0px;
    text-shadow: 0px 0px;
    text-align: center;
    border-radius: 2px;
    transition: 0.2s;
    outline: none;
    box-shadow: none;
}

.root .cont.detailed .detailed-block .order-block .add-to-cart-frame__body .btn:hover
{
    background-color: #ff935a;
    border: 1px solid #ff935a;
}

.root .cont.detailed .detailed-block .order-block .add-to-cart-frame__body .btn::after
{
    display: none;
}

.root .cont.detailed .detailed-block .order-block .add-to-cart-frame__body .btn.green
{
    background-color: #EEFEF1;
    border: 1px solid #C5EBCC;
    color: transparent;
}

.root .cont.detailed .detailed-block .order-block .add-to-cart-frame__body .btn.green:hover
{
    background-color: rgba(238, 254, 241, 0.3);
}

.root .cont.detailed .detailed-block .order-block .add-to-cart-frame__body .btn:before
{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    background-image: url(../img/tick.svg);
    width: 23px;
    height: 17px;
    background-repeat: no-repeat;
    margin-left: 1px;
    opacity: 0;
    transition: 0.2s;
}

.root .cont.detailed .detailed-block .order-block .add-to-cart-frame__body .btn.green:before
{
    transform: translate(-50%, -50%);
    opacity: 1;
}

.root .cont.detailed .detailed-block .order-block .other-actions-block 
{
    display: flex;
    flex-direction: column;
}

.root .cont.detailed .detailed-block .order-block .other-actions-block .btn 
{
    border-radius: 3px;
    min-height: 39px;
    min-width: 155px;
    margin: 0px;
    padding-top: 4px;
    outline: none;
    box-shadow: none;
    transition: 0.2s;
}

.root .cont.detailed .detailed-block .order-block .other-actions-block .btn.orange 
{
    background-color: #FFF8F4;
    border: 1px solid #FFA84D;
    color: #FFA84D;
    margin-bottom: 9px;
}
.root .cont.detailed .detailed-block .order-block .other-actions-block .btn.orange:hover
{
    background-color: #fff;
}

.root .cont.detailed .detailed-block .order-block .other-actions-block .btn.blue
{
    background-color: #F7FCFF;
    border: 1px solid #089BDF;
    color: #089BDF;
}

.root .cont.detailed .detailed-block .order-block .other-actions-block .btn.blue:hover
{
    background-color: #fff;
}


.root .question-block 
{
    width: 100%;
}

.root .question-block .question-block__wrapper
{
    width: 100%;
    background-color: #FFF1E3;
    padding: 13px 12px 11px 50px;
    border: 1px solid #FFE5CB;
    font-size: 15px;
    display: flex;
    align-items: center;
    align-content: center;
    line-height: 1.8;
    position: relative;
    flex-wrap: wrap;
}


.root .cont.detailed .detailed-block .question-block .question-block__wrapper
{
    max-width: 412px;
}

.root .question-block .question-block__wrapper .question-block__icon 
{
    color: #E89C5C;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    border: 1px solid #E89C5C;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-size: 16px;
    text-align: center;
    padding-left: 1px;
    opacity: 0.8;
    margin-right: 10px;
    font-weight: 500;
    position: absolute;
    padding-top: 2px;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
}

.root .question-block .question-block__wrapper .question-block__text 
{
    padding-right: 8px;
}

.root .question-block .question-block__wrapper .link 
{
    color: #E89C5C;
    border-bottom: 1px dotted #E89C5C;
    display: inline-block;
    line-height: 1.1;
    cursor: pointer;
}

.root .question-block .question-block__wrapper .link:hover
{
    border-bottom: 1px dotted transparent;
}

.root .empty-list-text
{
    width: 100%;
    font-size: 23px;
    padding: 26px 20px 27px 20px;
    font-weight: 300;
    margin-bottom: 36px;
    text-align: center;
    border-radius: 5px;
    letter-spacing: 0.7px;
    /* background-color: #2183b412;
    color: #95b6c7; */
    background-color: #2183b40a;
    color: #c3d1d8;
}
.change-bank input{
    width: 10px;
    height: 10px;
}
.radio-block {
    margin-bottom: 30px;
}
.radio-block .item {
    margin-right: 30px
}

.item .link_ns a{
    text-decoration: underline;
    color: #ffffff;
    outline: none;
    font-weight: 600;
}
/* Socail widget styless =========*/

.social-widget {
    display: flex;
    align-content: center;
    margin-top:30px
}
.social-widget span {
    display: block;
    margin-top: 8px;
    margin-right: 20px;
}
.social-list {
    width:auto;
}
.social-item{
    width:36px;
    height: 36px;
    border-radius: 30px;
    margin-right: 10px;
}
.vk {
    background-color: #518cdf;
}
.vk:hover {
    background-color: #89b9fc;
}
.facebook {
    background-color: #11569e;
}
.facebook:hover {
    background-color: #386799;
}
.instagram {
    background-image: linear-gradient( -122deg, rgba(169, 49, 156, 0.66) 0%, rgba(248, 153, 69, 0.76) 100%);
}
.instagram:hover {
    background-image: linear-gradient( -122deg, rgba(172, 83, 161, 0.66) 0%, rgba(255, 179, 112, 0.76) 100%);
}
.social-icon__item {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    width: 100%;
    height: 100%;
    background-size: 55%
}

.facebook .social-icon__item {
    background-image: url(/theme/frontend/img/f.png);
    background-size: 30%
}
.vk .social-icon__item {
    background-image: url(/theme/frontend/img/vk.png);
}
.instagram .social-icon__item {
    background-image: url(/theme/frontend/img/inst.png);
}

.video {
    width:100%
}

/* PromoCode styless =========== */

.promo-code {
    margin-top: 30px;
    width:100%;
    text-align: center;
    padding: 10px 20px;
    background-color: #f3f3f39e;
    padding: 27px 20px 29px 20px;
}
.promo-code .promo-code-title {
    font-weight: 400;
    margin-bottom: 14px;
    display: block;
    text-transform: uppercase;
    font-size: 17px;
    color: #3d3d3d;
    letter-spacing: 0.3px;
}
.promo-code .promo-code-check {
    font-size: 13px;
    cursor: pointer;
    border-bottom: 1px solid #222;
    text-transform: uppercase;
}
.promo-code-status {
    color:green;
    font-size: 14px;
    display: block
}
.promo-code-status_error {
    color:red
}
.promo-code-input {
    width: 95%;
    margin: 2px 0 2px 0;
    border: 1px solid #dadada;
    height: 30px;
    padding-left: 10px;
}
.promo-code-input_error {
    border: 2px solid #fc1b1b;
    background-color: #fccdcd
}
.pb-sdk-pos-credit .pb-sdk-pos-credit__order__total__head {
    margin-right: 10px;
}
.pb-sdk-pos-credit .pb-sdk-pos-credit__order {
    width:auto;
}
.pb-sdk-pos-credit .pb-sdk-pos-credit__form-group {
    width:auto;
}
.pb-sdk-pos-credit .pb-sdk-pos-credit__order__item {
    flex-wrap:wrap;
}
.pb-sdk-pos-credit__cont {
    margin:0;
}
.catalog-btn {
    display:none;
    background-color: #ff7f3c;
    color: white;
    border:none;
    margin-bottom: 9px;
    margin-top:10px;
    width:100%;
}
.modal_pochta {
    overflow-y: auto;
}

.modal_pochta .content.dialog{
    width: 100%;
    height: 140%;
}
.modal_pochta .content .wrapper {
    overflow-y: unset
}
.mobile-menu .search-block {
    width:100%;
    display:flex;
    padding: 20px;
    height: 80px;
}
.mobile-menu .search-block .btn{
    width: 102px;
    /* height: 100%; */
    float: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0px 25px;
    background-color: #ff7f3c;
    color: #fff;
    border-radius: 0px;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.4px;
    padding: 0px 10px;
    border-radius: 0px 2px 2px 0px;
}
.mobile-menu .search-block .btn span{
    display: none;
}
.mobile-menu .search-block .wrapp {
    width:100%;
    height: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    border-radius: 2px 0px 0px 2px;
    border: 1px solid #ddd;
    border-right: none;
}
.mobile-menu .search-block .wrapp .select-group {
    display:none;
}
.mobile-menu .search-block .wrapp .form-control {
    height: 100%;
    border-radius: 0px;
    font-size: 13px;
    color: #555;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none;
    text-align: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
} 

.price.price-old:after {
    content: "________";
    position: absolute;
    left: 0;
    top: -6px;
    color: red;
    transform: skewY(-14deg);
}
.price.price-old {
    color:#b5b5b5 !important;
}
.price.price-old .rub:before{
    content: "";
    position: absolute;
    top: 11px;
    left: 0px;
    height: 1px;
    width: 7px;
    background-color: #b5b5b5 !important;
}
.promocodes__item .delete {
    margin-right: -8px;
    padding: 8px;
    display: contents;
    cursor: pointer;
}
.promocodes__item .delete span{
    border-radius: 50%;
    display: inline-block;
    font-size: 20px;
    width: 23px;
    height: 23px;
    text-align: center;
    line-height: 20px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    color: rgba(0, 0, 0, 0.4);
    cursor: pointer;
    padding-left: 1px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    margin-left: 6px;
}
.credit-bank-logo {
    width: 150px;
    height: 50px;
    border:1px solid lightgray;
}
.credit-bank-logo:not(:last-child) {
    margin-right: 20px;
}
.credit-bank-logo img {
    width:150px;
    height: auto;
}
.bank-tabs {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 20px;
}
.bank-tabs_cart{ 
    justify-content:flex-start;
}
.bank-high {
    background-color: rgb(47, 83, 94);
}
.bank-work {
    display: flex;
    width:100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding:20px;
    background-color: #f8fdfe;
    border:1px solid #c7d4d6;
    margin-bottom: 20px;
}
.bank-work-block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.bank-work-block__item {
    width:auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin:10px;
}
.bank-info {
    width:100%;
    padding:20px;
    display:flex;
    flex-direction: column;
    border:1px solid lightgray;
}
.bank-info-head {
    display: flex;
    margin-bottom: 20px;
}
.credit-bank-discription {
    display: flex;
    flex-direction: column;
}
.pochta_bank {
    background-image: url("/theme/frontend/img/pochta-bank.jpg");
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
}
.renessans_bank {
    background-image: url("/theme/frontend/img/logo-renessans-kredit.png");
    background-position: center;
    background-size: 110%;
    background-repeat: no-repeat;
}
.tinkoff_bank {
    background-image: url("/theme/frontend/img/tinkoff.png");
    background-position: center;
    background-size: 110%;
    background-repeat: no-repeat;
}
.credit-form-group {
    display: flex;
    width:100%;
    justify-content: space-between;
}
.root .body .form-block .form .credit-form-group .form-group{
    width:100%;
}
.root .body .form-block .form .credit-form-group .form-group:not(:last-child) {
    margin-right: 20px;
}
 .form-block .credit-form-group .select-amount-block {
    width:100%
}
.select-amount-block {
    display: flex;
    flex-direction: column;
}
.select-amount-title {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.03em;
    color: #333;
    margin: 0px;
    text-align: left;
    margin-bottom: 4px;
}