@charset "utf-8";
html {width:100%;}
body {margin:0; padding:0; height:100%;}

.clear {clear: both;}

.wrapper {margin: 0; padding: 0; max-width: 100%; width: auto; min-width: 306px; height: auto; position: relative; background: #fff url(images/bg.png); overflow: hidden;}

.wrap_header_pre {margin: 0; width: 100%; height: 70px; background: #e7e7e7;}
.wrap_header {margin: 0 auto; max-width: 1100px; width: 100%; min-width: 306px; height: 70px;}

.head {display: table; width: 100%;}
.head a, .head a:hover {border-bottom: none;}
.head > div {display: table-cell; height: 70px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.head > div:nth-child(1) {padding-top: 10px; padding-right: 30px; width: 287px; height: 60px; text-align: center;}
.head > div:nth-child(2) {width: 450px; background: #222; text-align: center; font-size: 24px; color: #fff;}
.head > div:nth-child(2) > div {display: block; width: 100%;}
.head > div:nth-child(2) > div:nth-child(1) {height: 20px; font-size: 14px; line-height: 20px;}
.head > div:nth-child(2) > div:nth-child(2) { height: 50px; line-height: 50px;}

.head > div:nth-child(3) > div {display: block; padding-right: 10px; width: 100%; height: 35px; text-align: right; line-height: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.head > div:nth-child(3) > div a {display: inline-block; margin-left: 25px; color: #222; text-decoration: none; border-bottom: 1px dotted #222; line-height: 17px;}
.head > div:nth-child(3) > div a:hover {color: #666; text-decoration: none; border-bottom: 1px dotted #666;}

.wrap_menu_pre {display: block; width: 100%; height: 50px;}
.wrap_menu {display: block; margin: 0 auto; max-width: 1100px; width: 100%; min-width: 306px;}

.wrap_menu .button_menu {display: none; padding-right: 40px; width: 100%; height: 50px; text-align: right; text-transform: uppercase; font-size: 18px; font-family: 'Exo2Medium'; background: url(images/menu.png) right 0 no-repeat; cursor: pointer; line-height: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.wrap_menu .button_menu:hover {background: #e7e7e7 url(images/menu.png) right -50px no-repeat; color: #ff8200;}

.wrap_menu .menu {display: block; height: 50px; position: relative;}
.wrap_menu .menu ul {margin: 0; padding: 0; list-style: none; width: 100%; height: 50px;}
.wrap_menu .menu ul li {float: left; display: block; margin: 0; padding: 0; width: auto; height: 50px; position: relative; line-height: normal;}
.wrap_menu .menu ul li:before {content: ''; display: none;}
.wrap_menu .menu ul li .podmenu, .wrap_menu .menu ul li a {display: block; padding: 0 20px; height: 50px; letter-spacing: 1px; font-size: 15px; font-family: 'Exo2Medium'; border-bottom: none; text-transform: uppercase; text-decoration: none; color: #222; position: relative;  line-height: 50px; }
.wrap_menu .menu ul li a.active {background: #e7e7e7; color: #ff8200;}
.wrap_menu .menu ul li .podmenu {padding: 0 39px 0 20px; background: url(images/arrow_down.png) center right no-repeat; cursor: pointer;}
.wrap_menu .menu ul li .podmenu:hover, .wrap_menu .menu ul li .podmenu.activeCap {background: #e7e7e7 url(images/arrow_down.png) center right no-repeat; color: #ff8200;}
.wrap_menu .menu ul li a:hover {background: #e7e7e7; color: #ff8200; border-bottom: none;}
.wrap_menu .menu ul li .wrap_level {display: none;}
.wrap_menu .menu ul li .wrap_level {position: absolute; left: 0; display: block; padding: 0; min-width: 164px; width: auto; background: #fff !important; z-index: 200;}
.wrap_menu .menu ul li .wrap_level span {display: block; padding: 0; width: 100%; height: 40px;}
.wrap_menu .menu ul li .wrap_level span a {display: block; padding: 0 20px; width: 100%; height: 40px; font-size: 15px; font-family: 'Exo2Regular'; border-bottom: none; text-transform: none; text-decoration: none; white-space: nowrap; color: 222; line-height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.wrap_search_pre {display: block; margin: 0 auto; max-width: 1100px; width: 100%; min-width: 306px; height: 110px; background: #222; overflow: hidden;} 
.wrap_search {display: table; width: 100%;}
.wrap_search > div {display: table-cell; width: auto; height: 110px; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.wrap_search > div:nth-child(1) {padding: 20px 30px 0 0; width: 165px; text-align: right; text-transform: uppercase; color: rgba(200,200,200, .8); letter-spacing: 1px; font-size: 18px; font-family: 'Exo2Medium'; line-height: 150%;}
.wrap_search > div:nth-child(2) {padding: 20px 25px 0 0;}
.wrap_search > div .search {display: table; width: 100%;}
.wrap_search > div .search > div {display: table-cell; width: auto; height: 40px; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.wrap_search > div .search > div:nth-child(2) {padding-left: 10px; width: 120px;}
.wrap_search > div .search > div input[type="text"] {display: block; padding: 0 10px; width: 100%; height: 40px; border: none; background: #fff; color: #333; font-size: 15px; line-height: 35px;}
.wrap_search > div .search > div input[type="submit"] {display: block; width: 100%; height: 40px; border: none; background: #ff8200; color: #fff; text-transform: uppercase; text-align: center; font-size: 14px;}
.wrap_search > div .search > div input[type="submit"]:hover {background: #fff; color: #ff8200;}
.wrap_search > div .search_selector {display: table; padding-top: 12px;}
.wrap_search > div .search_selector > div {display: table-cell; padding-right: 30px; vertical-align: middle;}

.wrap_footer_pre {display: block; padding-top: 20px; width: 100%; min-height: 150px; height: auto; background: #000;}
.wrap_footer {display: block; margin: 0 auto; max-width: 1100px; width: 100%; min-width: 306px; color: #fff}

.wrap_botom_naw {display: table; padding-bottom: 15px; width: 100%;}
.wrap_botom_naw > div {display: table-cell; padding: 10px; width: 25%; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.wrap_botom_naw > div .title {padding-bottom: 10px; text-transform: uppercase; color: #eee; font-family: 'Exo2Bold';}
.wrap_botom_naw > div ul {margin: 0; padding: 0; list-style: none;}
.wrap_botom_naw > div ul li {padding: 4px 0; line-height: 130%;}
.wrap_botom_naw > div ul li a {color: #aaa; text-decoration: none; border-bottom: 1px dotted #aaa;}
.wrap_botom_naw > div ul li a:hover {color: #fff; text-decoration: none; border-bottom: 1px dotted #fff;}
.wrap_botom_naw > div p {color: #aaa; line-height: 170%;}

.wrap_footer .dotted {display: block; margin: 0 auto; width: 85%; height: 1px; border-bottom: 1px dotted #999;}

.copyright {padding: 15px 10px 0 10px; font-size: 13px; color: #aaa;}
.creator {padding: 4px 10px 15px 10px; font-size: 13px;}
.creator a {color: #aaa; text-decoration: none; border-bottom: none;}
.creator a:hover {color: #aaa; text-decoration: none; border-bottom: 1px dotted #aaa;}

.breadcrumb {display: block; margin: 0 auto; padding: 10px 0; max-width: 1100px; width: 100%; min-width: 306px;}
.breadcrumb > div {display: inline-block; font-size: 13px; color: #222;}
.breadcrumb > div a {text-decoration: none; color: #aaa; border-bottom: none;}
.breadcrumb > div a:hover {text-decoration: none; color: #222; border-bottom: none;}
.breadcrumb .breadcrumb-arrow {display: inline-block; width: 20px; height: 16px; vertical-align: top; background: url(images/arrow_bc.png) center center no-repeat;}

.system-nav {margin: 0 0 15px 0; color: #fff; font-size: 14px; float: right;}
.system-nav .nav-current-page {float: left; margin-right: 3px; width: 40px; height: 40px; text-align: center; color:#fff; background: #ff8200; line-height: 40px;}
.system-nav a {float: left; display: block; margin-right: 3px; width: 40px; height: 40px; text-decoration: none; border-bottom: none; text-align: center; color: #fff; background: #aaa; line-height: 40px;}
.system-nav a:hover {background: #ff8200; color: #fff; text-decoration: none; border-bottom: none;}
.system-nav a.nav-page-dots {float: left; display: block; margin-right: 2px; width: 35px; height: 35px; text-decoration: none; text-align: center; color: #fff; background: #aaa; line-height: 40px;}
.system-nav a.nav-page-dots:hover  {background: #ff8200; color: #fff; text-decoration: none;}

.wrap_content {display: block; margin: 0 auto; padding: 15px 0 45px 0; max-width: 1100px; width: 100%; min-width: 306px; min-height: 350px;}

.main_catalog {display: table; width: 100%;}
.main_catalog > div {display: table-cell; width: auto; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.main_catalog > div:nth-child(1) {width: 65%; padding-right: 25px;}  

.wrap_catalog_main {width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
.wrap_catalog_main > div {margin-bottom: 25px; padding: 2px; width: 47%; height: 130px; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}
.wrap_catalog_main > div a {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;  border-bottom: none; text-indent: -9999px;}
.wrap_catalog_main > div .block {display: table; width: 100%; background: #eee;}
.wrap_catalog_main > div .block > div {display: table-cell; width: auto; height: 124px; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.wrap_catalog_main > div .block > div:nth-child(1) {padding: 20px 15px;}
.wrap_catalog_main > div .block > div span {display: block; color: #000;}
.wrap_catalog_main > div .block > div span:nth-child(2) { padding-top: 25px; font-size: 24px; font-family: 'Exo2Bold'; color: #000;}
.wrap_catalog_main > div .block > div:nth-child(2) {width: 130px; vertical-align: middle; text-align: center; background: #999;}
.wrap_catalog_main > div:hover .block > div span {color: #ff8200;}
.wrap_catalog_main > div:hover .block > div:nth-child(2) {background: #ff8200;}

.fast_link {display: table; margin: 15px 0; width: 100%; height: 50px; background: #222;}
.fast_link > div {display: table-cell; height: 50px; vertical-align: middle; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.fast_link > div:nth-child(1) {padding-left: 20px; width: 220px; color: #eee; font-size: 15px; font-family: 'Exo2Medium'; }

.fast_link > div ul {margin: 0; padding: 0; list-style: none;}
.fast_link > div ul > li {float: left; display: block; margin-right: 20px;}
.fast_link > div ul > li a {color: #fff; text-decoration: none; border-bottom: 1px dotted #fff;}
.fast_link > div ul > li a:hover {color: #ff8200; text-decoration: none; border-bottom: 1px dotted #ff8200;}

.avto_catalog {width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
.avto_catalog.top {margin-top: 25px;} 
.avto_catalog > div {margin: 0 1% 25px 1%; padding: 7px; width: 23%; height: auto; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;
-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
.avto_catalog > div:hover {box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.avto_catalog > div .date {font-size: 13px;}
.avto_catalog > div h3 {display: block; margin: 5px 0; font-size: 18px; height: 45px; overflow: hidden;}
.avto_catalog > div p {font-size: 13px; line-height: 150%;}
.avto_catalog > div a, .avto_catalog > div a:hover {border-bottom: none;}
.avto_catalog > div .main_img {margin: 17px 0 5px 0;}
.avto_catalog > div .dop_img {display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: nowrap;}
.avto_catalog > div .dop_img > div {margin: 0 3px; padding: 2px; width: 25%; height: auto; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; line-height: 0;}
.avto_catalog > div .dop_img > div:hover {border: 1px solid #ff8200;}
.avto_catalog > div .link {display: block; padding: 20px 0 15px 0; overflow: hidden;}
.avto_catalog > div .link a {display: block; padding: 10px 15px; width: 100%; height: auto; color: #fff; text-align: center; text-decoration: none; text-transform: uppercase; background: #aaa;  border-bottom: none; overflow: hidden;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
.avto_catalog > div .link a:hover {color: #fff; text-decoration: none; background: #ff8200; border-bottom: none;}

.all_catalog {display: table; margin: 25px 0; width: 100%;}
.all_catalog > div {display: table-cell; width: auto; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.all_catalog > div:nth-child(1) {display: none;}
.all_catalog > div.view {display: table-cell !important; padding-right: 30px; width: 25%;}
.all_catalog > div .wrap_blocks {width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
.all_catalog > div .wrap_blocks > div {margin: 0 1% 25px 1%; padding: 2px; width: 18%; height: auto; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;
-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
.all_catalog > div .wrap_blocks > div:hover {box-shadow: 0 0 10px rgba(0,0,0,0.3); color: #ff8200;}
.all_catalog > div .wrap_blocks > div.view {width: 23% !important; max-width: 192px; min-width: 165px;}
.all_catalog > div .wrap_blocks > div .wrap_photo {display: table; width: 100%; height: 175px; overflow: hidden;}
.all_catalog > div .wrap_blocks > div .wrap_photo > div {display: table-cell; width: 100%; height: 175px; vertical-align: middle; text-align: center; line-height: 0; overflow: hidden;}
.all_catalog > div .wrap_blocks > div .wrap_name {display: table; width: 100%; height: 85px; border-top: 1px solid #ccc; overflow: hidden;}
.all_catalog > div .wrap_blocks > div .wrap_name > div {display: table-cell; padding: 5px 7px; width: 100%; height: 85px; vertical-align: middle; text-align: center; text-transform: uppercase; font-size: 16px; font-family: 'Exo2Medium'; background: #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.all_catalog > div .wrap_blocks > div a {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; text-indent: -9999px; border-bottom: none;}

.all_catalog > div .visual {margin: 0 0 25px 0; padding: 2px; width: 100%; height: auto; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;
-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
.all_catalog > div .visual:hover {box-shadow: 0 0 10px rgba(0,0,0,0.3); color: #ff8200;}
.all_catalog > div .visual .wrap_photo {display: table; width: 100%; height: 175px; overflow: hidden;}
.all_catalog > div .visual .wrap_photo > div {display: table-cell; width: 100%; height: 175px; vertical-align: middle; text-align: center; line-height: 0; overflow: hidden;}
.all_catalog > div .visual .wrap_name {display: table; width: 100%; height: 85px; border-top: 1px solid #ccc; overflow: hidden;}
.all_catalog > div .visual .wrap_name > div {display: table-cell; padding: 5px 7px; width: 100%; height: 85px; vertical-align: middle; text-align: center; text-transform: uppercase; font-size: 16px; font-family: 'Exo2Medium'; background: #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;} 
.all_catalog > div .visual a {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; text-indent: -9999px; border-bottom: none;}

.all_catalog_line {display: table; margin: 25px 0; width: 100%; border: 1px solid #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.all_catalog_line .row {display: table-row; width: 100%; background: #fafafa; text-decoration: none; color: #000;}
.all_catalog_line .row:nth-child(2n) {background: #fff;}
.all_catalog_line .row:hover {text-decoration: none; color: #ff8200; background: #f1f1f1;}
.all_catalog_line .row:hover span {border-bottom: 1px dotted #ff8200;}
.all_catalog_line .row > div {display: table-cell; padding: 7px 10px; width: auto; height: 45px; border-bottom: 1px solid #eee; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.all_catalog_line .row > div strong { display: inline-block; padding: 0 5px; font-size: 17px;}
.all_catalog_line .row:nth-last-child(1) > div {border-bottom: none;}
.all_catalog_line .row > div:nth-child(2) {width: 160px;}

.detail_list {width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
.detail_list > div {margin: 0 0 25px 0; padding: 7px; width: 100%; height: auto; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;
-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
.detail_list > div:hover {box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.detail_list > div .section {display: table; width: 100%;}
.detail_list > div .section > div {display: table-cell; width: auto; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.detail_list > div .section > div:nth-child(1) {width: 150px; height: 150px; line-height: 0;}
.detail_list > div .section > div:nth-child(2) {padding: 0 15px;}
.detail_list > div .section > div:nth-child(3) {width: 130px;}
.detail_list > div .section > div a, .detail_list > div .section > div a:hover {border-bottom: none;}
.detail_list > div .section > div h3 {margin: 5px 0 15px 0; font-size: 17px; font-family: 'Exo2Bold'; line-height: 20px;}
.detail_list > div .section > div h3 a {text-decoration: none; color: #222; border-bottom: 1px dotted #222;}
.detail_list > div .section > div h3 a:hover {text-decoration: none; color: #ff8200; border-bottom: 1px dotted #ff8200;}
.detail_list > div .section > div p {font-size: 13px; line-height: 180%;}
.detail_list > div .section > div p span {display: inline-block; padding-left: 5px; font-size: 15px; font-family: 'Exo2Bold';}
.detail_list > div .section > div .price {display: block; padding: 15px 0 25px 0; width: 100%; text-align: center; font-size: 13px;}
.detail_list > div .section > div .price span {display: inline-block; padding-right: 5px; font-size: 18px; font-family: 'Exo2Bold';}
.detail_list > div .section > div .buy {display: block; width: 100%; height: 40px; color: #fff; font-family: 'Exo2Medium'; background: #ff8200; text-align: center; text-transform: uppercase; cursor: pointer; line-height: 40px; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
.detail_list > div .section > div .buy:hover {background: #aaa;}
.detail_list > div .section > div .in_basket {display: block; width: 100%; height: 40px; color: #fff; font-family: 'Exo2Medium'; background: #aaa; text-align: center; text-transform: uppercase; line-height: 40px;}
.detail_list > div .section > div .count {display: block; padding-top: 15px; width: 100%; color: #ff8200; text-align: center;}
.detail_list > div .section > div .count span {color: #f00;}

.detail_good {display: table; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.detail_good > div {display: table-cell; width: auto; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.detail_good > div:nth-child(1) {width: 275px; height: auto;}
.detail_good > div:nth-child(2) {padding-left: 25px;}
.detail_good > div a, .detail_good > div a:hover {border-bottom: none;}
.detail_good > div .photo {display: block; margin: 0 0 5px 0; width: 275px; height: 275px; text-align: center; line-height: 0;}
.detail_good > div .photo_more {display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
.detail_good > div .photo_more > div {margin: 0 4px 5px 4px; padding: 2px; width: 60px; height: auto; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; line-height: 0; overflow: hidden;}
.detail_good > div .photo_more > div:hover {border: 1px solid #ff8200;}
.detail_good > div .title {display: block; margin-bottom: 25px; padding: 0 15px; width: 100%; height: 40px; color: #000; font-family: "Exo2ExtraLightItalic"; background: #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 40px;}
.detail_good > div .price {display: table; margin-bottom: 25px; padding: 0 15px; width: 100%; height: 40px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.detail_good > div .price > div {display: table-cell; width: auto; height: 40px; vertical-align: middle; color: #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.detail_good > div .price > div:nth-child(3) {width: 130px;}
.detail_good > div .price > div span {display: inline-block; padding: 0 5px; font-size: 18px; font-family: 'Exo2Bold';}
.detail_good > div .price > div .buy {display: block; width: 100%; height: 40px; color: #fff; font-family: 'Exo2Medium'; background: #ff8200; text-align: center; text-transform: uppercase; cursor: pointer; line-height: 40px; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
.detail_good > div .price > div .buy:hover {background: #aaa;}
.detail_good > div .price > div .in_basket {display: block; width: 100%; height: 40px; color: #fff; font-family: 'Exo2Medium'; background: #aaa; text-align: center; text-transform: uppercase; line-height: 40px;}
.detail_good > div .good {display: block; padding: 0 15px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.detail_good > div .good div {display: block; margin-bottom: 10px; font-family: 'Exo2Medium'; line-height: 150%;}
.detail_good > div .good div span {display: inline-block; padding-right: 5px; font-family: "Exo2BoldItalic";}

.tabs {display: block; width: 100%; height: auto; overflow: hidden;}
.tabs .panel {display: table; margin: 15px 0; width: 100%; height: 50px; background: #222;}
.tabs .panel > div {display: table-cell; height: 50px; vertical-align: middle; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.tabs .panel > div:nth-child(1) {padding-left: 20px; width: 230px; color: #eee; font-size: 15px;}
.tabs .panel > div ul {margin: 0; padding: 0; list-style: none;}
.tabs .panel > div ul > li {float: left; display: block; padding: 0 25px; height: 50px; color: #fff; font-family: 'Exo2Medium'; cursor: pointer; line-height: 50px;}
.tabs .panel > div ul > li span {padding: 3px 0; border-bottom: 1px dotted #fff;}
.tabs .panel > div ul > li:hover, .tabs .panel > div ul > li.active {background: #eee; color: #ff8200;}
.tabs .panel > div ul > li:hover span, .tabs .panel > div ul > li.active span {border-bottom: 1px dotted #eee;}
.tabs .wrap_tab_result {display: block; padding: 25px 0; width: 100%; height: auto; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.tabs .tabs__content {display: none; margin: 0 auto; width: 1000px;}
.tabs .tabs__content.active {display: block; position: relative;}
.tabs .tabs__content .element {position: absolute; cursor: pointer; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.1s ease-in-out; -ms-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out;}
.tabs .tabs__content .element:hover {border: 1px solid #ccc; border-radius: 5px; -webkit-box-shadow: 0px 0px 7px 0px rgba(153, 153, 153, 0.4); -moz-box-shadow: 0px 0px 7px 0px rgba(153, 153, 153, 0.4); box-shadow: 0px 0px 7px 0px rgba(153, 153, 153, 0.4);}
.tabs .tabs__content .element.view {border: 2px solid #f00;}
.tabs .tabs__content .element .help {position: absolute; display: none; top: 0; text-align: left; font-size: 13px; background: #fff; cursor: default; z-index: 400; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;}
.tabs .tabs__content .element .help a {text-decoration: none; color: #aaa; border-bottom: none; display: inline-block; padding: 5px 0; cursor: pointer;}
.tabs .tabs__content .element .help a span {font-family: 'Exo2Medium'; color: #666;}
.tabs .tabs__content .element .help a:hover, .tabs .tabs__content .element .help a:hover span {text-decoration: none; color: #ff8200; border-bottom: none;}
.tabs .tabs__content .element .help.left {left: -317px;}
.tabs .tabs__content .element .help.right {right: -317px;}
.tabs .tabs__content .element:hover .help {display: block; padding: 5px 10px; width: 290px; height: auto; border: 1px solid #ccc; border-radius: 5px; -webkit-box-shadow: 0px 0px 7px 0px rgba(153, 153, 153, 0.4); -moz-box-shadow: 0px 0px 7px 0px rgba(153, 153, 153, 0.4); box-shadow: 0px 0px 7px 0px rgba(153, 153, 153, 0.4); overflow: hidden;}
.tabs .tabs__content .element.left:hover:after {width: 6px; height: 100px; top: 0px; content: ""; left: -6px; position: absolute; z-index: 497;}
.tabs .tabs__content .element.right:hover:after {width: 6px; height: 100px; top: 0px; content: ""; right: -6px; position: absolute; z-index: 497;}
.tabs .tabs__content .element.left:hover:before {border: solid; border-color: transparent #ccc; border-width: 6px 0 6px 6px; top: 15px; content: ""; left: -6px; position: absolute; z-index: 499;}
.tabs .tabs__content .element.right:hover:before {border: solid; border-color: transparent #ccc; border-width: 6px 6px 6px 0; top: 15px; content: ""; right: -6px; position: absolute; z-index: 499;}

.all_search {display: table; margin: 25px 0; width: 100%; border: 1px solid #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.all_search .row {display: table-row; width: 100%; background: #fafafa; text-decoration: none; color: #000;}
.all_search .row:nth-child(2n) {background: #fff;}
.all_search .row:hover {text-decoration: none; color: #ff8200; background: #f1f1f1;}
.all_search .row:hover span {border-bottom: 1px dotted #ff8200;}
.all_search .row > div {display: table-cell; padding: 10px; width: auto; height: 45px; border-bottom: 1px solid #eee; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 130%; }
.all_search .row > div strong { display: inline-block; padding: 0 5px; font-size: 17px;}
.all_search .row:nth-last-child(1) > div {border-bottom: none;}
.all_search .row > div:nth-child(2) {width: 200px;}

.basket_list {display: table; margin: 15px 0; width: 100%; height: auto;}
.basket_list .row {display: table-row; width: 100%; background: #fafafa;}
.basket_list .row:nth-child(1) {background: #ccc;}
.basket_list .row:nth-child(1) > div {height: 40px; vertical-align: middle; color: #fff;}
.basket_list .row:nth-child(2n) {background: #fff;}
.basket_list .row:nth-last-child(1) {height: 50px; background: #ccc;}
.basket_list .row:nth-last-child(1) > div {color: #fff; font-size: 17px; font-family: 'Exo2Bold';}
.basket_list .row:nth-last-child(1) > div span {color: #fff;}
.basket_list .row:nth-last-child(1) > div em {font-family: 'Exo2Bold';}
.basket_list .row > div {display: table-cell; padding: 5px 0; width: auto; vertical-align: middle; text-align: left; border-bottom: 1px solid #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.basket_list .row > div span {color: #737373; font-size: 13px; font-family: 'Exo2Regular';}
.basket_list .row > div em {font-family: 'Exo2Medium';}
.basket_list .row > div:nth-child(1) {width: 40px; padding-left: 5px;}
.basket_list .row > div:nth-child(1) .del_good {display: block; width: 15px; height: 15px; background: url(images/del_basket.png) 0 0 no-repeat; cursor: pointer;}
.basket_list .row > div:nth-child(1) .del_good:hover {background-position: 0 -15px;}
.basket_list .row > div:nth-child(2) {width: 71px; padding: 5px 0;}
.basket_list .row > div:nth-child(2) .picture {display: block; width: 65px; height: 65px; padding: 2px; border: 1px solid #ccc; text-align: center; text-decoration: none; line-height: 0; overflow: hidden;}
.basket_list .row > div:nth-child(2) .picture:hover {border: 1px solid #ff8200;}
.basket_list .row > div:nth-child(3) {padding: 5px 10px 5px 15px; width: auto; line-height: 170%; font-family: 'Exo2Medium';}
.basket_list .row > div:nth-child(3) a {color: #000; border-bottom: 1px dotted #333; text-decoration: none;}
.basket_list .row > div:nth-child(3) a:hover {color: #ff8200; border-bottom: 1px dotted #ff8200; text-decoration: none;}
.basket_list .row > div:nth-child(4) {padding: 5px 15px; width: 130px; text-align: center; font-family: 'Exo2Medium';}
.basket_list .row > div:nth-child(5) {padding: 5px 25px; width: 108px; text-align: center; }
.basket_list .row > div:nth-child(5) .col {display: block; width: 108px; text-align: center; height: 26px; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none;}
.basket_list .row > div:nth-child(5) .col .plast {display: inline-block; width: 26px; height: 26px; background: url(images/plast-minus.png) 0 -26px no-repeat; cursor: pointer;}
.basket_list .row > div:nth-child(5) .col .plast:hover {background: url(images/plast-minus.png) 0 0 no-repeat;}
.basket_list .row > div:nth-child(5) .col .cifra {display: inline-block; width: 45px; height: 26px; vertical-align: top; text-align: center; font-size: 15px; color: #867156; line-height: 26px;}
.basket_list .row > div:nth-child(5) .col .minus {display: inline-block; width: 26px; height: 26px;background: url(images/plast-minus.png) -26px -26px no-repeat; cursor: pointer;}
.basket_list .row > div:nth-child(5) .col .minus:hover {background: url(images/plast-minus.png) -26px 0 no-repeat;}
.basket_list .row > div:nth-child(6) {padding: 5px 10px; width: 150px; text-align: center;}

.wrap_create {display: block; margin: 25px 0; width: 100%; height: 40px; overflow: hidden;}
.wrap_create .zakaz_create, .wrap_create .zakaz_create_end  {float: right; display: block; width: 250px; height: 40px; color: #fff; font-family: 'Exo2Bold'; text-align: center; background: #ff8200; border-radius: 2px; cursor: pointer; line-height: 40px; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
.wrap_create .zakaz_create:hover, .wrap_create .zakaz_create_end:hover {background: #aaa;}

.basket_zakaz_block {display: block; padding-left: 20px; margin: 10px 0; width: 100%; height: 50px; background: #737373; color: #eee; font-size: 15px; font-family: 'Exo2Medium'; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; line-height: 50px;}
.basket_zakaz_line {display: block; margin: 10px 0; width: 100%; height: 2px; background: #737373;}

.basket_list_small {display: table; width: 100%; height: auto;}
.basket_list_small .row {display: table-row; width: 100%; background: #fafafa;}
.basket_list_small .row:nth-child(2n) {background: #fff;}
.basket_list_small .row > div {display: table-cell; padding: 10px; width: auto; height: 50px; vertical-align: middle; text-align: left; border-bottom: 1px solid #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.basket_list_small .row > div span {color: #737373; font-size: 13px; font-family: 'Exo2Regular';}
.basket_list_small .row:nth-last-child(1) > div {font-size: 17px; font-family: 'Exo2Bold';}

.order_list {display: table; margin: 15px 0; width: 100%; height: auto;}
.order_list .row {display: table-row; width: 100%; background: #fafafa;}
.order_list .row:nth-child(1) {background: #737373;}
.order_list .row:nth-child(1) > div {height: 40px; vertical-align: middle; border-bottom: none; text-align: center; color: #fff; font-size: 17px; font-family: 'Exo2Medium';}
.order_list .row:nth-child(2n) {background: #fff;}
.order_list .row > div {display: table-cell; padding: 15px 10px; width: auto; vertical-align: middle; border-bottom: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.order_list .row > div:nth-child(2) {width: 150px; text-align: center; font-family: 'Exo2Medium';}
.order_list .row > div:nth-child(3) {width: 150px; text-align: center;}
.order_list .row > div .title {font-family: 'Exo2Bold'; color: #000;}
.order_list .row > div span {color: #737373; font-size: 13px; font-family: 'Exo2Regular';}

/* PopUp */
#loader {width:100%; height:100%; position:fixed; top:0px; left:0px; display:none; background: rgba(255,255,255, 0.7) url(images/loader.gif) center center no-repeat; z-index: 6100;}

#mask {width:100%; height:100%; background: #fff; position:fixed; opacity:0.8; top:0px; left:0px; display:none; z-index: 3000;}
.wrap_popup {display: none; position:fixed; z-index:6001; left:50%; top:50%;}
.message {position:absolute; top: -200px; left: -180px; padding: 2px; width: 360px; height: auto; background: #fff; border-radius: 2px; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0,0,0,0.3); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.message .close {position: absolute; top: 2px; right: 2px; width: 36px; height: 36px; background: url(images/close.png) 0 -36px no-repeat; cursor: pointer;}
.message .close:hover {background-position: 0 0;} 
.message .title {display: block; padding-left: 10px; width: 100%; height: 36px; background: #ff8200; color: #fff; font-size: 17px; font-family: 'Exo2Bold'; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 36px;}
.message .error {display: block; padding: 20px 10px; width: 100%; color: #f00; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 150%;}
.message .button.cls {display: block; margin: 15px auto; width: 60%; height: 36px; background: #ff8200; color: #fff; text-align: center; font-size: 17px; font-family: 'Exo2Bold'; border-radius: 2px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; line-height: 36px;}
.message .button:hover {background: #737373;}
.message .good {display: table; margin: 15px 0; padding: 0 10px; width: 100%; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.message .good > div {display: table-cell; width: auto; vertical-align: top; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.message .good > div:nth-child(1) {width: 71px;}
.message .good > div:nth-child(1) .photo {display: block; padding: 2px; width: 65px; height: 65px; border: 1px solid #ccc; text-align: center; overflow: hidden;}
.message .good > div:nth-child(2) {padding-left: 10px;}
.message .good > div:nth-child(2) > div {display: block; padding: 7px 0; font-size: 17px; font-family: 'Exo2Medium'; color: #000;}
.message .good > div:nth-child(2) > div span {font-size: 15px;}
.message .row {display: table; padding: 10px; width: 100%; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.message .row > div {display: table-cell; padding: 0 10px; width: 50%; text-align: center; vertical-align: top; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.message .row > div .continue, .message .row > div a {display: block; margin: 15px 0; width: 100%; height: 36px; background: #ff8200; color: #fff; text-align: center; font-size: 17px; font-family: 'Exo2Bold'; border-radius: 2px; border-bottom: none; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; line-height: 36px;}
.message .row > div .continue:hover, .message .row > div a:hover {background: #737373;}