@font-face { font-family: 'MyriadPro'; src: local('☺'), url('../fonts/myriadpro-regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadPro'; src: local('☺'), url('../fonts/myriadpro-semibold.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'MyriadPro'; src: local('☺'), url('../fonts/myriadpro-semibolditalic.woff') format('woff'); font-weight: 600; font-style: italic; } @font-face { font-family: 'MyriadPro'; src: local('☺'), url('../fonts/MyriadPro-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'MyriadPro'; src: local('☺'), url('../fonts/myriadpro-bold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'MyriadPro'; src: local('☺'), url('../fonts/myriadpro-boldit.woff') format('woff'); font-weight: 700; font-style: italic; } html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, sub, sup, ol, ul, li, form, label, input, select, button, textarea, table, tbody, tfoot, thead, tr, th, td, a { margin: 0; padding: 0;} html, body { height: 100%;} body { font: 14px/16px 'MyriadPro', sans-serif; color: #58595b; background: #ffffff;} img { border: none;} a { cursor: pointer; color: #58595b; text-decoration: underline;} a:hover { text-decoration: none;} p { margin-bottom: 20px;} h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; font-family: 'MyriadPro', sans-serif; font-weight: 600; line-height: normal;} h1 { font-size: 28px;} h2 { font-size: 22px;} h3 { font-size: 18px;} h4 { font-size: 16px;} h5 { font-size: 14px;} h6 { font-size: 12px;} input[type='submit'], input[type='button'] { cursor: pointer;} ol, ul { margin-bottom: 25px;} .header:after, .page:after, .login_title:after, .login_cont:after, .review:after, .foot_cont:after, .item_info_cont:after, .sm_item_img:after, .result_list li h3:after, .result_item_cont:after, .catalog_item_cont:after { content: ''; display: table; clear: both;} .main { width: 1137px; margin: 0 auto; padding: 0 37px 24px; background: url("../images/bg_b.png") 15px 100% no-repeat, url("../images/bg_t.png") 100% 25px no-repeat;} .header { margin-bottom: 44px;} .logo { padding: 42px 80px 0 0; float: left;} .logo a { display: block; width: 257px; height: 71px; background: url("../images/logo.png") no-repeat; background-size: cover;} .search_wr { padding: 64px 0 0 20px; float: right;} .search { width: 158px; height: 22px; padding-left: 26px; border: 2px solid #d4d5d7; border-radius: 4px; position: relative;} .send { width: 26px; height: 24px; background: url("../images/sprite.png") no-repeat; border: none; position: absolute; top: -1px; left: -1px;} .search_tx { width: 100%; height: 22px; padding: 0 14px; border: none; box-sizing: border-box; font: italic 600 14px/22px 'MyriadPro', sans-serif; outline: none;} .head_nav { padding-top: 66px; overflow: hidden;} .head_nav ul { margin: 0;} .head_nav li { margin-right: 46px; margin-bottom: 2px; float: left; list-style: none; font-size: 18px; font-style: italic; font-weight: 600; line-height: 22px;} .head_nav li a { display: block; padding-left: 26px; text-decoration: none; color: #6d6e71; position: relative;} .head_nav li a:before { content: ''; display: block; width: 16px; height: 15px; background: url("../images/sprite.png") -34px 0 no-repeat; position: absolute; top: 3px; left: 0;} .sidebar { width: 222px; margin-right: 46px; float: left;} .sidenav { margin: 0 2px 45px;} .sidenav ul { margin: 0;} .sidenav li { padding: 3px 8px 2px 20px; border-top: 1px solid #dcddde; list-style: none; font-size: 18px; font-style: italic; line-height: 22px; position: relative;} .sidenav li:first-child { border: none;} .sidenav li:before { content: ''; display: block; width: 7px; height: 6px; background: url("../images/sprite.png") -34px -17px no-repeat; position: absolute; top: 11px; left: 5px;} .sidenav li a { color: #939598; text-decoration: none;} .sidenav li a:hover, .sidenav .active a { color: #00aeef;} .login_wr { margin-bottom: 40px;} .login_title { margin: 0 0 20px 5px; padding: 2px 5px 2px 9px; background: #00aeef; border-radius: 4px;} .via { margin-left: 5px; float: right;} .via a { margin-right: 5px;} .via img { vertical-align: top;} .login_title h2 { margin: 0; font-size: 18px; font-weight: 700; font-style: italic; color: #ffffff; line-height: 20px; overflow: hidden;} .login_cont { width: 100%; margin-bottom: 17px; overflow: hidden;} .login_cont span { display: block; width: 106px; margin: 0 0 6px 5px; float: left;} .login_cont span input { width: 100%; height: 21px; padding: 0 8px; border: 1px solid #cdcfd0; box-sizing: border-box; border-radius: 4px; font: italic 600 14px/18px 'MyriadPro', sans-serif;} .forgot { margin: 0 4px; font-size: 12px; font-style: italic; font-weight: 600; line-height: 18px; color: #6d6e71;} .login_btn { display: block; height: 20px; background: #00aeef; font-size: 14px; font-style: italic; font-weight: 600; color: #ffffff; line-height: 18px; text-align: center; text-decoration: none; border-radius: 4px;} .registration { margin-left: 5px;} .registration_btn { display: block; height: 26px; background: #a7a9ac; border-radius: 4px; font-size: 18px; font-weight: 700; font-style: italic; color: #ffffff; line-height: 24px; text-decoration: none; text-align: center;} .side_tx { margin: 0 0 40px 5px; padding: 10px 12px 20px 16px; background: #f1f1f2; border-radius: 10px; font-size: 14px; line-height: 15px; font-style: italic;} .side_tx h2 { margin-bottom: 14px; font-size: 18px; line-height: 22px; font-weight: 700; font-style: italic;} .side_tx h2 a { color: #58595b;} .side_tx p { margin-bottom: 9px;} .side_tx .more { text-align: right;} .more a { display: inline-block; color: #8cc541; font-style: italic; position: relative;} .more a:after { content: ''; display: inline-block; vertical-align: middle; width: 13px; height: 12px; margin-left: 8px; background: url("../images/sprite.png") -52px 0 no-repeat;} .contentbar { padding-right: 39px; overflow: hidden;} .review { padding: 0 30px 17px 13px;} .review_img { width: 241px; margin-right: 16px; float: left;} .review_img img { width: 241px;} .review_cont { padding-top: 2px;; overflow: hidden;} .review_cont h1 { margin-bottom: 25px; font-size: 21px; line-height: 20px; color: #00aeef;} .review_cont h1 a { color: #00aeef; text-decoration: none;} .review_cont h2 { font-size: 14px; font-weight: 700; line-height: 15px; text-indent: 6px;} .review_cont p { text-indent: 6px;} .review_cont .more { margin-bottom: 30px;} .origin { font-size: 13px; color: #231f20;} .origin a { margin: 0 7px; font-style: italic; color: #939598;} .review_sl, .recommend_sl, .cat_sl { margin-bottom: 19px;; padding: 0 19px; position: relative;} .review_list_wr, .recommend_list_wr, .cat_sl_list_wr { height: 190px; border: 1px solid #bcbec0; border-radius: 12px;} .review_list_wr { padding: 0 15px;} .recommend_list_wr { padding: 0 40px;} .cat_sl_list_wr { padding: 0 27px;} .review_list, .recommend_list, .cat_sl_list { width: 100%; height: 190px; overflow: hidden;} .review_list ul , .recommend_list ul, .cat_sl_list ul { margin: 0;} .review_list li, .recommend_list li, .cat_sl_list li { float: left; list-style: none;} .review_list li { width: 132px; height: 182px; margin-right: 25px; padding-top: 8px;} .recommend_list li { width: 120px; height: 170px; margin-right: 24px; padding-top: 20px;} .cat_sl_list li { width: 166px; height: 170px; margin-right: 24px; padding-top: 20px;} .review_list li a,.recommend_list li a, .cat_sl_list li a { text-decoration: none;} .sl_img , .recommend_img { display: block; height: 100px; line-height: 100px; text-align: center;} .sl_img { margin-bottom: 7px;} .recommend_img { margin-bottom: 13px;} .sl_img img, .recommend_img img { max-height: 100px; vertical-align: bottom;} .sl_img img { max-width: 146px;} .recommend_img img { max-width: 118px;} .sl_date { margin-bottom: 1px; display: block; font-weight: 700; font-style: italic; color: #808285;} .sl_name, .recommend_name { display: block; font-size: 13px; font-weight: 700; font-style: italic; line-height: 15px; color: #231f20;} .sl_name { height: 45px; overflow: hidden; position: relative;} .indent { padding-right: 22px;} .sl_name:after, .item_descr:after { content: ''; display: block; width: 13px; height: 12px; background: url("../images/sprite.png") -52px 0 no-repeat; position: absolute;} .sl_name:after { right: 4px; bottom: 0;} .item_descr:after { right: 0; bottom: 2px;} .item_name { display: block; margin-bottom: 13px; font-size: 15px; font-weight: 700; font-style: italic; line-height: 16px; color: #231f20;} .item_descr { display: block; font-size: 13px; line-height: 14px; color: #58595b; position: relative;} .prev a, .next a { display: block; width: 12px; height: 24px; background: url("../images/sprite.png") no-repeat; position: absolute; top: 89px;} .prev a { left: 0; background-position: -67px 0;} .next a { right: 0; background-position: -81px 0;} .bx-wrapper .bx-viewport { box-shadow: none; border: none; background: none; left: 0;} .foot_cont { margin: 0 17px 0 19px; padding: 18px 26px 18px 32px; background: #f1f1f2; border: 1px solid #e2e3e4; border-radius: 12px;} .foot_login, .foot_aid, .foot_nav { font-size: 10px; line-height: 12px;} .foot_login ul, .foot_aid ul, .foot_nav ul { margin: 0;} .foot_login li, .foot_aid li, .foot_nav li { margin-bottom: 2px; list-style: none;} .foot_login li a, .foot_aid li a, .foot_nav li a { color: #6d6e71;} .foot_login { margin-right: 70px; padding-top: 15px; float: left;} .foot_aid { padding-top: 1px; float: right;} .cop { margin-bottom: 9px; font-size: 12px; color: #00aeef;} .foot_nav { overflow: hidden;} .foot_nav_c { max-width: 106px; margin-right: 91px; float: left;} .foot_nav h3 { margin-bottom: 2px; font-size: 10px;} .foot_nav h3 a { color: #00aeef;} .soc { width: 27px; position: fixed; top: 50%; right: 10px; margin-top: -85px;} .soc a { display: block; width: 27px; height: 27px; margin-bottom: 7px;} .field_info { margin-bottom: 28px; padding-left: 19px;} .item_info_cont { padding: 5px 122px 23px 0;} .g_item_img { width: 236px; margin-right: 16px; padding-top: 3px; float: left; text-align: center;} .g_item_img img { max-width: 220px;} .item_info { font-size: 14px; overflow: hidden; } .item_info h1 { margin-bottom: 10px; font-size: 21px; color: #00aeef;} .item_info h1 span { display: block; overflow: hidden;} .filter { display: inline-block; margin-left: 10px; padding-right: 25px; font-size: 18px; font-weight: 600; font-style: italic; color: #8dc63f; float: right; position: relative; text-decoration: none;} .filter:after { content: ''; display: block; width: 16px; height: 15px; background: url("../images/sprite.png") -34px 0 no-repeat; position: absolute; top: 4px; right: 0;} .sm_item_img { width: 355px; overflow: hidden;} .sm_item_img ul { width: 110%; margin: 0;} .sm_item_img li { width: 98px; height: 98px; margin: 0 18px 22px 0; border: 1px solid #c7c9cb; border-radius: 9px; float: left; list-style: none; text-align: center;} .sm_item_img li img { width: 98px; height: 98px;} .item_info_table { margin: 0 16px 22px 0;} .item_info_table table { table-layout:fixed; width:100%; border-collapse: collapse;} .item_info_table td { padding: 6px 7px 5px ; border-bottom: 1px solid #d6d7d9; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .item_info_table td:first-child { width: 238px; padding-left: 0;} .item_info_table td:last-child { width: 8px;} .mark { display: block; width: 8px; height: 7px; background: url("../images/sprite.png") -52px -17px no-repeat;} /*.clip { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}*/ .search_cont { margin-bottom: 17px;; text-align: center;} .search_btn { height: 25px; padding: 0 18px; background: #8cc63f; border-radius: 5px; display: inline-block; font-size: 18px; font-weight: 700; font-style: italic; color: #ffffff; line-height: 24px; text-decoration: none;} .result { margin-bottom: 28px;} .result h2 { margin-bottom: 12px; font-size: 24px; font-style: italic; color: #8dc63f; text-align: center;} .result_list { margin-bottom: 17px;} .result_list ul { margin: 0;} .result_list li { list-style: none;} .result_list li h3 { margin-bottom: 6px; padding: 4px 17px 3px; background: #e7e8e9; font-size: 18px; color: #414042; line-height: 22px; letter-spacing: -.015em;} .look { display: inline-block; width: 12px; height: 12px; background: url("../images/sprite.png") -95px 0 no-repeat;} .result_list li h3 .look { margin-top: 6px; float: right;} .result_list li h3 span { display: block; overflow: hidden;} .result_item_cont { margin-right: 17px; padding: 0 6px 19px 35px; border-bottom: 1px solid #d6d7d9;} .result_item_c1 { width: 82px; margin-right: 74px; float: left; text-align: center;} .result_item_img { margin-bottom: 13px;} .result_item_img img { max-width: 82px; vertical-align: top;} .result_item_rating { margin-bottom: 4px; font-size: 0; line-height: 6px;} .result_item_rating span { display: inline-block; width: 7px; height: 7px; margin: 0 3px; background: #d1d3d4; border-radius: 3px;} .result_item_rating .val { background: #fbb040;} .amount a { font-style: italic; color: #939598;} .result_item_c2 { width: 185px; padding-top: 21px; float: left;} .god, .price, .mp { padding: 0 0 0 88px; font-size: 21px; font-weight: 600; font-style: italic; line-height: 18px; text-align: center; position: relative;} .god, .price { border-bottom: 1px solid #dcddde;} .god { padding: 10px 0 10px 86px; color: #fbb040;} .price { padding: 24px 0 12px 86px; color: #00aeef;} .mp { padding: 10px 0 10px 86px; color: #414042;} .god:before, .price:before, .mp:before { content: ''; display: block; background: url("../images/sprite.png") no-repeat; position: absolute;} .god:before { width: 19px; height: 19px; background-position: 0 -26px; top: 9px; left: 13px;} .price:before { width: 19px; height: 19px; background-position: -21px -26px; top: 21px; left: 13px;} .mp:before { width: 27px; height: 22px; background-position: -42px -26px; top: 22px; left: 9px;} .result_item_c3 { width: 265px; padding-top: 13px; float: right; font-size: 16px; line-height: 18px; color: #58595b;} .result_item_descr { margin-bottom: 17px;} .characteristics span { display: block;} .result_item_c4 { width: 28px; padding-top: 17px; float: left; display: none;} .result_item_c4 img { width: 28px; margin-bottom: 14px; vertical-align: top;} .catalog_item_cont .result_item_c4 img { margin-bottom: 16px;} .pagination_wr { margin-bottom: 20px; padding-right: 40px; text-align: center;} .pagination { display: inline-block; padding: 0 13px; position: relative;} .pagination ul { margin: 0;} .pagination li { display: inline-block; font-size: 18px; color: #808285; list-style: none; letter-spacing: -.007em;} .pagination li span { position: relative; bottom: 3px;} .pagination li a { font-size: 14px; text-decoration: none;} .pagination .active a { font-size: 18px;} .pag_prev, .pag_next { position: absolute; top: 5px;} .pag_prev { left: 0;} .pag_next { right: 0;} .pag_prev a, .pag_next a { display: block; width: 6px; height: 10px; background: url("../images/sprite.png") no-repeat;} .pag_prev a { background-position: -109px 0;} .pag_next a { background-position: -109px -12px;} .recommend { margin-bottom: 20px;} .recommend h2 { margin-bottom: 9px; padding-right: 28px; font-size: 24px; font-style: italic; color: #8dc63f; text-align: center;} .catalog { padding: 12px 0 0 18px;} .catalog_list { width: 100%; margin-bottom: 15px; overflow: hidden;} .catalog_list ul { width: 110%; margin: 0;} .catalog_list li { width: 386px; margin: 0 20px 24px 0; float: left; border: 1px solid #dcddde; border-radius: 10px; list-style: none; position: relative;} .catalog_list li h3 { margin-bottom: 9px; padding: 8px 45px 9px; background: #e7e8e9; font-size: 18px; line-height: 22px; color: #414042; position: relative; letter-spacing: -.015em; text-align: center; border-radius: 9px 9px 0 0;} .catalog_list li h3 .look { position: absolute; top: 14px; right: 13px;} .catalog_item_cont { padding: 0 29px 16px 46px;} .catalog_item_c1 { width: 82px; float: left; text-align: center;} .catalog_item_img { height: 156px; margin-bottom: 10px; line-height: 156px;} .catalog_item_img img { max-width: 82px; max-height: 156px; vertical-align: middle;} .catalog_item_c2 { width: 187px; float: right;} .catalog_item_c2 .god, .catalog_item_c2 .mp { color: #00aeef;} .catalog_item_c2 .god { padding: 15px 0 15px 80px;} .catalog_item_c2 .price, .catalog_item_c2 .mp { padding: 16px 0 14px 80px;} .catalog_item_c2 .mp { margin-bottom: 18px;} .catalog_item_c2 .god:before { top: 14px; left: 16px; background-position: -71px -26px;} .catalog_item_c2 .price:before { top: 14px; left: 15px;} .catalog_item_c2 .mp:before { top: 12px; left: 11px;} .item_tech_wr { width: 100%; overflow: hidden;} .item_tech { width: 110%;} .item_tech img { height: 28px; margin: 0 9px;} .nova { width: 29px; height: 60px; background: url("../images/sprite.png") -117px 0 no-repeat; position: absolute; top: 0; left: 8px;} .nova span { display: block; width: 52px; margin: 0 -12px; font-size: 12px; font-style: italic; color: #ffffff; line-height: 52px; transform: rotate(-90deg); text-align: center; position: relative; left: -1px; white-space: nowrap; overflow: hidden;} @media screen and ( max-width: 1232px) { .main { width: 910px;} .header { margin-bottom: 48px;} .logo { padding: 35px 49px 0 0;} .logo a { width: 216px; height: 59px;} .search_wr { padding: 50px 0 0 10px;} .search { width: 92px; height: 19px; border-width: 1px; border-radius: 2px;} .search_tx { height: 19px; padding: 0 5px; font-size: 11px; line-height: 16px;} .send { width: 27px; height: 21px; background-position: 0 -1px; border-radius: 2px 0 0 2px;} .head_nav { padding-top: 51px;} .head_nav li { margin-right: 44px; font-size: 15px;} .sidebar { width: 178px; margin-right: 48px;} .sidenav { margin: 0 6px 44px; padding-top: 3px;} .sidenav li { font-size: 14px;} .login_title { margin: 0 0 20px 6px; padding: 2px 0 2px 7px;} .login_title h2 { font-size: 16px;} .login_cont span { width: 83px; margin: 0 0 6px 6px;} .forgot { margin: 0; font-size: 11px;} .registration_btn { font-size: 16px;} .side_tx { padding: 7px 10px 11px 12px;} .side_tx h2 { margin-bottom: 7px;} .side_tx p { margin-bottom: 6px;} .contentbar { padding-right: 16px;} .review { padding: 0 16px 23px 13px;} .review_img { width: 208px; margin-right: 19px;} .review_img img { width: 208px;} .review_cont h1 { margin-bottom: 12px; line-height: 21px;} .review_cont h2 { margin: 0 25px 18px 0; font-size: 12px;} .review_cont p { margin-bottom: 3px; font-size: 12px; line-height: 15px;} .review_cont .more{ margin-bottom: 9px;} .review_sl, .recommend_sl, .cat_sl { margin-bottom: 14px;} .foot_login { margin-right: 68px;} .foot_nav_c { margin-right: 62px;} .foot_nav_c:last-child { margin-right: 20px;} .item_info_cont { padding: 10px 0 23px 0;} .field_info { padding-left: 15px;} .field_info p { margin-bottom: 36px;} .item_info_table td { padding: 6px 3px 5px; font-size: 12px;} .item_info_table td:first-child { width: 200px;} .result_list li { padding-right: 17px;} .result_item_cont { margin: 0;} .result_item_c1 { margin-right: 48px;} .result_item_c3 { width: 245px; padding-top: 21px; font-size: 14px;} .catalog { padding: 0 0 0 18px;} .catalog_list li { width: 309px; margin: 0 16px 15px 0;} .catalog_item_cont { padding: 0 13px 16px 25px;} .catalog_item_c2 { width: 169px; padding-top: 24px;} .catalog_item_c2 .god, .catalog_item_c2 .mp, .catalog_item_c2 .price { font-size: 18px;} .catalog_item_c2 .god { padding: 5px 0 5px 64px;} .catalog_item_c2 .price { padding: 14px 0 9px 64px;} .catalog_item_c2 .mp { margin-bottom: 29px; padding: 11px 0 9px 64px;} .catalog_item_c2 .god:before { top: 3px;} .catalog_item_c2 .price:before { top: 10px;} .catalog_item_c2 .mp:before { top: 6px;} .item_tech img { margin: 0 5px;} .item_tech img:first-child { margin-left: 12px;} } @media screen and ( max-width: 786px) { .main { width: 692px;} .header { margin-bottom: 36px;} .head_nav { padding-top: 34px;} .logo { padding-right: 47px;} .sidebar { margin-right: 30px;} .sidenav { margin-bottom: 23px;} .login_wr { margin-bottom: 32px;} .contentbar { padding: 0;} .review_img { width: 187px;} .review_img img { width: 187px;} .review_cont h1 { font-size: 16px; line-height: 21px;} .foot_cont { padding: 18px 26px 18px} .foot_login { margin-right: 17px;} .foot_nav_c { max-width: 74px; margin-right: 17px;} .field_info { padding-left: 13px;} .item_info_cont { padding: 0 0 57px 0;} .g_item_img { width: 219px; padding: 0;} .g_item_img img { max-width: 206px;} .item_info h1 { font-size: 18px;} .filter { font-size: 14px;} .filter:after { top: 3px;} .item_info { padding-right: 25px;} .field_info { margin-bottom: 11px;} .field_info p { margin-bottom: 49px;} .sm_item_img { width: 210px;} .sm_item_img li { width: 93px; height: 93px; margin: 0 11px 15px 0; display: none;} .sm_item_img li:first-child, .sm_item_img li:nth-child(2) { display: list-item;} .sm_item_img li img { width: 93px; height: 93px;} .search_cont { margin-bottom: 14px;} .result { margin-bottom: 11px;} .result h2 { margin-bottom: 20px; font-size: 18px;} .result_list { margin-bottom: 8px;} .result_list li { padding-right: 34px;} .result_list li h3 { padding: 5px 17px 3px;} .result_item_cont { padding: 0 44px 19px 35px;} .result_item_c1 { margin-right: 34px;} .result_item_c2 { display: none;} .result_item_c3 { width: 161px; padding-top: 19px; font-size: 11px;} .result_item_descr { margin-bottom: 3px;} .result_item_c4 { display: block;} .recommend h2 { font-size: 18px;} .pagination_wr { margin-bottom: 11px;} .catalog_list { margin-bottom: 9px;} .catalog_list li { width: 205px; margin: 0 8px 8px 0;} .catalog_list li h3 { padding: 8px 36px 9px; font-size: 14px; letter-spacing: -.015em;} .catalog_list li h3 .look { right: 10px;} .catalog_item_cont { padding: 0 13px 16px 43px;} .catalog_item_c1 { margin-right: 27px;} .catalog_item_c2 { display: none;} }