html {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
*, *:before, *:after {
  box-sizing: inherit;
}

.clear {
    clear: both;
}

body {
    margin: 0;
    padding: 0;
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    color: #525252;
    font-size: 15px;
}

a {
    color: #525252;
}

.margin-top {
    margin-top: 20px;
}

#main-container {
    margin: 0px auto;
    float: none;
    position: relative;
    overflow: hidden;
}

#background {
    background: transparent url('../images/background-full.png') top left no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 6148px;
    height: 1110px;
    z-index: 1;
}

/*@keyframes background-animation {
    0%    {
        transform: rotate3D(0, 0, 0, 0);
        left: 0;
    }
    100%  {
        transform: rotate3D(0, 0, 0.5, 10deg) scaleX(1.3);
        left: -3%;
    }
}
@-webkit-keyframes background-animation {
    0%    {
        -webkit-transform: rotate3D(0, 0, 0, 0);
        left: 0;
    }
    100%  {
        -webkit-transform: rotate3D(0, 0, 0.5, 10deg) scaleX(1.3);
        left: -3%;
    }
}*/

#foreground {
    background-color: transparent;
    position: relative;
    z-index: 2;
}

.fix-width {
    width: 960px;
    margin: 0px auto;
    float: none;
}

#header-top {
    background-color: rgba(255,255,255,0.8);
    padding-top: 15px;
}

#header-top h1 {
    margin: 0px;
    display: inline-block;
    float: left;
}

#header-top > img {
    display: inline-block;
    float: left;
    margin: 5px 0 0 30px;
}

#menu-container {
    background-color: #c41230;
    height: 44px;
}

header .right {
    float: right;
}

header .right form {
    float: left;
    width: 249px;
    height: 28px;
    position: relative;
}

header .right form input[type=text] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 249px;
    height: 28px;
    line-height: 28px;
    border: 0;
    background: transparent url('../images/search-bg.png') center center;
    padding: 0px 50px 0 30px;
    z-index: 0;
    text-align: center;
}
header .right form input[type=text]:focus {
    text-align: left;
}

header .right form input[type=submit] {
    position: absolute;
    right: 10px;
    z-index: 1;
    height: 28px;
    line-height: 28px;
    border: 0px;
    color: #ffffff;
    background: transparent url('../images/search-button-arrow.png') right center no-repeat;
    font-family: 'Corbel-Bold';
    font-size: 12px;
    text-transform: uppercase;
    padding-right: 8px;
    cursor: pointer;
}

header .right a {
    float: left;
    margin-left: 15px;
}

header ul#menu {
    font-family: 'Corbel-Bold';
    font-size: 12px;
    color: #ffffff;
    margin: 0px auto;
    padding: 0px;
    list-style-type: none;
    width: 960px;
}

header ul#menu > li {
    display: inline-block;
    width: 160px;
    float: left;
    border-left: 1px solid #f46469;
    position: relative;
}

header ul li a, header ul li span {
    text-decoration: none;
    color: #ffffff;
    width: 159px;
    height: 40px;
    margin-top: 4px;
    display: block;
    line-height: 44px;
    padding-left: 18px;
    text-transform: uppercase;
}

header ul#menu > li:hover, header ul#menu > li.active {
    background-color: #990821;
}

header ul#menu > li.active {
    background: #990821 url('../images/menu-active-bg.png') top center no-repeat;
}

header ul#menu li ul {
    background-color: #990821;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 44px;
    left: 0px;
    width: 160px;
    display: none;
    z-index: 2;
}

header ul#menu li:hover ul {
    display: block;
}

header ul#menu li ul li {
    border-top: 1px solid #aa1932;
}

header ul#menu .two-line > a {
    line-height: 100%;
    padding-top: 10px;
}

header ul#menu .home > a {
    background: transparent url('../images/home-icon.png') right 18px center no-repeat;
}

header ul#menu .about-us > a {
    background: transparent url('../images/about-us-icon.png') right 18px center no-repeat;
}

header ul#menu .oil > a {
    background: transparent url('../images/oil-icon.png') right 18px center no-repeat;
}

header ul#menu .tech > a {
    background: transparent url('../images/tech-icon.png') right 18px center no-repeat;
}

header ul#menu .news > a {
    background: transparent url('../images/news-icon.png') right 18px center no-repeat;
}

header ul#menu .contact > a {
    background: transparent url('../images/contact-icon.png') right 18px center no-repeat;
}

#slider {
    margin: 13px auto;
}

#slider .column {
    width: 310px;
    margin-left: 15px;
    display: inline-block;
    float: left;
    padding: 8px;
    background-color: rgba(255,255,255,0.4);
}

#slider .column:first-child {
    margin-left: 0px;
}

#slider .column img, #slider .one-column img {
    display: block;
    /*transition: all .2s ease-in;*/
    float: left;
}

#slider .column a:hover img, #slider .one-column a:hover img {
    /*transform: scale(1.05);*/
}

#slider .column img {
    transition: all .2s ease-in;
}

#slider .column a:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

#slider .one-column {
    width: 960px;
    display: inline-block;
    float: left;
    padding: 8px;
    background-color: rgba(255,255,255,0.4);
}

.one-third-column {
    width: 290px;
    padding-right: 20px;
    float: left;
}
.two-third-column {
    padding-left: 20px;
    float: left;
    border-left: 1px solid #f0f0f0;
    width: 612px;
}

h2 {
    font-family: 'Corbel';
    font-size: 15px;
    color: #ffffff;
    background-color: #949494;
    padding-left: 30px;
    height: 44px;
    line-height: 46px;
    text-transform: uppercase;
}

h2.news {
    background: #949494 url('../images/news-icon-big.png') right 30px center no-repeat;
}

