@font-face
{
    font-family: 'Intro';
    font-weight: 700;

    src: url('../fonts/IntroBold.woff') format('woff'),
    url('../fonts/IntroBold.ttf') format('truetype');
}


@font-face
{
    font-family: 'PTRoubleSans';
    font-weight: normal;
    font-style: normal;

    src: url(../fonts/RUBSN.ttf), url(../fonts/RUBSN.woff);
}


*
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

    margin: 0;
    padding: 0;
}
*:before,
*:after
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

img
{
    border: none;
}
textarea
{
    overflow: auto;
}
input,
textarea,
input:active,
textarea:active
{
         outline: none transparent !important;
    box-shadow: none;

    -moz-outline: none !important;
}
input[type=submit],
button[type=submit]
{
    -webkit-border-radius: 0;

    -webkit-appearance: none;
}
:focus
{
    outline: none;
}

/*---------------
    Main styles
---------------*/
.clear
{
    clear: both;
}
.left
{
    float: left;
}
.right
{
    float: right;
}

html
{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body
{
    background: #fff;

    -webkit-text-size-adjust: 100%;
}

.wrap
{
    overflow: hidden;

    min-width: 1270px;

    margin: 0 auto;
}

.cont
{
    position: relative;

    width: 100%;
    max-width: 1270px;

    margin: 0 auto;
    padding: 0 15px;
}



.modal_cont
{
    position: relative;
}

.mini_modal
{
    position: absolute;
    z-index: 999;

    display: none;
}



.glob_block_title
{
    color: #930000;
    font: 700 43px Intro;

    padding: 45px 0;

    text-align: center;
    letter-spacing: .025em;
}

.glob_block_title img
{
    position: relative;
    top: -3px;

    display: inline-block;
    vertical-align: middle;

    margin-right: 11px;
}



.block_title
{
    margin-bottom: 50px;

    text-align: center;
}

.block_title div,
.block_title h1
{
    color: #000;
    font: 700 36px/30px Intro;

    position: relative;

    display: inline-block;
    vertical-align: top;

    padding: 0 100px;

    letter-spacing: .025em;
}

.block_title div:before,
.block_title h1:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 70px;
    height: 1px;

    content: '';

    background: #000;
}

.block_title div:after,
.block_title h1:after
{
    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    width: 70px;
    height: 38px;

    content: '';

    background: url(../images/ic_block_title.png) 0 0 no-repeat;
}



.currency
{
    font-family: PTRoubleSans;
    font-weight: normal;

    display: inline-block;
    vertical-align: top;
}



.buttonUp
{
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;

    display: none;
}

.buttonUp a
{
    position: relative;

    display: block;

    width: 55px;
    height: 51px;

    background: url(../images/ic_buttonUp.png) 0 0 no-repeat;
}

.buttonUp a:hover
{
    background-position: 0 100%;
}



.page_content
{
    padding: 25px 0 0;
}


.breadcrumbs
{
    color: #930000;
    font: 13px/18px Roboto;

    margin-bottom: 35px;

    letter-spacing: .025em;
}

.breadcrumbs a
{
    color: #1f1f1f;
}

.breadcrumbs a:hover
{
    text-decoration: none;
}

.breadcrumbs .sep
{
    display: inline-block;
    vertical-align: middle;

    width: 5px;
    height: 14px;

    margin: 0 10px;

    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);

    background: #999;
}



.page_title
{
    color: #000;
    font: 700 36px/47px Intro;

    margin-bottom: 30px;

    letter-spacing: .025em;
}



/*---------------
   Header
---------------*/
header
{
    position: relative;
    z-index: 10;

    min-width: 1270px;

    background: #1f1f1f;
}

header.absolute
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;

    background: rgba(0,0,0,.7);
}

.fancybox-enabled header.absolute
{
    width: calc(100% - 17px);
}

header:before
{
    position: absolute;
    z-index: 1;
    right: 50%;

    display: block;

    width: 2000px;
    height: 100%;

    margin-right: 105px;

    content: '';

    background: #fff;
}

header:after
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;

    display: block;

    width: 196px;
    height: 165px;

    margin-left: -105px;

    content: '';

    background: url(../images/bg_header.png) 0 0 no-repeat;
}


