/*
1200
992
768
576
320
*/
*, *::before, *::after
{box-sizing: border-box;}
body
{font-size: 16px; line-height: 150%; border-top: 7px solid #db3115; font-family: 'Open Sans','Arial',sans-serif; background: #f5f5f5 url(../images/background.png); min-width: 992px;}
.page-width
{max-width: 1280px; margin: 0 auto 0 auto;}
a
{color: #313536;}
a:hover
{color: #db3115;}
main
{min-height: 650px;}
header
{margin-bottom: 10px;}
.content-box
{background-color: #fff; border-radius: 5px; border: 1px solid #ccc;}
h1, h2, h3, h4
{color: #343434; background: url(../images/headline.jpg) transparent no-repeat 1px bottom; padding: 0 0 15px; margin: 10px 0; font-weight: 400;}
h1
{margin-left: 15px; margin-top: 25px;}
h2
{padding: 0 0 10px;}
h2 a
{text-decoration: none;}

/* Layout */
.column-center
{flex-grow: 1;}

/* Contacts */
.contacts
{margin: 0 0 0 10px;}
.contacts .person, .contacts .email, .contacts .phone
{}
.contacts .title, .contacts .person
{font-weight: 600; color: #343434; font-size: 112.5%; margin: 0 0 5px;}
.contacts .person:before, .contacts .phone:before, .contacts .email:before
{font-family: 'IcoMoon'; display: inline-block; margin: 0 5px 0 0;}
.contacts .person:before
{content: "\22";}
.contacts .phone:before
{content: "\e261";}
.contacts .email:before
{content: "\4d"; vertical-align: middle;}

/* Top Menu */
.navigation
{background-color: #db3115;}
.navigation ul
{padding: 0;}
.navigation ul li
{list-style: none; padding: 8px 0 8px 16px; position: relative;}
.navigation ul li:hover, .navigation ul li.active
{background-color: #AC1411;}
.navigation > ul > li:after
{background: url(../images/menu-line.png) no-repeat center right; content: ''; width: 1px; height: 11px; display: inline-block; opacity: .3; margin-left: 16px;}
.navigation ul li a
{color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 0 10px 0 0;}
.navigation ul.nav-child
{display: none; position: absolute; background-color: #ac1411; box-shadow: 0 5px 5px rgba(0,0,0,.19); width: 260px; z-index: 100; left: 0; top: 39px;}
.navigation ul.nav-child li:hover
{background-color: #bb1d12;}
.navigation li:hover > ul.nav-child
{display: block;}
.navigation ul.nav-child ul.nav-child
{top: 0; left: 260px;}
.navigation li.parent > a:after
{content: "\e006"; display: inline-block; font-family: 'IcoMoon'; font-size: 12px; margin-left: 5px;}
.navigation li.parent:hover > a:after
{content: "\e007";}

/* Breadcrumbs */
.breadcrumbs
{padding: 5px 15px; margin: 0 0 10px 0;}
ul.breadcrumbs, ul.breadcrumbs li
{display: block;}
ul.breadcrumbs li:not(:last-of-type):after
{display: inline-block; content: '\203a'; margin: 0 10px;}

/* Footer */
footer
{background-color: #000; border-top: 2px solid #db3115; margin: 15px 0 0;}
footer .page-width
{padding: 15px;}
footer, footer a
{color: #f5f5f5;}
.copyright
{text-align: center; margin: 30px 0 15px 0; font-size: 87.5%;}

.social-pages
{margin-top: 10px;}
.social-page
{display: block; width: 48px; height: 48px; border: 1px solid #909090; margin-right: 10px; background-repeat: no-repeat; background-position: center center;}
.social-page:hover
{background-color: #db3115; border-color: #db3115;}
.social-page.vkontakte
{background-image: url(../images/vkontakte.png);}
.social-page.facebook
{background-image: url(../images/facebook.png);}
.social-page.twitter
{background-image: url(../images/twitter.png);}
.social-page.googleplus
{background-image: url(../images/googleplus.png);}

/* Content */
article .content-box, .blog.content-box
{padding: 15px;}
.article-contacts > *
{margin: 0 25px 25px 0;}
.blog img, article img
{margin: 0 6px 6px 0; border: #ccc 1px solid; padding: 1px;}
article .image-left
{float: left; margin: 0 15px 15px 0;}
article p:first-of-type, .category-desc p:first-of-type
{margin-top: 0;}
article p:after, .blog .items-leading > *:after, .blog .item:after
{content: ''; clear: both; display: block;}
.pull-left.item-image
{float: left; margin: 5px 10px 5px 0;}
.blog .item h2
{margin-bottom: 0;}
.blog .item p
{margin: 0;}
.blog h2
{margin: 20px 0;}

.button /* vertical-align: middle; */
{display: inline-block; padding: 7px 10px; border: 0; color: #fff; font-weight: 400; font-size: 100%; line-height: 19px; text-align: center;
     white-space: nowrap; cursor: pointer; background: linear-gradient(to top,#ac1411,#db3115); border-radius: 5px; outline: none; text-decoration: none;}
.button:hover
{background: linear-gradient(to top,#db3115,#ac1411); box-shadow: 0 5px 5px rgba(0,0,0,.19); color: #FFFFFF;}

.button.inactive
{background: linear-gradient(to top, #525252, #A9A9A9);}
.button.inactive:hover
{background: linear-gradient(to top, #A9A9A9, #525252);}

/* Alerts */
.service-messages
{}
.service-messages > *
{padding: 15px; border: 1px solid #E7E7E7; margin-bottom: 5px;}
.service-messages .error
{color: #a94442; background-color: #f2dede; border-color: #ebccd1}
.service-messages .error a
{color: #843534;}
.service-messages .success, .service-messages .info
{color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6;}
.service-messages .success a, .service-messages .info a
{color: #2b542c;}

.service-messages .warning
{color: #856404; background-color: #fff3cd; border-color: #ffeeba;}
.service-messages .warning a
{color: #533f03;}



/* Content - Product details */
.vm-nodisplay
{display: none;}
.product-details.content-box
{padding: 15px;}
.product-details .main-image
{margin: 0 0 15px 0; border: 1px solid #CCC; display: block; text-align: center; padding: 3px; border-radius: 5px;}
.product-details .main-image img
{display: inline-block; max-height: 400px;}
.product-details .additional-images
{border: 1px solid #CCC; border-radius: 5px; padding: 10px; display: flex; flex-wrap: wrap; align-items: center;}
.product-details .additional-images a
{width: 100px; line-height: 100px; margin: 0 5px 0 0; display: flex; align-items: center; justify-content: center;}
.product-details .additional-images a img
{border: 2px solid #FFFFFF;}
.product-details .additional-images a.active img
{border-color: #DB3115;}
.product-details .price
{font-size: 36px; line-height: 40px; font-weight: 600; color: #333333;}
.product-details .manufacturer .title
{font-weight: bold;}
.product-details .buy-box
{margin: 15px 0; padding: 15px 0; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;}
.product-details .buy-box > *
{margin-right: 20px;}
.product-details .buy-box .addtocart-bar .quantity-input
{border-radius: 3px; width: 54px; text-align: center; font-size: 125%; padding: 10px; box-sizing: border-box; height: 38px; border: 1px solid #ccc;}
.product-details .buy-box .additional
{margin-left: auto; text-align: right;}
.product-details .buy-box .availability, .product-details .buy-box .sku
{font-weight: bold; font-size: 87.5%;}
.product-details .buy-box .availability .instock
{color: #076c07;}
.product-details .buy-box .availability .outofstock
{color: #d80314;}
.product-details .buy-box .quantity-controls a
{border: 1px solid #CCCCCC; text-decoration: none; line-height: 17px; color: #555555; display: block; height: 17px; width: 20px; text-align: center;}
.product-details .buy-box .quantity-controls .quantity-plus
{margin-bottom: 3px;}
.product-details .buy-box .addtocart-bar
{display: flex; align-items: center;}
.product-details .buy-box .addtocart-bar > *
{margin-right: 8px;}



.categories-list.content-box
{padding: 15px; margin: 0 0 10px 0;}
.categories-list .category
{margin-bottom: 15px;}
.categories-list .category .image, .categories-list .category .title
{display: block; text-align: center;}
.categories-list .category .image img
{max-width: 175px; max-height: 175px; display: inline-block;}
.categories-list .category .image
{height: 175px; line-height: 175px; display: flex; flex-direction: column; justify-content: center; align-items: center;}

.products-list
{display: flex;}
.products-list .product
{margin: 0 5px 15px 0; padding: 10px; flex-basis: 250px;}
.products-list .product .image
{display: flex; align-items: center; justify-content: center; height: 200px;}
.products-list .product .image img
{display: block; max-width: 225px; max-height: 200px;}
.products-list .product .title
{text-decoration: none; text-align: center; font-weight: bold; display: table; height: 72px; overflow: hidden;}
.products-list .product .title span
{display: table-cell; vertical-align: middle;}
.products-list .product .buy-area
{margin: 10px 0;}
.products-list .product .buy-area .price
{font-size: 175%; font-weight: 600; color: #333333;}
.products-list .product .buy-area .price .currency
{color: #999999; font-size: 75%;}

.products-list .product .availability
{font-weight: bold; font-size: 87.5%;}
.products-list .product .availability .instock
{color: #076c07;}
.products-list .product .availability .outofstock
{color: #d80314;}

.vm-price-value
{white-space: nowrap;}
.category-view .top-bar
{margin: 0 0 10px 0;}

/* Cart & Checkout*/
.cart-view.content-box
{padding: 15px; flex-grow: 1;}
.cart-view .cart-summary
{text-align: left;}
.cart-view .cart-summary th, .cart-view .cart-summary td
{padding: 5px; vertical-align: middle;}
.cart-view .cart-summary th
{font-size: 125%; margin: 0 0 10px 0; border-bottom: 1px solid #E5E5E5; text-align: center;}
.cart-view .cart-summary td.vm-cart-item-name div
{display: flex; align-items: center;}
.cart-view .cart-summary td.vm-cart-item-name .image
{text-decoration: none; margin-right: 10px; display: block; width: 50px; text-align: center;}
.cart-view .cart-summary td.vm-cart-item-name .image img
{display: inline-block;}
.cart-view .cart-summary .vm-cart-item-basicprice,
.cart-view .cart-summary .vm-cart-item-total,
.cart-view .cart-summary .vm-cart-item-quantity
{text-align: right;}
.cart-view .cart-summary .vm-cart-item-total
{font-weight: bold;}
.cart-view .cart-summary .currency
{color: #999999; font-size: 75%;}
.cart-view .cart-summary tr.cart-total
{font-weight: bold; font-size: 125%;}
.cart-view .cart-summary tr.product:nth-child(odd) td
{background-color: #F5F5F5;}

.checkout-view.content-box
{padding: 15px; flex-grow: 1; margin: 0 15px 0 0;}
.checkout-view .field
{margin: 0 0 15px 0;}
.checkout-view .field label
{margin: 0 0 5px 0;}
.checkout-view .field label, .checkout-view .field input, .checkout-view select, .checkout-view textarea
{display: block; width: 100%; font-size: 100%;}
.checkout-view .fields-three, .checkout-view .fields-two
{display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;}
.checkout-view .field
{flex-basis: 49%;}
.checkout-view input
{padding: 10px;}
.checkout-view input, .checkout-view select, .checkout-view textarea
{padding: 8px;border: 1px solid #E7E7E7;line-height: 130%;}
.checkout-view .field label
{font-weight: 600;}
#customer_note_field
{width: 100%; height: 100px;}
.vm-orders-information.content-box
{padding: 15px;}
.checkout-form
{max-width: 500px;}

.checkout-payment-description, .checkout-shipment-description
{background-color: #EEE; margin: 5px 0 0 0;}
.checkout-payment-description span, .checkout-shipment-description span
{font-size: 87.5%; margin: 5px 10px; display: inline-block;}
.vm2-add_quantity_cart::before
{content: "\47"; font-family: 'IcoMoon';}
.vm2-remove_from_cart::before
{content: "\49"; font-family: 'IcoMoon';}
.vm-cart-actions
{text-align: right;}
.vm-cart-item-quantity input
{padding: 8px; border: 1px solid #E7E7E7; line-height: 130%; text-align: center;}
.vm-order-done .content-box
{padding: 15px;}

/* Forms */
.form .errors
{display: none; font-size: 13px; color: red; margin-top: 3px;}
.form .field.error .errors
{display: block;}
.form .field.error input, .form .field.error select
{border: 1px solid red;}
.form input
{padding: 8px; border: 1px solid #E7E7E7; line-height: 130%;}

/* Pagination */
.pagination
{display: flex; margin: 0; padding: 0;}
.pagination li
{display: inline-block;}
.pagination > li > a, .pagination > li > span
{padding: 7px; text-decoration: none; background-color: #FFF; border-radius: 5px; border: 1px solid #ddd;
    color: #000; text-align: center; display: inline-block;    margin-right: 5px; min-width: 40px;}
.pagination > li > a:hover, .pagination > li.current > span
{background-color: #d80314; color: #FFFFFF;}
.top-bar
{display: flex; justify-content: space-between; align-items: center;}

/* Dialog */
.ui-dialog.content-box
{padding: 15px; z-index: 9999; outline: none;}
.ui-dialog .ui-dialog-title
{display: none;}
.ui-widget-overlay
{background: #aaaaaa; opacity: .3;}
.ui-widget-overlay
{position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
.ui-icon-closethick:before
{content: "\49";}
.ui-icon-closethick
{font-family: 'IcoMoon'; font-style: normal; speak: none; }
.ui-dialog-titlebar-close
{position: absolute; right: 10px;}
.ui-dialog h1
{margin-top: 0;}

/* Slider */
.slider-wrapper
{position: relative; margin-bottom: 20px;}
.slider-wrapper a
{text-decoration: none;}
.slider
{position: relative; overflow: hidden;}
.slider > div
{width: 1000%; position: relative;}

.slider > div > div
{float: left; position: relative; width: 10%;}
.slider > div > div a
{display: block;}
.slider > div > div img
{width: 100%;}
.slider > div > div img
{border-radius: 5px; display: block;}
.slider-wrapper .control
{position: absolute; top: calc(50% - 30px); background-color: #262626; color: #fff; border-radius: 3px; text-align: center; padding: 15px 20px; font-size: 200%;}
.slider-wrapper .control-prev
{left: 1%;}
.slider-wrapper .control-next
{right: 1%;}
.slider .caption
{margin: 0; padding: 10px 15px; position: absolute; background-color: #000; text-transform: uppercase; bottom: 15px; left: 3%; display: block; color: #fff; font-size: 150%;}

/* Flex */
.columns,
header .page-width,
footer .page-width,
.navigation ul,
.social-pages,
ul.breadcrumbs,
.article-contacts,
.product-details.content-box,
.product-details .buy-box,
.categories-list,
.products-list,
.products-list .product .buy-area
{display: flex;}

header .page-width
{justify-content: flex-start;}

.jc-sb,
footer .page-width,
.social-pages,
.product-details.content-box,
.product-details,
.products-list .product .buy-area
{justify-content: space-between;}

.ai-fs
{align-items: flex-start;}
.ai-fc,
header .page-width
{align-items: center;}

footer .page-width,
.article-contacts,
.categories-list,
.products-list
{flex-wrap: wrap;}


.product-details.columns .column
{flex-basis: 49%;}
.copyright
{flex-basis: 100%;}
.categories-list .category
{flex-basis: 200px;}

.product-fields .product-field, .product-details .manufacturer
{display: flex;}
.product-fields .product-field .product-fields-title strong:after
{content: ':'}
.product-details .manufacturer .title
{display: block;}
.product-fields-title-wrapper, .product-details .manufacturer .title
{min-width: 200px; font-weight: bold; padding: 0;}
.product-fields .product-field
{margin: 0;}

.corporate-advertising {
    font-size: 16px;
    padding: 20px;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
    font-weight:bold;
    margin: 0 0 5px 0;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px)
{

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px)
{

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px)
{

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
    .contacts
    {margin: 0 0 0 40px;}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px)
{
    .contacts
    {margin: 0 0 0 15px;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px)
{

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px)
{

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px)
{

}