/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 13, 2015, 12:30:25 AM
    Author     : keato_000
*/

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    min-width: 1200px;
    color: #555454;
}
.h1, .h2, .h3, h1, h2, h3 {margin-top: 0;}
a {text-decoration: underline; color: #ec1f27;}
a, a:active, a:hover, a:focus {outline: 0;}
a:hover {text-decoration: none;}
.padded_content {padding-left: 67px; padding-right: 67px;}
.header {
     margin-top: 54px;
     position: relative;
}
.top_header {
    background: #ffffff;
    box-shadow: 0 -1px 3px #000;
    padding-top: 10px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1002;
    min-width: 1200px;
    
}
.top_header .phone {float: left; font-size: 18px; line-height: 33px; color: #646464; background: url(images/top_phone_bg.png) no-repeat left; padding-left: 43px;}
.top_header .small_logo {float: left; display: block; width: 252px; height: 43px; display: none; background: url(images/small_logo.png) no-repeat; margin-right: 20px;}
.top_header .top_menu {float: right; display: block; float: right;  line-height: 33px;}
.top_header .top_menu li {display: inline; margin-right: 14px;}
.top_header .top_menu li a {color: #646464; text-decoration: none; text-transform: uppercase;}
.top_header .top_menu li a:hover {text-decoration: underline;}
.top_header .top_menu li.tm_basket {background: url(images/tm_basket.png) no-repeat left; padding-left: 23px; border-right: 1px solid #646464; padding-right: 17px;}
.top_header .top_menu li.tm_basket a {text-decoration: underline;}
.top_header .top_menu li.tm_basket span {color: #aeaeae; font-size: 12px;}

/*Main page*/
.service_map {width: 100%; height: 547px;}

.menu_and_logo {background: rgba(0, 0, 0, 0) url("images/mal_bg.png") repeat-x scroll center top;
    height: 100px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
    padding-top: 11px;}
.menu_and_logo .mal_logo {display: block; width: 368px; height: 57px; background: url(images/white_logo.png) no-repeat; float: left;}
.menu_and_logo.with_padding {padding-top: 23px;}
.main_menu_layout {height: 58px; display: inline-block; float: right; padding-right: 9px; background: url(images/main_menu_bg.png) no-repeat right 0px;}
.main_menu_layout ul {font-size:0; display: inline-block; padding-left: 9px; background: url(images/main_menu_bg.png) no-repeat left -116px;}
.main_menu_layout ul li {font-size: 14px; display: inline-block; height: 58px; background: url(images/main_menu_bg.png) repeat-x 0 -58px; padding: 0 10px;}
.main_menu_layout ul li a {line-height: 58px; color: #fff; font-weight: 700; font-style: italic; text-shadow: 0 1px 2px #000;}
.main_menu_layout ul li a:hover {text-decoration: none;}
.main_menu_layout ul li a:hover span {text-decoration: underline;}
.main_menu_layout ul li a.mobile_tyre_menu {padding-left: 48px; background: url(images/menu_car.png) no-repeat left;}
.main_layout {background: #f0f0f0; box-shadow: 0 0 3px #000; position: relative; padding-top: 30px; padding-bottom: 30px; transition: opacity ease 0.3s;}
.main_layout.loading {opacity: 0.5;}

h1.center, .h1.center {background: rgba(0, 0, 0, 0) url("images/h1_bg.png") no-repeat scroll center bottom;
    font-size: 31px;
    margin-bottom: 20px;
    line-height: 1em;
    padding-bottom: 12px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    text-transform: uppercase;
    margin-top: 0px;}

.top_header .top_menu li.top_user {padding-left: 20px; background: url(images/user.png) no-repeat left;}
.top_header .top_menu li.top_user a {text-transform: none;}
.top_header .top_menu li.login_or_register {padding-left: 20px; background: url(images/key.png) no-repeat left;}
.top_header .top_menu li.login_or_register a {text-transform: none; border-bottom: 1px dotted;}
.top_header .top_menu li.login_or_register a:hover {text-decoration: none;}

/*Список товаров*/
.product_list_item, .product-paginator {margin-bottom: 30px; position: relative; width: 233px; height: 414px; display: inline-block; margin-right: 34px; background: #fff; border: 1px solid #b4b4b4; box-shadow: 0 0 1px #b4b4b4; border-radius: 2px; vertical-align: top; }
.product-paginator { background: #e2e2e2 url(images/pag_next.png) no-repeat center 124px; box-shadow: none; border: none; text-align: center;}
.product-paginator span {color: #3b3b3b; text-decoration: underline; line-height: 450px;}
.product-paginator.loading span {display: none;}
.product-paginator.loading {background: #e2e2e2 url(images/product_loader.gif) no-repeat center center;}
.product-paginator:hover span {text-decoration: none;}
.product_list_item .pli_image {text-align: center; padding: 10px; height: 248px; border-bottom: 1px solid #b4b4b4;}


.pli_vendor_name, .pli_name {font-weight: bold; font-size: 14px;}
.pli_vendor_name {margin: 14px 15px 3px 15px; text-transform: uppercase; }
.pli_name {margin: 0 15px;}

.pli_props {margin: 10px 15px;}
.pli_price {font-weight: bold; font-size: 21px; margin: 0 15px;}
.pli_price span {font-weight: normal; font-size: 20px;}

.product_list_item .to_basket {border-top: 1px solid #b4b4b4; border-radius: 0 0 1px 1px; height: 32px; width: 100%; position: absolute; bottom: 0; left: 0; background: url(images/pl_basket_bg.png);  text-align: center;}
.product_list_item .to_basket:hover {border-top: none; background: url(images/pl_basket_bg.png) 0 32px; cursor: pointer; }
.product_list_item .to_basket span {padding-left: 22px; line-height: 32px; height: 32px; display: inline-block; background: url(images/pli_basket_icon.png) no-repeat 0 6px;}
.product_list_item .to_basket span i {text-align: left; opacity: 0; transition: width ease 0.3s; height: 32px; display: inline-block; overflow: hidden; width: 0px; color: #ffffff; text-transform: uppercase; text-shadow: 1px 1px 0 #8d1317;}

.product_list_item .to_basket:hover span {background: url(images/pli_basket_icon.png) 0 -34px no-repeat; white-space: nowrap;}
.product_list_item .to_basket:hover span i {  width: 82px; opacity: 1;}

/*Карусель товаров*/
.carousel_container {
    position: relative;
    overflow: hidden;
    padding-left: 67px;
    height: 430px;
    
}
.carousel.carousel_small .carousel_container {
    height: 227px;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.carousel_container .carousel_list {
    width: 20000em;
    position: relative;
    margin: 0;
    padding: 0;
}

.false_carousel_item {width: 233px; height: 100px;}

.carousel-prev-container, .carousel-next-container {
  position: absolute; top: -27px; height: 100%; width: 67px;
  background: url(images/carousel_blur.png) repeat-y -8px -31px;
}
.carousel.carousel_small .carousel-prev-container {
    background: url(images/carousel_blur.png) repeat-y -55px -1384px;
}
.carousel.carousel_small .carousel-next-container {
  background: url(images/carousel_blur.png) repeat-y -8px -1107px;  
}
.carousel-prev-container {left: 0; background: url(images/carousel_blur.png) repeat-y -55px -555px;}
.carousel-next-container {right: 0;}
.carousel.carousel_small .carousel-prev, .carousel.carousel_small .carousel-next {
    margin-top: 121px;
}
.carousel-prev, .carousel-next {outline: none; display: block; height: 34px; width: 20px; background: url(images/carousel_arrows.png); margin-top: 213px;}
.carousel-prev {margin-left: 4px;}
.carousel-next {margin-left: 40px; background-position: 0 -40px;}
.carousel-prev:hover {background-position: 0 -80px; cursor: pointer;}
.carousel-next:hover {background-position: 0 -120px; cursor: pointer;}

.carouse_footer {padding: 16px 48px; text-align: right;}
.carouse_footer .more {color: #555454; text-decoration: none;}
.carouse_footer .more span {text-decoration: underline;}
.carouse_footer .more:hover span {text-decoration: none;}


/*Главная страница*/
.advantages {margin-bottom: 30px;}
.advantages_layout {
  height: auto;
  background: url(images/adv_bg.jpg) center no-repeat;
  background-size: cover;
  padding: 30px 0;
  box-shadow: 0 0 3px #555454 inset;
}
.advantages_list {width: 1200px; margin: 0 auto 34px;}
.advantages_list .advantage {
  text-align: center;
  width: 370px;
  display: inline-block; margin-right: 34px; background: #fff; box-shadow: 0 0 3px #555454; border-radius: 2px; vertical-align: top;
}
.advantages_list .advantage:last-child {margin-right: 0px;}
.advantages_list .advantage img {margin: 20px 0;}
.advantage .advantage_content {height: 244px; background: url(images/grey_gradient.png) #f5f5f5 repeat-x top; text-shadow: 1px 1px 0 #ffffff; border-top: 1px solid #b4b4b4; margin-top: 10px; padding: 25px 20px;} 
.advantage .advantage_description {font-size: 16px; line-height: 1.4em;}
.advantage .advantage_header {display: block; font-size: 24px; text-transform: uppercase; margin-bottom: 23px;}

.advantages_list .advantage.big {
  width: 390px;
  margin-top: -10px;
}
.advantages_list .advantage.big .advantage_content {height: 265px;}
.advantages_list .advantage.big .advantage_content {
  background: url(images/red_gradient.png) #da262c repeat-x top;
  color: #fff;
  text-shadow: 1px 1px 0 #a9161b;
}

.footer {
    padding-top: 25px;
    padding-bottom: 25px;
}
.footer_left {float: left;}
.footer_right {float: right;}

.footer_menu {margin-bottom: 16px;}
.footer_menu li {display: inline; margin-right: 20px;}
.footer_menu li a {font-size: 16px; color: #939393; text-transform: uppercase; text-decoration: underline;}
.footer_menu li a:hover {text-decoration: none; color: #4d4d4d;}
.footer_menu.small {margin-bottom: 0;}
.footer_menu.small li a {font-size: 14px; text-transform: none; color: #b4b4b4;}
.footer_menu.small li a:hover {color: #4d4d4d;}
.footer_logo {width: 328px; height: 54px; background: url(images/grey_logo.png) no-repeat;}

.footer_developer {margin-top: 15px; color: #939393;}
.footer_developer a {color: #939393; text-decoration: underline;}

.common_header_image {height: 107px; background: url(images/headers/tyre_header.jpg); background-size: cover; position: relative;}
.common_header_image.large {height: 190px;}
.common_header_bg {position: absolute; width: 100%;
height: 100%; background: url(images/header_pattern.png);}

.sidebar {width: 310px; display: inline-block; margin-right: 37px; background: #fff;}

.products_list {display: inline-block; background: #fff;}
.page_sidebar {width: 320px;}
.product_filter#passenger-tyre {
  background: #ebebeb url(images/filter/passenger-tyre.png) no-repeat bottom left;
}
.product_filter#track-tyre {
  background: #ebebeb url(images/filter/track.png) no-repeat bottom left;
}
.product_filter#disc {
  background: #ebebeb url(images/filter/wheels.png) no-repeat bottom left;
}
.product_filter {
    width: 320px;
    background: #ebebeb;
    border-radius: 5px;
    border: 1px solid #cecece;
    box-shadow: 0 0 5px #cecece;
}
.product_filter.fixed {
    position: fixed;
    bottom: 50px;
}
.product_filter.map_filter {
  position: absolute;
  left: 67px;
  z-index: 1000;
  top: 100px;
  border: none;
  box-shadow: 0 0 5px #444;
}
.product_filter .tabs { margin-top: -1px;}
.product_filter .tab {
  border-bottom: 1px solid #dcdcdc;
    display: block;
    float: left;
    height: 36px;
    width: 160px;
    font-weight: bold;
    cursor: pointer;
    text-shadow: 1px 1px 0 #f5f5f5;
}
.product_filter .tab:first-child {border-right: 1px solid #dcdcdc;}
.product_filter .tab.selected {border-top: 2px solid #ed1c24; border-bottom: none; color: #ed1c24; text-shadow: none;}
.product_filter .tab.selected span {line-height: 32px;}
.product_filter .tab span {line-height: 36px; padding-left: 13px;}
.pf_header {background: #fff url(images/search_red.png) no-repeat 13px center; padding: 0 15px 0 38px; height: 52px; line-height: 52px; border-radius: 5px 5px 0 0; border-bottom: 1px solid #dcdcdc; font-size: 16px; font-weight: bold; color: #ed1c24;}
.filter_table {width: 100%; vertical-align: top;}
.filter_table td {vertical-align: top;}

.products_list_side {padding-left: 30px; transition: opacity ease 0.3s;}
.products_list_side.tinted {opacity: 0.2;}
.filter_content {padding: 15px 18px;}
.filter_content label {font-weight: bold; text-shadow: 1px 1px 0 #f5f5f5; margin-bottom: 7px;}

.products_list {}

.pl_top {height: 51px;}
.plt_header {font-size: 27px; line-height: 28px; font-weight: bold; text-shadow: 1px 1px 0 #fff; float: left;}
.plt_sorter {float: right; }
.plt_sorter label {padding-left: 16px; padding-right: 10px; background: url(images/sorter_icon.png) no-repeat left center;}


.color_button {background: none; border: none; padding: 0; display: inline-block; height: 37px;}
.color_button span {display: inline-block; width: 98%; height: 38px; line-height: 35px; color: #fff; text-align: center; font-size: 16px; font-weight: bold; background-repeat: no-repeat;}
.color_button span.right {width: 2%; height: 38px; background-position: center right;}

.color_button.red_button span {background-image: url(images/button_red.png);}
.color_button.green_button span {background-image: url(images/button_green.png); text-shadow: 0 1px 1px #0f752a;}
.color_button.brown_button span {background-image: url(images/button_brown.png); text-shadow: 0 1px 1px #924a0d;}
.color_button.blue_button span {background-image: url(images/button_blue.png); text-shadow: 0 1px 1px #073041;}
.color_button.grey_button span {background-image: url(images/button_grey.png); text-shadow: 0 1px 1px #393939;}

.filter_content .color_button {width: 100%; text-shadow: 1px 1px 0 #8f1017;}

.items_count_title {color: #646464;
    font-size: 12px;
    margin-top: 11px;
    text-align: center;}

.main_layout.product_page {margin-top: 0px; padding-top: 0px; position: static;}
.layout_center {width: 1200px; margin: 0 auto;}
.product_page_layout {width: 1200px; margin: 0 auto; margin-top: -100px; position: relative; z-index: 1000;}
.pp_left {width: 375px; float: left;  margin-right: 30px;}
.pp_right {width: 795px; float: left;}
.pp_header {height: 100px;}

.product_image {padding: 30px 20px; width: 100%; background: #fff; box-shadow: 0 1px 2px #b4b4b4;  border-radius: 3px; text-align: center;}
.pp_header {color: #fff; font-size: 27px; text-shadow: 0 1px 2px #000; position: relative;}
.pp_header h1 {font-weight: bold; line-height: 1.2em; margin-top: 0; margin-bottom: 0;}
.pp_header h1 a {color: #fff; text-decoration: underline;}
.pp_header span {display: block;}
.pp_header .price_container {position: absolute; right: 0; bottom: 0; height: 93px; background: url(images/product_price_label.png) repeat-x; padding: 0 18px; color: #3b3b3b; color: #3b3b3b; font-weight: bold; text-shadow: none;}
.pp_header .price_container span {display: block; line-height: 1em; font-size: 42px;} 
.pp_header .price_container i {color: #727272;
    font-size: 31px;
    font-weight: normal;}
.pp_header .price_container label {color: #727272;
    display: block;
    font-size: 16px;
    line-height: 1em;
    margin-bottom: 7px;
    margin-top: 13px;}

.sb_calculator {width: 338px; background: url(images/grey_cross_bg.png); display: inline-block; margin-right: 30px; box-shadow: 0 1px 2px #b4b4b4; border-radius: 0 0 3px 3px; text-shadow: 0 1px 0 #fff;}
.sb_additional {display: inline-block; vertical-align: top; width: 282px; min-height: 300px; text-shadow: 0 1px 0 #fff;
}
.sb_additional.loading {background: url(images/product_loader_light.gif) no-repeat center center;}
.sb_additional.loading .sba_content {display: none;}
.sb_additional .sba_header {font-size: 16px; font-weight: bold; line-height: 48px; border-bottom: 1px solid #3b3b3b; background: url(images/icon_plus.png) no-repeat left center; padding-left: 30px;}
.sbc_summ {padding: 20px 30px; background: url(images/red_cross_bg.png);  color: #fff; font-weight: bold; text-shadow: 0 1px #bd1a20;}
.sbc_summ label {font-size: 16px; display: block;}
.sbc_summ span {display: block;
    font-size: 42px;
    line-height: 1em;
    margin-top: 14px;}

.sbc_summ .additional_service_price {font-size: 14px;}

.sb_calculator .sb_row {padding: 16px; border-bottom: 1px solid #c3c3c3; border-top: 1px solid #fff;}
.sb_calculator .sb_row:last-child {border-bottom: none; line-height: 1.3em;}
.sb_calculator .sb_row.iconized { padding-left: 70px;}
.sb_calculator .sb_row b {font-weight: bold;}
.sb_calculator .sb_row.icon_tyre { background: url(images/icon_tyre.png) no-repeat 16px center;}
.sb_calculator .sb_row.icon_advantage { background: url(images/icon_advantage.png) no-repeat 16px center; display: none;}
.sb_calculator .sb_row.icon_service { background: url(images/icon_service.png) no-repeat 16px center; display: none;}
.product_page .product_description {margin-top: 20px; line-height: 1.4em;}
.product_page .product_properties {padding-left: 57px; background: url(images/icon_info.png) no-repeat; margin-top: 30px;}
.product_page .product_properties li {line-height: 1.4em; margin-bottom: 10px;}
.product_page .product_properties li a {color: #555454;}
.product_page .product_properties b {font-weight: bold; text-transform: uppercase;}
.product_page .color_button.green_button.to_basket {width: 130px; font-weight: normal; float: right; text-shadow: 0 1px 0 #3d7a10; height: 39px; margin-top: -2px;}
.product_page .color_button.green_button.to_basket span {font-weight: normal;}
i.icon {padding: 0 10px; margin-right: 3px;}
i.icon.basket {background: url(images/icon_basket_green_shadow.png) no-repeat 0 2px;}

.tyre_tooltip .popover-image {height: 66px; margin-top: -67px; width: 100%; display: none; min-width: 300px;}

.tyre_tooltip.tyre_section .popover-image {display: block; background: url(images/fliter/tooltip_image.png) no-repeat -290px 0;}
.tyre_tooltip.tire_width .popover-image {display: block; background: url(images/fliter/tooltip_image.png) no-repeat 24px 0;}
.tyre_tooltip.tire_radius .popover-image {display: block; background: url(images/fliter/tooltip_image.png) no-repeat -608px 0;}
.tyre_tooltip.speed_index .popover-image {display: block; background: url(images/fliter/tooltip_image.png) no-repeat -1217px 0;}
.tyre_tooltip.load_index .popover-image {display: block; background: url(images/fliter/tooltip_image.png) no-repeat -905px 0;}

.top_header .top_menu li a.logout {color: #aeaeae;}

.forget_href_container {text-align: right; line-height: 2.4em; display: block;}
.forget_href_container a {color: #2e2e2e; text-decoration: none; border-bottom: 1px dotted; font-style: italic;}

.dialog_buttons_container {text-align: center;}
.dialog_buttons_container a {font-size: 18px; color: #2e2e2e; text-decoration: none; border-bottom: 1px dotted; font-style: italic; text-align: center; cursor: pointer;}
.dialog_buttons_container button {width: 100%; margin-bottom: 10px;}

#register-dialog .dialog_buttons_container {text-align: right;}
#register-dialog .dialog_buttons_container button {width: 300px;}


.modal-title {font-weight: bold;}
.modal-backdrop {background: url(images/dialog_bg.png);}
.modal-open .root_layout {filter: blur(5px);}

#login-dialog .modal-header {background: url(images/icon_auth.png) no-repeat 16px center; padding-left: 60px;}
#register-dialog .modal-header {background: url(images/icon_register.png) no-repeat 16px center; padding-left: 60px;}
#login_register-dialog .modal-header {background: url(images/icon_order.png) no-repeat 16px center; padding-left: 60px;}

form .error_message {display: none; margin-bottom: 10px;}

.card_layout {
    width: 100%;
    background: #fff;
    box-shadow: 0 1px 3px #b4b4b4;
    border-radius: 2px;
    padding: 30px;
}

table th {
    text-transform: uppercase;
    
}
.table.basket_table > tbody > tr > td {vertical-align: middle;}
.basket_product_desc, .basket_product_image {display: inline-block; vertical-align: middle;}
.basket_product_image {margin-right: 20px;}
.basket_product_desc .bpd_name {font-size: 18px; text-decoration: none; color: #3b3b3b; font-weight: bold; display: block;}
.bpd_additional_service {margin-top: 5px;}
.bpd_additional_service a {cursor: pointer;}
.bpd_additional_service .btn-group.open .dropdown-toggle {
  box-shadow: none;
}
.bpd_additional_service .btn-group {vertical-align: top;}
.table.order_table .basket_product_desc .bpd_name {font-size: 14px;}
.table.order_table td {font-size: 14px;}
.table.order_table .pli_price, .table.order_table .pli_price span {font-size: 14px;}

.bottom_buttons {text-align: right; margin-top: 30px;}
.basket_table .overvall {text-align: right;}
.basket_table td.right, .basket_table th.right {text-align: right; padding-right: 21px;}
.basket_table .additional_service_price {font-weight: normal; font-size: 14px;}
.basket_table td.actions {text-align: right; width: 158px;}

.modal h2 {font-weight: bold; font-size: 20px; color: #2e2e2e;}
.modal p {line-height: 1.3em; margin: 12px 0 25px;}

.order_info {padding-top: 8px;
    position: absolute;
    right: 24px;
    top: -54px;
    width: 652px;}
.order_info .help-block {font-size: 12px;}
.nav-tabs > li > a {border: none; font-size: 18px; text-decoration: none; color: #3b3b3b; padding: 10px 0 30px; margin-right: 30px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  border: none;
  text-decoration: underline;
  font-weight: bold;
  color: #3b3b3b
}
.nav-tabs > li > a:hover {background: none;}
.nav-tabs {border: none;}

.nav-tabs > li {margin-bottom: 0;}

.form-group.required label:after {
  content:" *";
  color:red;
}

.more_props {padding-bottom: 20px; text-decoration: none; display: none; cursor: pointer;}
.more_props span { border-bottom: 1px dashed;}

.special_mark {width: 63px; height: 63px; background: url(images/special_mark.png); position: absolute; top: 0; right: 0;}

.review_item.card_layout {width: 370px; display: inline-block; margin-right: 30px; padding: 15px; vertical-align: top;}
.review_item.card_layout .ri_header {color: #3b3b3b; border-bottom: 1px solid #3b3b3b; padding-bottom: 10px;}
.review_item.card_layout .ri_user {float: left; text-transform: uppercase; font-weight: bold;}
.review_item.card_layout .ri_date {float: right;}
.ri_review {margin-top: 5px;}

.sba_services {padding-top: 10px; display: block; border-top: 1px solid #fff;}
.sba_services li {padding-bottom: 17px;}
.sba_services label {font-weight: normal; font-size: 16px;}
.sba_services span {font-size: 12px; color: #808080; line-height: 1.2em; display: block;}

.change_password {display: block; cursor: pointer;}