@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&subset=cyrillic');

@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeueRegular.eot');
    src: local('Bebas Neue Regular'),
         url('../fonts/BebasNeueRegular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeueRegular.woff') format('woff'),
         url('../fonts/BebasNeueRegular.ttf') format('truetype'),
         url('../fonts/BebasNeueRegular.svg#BebasNeueRegular') format('svg');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeueBold.eot');
    src: local('Bebas Neue Bold'),
         url('../fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeueBold.woff') format('woff'),
         url('../fonts/BebasNeueBold.ttf') format('truetype'),
         url('../fonts/BebasNeueBold.svg#BebasNeueBold') format('svg');
    font-style: normal;
    font-weight: 700;
}

*
{
    outline: none;
    box-sizing: border-box;
}

html,
body
{
    height: 100%;
    margin: 0;
    padding: 0;
    /*-ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;*/
    width: 100%;
}

body
{
    color: #0d0d0d;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

body.notransition *
{
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

article,
aside,
footer,
header,
nav,
section
{
  display: block;
}

.button,
button,
input[type='submit'],
input[type='reset'],
.header,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.side-block__header,
form + .errors,
.center-col__album-header,
.center-col__text-title,
.center-col__header,
.center-col__entry-header,
.center-col__header_section,
.center-col__header_category,
.center-col__pagination-item,
.footer__location,
.footer__phone
{
    font-family: 'Bebas Neue', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6
{
    font-weight: 700;
    line-height: 1.25em;
    margin-bottom: .45em;
}

h1,
.h1
{
    font-size: 2.25em;
}

h2,
.h2
{
    font-size: 1.875em;
}

h3,
.h3
{
    font-size: 1.75em;
}

h4,
.h4
{
    font-size: 1.5em;
}

h5,
.h5
{
    font-size: 1.25em;
}

h6,
.h6
{
    font-size: 1.125em;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a
{
    color: #000;
    text-decoration: none;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.h1 a:hover,
.h2 a:hover,
.h3 a:hover,
.h4 a:hover,
.h5 a:hover,
.h6 a:hover
{
    color: #ff2b38;
}

img
{
    border: none;
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

blockquote
{
    border-left: 1px solid #ff2b38;
    font-size: 0.9375em;
    font-weight: 700;
    margin: 10px 0;
    padding-left: 20px;
}

form
{
    margin: 0;
}

form.registration input[type='text'],
form.registration input[type='password'],
form.registration input[type='tel'],
form.registration input[type='email']
{
    padding: 12px 10px;
}

form.login
{
    max-width: 500px;
}

form label
{
    cursor: pointer;
    display: inline-block;
    font-size: .875em;
}

.checkbox-wrapper input[type='checkbox']
{
    display: none;
}

.checkbox-wrapper label
{
    background: url('../img/checkbox.png') no-repeat 0 1px;
    line-height: 20px;
    margin: 4px 0;
    padding: 0 0 0 26px;
}

.checkbox-wrapper input[type='checkbox']:checked ~ label
{
    background-position: 0 -99px;
}

.error_images
{
    font-size: .75em;
    margin-bottom: 12px;
}

form .error_message
{
    color: #ff2b38;
    font-size: .75em;
    margin: -8px 0 12px;
}

form + .errors
{
    border: 1px solid #363a4b;
    font-size: 1.125em;
    padding: 10px 16px;
}

form + .errors.noborder
{
    border: none;
}

label + .error_message
{
    margin-top: 4px;
}

hr
{
    background-color: #e6e6e6;
    border: none;
    height: 1px;
    margin: 20px 0;
}

ul,
ol
{
    padding-left: 18px;
}

ul p,
ol p
{
    margin: 0;
}

.clearfix:after
{
    content: '';
    clear: both;
    display: block;
}

a
{
    color: #ff2b38;
    cursor: pointer;
    text-decoration: underline;
}

a:hover
{
    text-decoration: none;
}

input[type='text'],
input[type='password'],
input[type='email'],
input[type='number'],
input[type='tel'],
textarea,
select
{
    border: 1px solid #ccc;
    display: block;
    font-size: .875em;
    line-height: 1.25em;
    margin: 8px 0 16px;
    max-width: 100%;
    padding: 6px 10px;
    -webkit-transition: border-color .2s;
    -moz-transition: border-color .2s;
    -ms-transition: border-color .2s;
    -o-transition: border-color .2s;
    transition: border-color .2s;
    width: 100%;
}

input[type='file']
{
    margin: 8px 0 16px;
}

textarea
{
    max-height: 400px;
}

.captcha
{
    padding-top: 6px;
    position: relative;
}

.captcha .block.captcha
{
    padding-top: 0;
}

.captcha .input-title
{
    display: block;
    font-size: 0.8125em;
    padding-top: 8px;
}

.captcha input[type='text']
{
    font-size: 1.5em;
    width: 159px;
}

.captcha_update
{
    background: rgba(0, 0, 0, .25) url('../img/refresh_white.png') no-repeat 50% 50%;
    cursor: pointer;
    display: block;
    height: 30px;
    overflow: hidden;
    opacity: .7;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -30px;
    width: 30px;
}

.captcha_update:hover
{
    opacity: 1;
    background-color: #ff2b38;
}

input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
input[type='number']:focus,
input[type='tel']:focus,
textarea:focus
{
    border-color: #ff2b38;
}

.button,
button,
input[type='submit'],
input[type='reset']
{
    background-color: transparent;
    border: 3px solid #ff2b38;
    color: #ff2b38;
    cursor: pointer;
    display: inline-block;
    font-size: 1.3em;
    line-height: 20px;
    margin-top: 9px;
    margin-bottom: 9px;
    min-width: 200px;
    padding: 5px 16px;
    text-align: center;
}

button::-moz-focus-inner
{
    border: 0;
    padding: 0;
}

.button,
button,
input[type='submit'],
input[type='reset'],
.center-col__pagination_default,
.center-col__pagination_next,
.captcha_update,
.image_delete
{
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.button:hover,
button:hover,
input[type='submit']:hover,
input[type='reset']:hover
{
    background-color: #ff2b38;
    color: #fff;
}

.header-image__text span[style]
{
    letter-spacing: 6px;
}

h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4,
.button,
button,
input[type='submit'],
input[type='reset'],
.header-image__text,
.side-block__header,
.center-col__header,
.historical-reference__header,
.brands__header
{
    letter-spacing: 3px;
}

h5,
h6,
.header-nav ul li a,
.center-col__entry-header,
.center-col__header_section,
.center-col__header_category,
.footer__location,
.footer__phone
{
    letter-spacing: 2px;
}

.header-topline__phone,
.header-topline__location,
.center-col__album-header,
.center-col__text-title,
form + .errors
{
    letter-spacing: 1px;
}

.container
{
    max-width: 1210px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.registration_text,
.usersettings_text
{
    font-size: .8125em;
}

.header-topline__phone p,
.header-topline__location p,
.footer__location p,
.footer__phone p
{
    margin: 0;
}

.header
{
    color: #fff;
    min-height: 165px;
}

.header-topline,
.footer
{
    background-color: #520404;
}

.header-topline,
.header-nav,
.footer
{
    background-image: url('../img/line-texture.png');
}

.header-topline .container,
.container_breadcrumb
{
    padding-left: 180px;
}

.header-nav .container
{
    padding-left: 160px;
}

.header-topline .container
{
    padding-top: 11px;
    padding-bottom: 11px;
    position: relative;
}

.logo
{
    background: url('../img/logo.png') no-repeat;
    height: 165px;
    position: absolute;
    top: 0;
    left: 13px;
    width: 134px;
    z-index: 1;
}

.header-topline__login
{
    float: right;
}

.header-topline__login .button
{
    border-color: #fff;
    color: #fff;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
    min-width: 140px;
}

.header-topline__login .button + .button
{
    margin-right: 10px;
}

.header-topline__login .button:hover
{
    background-color: #fff;
    color: #363a4b;
}

.header-topline__phone,
.header-topline__location,
.footer__location,
.footer__phone
{
    background: url('../img/header-icons.png') no-repeat;
    line-height: 32px;
}

.header-topline__phone
{
    background-position: 0 -69px;
    float: right;
    font-size: 1.5em;
    padding-left: 21px;
    padding-right: 24px;
}

.header-topline__location
{
    background-position: 0 10px;
    padding-left: 19px;
    white-space: nowrap;
}

.header-nav
{
    background-color: #bd0b16;
}

.header-nav ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-nav__menu
{
    height: 34px;
    position: relative;
    text-align: justify;
    width: 100%;
}

.header-nav__menu:after
{
    content: '';
    display: inline-block;
    height: 0;
    width: 100%;
}

.header-nav__menu > li
{
    display: inline-block;
    text-align: left;
}

.header-nav__menu a
{
    color: #fff;
    display: inline-block;
    font-size: 1.25em;
    line-height: 22px;
    padding: 6px 20px;
    text-decoration: none;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}

.header-nav__menu li a:hover
{
    background-color: rgba(0, 0, 0, .2);
}

.header-nav__menu .header-nav__parent > a
{
    padding-right: 28px;
    position: relative;
}

.header-nav__menu .header-nav__parent > a:after
{
    border-top: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: '';
    display: block;
    height: 0;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 0;
}

.header-nav__menu ul
{
    background-color: #fff;
    -webkit-box-shadow: 0 6px 16px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 6px 16px rgba(0, 0, 0, .3);
    -o-box-shadow: 0 6px 16px rgba(0, 0, 0, .3);
    box-shadow: 0 6px 16px rgba(0, 0, 0, .3);
    max-width: 260px;
    min-width: 180px;
    opacity: 0;
    padding: 12px 0;
    position: absolute;
    text-align: left;
    top: 150%;
    -webkit-transition: top .2s, opacity .2s;
    -moz-transition: top .2s, opacity .2s;
    -ms-transition: top .2s, opacity .2s;
    -o-transition: top .2s, opacity .2s;
    transition: top .2s, opacity .2s;
    visibility: hidden;
}

.header-nav__menu li:last-child ul
{
    right: 0;
}

.header-nav__menu li:hover ul
{
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.header-nav__menu ul li
{
    display: block;
}

.header-nav__menu ul a
{
    color: #363a4b;
    display: block;
    font-size: 1.125em;
}

.header-nav__menu ul a:hover
{
    background-color: #363a4b;
    color: #fff;
}

.header-image
{
    background: #291818 url('../img/header-image.jpg') no-repeat 50% 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 60px;
    min-height: 565px;
    padding: 140px 0;
}

.header-image .container:before
{
    border: 0px solid #d52a34;
    content: '';
    display: block;
    height: 280px;
    position: absolute;
    width: 280px;
    z-index: 1;
}

.header-image__text
{
    background-color: transparent !important;
    color: #fff !important;
    font-size: 2.1875em !important;
    font-weight: 700;
    line-height: 1.2em;
    margin: 0;
    padding: 51px 0 0 30px;
    position: relative;
    text-shadow: 0 2px 3px rgba(0, 0, 0, .7);
    z-index: 2;
}

.header-image__text h1,
.header-image__text h2,
.header-image__text h3,
.header-image__text h4,
.header-image__text h5,
.header-image__text h6
{
    font-size: 1em;
    margin: 0 !important;
}

.header-image__text span[style]
{
    background-color: transparent !important;
    color: #fff !important;
    display: block;
    font-size: 1.7143em !important;
    line-height: 1.2em;
    margin-top: 17px;
    padding-top: 10px;
    position: relative;
}

.header-image__text span[style]:before
{
    background-color: #ff2b38;
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    top: 0;
    width: 50px;
}

.header-image__text p
{
    margin-top: 0;
    margin-bottom: 0;
}

.container_breadcrumb
{
    color: #0d0d0d;
    font-family: 'Roboto', sans-serif;
    font-size: .75em;
    line-height: 2em;
    padding-top: 12px;
    padding-bottom: 12px;
    text-transform: uppercase;
}

.container_breadcrumb a
{
    color: #0d0d0d;
    font-weight: 700;
}

.left-col
{
    float: left;
}

.right-col
{
    float: right;
}

.left-col,
.right-col
{
    padding-top: 9px;
    width: 250px;
}

.center-col
{
    margin-left: 270px;
    line-height: 1.3125em;
}

.center-col_ads + .center-col_ads
{
    border-top: 1px solid #e6e6e6;
    margin-top: 15px;
    padding-top: 31px;
}

.center-col form .images .image,
.side-block form .images .image
{
    border: 1px solid #ccc;
    display: inline-block;
    margin-right: 1%;
    margin-top: 8px;
    padding: 2px;
    position: relative;
    vertical-align: top;
    width: 24%;
}

.center-col form .images .image img,
.side-block form .images .image,
.side-block form .images .image img
{
    width: 100%;
}

.center-col form .images .image_delete,
.side-block form .images .image_delete
{
    background: rgba(0, 0, 0, .5) url('../img/close_white.png') no-repeat 50% 50%;
    display: block;
    height: 30px;
    overflow: hidden;
    position: absolute;
    top: 2px;
    left: 2px;
    text-indent: -30px;
    width: 30px;
}

.center-col form .images .image_delete:hover,
.side-block form .images .image_delete:hover
{
    background-color: #ff2b38;
}

.container_three-col .center-col
{
    margin-right: 270px;
}

.side-block
{
    border: 6px solid #941313;
    margin-bottom: 30px;
    padding: 16px 19px 30px;
}

.side-block__header
{
    font-size: 1.875em;
    font-weight: 700;
    line-height: 1.2em;
    margin: 15px 0 26px;
    text-align: center;
    padding-bottom: 3px;
    position: relative;
}

.side-block__header:after,
.side-block__entry:after,
.side-block__entry-date:after
{
    background: #ff2b38;
    content: '';
    display: block;
    height: 1px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100px;
}

.side-block__entry
{
    padding: 18px 0 14px;
    position: relative;
}

.side-block__entry:first-child
{
    padding-top: 0;
}

.side-block__entry:last-child:after
{
    display: none;
}

.side-block__entry-date
{
    font-size: 0.75em;
    margin-bottom: 18px;
    position: relative;
}

.side-block__entry:after
{
    background: #e6e6e6;
}

.side-block__entry-date:after
{
    background: #e6e6e6;
    margin: 0 0 0 auto;
    top: 6px;
    bottom: auto;
    width: 50px;
}

.side-block__entry-title
{
    color: #0d0d0d;
    display: inline-block;
    font-weight: 700;
    line-height: 1.5em;
	text-align: center;
}

.side-block__photo-title
{
    padding-top: 16px;
}

a .side-block__entry-title
{
    text-decoration: underline;
}

a:hover .side-block__entry-title
{
    text-decoration: none;
}

.side-block__entry-photo
{
    width: 100%;
}

.center-col__header-wrapper
{
    overflow: hidden;
}

.center-col__header-wrapper .button
{
    float: right;
    margin: 6px 0 0;
    min-width: 0;
    position: relative;
    z-index: 1;
}

.center-col__header
{
    font-size: 2.25em;
    font-weight: 700;
    line-height: 1.2em;
    margin: 0 0 18px;
}

.center-col__header_section,
.center-col__header_category
{
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 8px;
    position: relative;
}

.center-col__header_section:after,
.center-col__header_category:after
{
    background-color: #ff2b38;
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    bottom: 0;
    width: 100px;
}

.center-col__header_category
{
    font-size: 1.75em;
    font-weight: 700;
    line-height: 1.2em;
}

.center-col__date,
.center-col__entry-date
{
    color: #777;
    font-size: .75em;
    margin: -12px 0 20px;
}

.center-col__text-title
{
    color: #777;
    font-size: 1.25em;
    font-weight: 700;
    margin-bottom: 12px;
}

.center-col__text p
{
    margin-top: 0;
}

.center-col__text + .center-col__entry,
.center-col__text + .center-col__albums
{
    margin-top: 48px;
}

.center-col__albums + .center-col__albums
{
    margin-top: 36px;
}

.center-col__entry + .center-col__entry,
.center-col__pagination
{
    border-top: 1px solid #e6e6e6;
    margin-top: 16px;
    padding-top: 23px;
}

.center-col__entry-header
{
    font-size: 1.75em;
    font-weight: 700;
    line-height: 1.2em;
    margin: 0;
}

.center-col__entry-header a,
.center-col__album-entry,
.center-col__header_category a
{
    color: #0d0d0d;
    text-decoration: none;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
}

.center-col__entry-header a:hover,
.center-col__album-entry:hover,
.center-col__header_category a:hover
{
    color: #ff2b38;
}

.center-col__entry-date
{
    margin: 0 0 8px;
}

.center-col__news-images
{
    padding-bottom: 16px;
}

.center-col__news-images img
{
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.center-col__album-entries
{
    position: relative;
}

.center-col__album-entry,
.center-col__photo-entry,
.center-col__news-image
{
    display: inline-block;
    margin-right: 3.5%;
    max-width: 31%;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    width: 31%;
}

.center-col__album-entry:nth-child(3n+3),
.center-col__photo-entry:nth-child(4n+4),
.center-col__news-image:nth-child(5n+5)
{
    margin-right: 0;
}

.center-col__album-entry
{
    margin-bottom: 24px;
}

.center-col__album-entry_disabled
{
    opacity: .6;
}

.center-col__album-image,
.main-images__item-image
{
    background: #f3f3f3 url('../img/no_image.png') no-repeat 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: block;
    height: 0;
    padding-bottom: 75%;
    position: relative;
}

.center-col__album-image img,
.center-col__news-image img,
.main-images__item-image img
{
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.center-col__photo-entry
{
    max-width: 23%;
    margin-right: 2.5%;
    margin-bottom: 24px;
    width: 23%;
}

.center-col__photo-entry img
{
    height: auto;
    width: 100%;
}

.center-col__news-image
{
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    max-width: 19%;
    height: 0;
    margin-right: 1.25%;
    margin-top: 1.25%;
    padding-bottom: 14.25%;
    position: relative;
    width: 19%;
}

.center-col__album-header,
.center-col__photo-header
{
    color: #0d0d0d;
    display: inline-block;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.208em;
    padding: 15px 0 0;
}

.center-col__album-entry:hover .center-col__album-header
{
    color: #ff2b38;
}

.center-col__photo-entry:hover .center-col__photo-header
{
    text-decoration: underline;
}

.center-col__photo-header
{
    font-size: 1em;
    font-weight: 400;
    padding-top: 6px;
}

.center-col__photo-switchers
{
    overflow: hidden;
}

.center-col__photo-switchers_right
{
    float: right;
}

.center-col__photo-switchers_left
{
    float: left;
}

.center-col__ads-content
{
    margin-bottom: 36px;
    overflow: hidden;
}

.center-col__ads-left
{
    float: left;
    width: 64.3678%;
}

.center-col__ads-right
{
    margin-left: 68.9655%;
}

.center-col__ads-right .button
{
    margin: 32px 0 0;
    max-width: 220px;
    width: 100%;
}

.center-col__ads-right .button:first-child
{
    margin-top: 0;
}

.center-col__ads-right .button + .button
{
    margin: 8px 0 0;
}

.center-col__ads-image img
{
    width: 100%;
}

.center-col__ads-photos a
{
    display:  block;
    float: left;
    margin-right: 1.25%;
    margin-top: 1.25%;
    height: 0;
    padding-bottom: 14.25%;
    position: relative;
    width: 19%;
}

.center-col__ads-photos a img
{
    height: 100%;
    position: absolute;
    width: 100%;
}

.center-col__ads-photos a:nth-child(5n+5)
{
    margin-right: 0;
}

.center-col__ads-info + .center-col__ads-info
{
    margin-top: 20px;
}

.center-col__ads-infotitle
{
    color: #777;
    font-size: .875em;
}

.center-col__ads-infotext
{
    font-weight: 700;
}

.infofield
{
    font-size: .75em;
}

.center-col__pagination
{
    text-align: center;
}

.center-col__pagination-item
{
    border: 1px solid #ccc;
    font-size: 1.125em;
    font-weight: 700;
    display: inline-block;
    line-height: 20px;
    margin: 0 2px;
    min-width: 34px;
    padding: 6px 8px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
}

.center-col__pagination-item a
{
    color: #000;
}

.center-col__pagination_default:hover,
.center-col__pagination_next:hover
{
    background-color: #ff2b38;
    border-color: #ff2b38;
    color: #fff;
}

.center-col__pagination_active
{
    background-color: #363a4b;
    border-color: #363a4b;
    color: #fff;
}

.center-col__pagination_start,
.center-col__pagination_end
{
    background: url('../img/pagination-arrows.png') no-repeat;
    border: none;
    height: 34px;
    overflow: hidden;
    padding: 0;
    text-indent: -100px;
    width: 34px;
}

.center-col__pagination_end
{
    background-position: -34px 0;
}

.center-col__pagination_start:hover
{
    background-position: 0 -34px;
}

.center-col__pagination_end:hover
{
    background-position: -34px -34px;
}

.center-col__pagination-item a
{
    text-decoration: none;
}

.center-col__pagination-item a:hover
{
    color: #ff2b38;
}

.sort-by
{
    padding: 24px 0;
}

.center-col__pagination-item .sort-up,
.center-col__pagination-item .sort-down
{
    display: inline-block;
    padding: 0 6px;
}

.sort-by__title
{
    display: inline-block;
    line-height: 20px;
    padding: 6px 12px 6px 0;
}

.historical-reference
{
    margin-top: 30px;
    padding-top: 39px;
    text-align: center;
    position: relative;
}

.historical-reference:before
{
    content: '';
    display: block;
    background: url('../img/historical-reference.jpg') no-repeat 50% 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 390px;
    position: absolute;
    top: 0;
    width: 100%;
}

.historical-reference__header,
.brands__header,
.main-images__title
{
    font-size: 2.25em;
    line-height: 1em;
    margin: 0;
    padding: 16px 0;
    position: relative;
    z-index: 2;
}

.historical-reference__header
{
    color: #fff;
}

.historical-reference__header:after,
.brands__header:after,
.main-images__title:after
{
    background-color: #fff;
    content: '';
    display: block;
    height: 2px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 530px;
}

.historical-reference__header a
{
    color: #fff;
}

.historical-reference__header a:hover
{
    color: #ff2b38;
}

.historical-reference__items
{
    margin-top: 40px;
    position: relative;
    z-index: 2;
}

.historical-reference__item
{
    background-color: #fff;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    color: #0d0d0d;
    float: left;
    text-decoration: none;
    width: 23%;
}

.historical-reference__item:hover .historical-reference__item-title
{
    text-decoration: underline;
}

.historical-reference__item + .historical-reference__item
{
    margin-left: 2.6667%;
}

.historical-reference__item-title
{
    display: inline-block;
    font-weight: 700;
    line-height: 1.5em;
    padding: 28px 16px 23px;
    text-transform: uppercase;
    width: 100%;
}

.historical-reference__item-image
{
    height: 200px;
    width: 100%;
}

.brands
{
    padding-top: 39px;
    text-align: center;
}

.brands__header:after,
.main-images__title:after
{
    background-color: #ff2b38;
}

.brands__header:before,
.main-images__title:before
{
    background-color: #ff2b38;
}

.brands-items
{
    padding-top: 20px;
    text-align: center;
}

.brands__item
{
    display: inline-block;
    height: 120px;
    padding: 20px;
    width: 20%;
}

.brands__item:before
{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.brands__item img
{
    display: inline-block;
    max-height: 80px;
    vertical-align: middle;
}

.main-images
{
    padding-top: 20px;
    padding-bottom: 20px;
}

.main-images:before,
.main-images:after
{
    clear: both;
    content: '';
    display: block;
    margin-left: -10px;
    margin-right: -10px;
    width: 100%;
}

.main-images__title
{
    text-align: center;
    position: relative;
}

.main-images__item
{
    float: left;
    padding: 10px;
    width: 16.6666%;
}

.main-images__item:nth-child(6n+1)
{
    clear: left;
}

.main-images__item-image
{
    background-color: #f0f2f5;
}

.footer
{
    color: #fff;
    margin-top: 40px;
    min-height: 280px;
    position: relative;
}

.footer__map
{
    background-color: #f7f1d9;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 37%;
}

.footer__map > div
{
    height: 100% !important;
}

.footer-rightside,
.footer-leftside
{
    float: right;
}

.footer-columns
{
    max-width: 650px;
    padding: 30px 30px 30px 140px;
    position: relative;
}

.footer__logo
{
    background: url('../img/logo-footer.png') no-repeat;
    display: inline-block;
    height: 211px;
    position: absolute;
    top: -13px;
    left: -7px;
    width: 114px;
}

.footer__logo:after
{
    border-style: solid;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent #adadad;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    top: 3px;
    left: 107px;
    width: 0;
}

.footer__first-col
{
    float: left;
    padding-right: 12px;
    padding-top: 7px;
    padding-bottom: 4px;
    width: 200px;
}

.footer__second-col
{
    margin-left: 200px;
    padding-right: 16px;
}

.footer__location,
.footer__phone
{
    font-size: 1.5em;
    line-height: 1.208em;
    margin: 20px 0;
    padding-left: 22px;
}

.footer__first-col ul
{
    list-style: none;
     padding: 0;
}

.footer__first-col ul a,
.footer__first-col ul li.active
{
    color: #fff;
    display: inline-block;
    line-height: 1.5em;
    padding: 3px 0;
    text-decoration: none;
}

.footer__first-col ul a:hover
{
    text-decoration: underline;
}

.footer__location
{
    background-position: 0 8px;
}

.footer__phone
{
    background-position: 0 -72px;
}

.footer__copyright
{
    color: #81869d;
    font-size: 12px;
    padding: 4px 0;
    text-transform: uppercase;
}

.footer__copyright p
{
    margin: 0;
}

.page-404
{
    text-align: center;
}

.page-404 h1
{
    font-size: 4em;
}

.page-404 p
{
    font-size: 1.125em;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx)
{

    .header-topline,
    .header-nav,
    .footer
    {
        background-image: url('../img/line-texture_2x.png');
        -webkit-background-size: 10px 10px;
        -moz-background-size: 10px 10px;
        -o-background-size: 10px 10px;
        background-size: 10px 10px;
    }

    .logo
    {
        background-image: url('../img/logo_2x.png');
        -webkit-background-size: 134px 165px;
        -moz-background-size: 134px 165px;
        -o-background-size: 134px 165px;
        background-size: 134px 165px;
    }

    .header-topline__phone,
    .header-topline__location,
    .footer__location,
    .footer__phone
    {
        background-image: url('../img/header-icons-2x.png');
        -webkit-background-size: 12px 92px;
        -moz-background-size: 12px 92px;
        -o-background-size: 12px 92px;
        background-size: 12px 92px;
    }

    .footer__logo
    {
        background: url('../img/logo-footer_2x.png') no-repeat;
        -webkit-background-size: 114px 211px;
        -moz-background-size: 114px 211px;
        -o-background-size: 114px 211px;
        background-size: 114px 211px;
    }

}

@media screen and (min-width: 1280px)
{

    .header-topline__login .button
    {
        min-width: 180px;
    }
    
    .header-topline__phone
    {
        padding-right: 40px;
    }

    .left-col,
    .right-col
    {
        width: 270px;
    }

    .center-col
    {
        margin-left: 300px;
    }

    .container_three-col .center-col
    {
        margin-right: 300px;
    }
    
    .footer__map
    {
        width: 45%;
    }
    
    .footer-columns {
        max-width: 700px;
        padding: 30px 30px 30px 170px;
    }

}