header .info
{
    position: relative;
    z-index: 9;

    padding: 20px 0;
}



header .logo a,
header .logo img
{
    display: block;

    max-width: 100%;
}



header .time
{
    color: #000;
    font: 900 13px/18px Roboto;

    margin-top: 24px;
    margin-left: 72px;
    padding-left: 25px;

    background: url(../images/ic_time.png) 0 0 no-repeat;
}

header .time span
{
    color: #930000;
}



header .adres
{
    color: #000;
    font: 900 12px/18px Roboto;

    margin-top: 24px;
    margin-left: 36px;
    padding-left: 24px;

    background: url(../images/ic_adres.png) 0 0 no-repeat;
}



header .email
{
    text-align: center;
}

header .email a
{
    color: #ccc;
    font: 13px/18px Roboto;

    display: inline-block;
    vertical-align: top;

    padding-left: 31px;

    letter-spacing: .025em;

    transition: color .2s linear;

    background: url(../images/ic_email.png) 0 50% no-repeat;
}

header .email a:hover
{
    color: #fff;
}



header .feedback_link
{
    color: #fff;
    font: 900 13px/44px Roboto;

    display: inline-block;
    vertical-align: top;

    width: 200px;
    height: 44px;

    margin-top: 10px;
    padding: 0 11px;

    text-align: center;
    text-decoration: none;
    letter-spacing: .075em;
    text-transform: uppercase;

    transition: background .2s linear;

    background: #930000;
}

header .feedback_link .icon
{
    font-weight: 700;
    line-height: 20px;

    float: left;

    width: 20px;
    height: 20px;

    margin-top: 12px;

    text-align: center;

    transition: background .2s linear;

    background: #000;
}

header .feedback_link:hover
{
    background: #c00;
}

header .feedback_link:hover .icon
{
    background: #930000;
}



header .phone
{
    color: #fff;
    font: 900 23px/44px Roboto;

    margin-top: 28px;
    margin-right: 34px;

    letter-spacing: .025em;
}



header .bottom
{
    position: relative;
    z-index: 9;
}


header .catalog
{
    width: 237px;
}

header .catalog_link
{
    color: #fff;
    font: 900 16px/46px Roboto;

    position: relative;

    display: block;

    width: 195px;
    height: 44px;

    padding-left: 22px;

    text-align: center;
    text-decoration: none;
    letter-spacing: .05em;
    text-transform: uppercase;

    transition: background-color .2s linear;

    background: #930000 url(../images/ic_catalog_link.png) 17px 50% no-repeat;
}

header .catalog_link:after
{
    position: absolute;
    top: 0;
    right: -44px;

    display: block;

    width: 44px;
    height: 44px;

    border: 22px solid transparent;
    border-bottom-color: #930000;
    border-left-color: #930000;

    content: '';

    transition: border-color .2s linear;
}

header .catalog_link:hover,
header .catalog_link.active
{
    background-color: #c00;
}

header .catalog_link:hover:after,
header .catalog_link.active:after
{
    border-bottom-color: #c00;
    border-left-color: #c00;
}


#catalog_modal .level1
{
    width: 300px;

    border: 2px solid #c00;
    padding: 8px 0;

    background: #fff;
}

#catalog_modal .level1 li
{
    display: block;

    list-style: none;
}

#catalog_modal .level1 li a
{
    color: #000;
    font: 14px/18px Roboto;

    display: block;

    padding: 7px 12px;

    text-decoration: none;
    letter-spacing: .025em;
    text-transform: uppercase;

    transition: .2s linear;
}

#catalog_modal .level1 li:hover > a
{
    color: #fff;

    background: #930000;
}


#catalog_modal .level2
{
    position: absolute;
    top: 0;
    left: 298px;

    display: none;

    width: 300px;

    border: 2px solid #c00;
    padding: 8px 0;

    background: #fbf8f8;
}

#catalog_modal .level2 li a
{
    font-size: 14px;

    padding: 7px 15px;

    text-transform: none;
}

#catalog_modal .level1 li:hover .level2
{
    display: block;
}