h2.oil {
    background: #949494 url('../images/oil-icon-big.png') right 30px center no-repeat;
}

h2.about-us {
    background: #949494 url('../images/about-us-icon.png') right 30px center no-repeat;
}

h2.contact {
    background: #949494 url('../images/contact-icon.png') right 30px center no-repeat;
}

#main .content {
    padding: 8px;
    background-color: rgba(255,255,255,0.4);
}

#main .content .content-border {
    border: 1px solid #f0f0f0;
    width: 100%;
    padding: 20px;
    background: #ffffff;
}

h3 {
    font-family: 'Corbel';
    font-size: 30px;
    color: #c41230;
    text-transform: uppercase;
    margin-top: 0px;
}

h4 {
    font-family: 'Corbel';
    font-size: 19px;
    color: #c41230;
    text-transform: uppercase;
    margin: 10px 0;
}

h5 {
    font-weight: bold;
    color: #525252;
    border-bottom: 1px solid #d4d4d4;
    font-size: 15px;
    padding-bottom: 8px;
}

#main .content .content-border .column {
    width: 50%;
    display: inline-block;
    float: left;
}

#main .content .content-border .column:nth-child(2n+1) {
    border-right: 1px solid #f0f0f0;
    padding-right: 20px;
    padding-bottom: 20px;
    clear: left;
}

#main .content .content-border .column:nth-child(2n+0) {
    border-left: 1px solid #f0f0f0;
    position: relative;
    left: -1px;
    padding-left: 20px;
    padding-bottom: 20px;
    clear: right;
}

.column-footer {
    margin-top: 10px;
    background: transparent url('../images/column-footer-bg.png') left center repeat-x;
}

.column-footer .date {
    background-color: #ffffff;
    padding-right: 10px;
    font-family: 'Corbel';
    font-size: 13px;
    line-height: 16px;
    height: 14px;
}

.column-footer a {
    float: right;
    padding-left: 10px;
    padding-right: 20px;
    background: #ffffff url('../images/arrow-right.png') right center no-repeat;
    font-family: 'Corbel';
    font-size: 13px;
    text-decoration: none;
    line-height: 16px;
    height: 14px;
}

.column-footer a:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.partner img, .article img {
    width: 160px;
    float: left;
}

.partner > p > a, .article > p > a {
    float: left;
    display: inline-block;
    margin-right: 20px;
}

.partner > p, .article > p {
    margin-top: 0px;
}

footer {
    color: #ffffff;
    margin-top: 10px;
}

footer a {
    color: #ffffff;
    text-decoration: none;
}

footer #copyright {
    border-top: 1px solid #958c8e;
    background-color: #949494;
    height: 30px;
}

footer #copyright p {
    font-size: 11px;
    line-height: 30px;
    text-align: center;
    margin: 0;
}

footer #copyright p a:hover {
    text-decoration: underline;
}

footer #footer-menu-container {
    background-color: #a60b26;
    height: 37px;
    border-top: 5px solid #990821;
}

footer #footer-menu-container .fix-width {
    position: relative;
}

footer #footer-menu-container .fix-width > img {
    position: absolute;
    left: 0;
    top: 5px;
    bottom: 0;
}

footer #footer-menu-container p {
    font-family: 'Corbel-Bold';
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    margin: 0;
}

footer #footer-menu-container p a:hover {
    text-decoration: underline;
}


/* -------- OILS ------- */
.item {
    width: 215px;
    border: 1px solid #f0f0f0;
    background-color: #f6f6f6;
    padding: 8px;
    display: inline-block;
    float: left;
    margin-left: 14px;
    margin-bottom: 14px;
    cursor: pointer;
    text-decoration: none;
}

.item img {
    transition: all 0.2s ease-in;
}

.item:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.item:nth-child(4n+1) {
    margin-left: 0px;
}

.item span {
    display: block;
    background: #949494 url('../images/item-arrow.png') right 8px center no-repeat;
    min-height: 32px;
    line-height: 34px;
    text-transform: uppercase;
    color: #ffffff;
    font-family: 'Corbel';
    padding-left: 8px;
}

.item:hover span {
    background-color: #c41230;
}

#oil-subcategories .item span {
    line-height: 18px;
    padding: 8px;
    height: 52px;
}

#oil-subcategories .item:nth-child(4) span {
    padding: 18px 8px 0 8px;
}

#oil-products .item span {
    line-height: 18px;
    padding: 8px;
    height: 70px;
}

.border-bottom {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 20px;
}

ul.dropdown, dl.dropdown {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

ul.dropdown li, dl.dropdown dt {
    background-color: #c41230;
    color: #ffffff;
    margin-top: 8px;
    height: 35px;
    line-height: 35px;
}

dl.dropdown dt + dd {
    display: none;
    margin: 0;
    padding: 20px;
}

dl.dropdown dt.active + dd {
    display: block;
}

ul.dropdown.two-side-arrow li, dl.dropdown.two-side-arrow dt {
    background: #c41230 url('../images/ul-arrow-down.png') right 12px center no-repeat;
    padding-right: 40px;
}

ul.dropdown li a, dl.dropdown dt a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    background: transparent url('../images/ul-arrow-down.png') left +12px center no-repeat;
    padding-left: 40px;
}

.two-third-column ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.two-third-column ul li {
    background: transparent url('../images/ul-arrow-right.png') left 10px top 2px no-repeat;
    padding-left: 40px;
    margin-bottom: 8px;
}

.breadcrumbs {
    border-bottom: 5px solid #c41230;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

.breadcrumbs a, .breadcrumbs span {
    color: #565656;
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 8px;
}

.breadcrumbs a.active, .breadcrumbs span.active {
    font-weight: bold;
    background: transparent url('../images/breadcrumb-arrow.png') center bottom no-repeat;
}