header .stock_link
{
    color: #930000;
    font: 900 16px/44px Roboto;

    display: block;

    height: 44px;

    padding: 0 35px;

    text-decoration: none;
    letter-spacing: .05em;
    text-transform: uppercase;

    transition: .2s linear;
}

header .stock_link:hover
{
    color: #fff;

    background: #930000;
}



header .search
{
    margin-left: 29px;
}

header .search_link
{
    display: block;

    width: 44px;
    height: 44px;

    transition: background-color .2s linear;

    background: #930000 url(../images/ic_search.png) 50% 50% no-repeat;
}

header .search_link:hover,
header .search_link.active
{
    background-color: #c00;
}


header .search form
{
    top: 0;
    right: 0;

    width: 666px;
}

header .search form .input
{
    color: #000;
    font: 500 14px Roboto;

    display: block;

    width: calc(100% - 44px);
    height: 44px;

    border: none;
    padding: 0 108px 0 20px;

    background: #fff;
}

header .search form ::-webkit-input-placeholder
{
    color: #333;
}
header .search form ::-moz-placeholder
{
    color: #333;
}
header .search form :-moz-placeholder
{
    color: #333;
}
header .search form :-ms-input-placeholder
{
    color: #333;
}

header .search form .submit_btn
{
    display: block;

    width: 44px;
    height: 44px;

    border: none;

    cursor: pointer;

    transition: background-color .2s linear;

    background: #930000 url(../images/ic_search.png) 50% 50% no-repeat;
}

header .search form .submit_btn:hover
{
    background-color: #c00;
}

header .search form .close
{
    position: absolute;
    top: 0;
    right: 44px;

    display: block;

    width: 44px;
    height: 44px;

    background: url(../images/ic_search_close.png) 50% 50% no-repeat;
}



header .menu
{
    display: inline-block;
    vertical-align: top;
}

header .menu .menu_item
{
    display: block;
    float: left;
}

header .menu .menu_item > a
{
    color: #fff;
    font: 900 16px/46px Roboto;

    display: block;

    height: 44px;

    padding: 0 29px;

    text-decoration: none;
    letter-spacing: .05em;
    text-transform: uppercase;

    transition: background .2s linear;
}

header .menu .menu_item:hover > a,
header .menu .menu_item > a.active
{
    background: #930000;
}



.header_wrap.absolute
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
}



header.fixed
{
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;

    width: 100%;

    -webkit-animation: moveDown .5s;
            animation: moveDown .5s;

    background: #1f1f1f;
    box-shadow: 0 2px 3px rgba(0,0,0,.35);
}

@-webkit-keyframes moveDown
{
    0%
    {
        -webkit-transform: translateY(-44px);
                transform: translateY(-44px);
    }
}
@-moz-keyframes moveDown
{
    0%
    {
        -webkit-transform: translateY(-44px);
                transform: translateY(-44px);
    }
}
@keyframes moveDown
{
    0%
    {
        -webkit-transform: translateY(-44px);
                transform: translateY(-44px);
    }
}


header.fixed .info,
header.fixed .search,
header.fixed:before,
header.fixed:after
{
    display: none;
}

header.fixed .menu
{
    margin-right: 73px;
}



/*---------------
   Sidebar
---------------*/



/*---------------
   Main section
---------------*/
.main_slider
{
    position: relative;
    z-index: 9;

    background: url(../images/bg_main_slider.jpg) 50% 50% no-repeat;
    background-size: cover;
}

.main_slider .slide
{
    display: none;
    overflow: hidden;
}

.main_slider .slider .slide:first-child,
.main_slider .owl-loaded .slide
{
    display: block;
}


.main_slider .slide .info
{
    color: #fff;
    font: 700 28px/35px Roboto;

    position: relative;

    display: flex;

    width: 600px;
    max-width: 100%;
    height: 772px;

    padding-top: 146px;
    padding-left: 60px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.main_slider .slide .img
{
    position: absolute;
    top: 0;
    left: 50%;

    display: block;

    margin-left: -106px;
}

.main_slider .slide .title
{
    font: 700 80px/73px Intro;

    margin-bottom: 45px;

    letter-spacing: .025em;
}

.main_slider .slide .desc
{
    width: 480px;
    max-width: 100%;
}

.main_slider .slide .details
{
    color: #fff;
    font: 900 13px/53px Roboto;

    position: absolute;
    right: -287px;
    bottom: 160px;

    width: 215px;
    height: 53px;

    padding-left: 65px;

    text-decoration: none;
    letter-spacing: .025em;
    text-transform: uppercase;

    background: url(../images/btn_details.png) 0 0 no-repeat;
}

.main_slider .slide .details:hover
{
    background-position: 0 100%;
}



.products
{
    padding: 50px 0 20px;
}

.products.bg
{
    background: #fbfbfb;
}


.products .grid
{
    display: flex;

    margin-left: -40px;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.products .item_wrap
{
    width: 25%;

    margin-bottom: 40px;
}

.products .grid .product
{
    margin-left: 40px;
}


.products .product
{
    position: relative;

    height: 100%;

    border: 1px solid #ccc;

    background: #fff;
}

.products .product:hover
{
    border-color: #999;

    outline: 4px solid #999;
    outline-offset: -4px;
}


.products .product .sticker
{
    color: #fff;
    font: 13px/24px Roboto;

    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;

    height: 24px;

    padding: 0 15px;

    letter-spacing: .025em;
}

.products .product .sticker:after
{
    position: absolute;
    top: 0;
    right: -24px;

    display: block;

    width: 24px;
    height: 24px;

    border: 12px solid transparent;

    content: '';
}

.products .product .sticker.new
{
    background: #6a9538;
}
.products .product .sticker.new:after
{
    border-top-color: #6a9538;
    border-left-color: #6a9538;
}

.products .product .sticker.hit
{
    background: #355289;
}
.products .product .sticker.hit:after
{
    border-top-color: #355289;
    border-left-color: #355289;
}

.products .product .sticker.sale
{
    background: #930000;
}
.products .product .sticker.sale:after
{
    border-top-color: #930000;
    border-left-color: #930000;
}

.products .product .sticker.stock
{
    background: #ff4200;
}
.products .product .sticker.stock:after
{
    border-top-color: #ff4200;
    border-left-color: #ff4200;
}


.products .product .thumb a,
.products .product .thumb img
{
    display: block;

    width: 100%;
}


.products .product .info
{
    padding: 20px 15px;
}

.products .product .name
{
    margin-bottom: 15px;
}

.products .product .name a
{
    color: #000;
    font: 500 14px/21px Roboto;

    display: inline-block;
    vertical-align: top;

    text-decoration: none;
    letter-spacing: .025em;

    transition: color .2s linear;
}

.products .product .name a:hover
{
    color: #930000;

    text-decoration: underline;
}


.products .product .price
{
    color: #000;
    font: 24px/28px Roboto;
}

.products .product .price b
{
    color: #930000;
}

.products .product .price .currency
{
    line-height: 22px;

    height: 28px;
}

.products .product .price sup
{
    font-size: 13px;
    line-height: 18px;

    display: inline-block;
    vertical-align: top;
}

.products .product .price.old
{
    color: #666;
    font-size: 18px;

    text-decoration: line-through;
}

.products .product .price.old b
{
    color: #666;
}

.products .product .price.old sup
{
    font-size: 10px;
    line-height: 20px;
}

.products .product .price .currency
{
    line-height: 24px;

    height: 28px;

    text-decoration: line-through;
}


.products .all
{
    padding: 23px 0 40px;

    text-align: center;
}

.products .all a
{
    color: #000;
    font: 900 13px/50px Roboto;

    position: relative;

    display: inline-block;
    vertical-align: top;

    width: 194px;
    height: 53px;

    border: 2px solid #999;
    padding-left: 20px;

    text-align: center;
    text-decoration: none;
    letter-spacing: .025em;
    text-transform: uppercase;

    transition: .2s linear;
}

.products .all a .icon
{
    position: absolute;
    top: 50%;
    left: 10px;

    display: block;

    width: 36px;
    height: 36px;

    margin-top: -18px;

    background: url(../images/ic_all_link.png) 0 0 no-repeat;
}

.products .all a:hover
{
    color: #fff;

    border-color: #1f1f1f;

    background: #1f1f1f;
}

.products .all a:hover .icon
{
    background-position: 0 100%;
}



.page_content .products .all
{
    padding-top: 10px;
}

.page_content .products .all a
{
    color: #fff;

    border-color: #930000;
    padding-left: 30px;

    background: #930000;
}

.page_content .products .all a .icon
{
    background: url(../images/ic_all_link2.png) 0 0 no-repeat;
}



.seo_text
{
    padding: 45px 0 25px;
}

.page_content + .seo_text
{
    padding-top: 0;
}



.text_block
{
    color: #666;
    font: 16px/28px Roboto;

    padding-bottom: 20px;
}

.text_block h1
{
    color: #000;
    font: 300 38px/44px Roboto;

    margin-bottom: 30px;

    letter-spacing: .05em;
}

.text_block h2
{
    color: #000;
    font: 700 22px/28px Roboto;

    margin-bottom: 20px;

    letter-spacing: .05em;
}

.text_block * + h2
{
    margin-top: 40px;
}

.text_block p,
.text_block ul,
.text_block ol
.text_block img,
.text_block blockquote,
.text_block iframe
{
    margin-bottom: 20px;
}

.text_block img,
.text_block iframe
{
    display: block;

    max-width: 100%;
}

.text_block img.left
{
    max-width: calc(50% - 30px);

    margin-right: 30px;
}

.text_block img.right
{
    max-width: calc(50% - 30px);

    margin-left: 30px;
}



.banner_block
{
    padding: 68px 0 74px;

    background: #fbfbfb;
}

.banner_block .banner
{
    color: #000;
    font: 900 13px/18px Roboto;

    position: relative;

    display: block;
    overflow: hidden;

    width: 100%;

    text-decoration: none;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.banner_block .banner img
{
    display: block;

    width: 100%;
}

.banner_block .banner .link
{
    position: absolute;
    top: 50%;
    right: 41px;

    display: block;

    border: 2px solid #930000;
    padding: 16px 35px 14px;

    transform: translateY(-50%);

    background: rgba(255,255,255,.5);
}

.banner_block .banner .link:before
{
    position: absolute;
    top: -7px;
    left: -14px;

    display: block;

    width: 33px;
    height: 22px;

    content: '';

    background: url(../images/ic_banner_link.png) 0 0 no-repeat;
}



.order_steps
{
    padding: 75px 0 25px;

    background: #000 url(../images/bg_order_steps.jpg) 50% 50% no-repeat;
    background-size: cover;
}

.order_steps .block_title
{
    color: #fff;
}

.order_steps .block_title div:before
{
    background: #fff;
}

.order_steps .block_title div:after
{
    height: 1px;

    background: #fff;
}


.order_steps .grid
{
    display: flex;

    margin-left: -40px;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.order_steps .item_wrap
{
    width: 25%;

    margin-bottom: 40px;
}

.order_steps .item
{
    color: #fff;
    font: 500 18px/22px Roboto;

    position: relative;

    margin-left: 40px;

    letter-spacing: .05em;
}

.order_steps .item_wrap + .item_wrap .item:before
{
    position: absolute;
    top: 112px;
    left: -78px;

    display: block;

    width: 74px;
    height: 13px;

    content: '';

    background: url(../images/ic_order_steps_sep.png) 0 0 no-repeat;
}

.order_steps .item .icon
{
    margin-bottom: 30px;
}

.order_steps .item .icon img
{
    display: block;

    max-width: 100%;
}

.order_steps .item .desc div + div
{
    margin-top: 20px;
}



.contacts_block
{
    position: relative;

    padding: 60px 0 80px;
}

.contacts_block .info
{
    color: #000;
    font: 19px/21px Roboto;

    width: 50%;

    letter-spacing: .025em;
}

.contacts_block .info .title
{
    font: 700 36px/40px Intro;

    margin-bottom: 60px;

    letter-spacing: .05em;
}

.contacts_block .info .phone
{
    font: 900 26px/30px Roboto;

    padding-left: 40px;

    background: url(../images/ic_phone.png) 0 50% no-repeat;
}

.contacts_block .info .adres
{
    line-height: 24px;

    margin-top: 30px;
    padding-left: 40px;

    background: url(../images/ic_adres.png) 3px 50% no-repeat;
}

.contacts_block .info .email
{
    margin-top: 30px;
    padding-left: 40px;

    background: url(../images/ic_email2.png) 2px 50% no-repeat;
}

.contacts_block .info .email a
{
    color: #000;
}

.contacts_block .info .email a:hover
{
    text-decoration: none;
}

.contacts_block .info .time
{
    font-weight: 700;

    margin-top: 30px;
    padding-left: 40px;

    background: url(../images/ic_time.png) 3px 2px no-repeat;
}

.contacts_block .info .time span
{
    font-weight: normal;
}

.contacts_block .info .time b
{
    color: #930000;
    font-weight: normal;
}


.contacts_block .map
{
    position: absolute;
    top: 0;
    right: 0;

    overflow: hidden;

    width: 50%;
    height: 100%;
}



.banners .grid
{
    display: flex;

    margin-bottom: -40px;
    margin-left: -40px;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.banners .item_wrap
{
    width: 50%;

    margin-bottom: 40px;
}

.banners .item
{
    display: block;

    width: calc(100% - 40px);

    margin-left: 40px;
}

.banners .item img
{
    display: block;

    width: 100%;
}



.product_info .images
{
    position: relative;

    width: calc(50% - 20px);

    margin-bottom: 55px;
}


.product_info .images .stickers
{
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
}

.product_info .images .stickers > div + div
{
    margin-top: 10px;
}

.product_info .images .sticker
{
    color: #fff;
    font: 13px/24px Roboto;

    position: relative;

    display: inline-block;
    vertical-align: top;

    height: 24px;

    padding: 0 15px;

    letter-spacing: .025em;
}

.product_info .images .sticker:after
{
    position: absolute;
    top: 0;
    right: -24px;

    display: block;

    width: 24px;
    height: 24px;

    border: 12px solid transparent;

    content: '';
}

.product_info .images .sticker.new
{
    background: #6a9538;
}
.product_info .images .sticker.new:after
{
    border-top-color: #6a9538;
    border-left-color: #6a9538;
}

.product_info .images .sticker.hit
{
    background: #355289;
}
.product_info .images .sticker.hit:after
{
    border-top-color: #355289;
    border-left-color: #355289;
}

.product_info .images .sticker.sale
{
    background: #930000;
}
.product_info .images .sticker.sale:after
{
    border-top-color: #930000;
    border-left-color: #930000;
}

.product_info .images .sticker.stock
{
    background: #ff4200;
}
.product_info .images .sticker.stock:after
{
    border-top-color: #ff4200;
    border-left-color: #ff4200;
}


.product_info .images .slide
{
    display: none;
    overflow: hidden;
}

.product_info .images .slider .slide:first-child,
.product_info .images .owl-loaded .slide
{
    display: block;
}

.product_info .images .slide a,
.product_info .images .slide img
{
    position: relative;

    display: block;

    width: 100%;
}

.product_info .images .slide a:after
{
    position: absolute;
    right: 25px;
    bottom: 22px;

    display: block;

    width: 43px;
    height: 43px;

    content: '';

    transition: background-color .2s linear;

    background: rgba(0,0,0,.55) url(../images/ic_zoom.png) 50% 50% no-repeat;
}

.product_info .images .slide a:hover:after
{
    background-color: #0b0806;
}


.product_info .thumbs
{
    overflow: hidden;

    width: calc(100% + 16px);

    margin-top: 58px;
    margin-bottom: -16px;
    margin-left: -16px;
}

.product_info .thumbs a
{
    display: block;
    float: left;

    width: calc(33.333% - 16px);

    margin-bottom: 16px;
    margin-left: 16px;

    transition: opacity .2s linear;

    opacity: .75;
}

.product_info .thumbs img
{
    display: block;

    width: 100%;
}

.product_info .thumbs a:hover
{
    opacity: 1;
}

.product_info .thumbs a.active
{
    opacity: 1;
    outline: 2px solid #333;
    outline-offset: -2px;
}


.product_info .data
{
    position: relative;

    width: calc(50% - 20px);

    margin-bottom: 55px;
}


.product_info .buy
{
    border: 6px solid #e9e7e7;
    margin-bottom: 25px;
    padding: 20px 30px;

    background: #fafafa;
}

.product_info .price
{
    color: #000;
    font: 18px/28px Roboto;

    width: calc(100% - 177px);

    margin-bottom: 20px;

    text-align: center;
}

.product_info .price b
{
    color: #930000;
    font-size: 31px;

    display: inline-block;
    vertical-align: top;
}

.product_info .price .currency
{
    font-size: 24px;
    line-height: 20px;

    height: 28px;
}

.product_info .price sup
{
    font-size: 11px;
    line-height: 20px;

    display: inline-block;
    vertical-align: top;
}

.product_info .price.old
{
    font-size: 18px;

    width: 147px;

    text-align: center;
    text-decoration: line-through;
}

.product_info .price.old b
{
    color: #333;
    font-size: 25px;

    text-decoration: line-through;
}

.product_info .price.old sup
{
    font-size: 10px;
    line-height: 20px;
}

.product_info .price.old .currency
{
    line-height: 24px;

    height: 28px;

    text-decoration: line-through;
}

.product_info .amount
{
    color: #000;
    font: 18px/34px Roboto;

    width: 147px;

    padding: 7px 0 8px;

    text-align: center;
}

.product_info .amount .input
{
    color: #333;
    font: 14px Roboto;

    display: inline-block;
    vertical-align: top;

    width: 62px;
    height: 34px;

    border: 1px solid #ccc;

    text-align: center;

    background: #fff;
}

.product_info .amount .links
{
    display: inline-block;
    vertical-align: top;

    margin: 0 6px 0 2px;
}

.product_info .amount .links a
{
    display: block;

    width: 14px;
    height: 14px;

    transition: background-color .2s linear;

    background: #ccc url(../images/ic_plus_minus.png) 0 0 no-repeat;
}

.product_info .amount .links a.minus
{
    background-position: 0 100%;
}

.product_info .amount .links a + a
{
    margin-top: 6px;
}

.product_info .amount .links a:hover
{
    background-color: #666;
}

.product_info .amount sup
{
    font-size: 11px;
    line-height: 24px;

    display: inline-block;
    vertical-align: top;
}

.product_info .buy_link
{
    color: #fff;
    font: 900 16px/53px Roboto;

    display: block;

    width: calc(100% - 177px);
    height: 53px;

    text-align: center;
    text-decoration: none;
    letter-spacing: .025em;
    text-transform: uppercase;

    transition: background .2s linear;

    background: #930000;
}

.product_info .buy_link:hover
{
    background: #c00;
}


.product_info .description
{
    color: #333;
    font: 16px/26px Roboto;

    margin-bottom: 25px;
}

.product_info .question
{
    color: #930000;
    font: 700 16px/28px Roboto;

    margin-bottom: 25px;
}

.product_info .question b
{
    font-size: 20px;
}


.product_info .features
{
    width: 100%;

    border-spacing: 0;
    border-collapse: collapse;
}

.product_info .features td
{
    color: #000;
    font: 500 14px/25px Roboto;

    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0 10px;
}

.product_info .features td.val
{
    font-weight: 700;
}

.product_info .features tr:nth-child(2n) td
{
    background: #f6f6f6;
}



/*---------------
   Footer
---------------*/
footer .info
{
    padding: 55px 0 45px;

    background: #121212;
}

footer .info .cont
{
    display: flex;

    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}


footer .title
{
    color: #ccc;
    font: 19px/13px Roboto;

    border-bottom: 1px solid #333;
    margin-bottom: 25px;
    padding-bottom: 12px;
}


footer .links ul
{
    display: inline-block;
    vertical-align: top;
}

footer .links ul + ul
{
    margin-left: 11px;
}

footer .links li
{
    display: block;

    list-style: none;
}

footer .links li + li
{
    margin-top: 3px;
}

footer .links li.margin
{
    margin-top: 28px;
}

footer .links li a
{
    color: #ccc;
    font: 12px Roboto;

    display: inline-block;
    vertical-align: top;

    padding: 4px 12px;

    text-decoration: none;
    letter-spacing: .025em;
    text-transform: uppercase;

    transition: .2s linear;
}

footer .links .big li a
{
    padding: 8px 12px;

    text-transform: none;
}

footer .links li a:hover
{
    color: #fff;

    background: #930000;
}



footer .socials
{
    margin-bottom: 55px;
    padding-top: 25px;
}

footer .socials a
{
    line-height: 44px;

    display: inline-block;
    vertical-align: top;

    width: 44px;
    height: 44px;

    text-align: center;

    transition: background .2s linear;

    background: #0d0d0d;
}

footer .socials a + a
{
    margin-left: 8px;
}

footer .socials a img
{
    position: relative;
    top: -1px;

    vertical-align: middle;

    max-width: 90%;
    max-height: 90%;

    transition: opacity .2s linear;

    opacity: .7;
}

footer .socials a:hover
{
    background: #930000;
}

footer .socials a:hover img
{
    opacity: 1;
}



footer .logo img
{
    display: block;

    max-width: 100%;

    margin: 0 auto;
}



footer .bottom
{
    color: #ccc;
    font: 11px/18px Roboto;

    padding: 25px 0 35px;

    letter-spacing: .025em;

    background: #312f2f;
}

footer .bottom .cont
{
    display: flex;

    justify-content: space-between;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap: wrap;
}

footer .bottom .col.left
{
    width: 585px;
    max-width: 100%;
}


footer .copyright
{
    font-size: 13px;

    margin-bottom: 15px;

    text-transform: uppercase;
}


footer .counters .item
{
    display: inline-block;
    vertical-align: top;
}

footer .counters img
{
    display: block;

    max-width: 100%;
}



/*---------------
   PopUp
---------------*/
.modal
{
    position: relative;

    display: none;
    overflow: visible !important;

    width: 371px;
    max-width: calc(100% - 30px);

    padding: 0 55px 45px;

    border-radius: 0 0 35px 35px;
    background: #930000;
}

.modal:before
{
    position: absolute;
    top: -102px;
    left: 0;

    display: block;

    width: 100%;
    height: 102px;

    content: '';

    background: url(../images/bg_modal.png) 0 0 no-repeat;
}

.modal_title
{
    color: #fff;
    font: 700 30px Intro;

    margin-bottom: 25px;

    text-align: center;
    letter-spacing: .025em;
}



.form .line
{
    margin-bottom: 15px;
}

.form .name
{
    color: #fff;
    font: 16px/18px Roboto;

    margin-bottom: 7px;

    letter-spacing: .025em;
}

.form .field
{
    position: relative;
}

.form .input
{
    color: #333;
    font: 16px Roboto;

    display: block;

    width: 100%;
    height: 43px;

    border: none;
    padding: 0 15px;

    background: #fff;
}

.form textarea
{
    color: #333;
    font: 16px Roboto;

    display: block;

    width: 100%;
    height: 126px;

    border: none;
    padding: 12px 15px;

    resize: none;

    background: #fff;
}

.form ::-webkit-input-placeholder
{
    color: #333;
}
.form ::-moz-placeholder
{
    color: #333;
}
.form :-moz-placeholder
{
    color: #333;
}
.form :-ms-input-placeholder
{
    color: #333;
}


.form input[type=checkbox]
{
    display: none;
}

.form input[type=checkbox] + label
{
    color: #ccc;
    font: 13px/18px Roboto;

    position: relative;

    display: table-cell;
    vertical-align: middle;

    height: 21px;

    padding-left: 40px;

    cursor: pointer;
    letter-spacing: .025em;
}

.form input[type=checkbox] + label a
{
    color: #ccc;
}

.form input[type=checkbox] + label a:hover
{
    text-decoration: none;
}

.form input[type=checkbox] + label:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 21px;
    height: 21px;

    content: '';

    background: url(../images/ic_checkbox.png) 0 0 no-repeat;
}

.form input[type=checkbox]:checked + label:before
{
    background-position: 0 100%;
}


.form .submit
{
    padding-top: 8px;
}

.form .submit_btn
{
    color: #fff;
    font: 16px/52px Roboto;

    display: inline-block;
    vertical-align: top;

    width: 100%;
    height: 56px;

    border: 2px solid #fff;

    cursor: pointer;
    letter-spacing: .025em;
    text-transform: uppercase;

    transition: .2s linear;

    background: none;
}

.form .submit_btn:hover
{
    color: #930000;

    background: #fff;
}