From 7518e0e709ef64101a1d06e900f825a95ec08aff Mon Sep 17 00:00:00 2001 From: Eugeny Galkovskiy Date: Wed, 29 Jun 2016 14:41:26 +0300 Subject: [PATCH] 290616 --- frontend/web/css/concat_all.css | 3708 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- frontend/web/css/style.css | 5 ++--- 2 files changed, 1869 insertions(+), 1844 deletions(-) diff --git a/frontend/web/css/concat_all.css b/frontend/web/css/concat_all.css index 53744c9..4ebaec5 100755 --- a/frontend/web/css/concat_all.css +++ b/frontend/web/css/concat_all.css @@ -1,432 +1,433 @@ .w_100 { - width: 100%; + width: 100%; } .w_960 { - width: 960px; - margin: auto; - clear: both; - /*overflow: hidden;*/ + width: 960px; + margin: auto; + clear: both; + /*overflow: hidden;*/ } .w_960:after { - content:""; - display:table; - clear:both; + content:""; + display:table; + clear:both; } .cat_p_bradcrump { - padding: 30px 0px; + padding: 30px 0px; } .cat_p_bradcrump ul { - list-style: none; + list-style: none; } .cat_p_bradcrump ul li { - display: inline-block; + display: inline-block; } .cat_p_bradcrump ul li i { - position: relative; - top: 1px; - padding: 0px 2px 0 8px; - color: #8C9295; - font-size: 13px; + position: relative; + top: 1px; + padding: 0px 2px 0 8px; + color: #8C9295; + font-size: 13px; } .cat_p_bradcrump ul li a { - font-size: 12px; - color: #898b8e; + font-size: 12px; + color: #898b8e; } .cat_p_bradcrump ul .active a { - text-decoration: none; + text-decoration: none; } .cat_p_filter_bar { - font-family: 'HelveticaRegular', sans-serif; - width: 210px; - padding-right: 20px; - display: inline-block; - float: left; + font-family: 'HelveticaRegular', sans-serif; + width: 210px; + padding-right: 20px; + display: inline-block; + float: left; } .cat_p_filter_bar:before { - display: block; - content: ''; - clear: both; + display: block; + content: ''; + clear: both; } .cat_p_filter_bar .filter_list ul { - list-style: none; + list-style: none; } .cat_p_filter_bar .filter_list ul .title_2 { - font-size: 15px; - font-weight: bold; - color: #898b8e; - padding: 30px 0 20px; + font-size: 15px; + font-weight: bold; + color: #898b8e; + padding: 30px 0 20px; } .cat_p_filter_bar .filter_list ul li { - border-bottom: 1px solid #bbbbbb; - position: relative; - padding: 15px 0; - font-weight: bold; - color: #333333; + border-bottom: 1px solid #bbbbbb; + position: relative; + padding: 15px 0; + font-weight: bold; + color: #333333; } .cat_p_filter_bar .filter_list ul li .width_li_filter { - width: 180px; - display: block; + width: 180px; + display: block; } .cat_p_filter_bar .filter_list ul li .arrow { - position: absolute; - right: 2px; - top: 3px; - font-size: 20px; - color: #727272; - padding: 10px 0 10px 200px; + position: absolute; + right: 2px; + top: 3px; + font-size: 20px; + color: #727272; + padding: 10px 0 10px 200px; } .cat_p_filter_bar .filter_list ul li .arrow i { - font-weight: bold; + font-weight: bold; } .cat_p_filter_bar .filter_list ul li .arrow img { - -webkit-transform: scale(1.3); - -ms-transform: scale(1.3); - transform: scale(1.3); - position: relative; - bottom: 3px; + -webkit-transform: scale(1.3); + -ms-transform: scale(1.3); + transform: scale(1.3); + position: relative; + bottom: 3px; } .cat_p_filter_bar .filter_list .price_filter { - display: none; - padding-top: 10px; + display: none; + padding-top: 10px; } .cat_p_filter_bar .filter_list .price_filter a { - color: #6aa033; + color: #6aa033; } .cat_p_filter_bar .filter_list .price_filter.active-field { - display: block; + display: block; } .cat_p_filter_bar .filter_list .first_price_li { - padding-top: 30px; - display: block; + padding-top: 30px; + display: block; } .cat_p_filter_bar .filter_accept_bloc { - padding: 20px 0 40px; + padding: 20px 0 40px; } .cat_p_filter_bar .filter_accept_bloc button { - color: #fff; - padding: 10px; - font-size: 15px; - border: none; - -webkit-border-radius: 3px; - border-radius: 3px; - background-color: #898b8e; - -webkit-box-shadow: 0 2px 0 #636567; - box-shadow: 0 2px 0 #636567; + color: #fff; + padding: 10px; + font-size: 15px; + border: none; + -webkit-border-radius: 3px; + border-radius: 3px; + background-color: #898b8e; + -webkit-box-shadow: 0 2px 0 #636567; + box-shadow: 0 2px 0 #636567; } .cat_p_filter_bar .filter_accept_bloc button:hover { - background-color: #707274; + background-color: #707274; } .cat_p_filter_bar .filter_accept_bloc a { - color: #6AA033; - font-size: 12px; + color: #6AA033; + font-size: 12px; } .cat_p_filter_bar .product_list .title { - padding-bottom: 5px; - color: #898b8e; + padding-bottom: 5px; + color: #898b8e; } .cat_p_filter_bar .product_list a { - display: block; - padding: 5px 0 0 15px; - font-weight: normal; + display: block; + padding: 5px 0 0 15px; + font-weight: normal; } .cat_p_filter_bar .price_slider { - width: 203px; - /*margin: auto;*/ + width: 203px; + /*margin: auto;*/ } .cat_p_filter_bar .checkbox { - margin-top: 5px; - font-weight: normal; + margin-top: 5px; + font-weight: normal; } .cat_p_filter_bar .see_all a { - font-size: 13px; - position: relative; - bottom: 3px; + font-size: 13px; + position: relative; + bottom: 3px; } .cat_p_filter_bar .see_all i { - font-size: 18px; - color: #898B8E; + font-size: 18px; + color: #898B8E; } .cat_p_filter_bar .title { - font-size: 16px; - font-weight: bold; - color: #898b8e; - padding-bottom: 20px; + font-size: 16px; + font-weight: bold; + color: #898b8e; + padding-bottom: 20px; } .cat_p_filter_bar p { - margin-bottom: 20px; + margin-bottom: 20px; } .cat_p_filter_bar p input { - padding: 8px; - -webkit-border-radius: 3px; - border-radius: 3px; - border: none; - border: 1px solid #bbb; - width: 60px; + padding: 8px; + -webkit-border-radius: 3px; + border-radius: 3px; + border: none; + border: 1px solid #bbb; + width: 60px; } .cat_p_filter_bar p label { - display: block; - margin-bottom: 15px; + display: block; + margin-bottom: 15px; } .cat_p_catalog_list { - font-family: 'HelveticaRegular', sans-serif; - width: 700px; - padding-right: 10px; - display: inline-block; - min-height: 20em; + font-family: 'HelveticaRegular', sans-serif; + width: 700px; + padding-right: 10px; + display: inline-block; + min-height: 20em; } .cat_p_catalog_list ul { - list-style: none; - display: inline-block; + list-style: none; + display: inline-block; } .cat_p_catalog_list ul li { - display: inline-block; + display: inline-block; } .cat_p_catalog_list ul li .active { - color: #333333; - text-decoration: none; + color: #333333; + text-decoration: none; } .cat_p_catalog_list ul li a { - color: #6aa033; - font-size: 13px; + color: #6aa033; + font-size: 13px; } .cat_p_catalog_list .sort_menu { - padding-bottom: 10px; - border-bottom: 1px solid #DBDCDD; - margin-bottom: 30px; - width: 720px; + padding-bottom: 10px; + border-bottom: 1px solid #DBDCDD; + margin-bottom: 30px; + width: 720px; } .cat_p_catalog_list .title { - font-size: 30px; - font-weight: bold; - padding-bottom: 20px; + font-size: 30px; + font-weight: bold; + padding-bottom: 20px; + line-height: 35px; } .cat_p_catalog_list .sort_price { - display: inline-block; - width: 225px; - position: relative; - font-size: 13px; + display: inline-block; + width: 225px; + position: relative; + font-size: 13px; } .cat_p_catalog_list .sort_price select { - text-decoration: underline; - width: 120px; - border: none; - color: #6aa033; - -webkit-appearance: none; - /* скрытие треугольника в селекте */ - -moz-appearance: none; - appearance: none; - /* скрытие треугольника в селекте */ - text-indent: 0.01px; - /* скрытие треугольника в селекте в firefox */ - text-overflow: ''; - /* скрытие треугольника в селекте в firefox */ - /*&::-ms-expand { display: none; } скрытие треугольника в селекте в IE */ - background: transparent; + text-decoration: underline; + width: 120px; + border: none; + color: #6aa033; + -webkit-appearance: none; + /* скрытие треугольника в селекте */ + -moz-appearance: none; + appearance: none; + /* скрытие треугольника в селекте */ + text-indent: 0.01px; + /* скрытие треугольника в селекте в firefox */ + text-overflow: ''; + /* скрытие треугольника в селекте в firefox */ + /*&::-ms-expand { display: none; } скрытие треугольника в селекте в IE */ + background: transparent; } .cat_p_catalog_list .sort_price select:focus { - outline: none; + outline: none; } .cat_p_catalog_list .sort_price select option { - background: transparent; + background: transparent; } .cat_p_catalog_list .sort_price i { - position: absolute; - right: 72px; - top: 3px; - cursor: pointer; - font-weight: bold; - color: #898b8e; - z-index: -1; + position: absolute; + right: 72px; + top: 3px; + cursor: pointer; + font-weight: bold; + color: #898b8e; + z-index: -1; } .cat_p_catalog_list .show { - display: inline-block; - width: 225px; - text-align: center; - font-size: 13px; + display: inline-block; + width: 225px; + text-align: center; + font-size: 13px; } .cat_p_catalog_list .show_pages { - display: inline-block; - width: 250px; - text-align: right; - font-size: 13px; + display: inline-block; + width: 250px; + text-align: right; + font-size: 13px; } .cat_p_catalog_list .show_pages i { - color: #898b8e; - position: relative; - top: 1px; - padding-left: 5px; - font-size: 15px; - cursor: pointer; + color: #898b8e; + position: relative; + top: 1px; + padding-left: 5px; + font-size: 15px; + cursor: pointer; } .cat_p_item_card_list { - font-family: 'HelveticaRegular', sans-serif; + font-family: 'HelveticaRegular', sans-serif; } .cat_p_item_card_list .novelty { - text-align: center; + text-align: center; } .cat_p_item_card_list .novelty .content { - width: 720px; - padding: 0; + width: 720px; + padding: 0; } .cat_p_item_card_list .novelty .content .novelty_cont { - width: 720px; - padding-bottom: 10px; + width: 720px; + padding-bottom: 10px; } .cat_p_item_card_list .novelty .content .novelty_cont .item { - /*min-height: 375px;*/ - margin-right: 20px; - margin-bottom: 20px; - margin-left: 0; + /*min-height: 375px;*/ + margin-right: 20px; + margin-bottom: 20px; + margin-left: 0; } .cat_p_item_card_list .novelty .content .novelty_cont .item:after { - display: none; + display: none; } .cat_p_item_card_list .novelty .content .novelty_cont .item .item_bottom_img { - position: relative; - top: 3px; - right: 1px; + position: relative; + right: 1px; + top: 4px; } .cat_p_item_card_list .novelty .content .novelty_cont .item:before { - content: ""; - position: absolute; - bottom: -1px; - right: -1px; - width: 0px; - height: 0px; - border-width: 13px 13px 0px 0px; - border-style: solid; - border-color: transparent #fff; - z-index: 2; + content: ""; + position: absolute; + bottom: -1px; + right: -1px; + width: 0px; + height: 0px; + border-width: 13px 13px 0px 0px; + border-style: solid; + border-color: transparent #fff; + z-index: 2; } .cat_p_item_card_list .novelty .content .novelty_cont .item .brand span { - color: #6aa033; + color: #6aa033; } .cat_p_item_card_list .novelty .content .novelty_cont .item .new { - background-color: red; - width: auto; - padding-right: 20px; + background-color: red; + width: auto; + padding-right: 20px; } .cat_p_item_card_list .novelty .content .novelty_cont .item .new:after { - right: 0px; - width: 0px; - height: 0px; - border-width: 18px 13px 0px 0px; - border-style: solid; - border-color: transparent #fff; + right: 0px; + width: 0px; + height: 0px; + border-width: 18px 13px 0px 0px; + border-style: solid; + border-color: transparent #fff; } .cat_p_item_card_list .novelty .content .load_more_btn { - font-size: 13px; - padding: 10px 15px; - background: #6AA033; - -webkit-border-radius: 2px; - border-radius: 2px; - border: none; - color: white; - -webkit-box-shadow: 0 2px 0 #507927; - box-shadow: 0 2px 0 #507927; - margin-bottom: 20px; + font-size: 13px; + padding: 10px 15px; + background: #6AA033; + -webkit-border-radius: 2px; + border-radius: 2px; + border: none; + color: white; + -webkit-box-shadow: 0 2px 0 #507927; + box-shadow: 0 2px 0 #507927; + margin-bottom: 20px; } .cat_p_item_card_list .novelty .content .load_more_btn:hover { - background: #5d8d2d; + background: #5d8d2d; } .cat_p_item_card_list .novelty .content .show_pages { - display: block; - margin: auto; - text-align: center; - margin-bottom: 7px; + display: block; + margin: auto; + text-align: center; + margin-bottom: 7px; } .cat_p_item_card_list .novelty .content .description { - color: #333333; - text-align: left; - font-weight: normal; - font-size: 13px; + color: #333333; + text-align: left; + font-weight: normal; + font-size: 13px; } .cat_p_item_card_list .novelty .content .description h2 { - padding: 30px 0; - font-size: 30px; - font-weight: normal; + padding: 30px 0; + font-size: 30px; + font-weight: normal; } .cat_p_item_card_list .novelty .content .description .bold { - font-weight: bold; + font-weight: bold; } .cat_p_item_card_list .novelty .content .description h4 { - padding: 20px 0; - font-size: 14px; + padding: 20px 0; + font-size: 14px; } .cat_p_item_card_list .novelty .content .description .margin_bottom_20 { - margin-bottom: 20px; + margin-bottom: 20px; } .cat_p_item_card_list .novelty .content .description .empty_padding_400 { - width: 100px; - height: 380px; + width: 100px; + height: 380px; } /* светлый зеленый цвет, текст и кнопки */ @@ -437,722 +438,746 @@ /* темный серый цвет, большие названия, цифры */ a { - color: #6aa034; + color: #6aa034; } a:hover { - color: #517a27; + color: #517a27; } h1 { - color: #333333; - font-size: 30px; - font-weight: normal; + color: #333333; + font-size: 30px; + font-weight: normal; } .flex-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: flex-start; + -ms-flex-pack: justify; + justify-content: flex-start; } .bradcrumps_top { - padding: 30px 0; - line-height: 0; + padding: 30px 0; + line-height: 0; } .bradcrumps_top ul li { - display: inline-block; + display: inline-block; } .bradcrumps_top ul li a { - font-size: 12px; - color: #6aa034; - text-decoration: underline; + font-size: 12px; + color: #6aa034; + text-decoration: underline; } .bradcrumps_top ul li:last-child a { - text-decoration: none; - color: #898b8e; + text-decoration: none; + color: #898b8e; } .bradcrumps_top ul li:last-child i { - display: none; + display: none; } .bradcrumps_top ul li i { - color: #898b8e; - padding: 0 2px 0 6px; - font-weight: bold; - font-size: 11px; + color: #898b8e; + padding: 0 2px 0 6px; + font-weight: bold; + font-size: 11px; } .my_custom_card { - width: 218px; - display: inline-block; - border: 1px solid #cdd1d9; - border-bottom: none; - -webkit-border-top-left-radius: 2px; - border-top-left-radius: 2px; - -webkit-border-top-right-radius: 2px; - border-top-right-radius: 2px; - position: relative; - text-align: center; - margin-bottom: 1px; - margin-bottom: 19px; - color: #333333; - /* &:before { - content: ""; - position: absolute; - bottom: -1px; - right: -1px; - width: 0px; - height: 0px; - border-width: 13px 13px 0px 0px; - border-style: solid; - border-color: transparent #fff; - z-index: 2; - }*/ + width: 218px; + display: inline-block; + border: 1px solid #cdd1d9; + border-bottom: none; + -webkit-border-top-left-radius: 2px; + border-top-left-radius: 2px; + -webkit-border-top-right-radius: 2px; + border-top-right-radius: 2px; + position: relative; + text-align: center; + margin-bottom: 1px; + margin-bottom: 19px; + color: #333333; + margin-right: 15px; + /* &:before { + content: ""; + position: absolute; + bottom: -1px; + right: -1px; + width: 0px; + height: 0px; + border-width: 13px 13px 0px 0px; + border-style: solid; + border-color: transparent #fff; + z-index: 2; + }*/ } .my_custom_card .item_bottom_img { - bottom: 61px; - left: -1px; - position: absolute; - top: 374px; + bottom: 61px; + left: -1px; + position: absolute; + top: 374px; +} +.watched_block .my_custom_card{ + width: 218px; + display: inline-block; + border: 1px solid #cdd1d9; + border-bottom: none; + -webkit-border-top-left-radius: 2px; + border-top-left-radius: 2px; + -webkit-border-top-right-radius: 2px; + border-top-right-radius: 2px; + position: relative; + text-align: center; + margin-bottom: 1px; + margin-bottom: 19px; + color: #333333; + margin-bottom: 35px; +} +.watched_block .my_custom_card .item_bottom_img { + left: -1px; + position: absolute; + margin-top: -14px; + box-shadow: inset -1px 0px 0px white; } .my_custom_card .new { - position: absolute; - color: #ffffff; - left: 0px; - top: 7px; - text-transform: uppercase; - font-size: 10px; - text-align: left; - background-color: red; - width: auto; - padding: 1px 20px 0px 5px; - z-index: 1; - line-height: 17px; + position: absolute; + color: #ffffff; + left: 0px; + top: 7px; + text-transform: uppercase; + font-size: 10px; + text-align: left; + background-color: red; + width: auto; + padding: 1px 20px 0px 5px; + z-index: 1; + line-height: 17px; } .my_custom_card .new:after { - content: ""; - height: 0px; - top: 0; - right: 0; - border-width: 21px 14px 0px 0px; - border-style: solid; - border-color: transparent #fff; - position: absolute; + content: ""; + height: 0px; + top: 0; + right: 0; + border-width: 21px 14px 0px 0px; + border-style: solid; + border-color: transparent #fff; + position: absolute; } .my_custom_card .top { - background: #ffde00; - position: absolute; - padding: 1px 20px 0px 5px; - color: #ffffff; - left: 0px; - top: 30px; - text-transform: uppercase; - font-size: 10px; - color: #333333; - z-index: 1; + background: #ffde00; + position: absolute; + padding: 1px 20px 0px 5px; + color: #ffffff; + left: 0px; + top: 30px; + text-transform: uppercase; + font-size: 10px; + color: #333333; + z-index: 1; } .my_custom_card .top:after { - content: ""; - top: 0; - right: 0px; - border-width: 21px 14px 0px 0px; - border-style: solid; - border-color: transparent #fff; - position: absolute; + content: ""; + top: 0; + right: 0px; + border-width: 21px 14px 0px 0px; + border-style: solid; + border-color: transparent #fff; + position: absolute; } .my_custom_card .item_link { - text-decoration: none; - border: 0; + text-decoration: none; + border: 0; } .my_custom_card .item_link .pic { - margin-top: 25px; + margin-top: 25px; } .my_custom_card .item_link .title_item { - padding: 13px; - color: #6aa033; - margin-bottom: 3px; - font-size: 15px; - line-height: 17px; + padding: 13px; + color: #6aa033; + margin-bottom: 3px; + font-size: 15px; + line-height: 17px; } .my_custom_card .brand { - font-size: 12px; - line-height: 12px; + font-size: 12px; + line-height: 12px; } .my_custom_card .brand span { - color: #6aa033; + color: #6aa033; } .my_custom_card .type { - font-size: 12px; + font-size: 12px; } .my_custom_card .price { - font-size: 20px; - font-weight: bold; - font-family: HelveticaBold; - padding-bottom: 11px; - padding-top: 6px; + font-size: 20px; + font-weight: bold; + font-family: HelveticaBold; + padding-bottom: 11px; + padding-top: 6px; } .my_custom_card .price span { - font-size: 13px !important; + font-size: 13px !important; } .my_custom_card .foo { - padding: 5px 53px 5px 14px; - border: none; - background-color: #6aa034; - color: white; - font-size: 12px; - -webkit-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: 0 2px #517a27; - box-shadow: 0 2px #517a27; - position: relative; - display: block; - margin: 0 auto 10px; + padding: 5px 53px 5px 14px; + border: none; + background-color: #6aa034; + color: white; + font-size: 12px; + -webkit-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: 0 2px #517a27; + box-shadow: 0 2px #517a27; + position: relative; + display: block; + margin: 0 auto 10px; } .my_custom_card .foo:hover { - background-color: #5d8d2e; + background-color: #5d8d2e; } .my_custom_card .foo:active { - -webkit-box-shadow: none; - box-shadow: none; - top: 2px; + -webkit-box-shadow: none; + box-shadow: none; + top: 2px; } .my_custom_card .foo img { - position: absolute; - padding: 3px 3px 3px 8px; - border-left: 1px solid #527B28; - right: 12px; - top: 3px; + position: absolute; + padding: 3px 3px 3px 8px; + border-left: 1px solid #527B28; + right: 12px; + top: 3px; } .my_custom_card .compare_add_but_d { - color: #6aa034; - font-size: 12px; - text-decoration: none; + color: #6aa034; + font-size: 12px; + text-decoration: none; } .my_custom_card .compare_add_but_d span { - border-bottom: 1px dotted #6aa034; - padding-left: 10px; + border-bottom: 1px dotted #6aa034; + padding-left: 10px; } .my_custom_card .compare_add_but_d span:hover { - color: #517a27; + color: #517a27; } .my_custom_card img { - position: relative; - top: 4px; - right: 1px; + position: relative; + top: 4px; + right: 1px; } ul { - list-style: none; + list-style: none; } h1.with_this { - margin-bottom: 21px; + margin-bottom: 21px; } hr { - margin-bottom: 30px; - margin-top: 30px; - color: #C6C7C9; - border: none; - background-color: #C6C7C9; - height: 1px !important; - margin-right: -10px; - margin-left: -10px; + margin-bottom: 30px; + margin-top: 30px; + color: #C6C7C9; + border: none; + background-color: #C6C7C9; + height: 1px !important; + margin-right: -10px; + margin-left: -10px; } .tabs_item_name { - font-weight: bold; - padding-bottom: 15px; - display: block; + font-weight: bold; + padding-bottom: 15px; + display: block; } .open_card_item_title { - color: #333333; - font-size: 30px; - padding-bottom: 42px; - font-weight: bold; - margin: 0px; + color: #333333; + font-size: 30px; + padding-bottom: 42px; + font-weight: bold; + margin: 0px; + line-height: 35px; } .item_3_blocks_wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .item_3_blocks_wrap .item_img_block { - width: 320px; - position: relative; + width: 320px; + position: relative; } .item_3_blocks_wrap .item_img_block .main_img { - text-align: center; - border: 1px solid #C6C7C9; - height: 317px; - width: 318px; + text-align: center; + border: 1px solid #C6C7C9; + height: 317px; + width: 318px; } .item_3_blocks_wrap .item_img_block .main_img img { - max-height: 100%; + max-height: 100%; } .item_3_blocks_wrap .item_img_block .main_img .new { - background: #00adf0; - font-size: 10px; - padding: 1px 5px 0px 5px; - position: absolute; - left: 0; - top: 15px; - color: white; - line-height: 17px; + background: #00adf0; + font-size: 10px; + padding: 1px 5px 0px 5px; + position: absolute; + left: 0; + top: 15px; + color: white; + line-height: 17px; } .item_3_blocks_wrap .item_img_block .main_img .new:after { - content: ""; - border-width: 0px 0px 18px 17px; - border-style: solid; - border-color: black green transparent #00ADF0; - position: absolute; - bottom: 0px; - right: -17px; + content: ""; + border-width: 0px 0px 18px 17px; + border-style: solid; + border-color: black green transparent #00ADF0; + position: absolute; + bottom: 0px; + right: -17px; } .item_3_blocks_wrap .item_img_block .main_img .top { - background: #ffde00; - font-size: 10px; - padding: 1px 5px 0px 5px; - position: absolute; - line-height: 17px; - left: 0; - top: 38px; - color: black; + background: #ffde00; + font-size: 10px; + padding: 1px 5px 0px 5px; + position: absolute; + line-height: 17px; + left: 0; + top: 38px; + color: black; } .item_3_blocks_wrap .item_img_block .main_img .top:after { - content: ""; - border-width: 0px 0px 18px 17px; - border-style: solid; - border-color: black green transparent #ffde00; - position: absolute; - bottom: 0px; - right: -17px; + content: ""; + border-width: 0px 0px 18px 17px; + border-style: solid; + border-color: black green transparent #ffde00; + position: absolute; + bottom: 0px; + right: -17px; } .item_3_blocks_wrap .item_img_block .main_img_slide { - position: relative; - margin-top: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + position: relative; + margin-top: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-justify-content: space-around; + -ms-flex-pack: distribute; + justify-content: space-around; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .item_3_blocks_wrap .item_img_block .main_img_slide .small_img_block { - width: 80px; - height: 77px; - border: 1px solid #C6C7C9; - display: inline-block; - text-align: center; + width: 80px; + height: 77px; + border: 1px solid #C6C7C9; + display: inline-block; + text-align: center; } .item_3_blocks_wrap .item_img_block .main_img_slide .small_img_block img { - max-width: 96%; + max-width: 96%; } .item_3_blocks_wrap .item_img_block .main_img_slide .small_img_block:first-child { - margin-left: 10px; + margin-left: 10px; } .item_3_blocks_wrap .item_img_block .main_img_slide .small_img_block:nth-child(3) { - margin-right: 10px; + margin-right: 10px; } .item_3_blocks_wrap .item_img_block .main_img_slide .active { - border: 2px solid #C6C7C9; + border: 2px solid #C6C7C9; } .item_3_blocks_wrap .item_img_block .main_img_slide .slider_arrow_right { - position: absolute; - right: 0; - top: 39%; + position: absolute; + right: 0; + top: 39%; } .item_3_blocks_wrap .item_img_block .main_img_slide .slider_arrow_left { - position: absolute; - left: 0; - top: 39%; + position: absolute; + left: 0; + top: 39%; } .item_3_blocks_wrap .busket_block { - position: relative; - width: 295px; + position: relative; + width: 295px; } .item_3_blocks_wrap .busket_block .grey_bg { - background-color: #f4f4f4; - padding: 27px 0 20px; - margin-top: 20px; + background-color: #f4f4f4; + padding: 27px 0 20px; + margin-top: 20px; } .item_3_blocks_wrap .busket_block .top_code .code { - background: #ffde00; - color: black; - font-size: 12px; - color: #333333; - font-weight: bold; - padding: 4px 12px; - display: inline-block; + background: #ffde00; + color: black; + font-size: 12px; + color: #333333; + font-weight: bold; + padding: 4px 12px; + display: inline-block; } .item_3_blocks_wrap .busket_block .top_code .have { - font-size: 12px; - color: #333333; - font-weight: bold; - padding: 4px 19px 7px; - position: absolute; - top: 0; - right: 0; + font-size: 12px; + color: #333333; + font-weight: bold; + padding: 4px 19px 7px; + position: absolute; + top: 0; + right: 0; } .item_3_blocks_wrap .busket_block .top_code .have img { - position: absolute; - right: 100px; - left: -5px; + position: absolute; + right: 100px; + left: -5px; } .item_3_blocks_wrap .busket_block .counter { - text-align: center; + text-align: center; } .item_3_blocks_wrap .busket_block .counter .price { - color: #333333; - font-size: 28px; - font-weight: bold; - display: inline-block; - padding-left: 20px; - padding-top: 8px; - padding-bottom: 11px; + color: #333333; + font-size: 28px; + font-weight: bold; + display: inline-block; + padding-left: 20px; + padding-top: 8px; + padding-bottom: 11px; } .item_3_blocks_wrap .busket_block .counter .sign { - font-size: 15px; - color: #333333; - font-weight: bold; - display: inline-block; - margin-right: 15px; + font-size: 15px; + color: #333333; + font-weight: bold; + display: inline-block; + margin-right: 15px; } .item_3_blocks_wrap .busket_block .counter .count_block { - display: inline-block; - position: relative; + display: inline-block; + position: relative; } .item_3_blocks_wrap .busket_block .counter .count_block .count_number { - display: inline-block; - font-size: 22px; - padding: 6px 13px 6px; - border: 1px solid #C6C7C9; - -webkit-border-radius: 3px; - border-radius: 3px; - position: relative; - /*top: -2px;*/ - background-color: #fff; + display: inline-block; + font-size: 22px; + padding: 6px 13px 6px; + border: 1px solid #C6C7C9; + -webkit-border-radius: 3px; + border-radius: 3px; + position: relative; + /*top: -2px;*/ + background-color: #fff; } .item_3_blocks_wrap .busket_block .counter .count_block .count_buttons { - position: relative; - /*top: 4px;*/ - right: 6px; - display: inline-block; - vertical-align: bottom; + position: relative; + /*top: 4px;*/ + right: 6px; + display: inline-block; + vertical-align: bottom; } .item_3_blocks_wrap .busket_block .counter .count_block .count_buttons .button_plus { - background-color: #898b8e; - color: white; - font-weight: bold; - border-bottom: 1px solid #707274; - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; - font-size: 15px; - line-height: 15px; - padding: 0 7px; - cursor: pointer; + background-color: #898b8e; + color: white; + font-weight: bold; + border-bottom: 1px solid #707274; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; + font-size: 15px; + line-height: 15px; + padding: 0 7px; + cursor: pointer; } .item_3_blocks_wrap .busket_block .counter .count_block .count_buttons .button_plus:hover { - background-color: #7c7e81; + background-color: #7c7e81; } .item_3_blocks_wrap .busket_block .counter .count_block .count_buttons .button_minus { - background-color: #898b8e; - color: white; - font-weight: bold; - line-height: 16px; - border-top: 1px solid #A2A2A2; - -webkit-border-bottom-right-radius: 3px; - border-bottom-right-radius: 3px; - cursor: pointer; + background-color: #898b8e; + color: white; + font-weight: bold; + line-height: 16px; + border-top: 1px solid #A2A2A2; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; + cursor: pointer; } .item_3_blocks_wrap .busket_block .counter .count_block .count_buttons .button_minus:hover { - background-color: #7c7e81; + background-color: #7c7e81; } .item_3_blocks_wrap .busket_block .in_cart_btn { - text-align: center; - padding-top: 16px; + text-align: center; + padding-top: 16px; } .item_3_blocks_wrap .busket_block .in_cart_btn a { - color: white; - text-decoration: none; + color: white; + text-decoration: none; } .item_3_blocks_wrap .busket_block .in_cart_btn a .cart_btn { - background: #6aa034; - border: none; - padding: 10px 55px 10px 15px; - font-size: 16px; - -webkit-box-shadow: 0 2px #517a27; - box-shadow: 0 2px #517a27; - -webkit-border-radius: 2px; - border-radius: 2px; - position: relative; + background: #6aa034; + border: none; + padding: 10px 55px 10px 15px; + font-size: 16px; + -webkit-box-shadow: 0 2px #517a27; + box-shadow: 0 2px #517a27; + -webkit-border-radius: 2px; + border-radius: 2px; + position: relative; } .item_3_blocks_wrap .busket_block .in_cart_btn a .cart_btn:hover { - background: #5d8d2e; + background: #5d8d2e; } .item_3_blocks_wrap .busket_block .in_cart_btn a .cart_btn:active { - position: relative; - top: 2px; - -webkit-box-shadow: none; - box-shadow: none; + position: relative; + top: 2px; + -webkit-box-shadow: none; + box-shadow: none; } .item_3_blocks_wrap .busket_block .in_cart_btn a .cart_btn img { - position: absolute; - padding: 7px 7px 7px 9px; - right: 7px; - width: 18px; - border-left: 1px solid #5d8d2e; - bottom: 2px; + position: absolute; + padding: 7px 7px 7px 9px; + right: 7px; + width: 18px; + border-left: 1px solid #5d8d2e; + bottom: 2px; } .item_3_blocks_wrap .busket_block .to_compare_link { - text-align: center; - margin-top: 18px; + text-align: center; + margin-top: 18px; } .item_3_blocks_wrap .busket_block .to_compare_link .add_to_compare { - border-bottom: 1px solid #6aa034; - border-style: dotted; - text-decoration: none; - border-top: none; - border-left: none; - border-right: none; - font-size: 12px; + border-bottom: 1px solid #6aa034; + border-style: dotted; + text-decoration: none; + border-top: none; + border-left: none; + border-right: none; + font-size: 12px; } .item_3_blocks_wrap .busket_block .to_compare_link img { - position: relative; - top: 3px; - width: 19px; + position: relative; + top: 3px; + width: 19px; } .item_3_blocks_wrap .busket_block .quick_order { - margin-top: 16px; + margin-top: 16px; } .item_3_blocks_wrap .busket_block .quick_order form .text { - font-size: 12px; - color: #333333; - font-weight: bold; - padding-right: 3px; + font-size: 12px; + color: #333333; + font-weight: bold; + padding-right: 3px; } .item_3_blocks_wrap .busket_block .quick_order form .quick_order_phone { - font-size: 12px; - color: #333333; - padding: 10px; - border: 1px solid #C6C7C9; - -webkit-border-radius: 2px; - border-radius: 2px; - width: 100px; + font-size: 12px; + color: #333333; + padding: 9px; + border: 1px solid #C6C7C9; + -webkit-border-radius: 2px; + border-radius: 2px; + width: 100px; } .item_3_blocks_wrap .busket_block .quick_order form placeholder { - color: #C6C7C9; + color: #C6C7C9; } .item_3_blocks_wrap .busket_block .quick_order form button { - border: none; - font-size: 12px; - color: white; - padding: 7px 8px 6px 10px; - background: #6aa034; - -webkit-box-shadow: 0 2px #517a27; - box-shadow: 0 2px #517a27; - -webkit-border-top-right-radius: 2px; - border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 2px; - border-bottom-right-radius: 2px; - position: absolute; - right: 1px; + border: none; + font-size: 12px; + color: white; + padding: 7px 8px 6px 10px; + background: #6aa034; + -webkit-box-shadow: 0 2px #517a27; + box-shadow: 0 2px #517a27; + -webkit-border-top-right-radius: 2px; + border-top-right-radius: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; + position: absolute; + right: 1px; } .item_3_blocks_wrap .busket_block .quick_order form button:hover { - background: #5d8d2e; + background: #5d8d2e; } .item_3_blocks_wrap .busket_block .delivery { - font-size: 13px; - color: #333333; - margin-top: 27px; + font-size: 13px; + color: #333333; + margin-top: 27px; } .item_3_blocks_wrap .busket_block .delivery a { - text-decoration: underline; + text-decoration: underline; } .character_block { - width: 265px; - color: #333333; + width: 265px; + color: #333333; } .character_block h3 { - line-height: 16px; + line-height: 16px; } .character_block .each { - border-bottom: 1px solid #C6C7C9; - border-style: dotted; - border-top: none; - border-left: none; - border-right: none; - font-size: 13px; - margin-top: 2px; + border-bottom: 1px solid #C6C7C9; + border-style: dotted; + border-top: none; + border-left: none; + border-right: none; + font-size: 13px; + margin-top: 2px; } .character_block .title { - display: inline-block; - background: white; - position: relative; - top: 4px; - color: #898b8e; + display: inline-block; + background: white; + position: relative; + top: 4px; + color: #898b8e; } .character_block .tech { - display: inline-block; - background: white; - float: right; - position: relative; - top: 4px; + display: inline-block; + background: white; + float: right; + position: relative; + top: 4px; } .character_block .tech_links { - margin-top: 20px; + margin-top: 20px; } .character_block .tech_links a { - text-decoration: none; - border-bottom: 1px solid #6aa034; - border-style: dashed; - border-left: none; - border-right: none; - border-top: none; - font-size: 18px; - margin-top: 6px; - margin-right: 100px; - display: inline-block; + text-decoration: none; + border-bottom: 1px solid #6aa034; + border-style: dashed; + border-left: none; + border-right: none; + border-top: none; + font-size: 18px; + margin-top: 6px; + margin-right: 100px; + display: inline-block; } .flex_container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .tabs_block { - color: #333333; - width: 100%; + color: #333333; + width: 100%; } .watched_block { - margin-bottom: 45px; + margin-bottom: 45px; } .watched_block h1 { - font-size: 30px; - color: #333333; - margin-bottom: 18px; + font-size: 30px; + color: #333333; + margin-bottom: 18px; } .just_test_tracs { - -webkit-transition: all 02s easy; - transition: all 02s easy; - -webkit-transform: rotate(7deg); - -ms-transform: rotate(7deg); - transform: rotate(7deg); + -webkit-transition: all 02s easy; + transition: all 02s easy; + -webkit-transform: rotate(7deg); + -ms-transform: rotate(7deg); + transform: rotate(7deg); } /* светлый зеленый цвет, текст и кнопки */ @@ -1163,534 +1188,535 @@ hr { /* темный серый цвет, большие названия, цифры */ .main_cont_wrap { - width: 940px; - margin: auto; - padding: 0px 10px; - color: #333333; - line-height: 19px; + width: 940px; + margin: auto; + padding: 0px 10px; + color: #333333; + line-height: 19px; } .main_cont_wrap .services_title { - font-size: 30px; - padding-top: 0px; - padding-bottom: 26px; - font-weight: bold; - margin: 0px; + font-size: 30px; + padding-top: 0px; + padding-bottom: 26px; + font-weight: bold; + margin: 0px; } .main_cont_wrap .services_title_servis { - font-size: 30px; - padding-top: 0px; - padding-bottom: 39px; - font-weight: bold; - margin: 0px; + font-size: 30px; + padding-top: 0px; + padding-bottom: 39px; + font-weight: bold; + margin: 0px; } .main_cont_wrap .services_block { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-top:20px; } .main_cont_wrap .services_block .services_each { - width: 215px; - padding: 0 10px; - text-align: center; - display: inline-block; - margin-bottom: 45px; + width: 215px; + padding: 0 10px; + text-align: center; + display: inline-block; + margin-bottom: 45px; } .main_cont_wrap .services_block .services_each .name { - font-size: 18px; - font-weight: bold; - padding: 20px 0px; - display: block; - padding-bottom: 16px; + font-size: 18px; + font-weight: bold; + padding: 20px 0px; + display: block; + padding-bottom: 16px; } .main_cont_wrap .services_block .services_each img { - display: block; - height: 65px; - margin: auto; + display: block; + height: 65px; + margin: auto; } .main_cont_wrap .services_block .services_each p { - font-size: 13px; - line-height: 16px; + font-size: 13px; + line-height: 16px; } .delivery_block { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding-bottom: 362px; - padding-top: 11px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding-bottom: 362px; + padding-top: 11px; } .delivery_each_block { - font-size: 13px; - width: 450px; - line-height: 16px; + font-size: 13px; + width: 450px; + line-height: 16px; } .delivery_each_block img { - display: block; - width: 290px; - margin: auto; + display: block; + width: 290px; + margin: auto; } .delivery_each_block .name { - font-weight: bold; - padding: 27px 0 18px; - display: block; - text-align: center; - font-size: 15px; + font-weight: bold; + padding: 27px 0 18px; + display: block; + text-align: center; + font-size: 15px; } .delivery_each_block .address { - font-size: 16px; - font-weight: bold; - display: block; - padding-bottom: 20px; + font-size: 16px; + font-weight: bold; + display: block; + padding-bottom: 20px; } .contact_page_phones { - font-size: 16px; - font-weight: bold; - padding-bottom: 15px; + font-size: 16px; + font-weight: bold; + padding-bottom: 15px; } .align_items_bottom { - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; } .manufacturers_block { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin-bottom: 40px; - margin-top: 13px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 40px; + margin-top: 13px; } .manufacturers_block a { - width: 172px; - height: 100px; - overflow: hidden; - margin-bottom: 20px; - display: inline-block; + width: 172px; + height: 100px; + overflow: hidden; + margin-bottom: 20px; + display: inline-block; } .payment_icon_1 { - display: inline-block; - background-image: url("../images/payment01.png"); - background-repeat: no-repeat; - width: 90px; - height: 40px; - float: left; - background-position: 26px 5px; + display: inline-block; + background-image: url("../images/payment01.png"); + background-repeat: no-repeat; + width: 90px; + height: 40px; + float: left; + background-position: 26px 5px; } .payment_icon_2 { - display: inline-block; - background-image: url("../images/payment01.png"); - background-repeat: no-repeat; - width: 90px; - height: 40px; - float: left; - background-position: 26px -32px; + display: inline-block; + background-image: url("../images/payment01.png"); + background-repeat: no-repeat; + width: 90px; + height: 40px; + float: left; + background-position: 26px -32px; } .payment_01 { - margin: 21px 2px; - display: block; + margin: 21px 2px; + display: block; } span.bold { - font-weight: bold; + font-weight: bold; } span.red { - color: red; + color: red; } .font_size_13 { - font-size: 13px; + font-size: 13px; } .padding_450 { - padding-bottom: 450px; + padding-bottom: 450px; } .basket_main_title { - margin-top: 0; - font-weight: bold; - font-size: 30px; - margin-bottom: 29px; + margin-top: 0; + font-weight: bold; + font-size: 30px; + margin-bottom: 29px; } .privet_info_block h3 { - font-size: 18px; - font-weight: bold; - padding-bottom: 16px; + font-size: 18px; + font-weight: bold; + padding-bottom: 16px; } .privet_info_block label { - font-size: 13px; - font-weight: bold; + font-size: 13px; + font-weight: bold; } .privet_info_block span.placehold { - font-size: 12px; - color: #898b8e; - font-weight: normal; + font-size: 12px; + color: #898b8e; + font-weight: normal; } .privet_info_block input { - padding: 7px 5px 9px; - border: 1px solid #C6C7C9; - -webkit-border-radius: 2px; - border-radius: 2px; - margin: 0 12px 0 8px; - width: 256px; + padding: 7px 5px 9px; + border: 1px solid #C6C7C9; + -webkit-border-radius: 2px; + border-radius: 2px; + margin: 0 12px 0 8px; + width: 256px; } .privet_info_block .padding_cust { - padding: 0px 0px 8px 14px; + padding: 0px 0px 8px 14px; } .privet_info_block .padding_cust:nth-child(3) { - padding-left: 17px; + padding-left: 17px; } .privet_info_block .padding_cust:nth-child(4) { - padding-left: 1px; + padding-left: 1px; } .separator { - width: 960px; - height: 1px; - border-bottom: 1px solid #C6C7C9; - margin: 11px 0 27px; + width: 960px; + height: 1px; + border-bottom: 1px solid #C6C7C9; + margin: 11px 0 27px; } .delivery_radio h3 { - padding-bottom: 12px; + padding-bottom: 12px; } .delivery_radio p { - display: inline-block; - font-size: 13px; + /*display: inline-block;*/ + font-size: 13px; } .delivery_radio .padding_cust { - padding-bottom: 6px; + padding-bottom: 6px; } .delivery_radio span.placehold { - color: #898b8e; - display: block; - font-size: 13px; - padding-left: 23px; - position: relative; - bottom: 4px; + color: #898b8e; + display: block; + font-size: 13px; + padding-left: 23px; + position: relative; + bottom: 4px; } .basket_pay_block h3 { - padding-bottom: 12px; + padding-bottom: 12px; } .basket_pay_block p { - display: inline-block; - font-size: 13px; + /*display: inline-block;*/ + font-size: 13px; } .basket_pay_block .padding_cust { - padding-bottom: 6px; - position: relative; + padding-bottom: 6px; + position: relative; } .basket_pay_block span.placehold { - color: #898b8e; - display: block; - font-size: 13px; - padding-left: 23px; - position: relative; - bottom: 4px; + color: #898b8e; + display: block; + font-size: 13px; + padding-left: 23px; + position: relative; + bottom: 4px; } .basket_pay_block input[type="text"] { - margin-left: 8px; - height: 17px; - top: -11px; - position: absolute; - height: 22px; - -webkit-border-radius: 2px; - border-radius: 2px; - border: 1px solid #C6C7C9; - width: 89px; - padding: 5px; + margin-left: 8px; + height: 17px; + top: -11px; + position: absolute; + height: 22px; + -webkit-border-radius: 2px; + border-radius: 2px; + border: 1px solid #C6C7C9; + width: 89px; + padding: 5px; } .separator_02 { - width: 960px; - height: 1px; - border-bottom: 1px solid #C6C7C9; - margin: 3px 0 27px; + width: 960px; + height: 1px; + border-bottom: 1px solid #C6C7C9; + margin: 3px 0 27px; } .for_margin { - text-align: center; - margin: 27px 0 84px; + text-align: center; + margin: 27px 0 84px; } .order_01_btn { - font-size: 13px; - -webkit-box-shadow: 0 2px #517a27; - box-shadow: 0 2px #517a27; - border: none; - -webkit-border-radius: 2px; - border-radius: 2px; - background-color: #6aa034; - padding: 6px 22px; - color: white; + font-size: 13px; + -webkit-box-shadow: 0 2px #517a27; + box-shadow: 0 2px #517a27; + border: none; + -webkit-border-radius: 2px; + border-radius: 2px; + background-color: #6aa034; + padding: 6px 22px; + color: white; } .order_01_btn:hover { - background-color: #5d8d2e; + background-color: #5d8d2e; } .order_01_btn:active { - position: relative; - -webkit-box-shadow: none; - box-shadow: none; - top: 2px; + position: relative; + -webkit-box-shadow: none; + box-shadow: none; + top: 2px; } .order_list .active { - background-color: #e0e1e2; + background-color: #e0e1e2; } .order_list h3 { - margin-bottom: 6px; + margin-bottom: 6px; } .order_list hr { - margin-top: 0px; - margin-right: 0; - margin-left: 0; - margin-bottom: 16px; + margin-top: 0px; + margin-right: 0; + margin-left: 0; + margin-bottom: 16px; } .order_list hr:nth-child(5) { - margin-top: 15px; - width: 930px; - margin-left: -10px; + margin-top: 15px; + width: 930px; + margin-left: -10px; } .order_list .all_price p { - font-size: 15px; - display: inline-block; + font-size: 15px; + display: inline-block; } .order_list .all_price p:nth-child(1) { - padding-left: 19px; - padding-right: 150px; + padding-left: 19px; + padding-right: 150px; } .order_list .all_price p:nth-child(2) { - padding-right: 20px; + padding-right: 20px; } .order_list .all_price .all_price { - font-size: 20px; - font-weight: bold; + font-size: 20px; + font-weight: bold; } .order_list_li { - padding: 10px 20px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + padding: 10px 20px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; } .order_list_li .little_img { - height: 78px; - width: 78px; - border: 1px solid #C6C7C9; - overflow: hidden; - display: inline-block; - margin-right: 14px; - float: left; + height: 78px; + width: 78px; + border: 1px solid #C6C7C9; + overflow: hidden; + display: inline-block; + margin-right: 14px; + float: left; } .order_list_li .little_img img { - height: 100%; + height: 100%; } .order_list_li .name_and_code { - display: inline-block; - float: left; + display: inline-block; + float: left; } .order_list_li .name_and_code .name { - display: block; - color: #6aa034; - font-size: 15px; - width: 175px; - margin-bottom: 7px; - position: relative; - line-height: 18px; - top: -3px; + display: block; + color: #6aa034; + font-size: 15px; + width: 175px; + margin-bottom: 7px; + position: relative; + line-height: 18px; + top: -3px; } .order_list_li .name_and_code .code { - display: block; - font-size: 12px; + display: block; + font-size: 12px; } .order_list_li .how_many { - display: inline-block; - padding: 32px 20px 0px 85px; - font-weight: bold; + display: inline-block; + padding: 32px 20px 0px 85px; + font-weight: bold; } .order_list_li .price { - display: inline-block; - padding-left: 44px; - font-weight: bold; - font-size: 18px; - padding-top: 31px; - padding-left: 48px; + display: inline-block; + padding-left: 44px; + font-weight: bold; + font-size: 18px; + padding-top: 31px; + padding-left: 48px; } .order_list_li .price .price_text { - font-size: 15px; - font-weight: normal; + font-size: 15px; + font-weight: normal; } .basket_step_2_delivery h3 { - font-size: 18px; - font-weight: bold; - margin-top: 28px; - margin-bottom: 12px; + font-size: 18px; + font-weight: bold; + margin-top: 28px; + margin-bottom: 12px; } .basket_step_2_delivery h4 { - font-size: 18px; - font-weight: bold; - margin-top: 24px; - margin-bottom: 12px; + font-size: 18px; + font-weight: bold; + margin-top: 24px; + margin-bottom: 12px; } .basket_step_2_delivery .detail { - font-size: 13px; - margin-bottom: 7px; + font-size: 13px; + margin-bottom: 7px; } .basket_step_2_delivery .detail .grey { - color: #898b8e; - display: inline-block; - width: 69px; + color: #898b8e; + display: inline-block; + width: 69px; } .for_margin_2 { - text-align: center; - margin: 34px 0 42px; + text-align: center; + margin: 34px 0 42px; } .cabinet_main_title { - margin-top: 0; - font-weight: bold; - font-size: 30px; - margin-bottom: 38px; + margin-top: 0; + font-weight: bold; + font-size: 30px; + margin-bottom: 38px; } .cabinet_wrap { - position: relative; - margin-bottom: 282px; + position: relative; + margin-bottom: 282px; } .cabinet_wrap span.grey { - color: #898b8e; + color: #898b8e; } .cabinet_wrap .cab_01 { - padding-bottom: 24px; + padding-bottom: 24px; } .cabinet_wrap .block_01 { - display: inline-block; - vertical-align: top; - width: 233px; + display: inline-block; + vertical-align: top; + width: 233px; } .cabinet_wrap .block_02 { - display: inline-block; - width: 79px; + display: inline-block; + width: 79px; } .cabinet_wrap .block_03 { - display: inline-block; - width: auto; + display: inline-block; + width: auto; } .cabinet_wrap .block_04 { - display: inline-block; - padding-left: 60px; - border-left: 1px solid #C6C7C9; - position: relative; - vertical-align: top; - margin-left: 20px; + display: inline-block; + padding-left: 60px; + border-left: 1px solid #C6C7C9; + position: relative; + vertical-align: top; + margin-left: 20px; } .cabinet_wrap .block_04 .link { - padding-top: 21px; - padding-bottom: 20px; - font-size: 13px; + padding-top: 21px; + padding-bottom: 20px; + font-size: 13px; } .cabinet_wrap .block_04 .link .dotted { - border-bottom: 1px dotted #6aa034; + border-bottom: 1px dotted #6aa034; } .cabinet_wrap .block_04 .link a { - text-decoration: none; + text-decoration: none; } .cabinet_wrap .block_04 .link:nth-child(2) { - padding-top: 4px; - font-size: 13px; - padding-bottom: 20px; + padding-top: 4px; + font-size: 13px; + padding-bottom: 20px; } .cabinet_wrap .block_04 .link:nth-child(2) a { - border-bottom: none; - text-decoration: none; + border-bottom: none; + text-decoration: none; } /*=============================================== MODAL WINDOWS ================================================*/ @@ -1702,41 +1728,41 @@ span.red { /* стили основного модального окна */ .modal_close_btn { - position: absolute; - right: -42px; - top: -59px; - cursor: pointer; - width: 100px; - height: 120px; - overflow: hidden; - background-image: url("../images/modal_close_btn.png"); - background-repeat: no-repeat; - background-position: -143px 0; + position: absolute; + right: -42px; + top: -59px; + cursor: pointer; + width: 100px; + height: 120px; + overflow: hidden; + background-image: url("../images/modal_close_btn.png"); + background-repeat: no-repeat; + background-position: -143px 0; } .modal_close_btn:hover { - background-position: 0 0; + background-position: 0 0; } .modal_wrapper { - color: #333333; - width: 100%; - background: rgba(0, 0, 0, 0.4); - position: absolute; - z-index: 2; - top: 0; - left: 0; + color: #333333; + width: 100%; + background: rgba(0, 0, 0, 0.4); + position: absolute; + z-index: 2; + top: 0; + left: 0; } .modal_wrapper_reg { - color: #333333; - width: 100%; - background: rgba(0, 0, 0, 0.4); - position: absolute; - z-index: 4; - top: 0; - left: 0; - display: none; + color: #333333; + width: 100%; + background: rgba(0, 0, 0, 0.4); + position: absolute; + z-index: 4; + top: 0; + left: 0; + display: none; } .modal_wrapper_reg .modal_window { @@ -1755,782 +1781,782 @@ span.red { } .modal_wrapper_reg .modal_window .title { - font-size: 18px; - font-weight: bold; - padding-top: 29px; - padding-bottom: 27px; - text-transform: uppercase; - text-align: center; + font-size: 18px; + font-weight: bold; + padding-top: 29px; + padding-bottom: 27px; + text-transform: uppercase; + text-align: center; } .modal_wrapper_reg .modal_window input { - padding: 8px; - width: 251px; - margin-right: 56px; - margin-left: 11px; - border: 1px solid #C6C7C9; - -webkit-border-radius: 3px; - border-radius: 3px; + padding: 8px; + width: 251px; + margin-right: 56px; + margin-left: 11px; + border: 1px solid #C6C7C9; + -webkit-border-radius: 3px; + border-radius: 3px; } .modal_wrapper_reg .modal_window .my_cust_btn { - font-size: 13px; - padding: 8px 31px; - color: white; - border: none; - -webkit-border-radius: 3px; - border-radius: 3px; - background-color: #6aa034; - -webkit-box-shadow: 0 2px #517a27; - box-shadow: 0 2px #517a27; + font-size: 13px; + padding: 8px 31px; + color: white; + border: none; + -webkit-border-radius: 3px; + border-radius: 3px; + background-color: #6aa034; + -webkit-box-shadow: 0 2px #517a27; + box-shadow: 0 2px #517a27; } .modal_wrapper_reg .modal_window .my_cust_btn:hover { - background-color: #5d8d2e; + background-color: #5d8d2e; } .modal_wrapper_reg .modal_window .my_cust_btn:active { - position: relative; - -webkit-box-shadow: none; - box-shadow: none; - top: 2px; + position: relative; + -webkit-box-shadow: none; + box-shadow: none; + top: 2px; } .modal_wrapper_reg .modal_window .title { - font-size: 18px; - font-weight: bold; - padding-top: 30px; - padding-bottom: 26px; - text-transform: uppercase; - text-align: center; + font-size: 18px; + font-weight: bold; + padding-top: 30px; + padding-bottom: 26px; + text-transform: uppercase; + text-align: center; } .modal_wrapper_reg .modal_window label { - display: block; - font-size: 13px; - width: 500px; - margin: auto; - margin-bottom: 8px; + display: block; + font-size: 13px; + width: 500px; + margin: auto; + margin-bottom: 8px; } .modal_wrapper_reg .modal_window label:last-of-type { - position: relative; + position: relative; } #signupform-verifycode{ - width: 119px; - margin-left: 140px; + width: 119px; + margin-left: 140px; } .modal_wrapper_reg .modal_window label:last-of-type img { - position: absolute; - top: 4px; - left: 176px; + position: absolute; + top: 4px; + left: 176px; } .modal_wrapper_reg .modal_window .for_btn_position { - text-align: center; - margin-top: 30px; + text-align: center; + margin-top: 30px; } /* login window */ .modal_wrapper_login { - color: #333333; - width: 100%; - background: rgba(0, 0, 0, 0.4); - position: absolute; - z-index: 4; - top: 0; - left: 0; - display: none; + color: #333333; + width: 100%; + background: rgba(0, 0, 0, 0.4); + position: absolute; + z-index: 4; + top: 0; + left: 0; + display: none; } .modal_wrapper_login .modal_window { - text-align: right; - width: 459px; - background-color: #fff; - padding: 20px; - position: relative; - margin-left:auto; - margin-right:auto; - margin-top: 35px; - -webkit-border-radius: 2px; - border-radius: 2px; - overflow: hidden; - z-index:999; + text-align: right; + width: 459px; + background-color: #fff; + padding: 20px; + position: relative; + margin-left:auto; + margin-right:auto; + margin-top: 35px; + -webkit-border-radius: 2px; + border-radius: 2px; + overflow: hidden; + z-index:999; } .modal_window form#w1, .modal_window form#w0{padding-bottom: 11px;} .modal_wrapper_login .modal_window .title { - font-size: 18px; - font-weight: bold; - padding-top: 29px; - padding-bottom: 27px; - text-transform: uppercase; - text-align: center; + font-size: 18px; + font-weight: bold; + padding-top: 29px; + padding-bottom: 27px; + text-transform: uppercase; + text-align: center; } .modal_wrapper_login .modal_window input { - padding: 8px; - width: 251px; - margin-right: 56px; - margin-left: 11px; - border: 1px solid #C6C7C9; - -webkit-border-radius: 3px; - border-radius: 3px; + padding: 8px; + width: 251px; + margin-right: 56px; + margin-left: 11px; + border: 1px solid #C6C7C9; + -webkit-border-radius: 3px; + border-radius: 3px; } .modal_wrapper_login .modal_window .my_cust_btn { - font-size: 13px; - padding: 8px 31px; - color: white; - border: none; - -webkit-border-radius: 3px; - border-radius: 3px; - background-color: #6aa034; - -webkit-box-shadow: 0 2px #517a27; - box-shadow: 0 2px #517a27; + font-size: 13px; + padding: 8px 31px; + color: white; + border: none; + -webkit-border-radius: 3px; + border-radius: 3px; + background-color: #6aa034; + -webkit-box-shadow: 0 2px #517a27; + box-shadow: 0 2px #517a27; } .modal_wrapper_login .modal_window .my_cust_btn:hover { - background-color: #5d8d2e; + background-color: #5d8d2e; } .modal_wrapper_login .modal_window .my_cust_btn:active { - position: relative; - -webkit-box-shadow: none; - box-shadow: none; - top: 2px; + position: relative; + -webkit-box-shadow: none; + box-shadow: none; + top: 2px; } .modal_wrapper_login .modal_window .title { - padding-right: 8px; + padding-right: 8px; } .modal_wrapper_login .modal_window label { - display: block; - font-size: 13px; - width: 459px; - margin: auto; - margin-bottom: 8px; + display: block; + font-size: 13px; + width: 459px; + margin: auto; + margin-bottom: 8px; } .modal_wrapper_login .modal_window label input { - margin-right: 68px; + margin-right: 68px; } .modal_wrapper_login .modal_window .pass_links { - text-align: center; - padding-left: 55px; - font-size: 13px; - margin-top: 11px; + text-align: center; + padding-left: 55px; + font-size: 13px; + margin-top: 11px; } .modal_wrapper_login .modal_window .pass_links a { - padding-left: 47px; + padding-left: 47px; } .modal_wrapper_login .modal_window .pass_links label { - display: inline; + display: inline; } .modal_wrapper_login .modal_window .pass_links .remember_pas { - color: #6aa034; - text-decoration: underline; + color: #6aa034; + text-decoration: underline; } .modal_wrapper_login .modal_window .for_btn_position { - text-align: center; - margin-top: 23px; + text-align: center; + margin-top: 23px; } .modal_wrapper_login .modal_window .for_btn_position .my_cust_btn { - padding: 8px 38px; + padding: 8px 38px; } /* consultation window */ .consultation_modal { - color: #333333; - width: 100%; - background: rgba(0, 0, 0, 0.4); - position: absolute; - z-index: 4; - top: 0; - left: 0; - display: none; + color: #333333; + width: 100%; + background: rgba(0, 0, 0, 0.4); + position: absolute; + z-index: 4; + top: 0; + left: 0; + display: none; } .consultation_modal .modal_window { - text-align: right; - height: 247px; - width: 459px; - background-color: #fff; - padding: 20px; - position: relative; - margin-left:auto; - margin-right:auto; - margin-top: 35px; - -webkit-border-radius: 2px; - border-radius: 2px; - overflow: hidden; - z-index:999; + text-align: right; + height: 247px; + width: 459px; + background-color: #fff; + padding: 20px; + position: relative; + margin-left:auto; + margin-right:auto; + margin-top: 35px; + -webkit-border-radius: 2px; + border-radius: 2px; + overflow: hidden; + z-index:999; } .consultation_modal .modal_window .title { - font-size: 18px; - font-weight: bold; - padding-top: 29px; - padding-bottom: 27px; - text-transform: uppercase; - text-align: center; + font-size: 18px; + font-weight: bold; + padding-top: 29px; + padding-bottom: 27px; + text-transform: uppercase; + text-align: center; } .consultation_modal .modal_window input { - padding: 8px; - width: 251px; - margin-right: 56px; - margin-left: 11px; - border: 1px solid #C6C7C9; - -webkit-border-radius: 3px; - border-radius: 3px; + padding: 8px; + width: 251px; + margin-right: 56px; + margin-left: 11px; + border: 1px solid #C6C7C9; + -webkit-border-radius: 3px; + border-radius: 3px; } .consultation_modal .modal_window .my_cust_btn { - font-size: 13px; - padding: 8px 31px; - color: white; - border: none; - -webkit-border-radius: 3px; - border-radius: 3px; - background-color: #6aa034; - -webkit-box-shadow: 0 2px #517a27; - box-shadow: 0 2px #517a27; + font-size: 13px; + padding: 8px 31px; + color: white; + border: none; + -webkit-border-radius: 3px; + border-radius: 3px; + background-color: #6aa034; + -webkit-box-shadow: 0 2px #517a27; + box-shadow: 0 2px #517a27; } .consultation_modal .modal_window .my_cust_btn:hover { - background-color: #5d8d2e; + background-color: #5d8d2e; } .consultation_modal .modal_window .my_cust_btn:active { - position: relative; - -webkit-box-shadow: none; - box-shadow: none; - top: 2px; + position: relative; + -webkit-box-shadow: none; + box-shadow: none; + top: 2px; } .consultation_modal .modal_window .title { - padding-right: 8px; + padding-right: 8px; } .consultation_modal .modal_window label { - display: block; - font-size: 13px; - width: 459px; - margin: auto; - margin-bottom: 8px; + display: block; + font-size: 13px; + width: 459px; + margin: auto; + margin-bottom: 8px; } .consultation_modal .modal_window label input { - margin-right: 68px; + margin-right: 68px; } .consultation_modal .modal_window .pass_links { - text-align: center; - padding-left: 55px; - font-size: 13px; - margin-top: 11px; + text-align: center; + padding-left: 55px; + font-size: 13px; + margin-top: 11px; } .consultation_modal .modal_window .pass_links a { - padding-left: 47px; + padding-left: 47px; } .consultation_modal .modal_window .pass_links label { - display: inline; + display: inline; } .consultation_modal .modal_window .pass_links .remember_pas { - color: #6aa034; - text-decoration: underline; + color: #6aa034; + text-decoration: underline; } .consultation_modal .modal_window .for_btn_position { - text-align: center; - margin-top: 23px; + text-align: center; + margin-top: 23px; } .consultation_modal .modal_window .for_btn_position .my_cust_btn { - padding: 8px 38px; + padding: 8px 38px; } /* forgot password window */ .forgot_pass_modal_wrapper { - color: #333333; - width: 100%; - background: rgba(0, 0, 0, 0.4); - position: absolute; - z-index: 4; - top: 0; - left: 0; - display: none; + color: #333333; + width: 100%; + background: rgba(0, 0, 0, 0.4); + position: absolute; + z-index: 4; + top: 0; + left: 0; + display: none; } .forgot_pass_modal_wrapper .modal_window { - text-align: right; - height: 252px; - width: 459px; - background-color: #fff; - padding: 20px; - position: relative; - margin-top: 35px; - margin-left:auto; - margin-right:auto; - -webkit-border-radius: 2px; - border-radius: 2px; - overflow: hidden; - z-index:5; + text-align: right; + height: 252px; + width: 459px; + background-color: #fff; + padding: 20px; + position: relative; + margin-top: 35px; + margin-left:auto; + margin-right:auto; + -webkit-border-radius: 2px; + border-radius: 2px; + overflow: hidden; + z-index:5; } .forgot_pass_modal_wrapper .modal_window .title { - font-size: 18px; - font-weight: bold; - padding-top: 29px; - padding-bottom: 27px; - text-transform: uppercase; - text-align: center; + font-size: 18px; + font-weight: bold; + padding-top: 29px; + padding-bottom: 27px; + text-transform: uppercase; + text-align: center; } .forgot_pass_modal_wrapper .modal_window input { - padding: 8px; - width: 251px; - margin-right: 56px; - margin-left: 11px; - border: 1px solid #C6C7C9; - -webkit-border-radius: 3px; - border-radius: 3px; + padding: 8px; + width: 251px; + margin-right: 56px; + margin-left: 11px; + border: 1px solid #C6C7C9; + -webkit-border-radius: 3px; + border-radius: 3px; } .forgot_pass_modal_wrapper .modal_window .my_cust_btn { - font-size: 13px; - padding: 8px 31px; - color: white; - border: none; - -webkit-border-radius: 3px; - border-radius: 3px; - background-color: #6aa034; - -webkit-box-shadow: 0 2px #517a27; - box-shadow: 0 2px #517a27; + font-size: 13px; + padding: 8px 31px; + color: white; + border: none; + -webkit-border-radius: 3px; + border-radius: 3px; + background-color: #6aa034; + -webkit-box-shadow: 0 2px #517a27; + box-shadow: 0 2px #517a27; } .forgot_pass_modal_wrapper .modal_window .my_cust_btn:hover { - background-color: #5d8d2e; + background-color: #5d8d2e; } .forgot_pass_modal_wrapper .modal_window .my_cust_btn:active { - position: relative; - -webkit-box-shadow: none; - box-shadow: none; - top: 2px; + position: relative; + -webkit-box-shadow: none; + box-shadow: none; + top: 2px; } .forgot_pass_modal_wrapper .modal_window .title { - padding-right: 0px; - padding-top: 30px; - padding-bottom: 23px; + padding-right: 0px; + padding-top: 30px; + padding-bottom: 23px; } .forgot_pass_modal_wrapper .modal_window .text { - color: #898b8e; - font-size: 13px; - text-align: left; - margin-bottom: 28px; + color: #898b8e; + font-size: 13px; + text-align: left; + margin-bottom: 28px; } .forgot_pass_modal_wrapper .modal_window label { - display: block; - font-size: 13px; - width: 459px; - margin: auto; - margin-bottom: 30px; + display: block; + font-size: 13px; + width: 459px; + margin: auto; + margin-bottom: 30px; } .forgot_pass_modal_wrapper .modal_window label input { - margin-right: 52px; + margin-right: 52px; } .forgot_pass_modal_wrapper .modal_window .pass_links { - text-align: center; - padding-left: 55px; - font-size: 13px; - margin-top: 11px; + text-align: center; + padding-left: 55px; + font-size: 13px; + margin-top: 11px; } .forgot_pass_modal_wrapper .modal_window .pass_links a { - padding-left: 47px; + padding-left: 47px; } .forgot_pass_modal_wrapper .modal_window .pass_links label { - display: inline; + display: inline; } .forgot_pass_modal_wrapper .modal_window .pass_links .remember_pas { - color: #6aa034; - text-decoration: underline; + color: #6aa034; + text-decoration: underline; } .forgot_pass_modal_wrapper .modal_window .for_btn_position { - text-align: center; - margin-top: 23px; + text-align: center; + margin-top: 23px; } .forgot_pass_modal_wrapper .modal_window .for_btn_position .my_cust_btn { - padding: 8px 28px; + padding: 8px 28px; } /* forgot password success window */ .forgot_pass_success_wrapper { - color: #333333; - width: 100%; - background: rgba(0, 0, 0, 0.4); - position: absolute; - z-index: 2; - top: 0; - left: 0; - display: none; - z-index:4; + color: #333333; + width: 100%; + background: rgba(0, 0, 0, 0.4); + position: absolute; + z-index: 2; + top: 0; + left: 0; + display: none; + z-index:4; } .forgot_pass_success_wrapper .modal_window { - text-align: right; - height: 158px; - width: 459px; - background-color: #fff; - padding: 20px; - position: relative; - margin-top: 35px; - margin-left:auto; - margin-right:auto; - -webkit-border-radius: 2px; - border-radius: 2px; - overflow: hidden; + text-align: right; + height: 158px; + width: 459px; + background-color: #fff; + padding: 20px; + position: relative; + margin-top: 35px; + margin-left:auto; + margin-right:auto; + -webkit-border-radius: 2px; + border-radius: 2px; + overflow: hidden; } .forgot_pass_success_wrapper .modal_window .title { - font-size: 18px; - font-weight: bold; - padding-top: 29px; - padding-bottom: 27px; - text-transform: uppercase; - text-align: center; + font-size: 18px; + font-weight: bold; + padding-top: 29px; + padding-bottom: 27px; + text-transform: uppercase; + text-align: center; } .forgot_pass_success_wrapper .modal_window input { - padding: 8px; - width: 251px; - margin-right: 56px; - margin-left: 11px; - border: 1px solid #C6C7C9; - -webkit-border-radius: 3px; - border-radius: 3px; + padding: 8px; + width: 251px; + margin-right: 56px; + margin-left: 11px; + border: 1px solid #C6C7C9; + -webkit-border-radius: 3px; + border-radius: 3px; } .forgot_pass_success_wrapper .modal_window .my_cust_btn { - font-size: 13px; - padding: 8px 31px; - color: white; - border: none; - -webkit-border-radius: 3px; - border-radius: 3px; - background-color: #6aa034; - -webkit-box-shadow: 0 2px #517a27; - box-shadow: 0 2px #517a27; + font-size: 13px; + padding: 8px 31px; + color: white; + border: none; + -webkit-border-radius: 3px; + border-radius: 3px; + background-color: #6aa034; + -webkit-box-shadow: 0 2px #517a27; + box-shadow: 0 2px #517a27; } .forgot_pass_success_wrapper .modal_window .my_cust_btn:hover { - background-color: #5d8d2e; + background-color: #5d8d2e; } .forgot_pass_success_wrapper .modal_window .my_cust_btn:active { - position: relative; - -webkit-box-shadow: none; - box-shadow: none; - top: 2px; + position: relative; + -webkit-box-shadow: none; + box-shadow: none; + top: 2px; } .forgot_pass_success_wrapper .modal_window .title { - padding-right: 0px; - padding-top: 30px; - padding-bottom: 23px; + padding-right: 0px; + padding-top: 30px; + padding-bottom: 23px; } .forgot_pass_success_wrapper .modal_window .text { - color: #898b8e; - font-size: 13px; - text-align: center; - margin-bottom: 27px; + color: #898b8e; + font-size: 13px; + text-align: center; + margin-bottom: 27px; } .forgot_pass_success_wrapper .modal_window .for_btn_position { - text-align: center; - margin-top: 23px; + text-align: center; + margin-top: 23px; } .forgot_pass_success_wrapper .modal_window .for_btn_position .my_cust_btn { - padding: 8px 22px; + padding: 8px 22px; } /* callback window */ .callback_wrapper { - color: #333333; - width: 100%; - background: rgba(0, 0, 0, 0.4); - position: absolute; - z-index: 2; - top: 0; - left: 0; - display: none; - z-index:5; + color: #333333; + width: 100%; + background: rgba(0, 0, 0, 0.4); + position: absolute; + z-index: 2; + top: 0; + left: 0; + display: none; + z-index:5; } .callback_wrapper .modal_window { - text-align: right; - height: 158px; - width: 459px; - background-color: #fff; - padding: 20px; - position: relative; - margin-top: 35px; - margin-left:auto; - margin-right:auto; - -webkit-border-radius: 2px; - border-radius: 2px; - overflow: hidden; + text-align: right; + height: 158px; + width: 459px; + background-color: #fff; + padding: 20px; + position: relative; + margin-top: 35px; + margin-left:auto; + margin-right:auto; + -webkit-border-radius: 2px; + border-radius: 2px; + overflow: hidden; } .callback_wrapper .modal_window .title { - font-size: 18px; - font-weight: bold; - padding-top: 29px; - padding-bottom: 27px; - text-transform: uppercase; - text-align: center; + font-size: 18px; + font-weight: bold; + padding-top: 29px; + padding-bottom: 27px; + text-transform: uppercase; + text-align: center; } .callback_wrapper .modal_window input { - padding: 8px; - width: 251px; - margin-right: 56px; - margin-left: 11px; - border: 1px solid #C6C7C9; - -webkit-border-radius: 3px; - border-radius: 3px; + padding: 8px; + width: 251px; + margin-right: 56px; + margin-left: 11px; + border: 1px solid #C6C7C9; + -webkit-border-radius: 3px; + border-radius: 3px; } .callback_wrapper .modal_window .my_cust_btn { - font-size: 13px; - padding: 8px 31px; - color: white; - border: none; - -webkit-border-radius: 3px; - border-radius: 3px; - background-color: #6aa034; - -webkit-box-shadow: 0 2px #517a27; - box-shadow: 0 2px #517a27; + font-size: 13px; + padding: 8px 31px; + color: white; + border: none; + -webkit-border-radius: 3px; + border-radius: 3px; + background-color: #6aa034; + -webkit-box-shadow: 0 2px #517a27; + box-shadow: 0 2px #517a27; } .callback_wrapper .modal_window .my_cust_btn:hover { - background-color: #5d8d2e; + background-color: #5d8d2e; } .callback_wrapper .modal_window .my_cust_btn:active { - position: relative; - -webkit-box-shadow: none; - box-shadow: none; - top: 2px; + position: relative; + -webkit-box-shadow: none; + box-shadow: none; + top: 2px; } .callback_wrapper .modal_window .title { - padding-right: 0px; - padding-top: 32px; - padding-bottom: 25px; - font-size: 28px; + padding-right: 0px; + padding-top: 32px; + padding-bottom: 25px; + font-size: 28px; } .callback_wrapper .modal_window .text { - color: #333333; - font-size: 16px; - text-align: center; - margin-bottom: 27px; + color: #333333; + font-size: 16px; + text-align: center; + margin-bottom: 27px; } /* BUSKET MODAL WINDOW */ /*==================== BUSKET MODAL BASIC */ .busket_modal_basic { - display: inline-block; - background: white; - position: relative; - overflow: hidden; + display: inline-block; + background: white; + position: relative; + overflow: hidden; } .busket_modal_basic .order_list { - width: auto; - padding: 25px; + width: auto; + padding: 25px; } .busket_modal_basic .order_list ul { - max-height: 350px; - overflow-y: overlay; - overflow-x: hidden; + max-height: 350px; + overflow-y: overlay; + overflow-x: hidden; } .busket_modal_basic .order_list h3 { - text-transform: uppercase; - font-weight: normal; - font-size: 20px; - padding: 20px 0 15px; + text-transform: uppercase; + font-weight: normal; + font-size: 20px; + padding: 20px 0 15px; } .busket_modal_basic .order_list .order_list_li { - display: block; + display: block; } .busket_modal_basic .order_list .order_list_li .little_img { - float: none; + float: none; } .busket_modal_basic .order_list .order_list_li .name_and_code { - text-align: left; - float: none; + text-align: left; + float: none; } .busket_modal_basic .order_list .order_list_li .name_and_code .name { - margin-bottom: 14px; + margin-bottom: 14px; } .busket_modal_basic .order_list .order_list_li .price { - padding: 0; + padding: 0; } .busket_modal_basic .order_list .order_list_li .count_block_wrap { - display: inline-block; - vertical-align: top; - text-align: right; + display: inline-block; + vertical-align: top; + text-align: right; } .busket_modal_basic .order_list .count_block { - display: block; - position: relative; - margin-bottom: 30px; + display: block; + position: relative; + margin-bottom: 30px; } .busket_modal_basic .order_list .count_block .count_number { - display: inline-block; - font-size: 22px; - padding: 3px 13px 3px; - border: 1px solid #C6C7C9; - -webkit-border-radius: 3px; - border-radius: 3px; - position: relative; - /*top: -2px;*/ - background-color: #fff; + display: inline-block; + font-size: 22px; + padding: 3px 13px 3px; + border: 1px solid #C6C7C9; + -webkit-border-radius: 3px; + border-radius: 3px; + position: relative; + /*top: -2px;*/ + background-color: #fff; } .busket_modal_basic .order_list .count_block .count_buttons { - position: relative; - /*top: 4px;*/ - right: 6px; - display: inline-block; - vertical-align: bottom; + position: relative; + /*top: 4px;*/ + right: 6px; + display: inline-block; + vertical-align: bottom; } .busket_modal_basic .order_list .count_block .count_buttons .button_plus { - background-color: #898b8e; - color: white; - font-weight: bold; - border-bottom: 1px solid #707274; - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; - font-size: 15px; - line-height: 15px; - padding: 0 7px; - cursor: pointer; + background-color: #898b8e; + color: white; + font-weight: bold; + border-bottom: 1px solid #707274; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; + font-size: 15px; + line-height: 15px; + padding: 0 7px; + cursor: pointer; } .busket_modal_basic .order_list .count_block .count_buttons .button_plus:hover { - background-color: #7c7e81; + background-color: #7c7e81; } .busket_modal_basic .order_list .count_block .count_buttons .button_minus { - background-color: #898b8e; - color: white; - font-weight: bold; - line-height: 16px; - text-align: center; - border-top: 1px solid #A2A2A2; - -webkit-border-bottom-right-radius: 3px; - border-bottom-right-radius: 3px; - cursor: pointer; + background-color: #898b8e; + color: white; + font-weight: bold; + line-height: 16px; + text-align: center; + border-top: 1px solid #A2A2A2; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; + cursor: pointer; } .busket_modal_basic .order_list .count_block .count_buttons .button_minus:hover { - background-color: #7c7e81; + background-color: #7c7e81; } .busket_modal_basic .order_list .busket_bottom_btn { - margin-top: 20px; - text-align: center; + margin-top: 20px; + text-align: center; } .busket_modal_basic .order_list .busket_bottom_btn a { - display: inline-block; - font-size: 13px; - margin-right: 97px; + display: inline-block; + font-size: 13px; + margin-right: 97px; } .busket_modal_basic .order_list .busket_bottom_btn button { - display: inline-block; - padding: 10px 20px; - color: white; - background-color: #6aa034; - border: none; - -webkit-border-radius: 2px; - border-radius: 2px; - font-size: 13px; - font-weight: normal; - -webkit-box-shadow: 0px 2px 0px #517a27; - box-shadow: 0px 2px 0px #517a27; + display: inline-block; + padding: 10px 20px; + color: white; + background-color: #6aa034; + border: none; + -webkit-border-radius: 2px; + border-radius: 2px; + font-size: 13px; + font-weight: normal; + -webkit-box-shadow: 0px 2px 0px #517a27; + box-shadow: 0px 2px 0px #517a27; } .busket_modal_basic .order_list .busket_bottom_btn button:active { - position: relative; - -webkit-box-shadow: none; - box-shadow: none; - top: 2px; + position: relative; + -webkit-box-shadow: none; + box-shadow: none; + top: 2px; } .busket_modal_basic .order_list .busket_bottom_btn button:hover { - background-color: #5d8d2e; + background-color: #5d8d2e; } .busket_modal_basic .order_list .delete_item_btn { - display: inline-block; - vertical-align: top; - margin-top: 30px; - padding: 0 10px 0 0; - cursor: pointer; - color: #C6C7C9; - font-size: 20px; + display: inline-block; + vertical-align: top; + margin-top: 30px; + padding: 0 10px 0 0; + cursor: pointer; + color: #C6C7C9; + font-size: 20px; } .busket_modal_basic .order_list .delete_item_btn:hover { - color: red; + color: red; } /*==================== BUSKET MODAL 1 */ @@ -2554,166 +2580,166 @@ span.red { } .busket_modal_wrapper .busket_modal_01 { - display: inline-block; - background: white; - position: relative; - overflow: hidden; - border-radius:3px; - -webkit-border-radius:3px; + display: inline-block; + background: white; + position: relative; + overflow: hidden; + border-radius:3px; + -webkit-border-radius:3px; } .busket_modal_wrapper .busket_modal_01 .order_list { - width: auto; - padding: 25px; + width: auto; + padding: 25px; } .busket_modal_wrapper .busket_modal_01 .order_list ul { - max-height: 350px; - overflow-y: overlay; - overflow-x: hidden; + max-height: 350px; + overflow-y: overlay; + overflow-x: hidden; } .busket_modal_wrapper .busket_modal_01 .order_list h3 { - text-transform: uppercase; - font-weight: normal; - font-size: 20px; - padding: 20px 0 15px; + text-transform: uppercase; + font-weight: normal; + font-size: 20px; + padding: 20px 0 15px; } .busket_modal_wrapper .busket_modal_01 .order_list .order_list_li { - display: block; + display: block; } .busket_modal_wrapper .busket_modal_01 .order_list .order_list_li .little_img { - float: none; + float: none; } .busket_modal_wrapper .busket_modal_01 .order_list .order_list_li .name_and_code { - text-align: left; - float: none; + text-align: left; + float: none; } .busket_modal_wrapper .busket_modal_01 .order_list .order_list_li .name_and_code .name { - margin-bottom: 14px; + margin-bottom: 14px; } .busket_modal_wrapper .busket_modal_01 .order_list .order_list_li .price { - padding: 0; + padding: 0; } .busket_modal_wrapper .busket_modal_01 .order_list .order_list_li .count_block_wrap { - display: inline-block; - vertical-align: top; - text-align: right; + display: inline-block; + vertical-align: top; + text-align: right; } .busket_modal_wrapper .busket_modal_01 .order_list .count_block { - display: block; - position: relative; - margin-bottom: 30px; + display: block; + position: relative; + margin-bottom: 30px; } .busket_modal_wrapper .busket_modal_01 .order_list .count_block .count_number { - display: inline-block; - font-size: 22px; - padding: 3px 13px 3px; - border: 1px solid #C6C7C9; - -webkit-border-radius: 3px; - border-radius: 3px; - position: relative; - /*top: -2px;*/ - background-color: #fff; + display: inline-block; + font-size: 22px; + padding: 3px 13px 3px; + border: 1px solid #C6C7C9; + -webkit-border-radius: 3px; + border-radius: 3px; + position: relative; + /*top: -2px;*/ + background-color: #fff; } .busket_modal_wrapper .busket_modal_01 .order_list .count_block .count_buttons { - position: relative; - /*top: 4px;*/ - right: 16px; - display: inline-block; - vertical-align: bottom; + position: relative; + /*top: 4px;*/ + right: 16px; + display: inline-block; + vertical-align: bottom; } .busket_modal_wrapper .busket_modal_01 .order_list .count_block .count_buttons .button_plus { - background-color: #898b8e; - color: white; - font-weight: bold; - border-bottom: 1px solid #707274; - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; - font-size: 15px; - line-height: 15px; - padding: 0 7px; - cursor: pointer; + background-color: #898b8e; + color: white; + font-weight: bold; + border-bottom: 1px solid #707274; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; + font-size: 15px; + line-height: 15px; + padding: 0 7px; + cursor: pointer; } .busket_modal_wrapper .busket_modal_01 .order_list .count_block .count_buttons .button_plus:hover { - background-color: #7c7e81; + background-color: #7c7e81; } .busket_modal_wrapper .busket_modal_01 .order_list .count_block .count_buttons .button_minus { - background-color: #898b8e; - color: white; - font-weight: bold; - line-height: 16px; - text-align: center; - border-top: 1px solid #A2A2A2; - -webkit-border-bottom-right-radius: 3px; - border-bottom-right-radius: 3px; - cursor: pointer; + background-color: #898b8e; + color: white; + font-weight: bold; + line-height: 16px; + text-align: center; + border-top: 1px solid #A2A2A2; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; + cursor: pointer; } .busket_modal_wrapper .busket_modal_01 .order_list .count_block .count_buttons .button_minus:hover { - background-color: #7c7e81; + background-color: #7c7e81; } .busket_modal_wrapper .busket_modal_01 .order_list .busket_bottom_btn { - margin-top: 20px; - text-align: center; + margin-top: 20px; + text-align: center; } .busket_modal_wrapper .busket_modal_01 .order_list .busket_bottom_btn a { - display: inline-block; - font-size: 13px; - margin-right: 97px; + display: inline-block; + font-size: 13px; + margin-right: 97px; } .busket_modal_wrapper .busket_modal_01 .order_list .busket_bottom_btn button { - display: inline-block; - padding: 10px 20px; - color: white; - background-color: #6aa034; - border: none; - -webkit-border-radius: 2px; - border-radius: 2px; - font-size: 13px; - font-weight: normal; - -webkit-box-shadow: 0px 2px 0px #517a27; - box-shadow: 0px 2px 0px #517a27; + display: inline-block; + padding: 10px 20px; + color: white; + background-color: #6aa034; + border: none; + -webkit-border-radius: 2px; + border-radius: 2px; + font-size: 13px; + font-weight: normal; + -webkit-box-shadow: 0px 2px 0px #517a27; + box-shadow: 0px 2px 0px #517a27; } .busket_modal_wrapper .busket_modal_01 .order_list .busket_bottom_btn button:active { - position: relative; - -webkit-box-shadow: none; - box-shadow: none; - top: 2px; + position: relative; + -webkit-box-shadow: none; + box-shadow: none; + top: 2px; } .busket_modal_wrapper .busket_modal_01 .order_list .busket_bottom_btn button:hover { - background-color: #5d8d2e; + background-color: #5d8d2e; } .busket_modal_wrapper .busket_modal_01 .order_list .delete_item_btn { - display: inline-block; - vertical-align: top; - margin-top: 30px; - padding: 0 10px 0 0; - cursor: pointer; - color: #C6C7C9; - font-size: 20px; + display: inline-block; + vertical-align: top; + margin-top: 30px; + padding: 0 10px 0 0; + cursor: pointer; + color: #C6C7C9; + font-size: 20px; } .busket_modal_wrapper .busket_modal_01 .order_list .delete_item_btn:hover { - color: red; + color: red; } /*==================== BUSKET MODAL 2 */ @@ -2732,58 +2758,58 @@ span.red { } .busket_modal_header .busket_modal_02 { - display: inline-block; - background: white; - position: relative; - overflow: hidden; + display: inline-block; + background: white; + position: relative; + overflow: hidden; } .busket_modal_header .busket_modal_02 .order_list { - /*width: auto;*/ - padding: 25px 0px; + /*width: auto;*/ + padding: 25px 0px; } .busket_modal_header .busket_modal_02 .order_list ul { - overflow-y: overlay; - overflow-x: hidden; + overflow-y: overlay; + overflow-x: hidden; } .busket_modal_header .busket_modal_02 .order_list h3 { - text-transform: uppercase; - font-weight: normal; - font-size: 20px; - padding: 20px 0 15px; + text-transform: uppercase; + font-weight: normal; + font-size: 20px; + padding: 20px 0 15px; } .busket_modal_header .busket_modal_02 .order_list .order_list_li { - display: block; - max-width:440px; + display: block; + max-width:440px; overflow: hidden; } .busket_modal_header .busket_modal_02 .order_list li:nth-child(even){ - background-color:#f4f4f4; + background-color:#f4f4f4; } .busket_modal_01 .order_list li:nth-child(even){ - background-color:#f4f4f4; + background-color:#f4f4f4; } .busket_modal_header .busket_modal_02 .order_list .order_list_li .little_img { - /*float: none;*/ + /*float: none;*/ } .busket_modal_header .busket_modal_02 .order_list .order_list_li .name_and_code { - text-align: left; - /*float: none;*/ + text-align: left; + /*float: none;*/ } .busket_modal_header .busket_modal_02 .order_list .order_list_li .name_and_code .name { - margin-bottom: 14px; + margin-bottom: 14px; } .busket_modal_header .busket_modal_02 .order_list .order_list_li .price { - padding: 0; + padding: 0; } .busket_modal_header .busket_modal_02 .order_list .order_list_li .count_block_wrap { @@ -2794,104 +2820,104 @@ span.red { } .busket_modal_header .busket_modal_02 .order_list .count_block { - display: block; - position: relative; - margin-bottom: 30px; + display: block; + position: relative; + margin-bottom: 30px; } .busket_modal_header .busket_modal_02 .order_list .count_block .count_number { - display: inline-block; - font-size: 22px; - padding: 6px 13px 3px; - border: 1px solid #C6C7C9; - -webkit-border-radius: 3px; - border-radius: 3px; - position: relative; - /*top: -2px;*/ - background-color: #fff; + display: inline-block; + font-size: 22px; + padding: 6px 13px 3px; + border: 1px solid #C6C7C9; + -webkit-border-radius: 3px; + border-radius: 3px; + position: relative; + /*top: -2px;*/ + background-color: #fff; } .busket_modal_header .busket_modal_02 .order_list .count_block .count_buttons { - position: relative; - /*top: 4px;*/ - right: 16px; - display: inline-block; - vertical-align: bottom; + position: relative; + /*top: 4px;*/ + right: 16px; + display: inline-block; + vertical-align: bottom; } .busket_modal_header .busket_modal_02 .order_list .count_block .count_buttons .button_plus { - background-color: #898b8e; - color: white; - font-weight: bold; - border-bottom: 1px solid #707274; - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; - font-size: 15px; - line-height: 15px; - padding: 0 7px; - cursor: pointer; + background-color: #898b8e; + color: white; + font-weight: bold; + border-bottom: 1px solid #707274; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; + font-size: 15px; + line-height: 15px; + padding: 0 7px; + cursor: pointer; } .busket_modal_header .busket_modal_02 .order_list .count_block .count_buttons .button_plus:hover { - background-color: #7c7e81; + background-color: #7c7e81; } .busket_modal_header .busket_modal_02 .order_list .count_block .count_buttons .button_minus { - background-color: #898b8e; - color: white; - font-weight: bold; - line-height: 16px; - text-align: center; - border-top: 1px solid #A2A2A2; - -webkit-border-bottom-right-radius: 3px; - border-bottom-right-radius: 3px; - cursor: pointer; + background-color: #898b8e; + color: white; + font-weight: bold; + line-height: 16px; + text-align: center; + border-top: 1px solid #A2A2A2; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; + cursor: pointer; } .busket_modal_header .busket_modal_02 .order_list .count_block .count_buttons .button_minus:hover { - background-color: #7c7e81; + background-color: #7c7e81; } .busket_modal_header .busket_modal_02 .order_list .busket_bottom_btn { - margin-top: 20px; - text-align: center; + margin-top: 20px; + text-align: center; } .busket_modal_header .busket_modal_02 .order_list .busket_bottom_btn a { - display: inline-block; - font-size: 13px; - margin-right: 130px; + display: inline-block; + font-size: 13px; + margin-right: 130px; } .busket_modal_header .busket_modal_02 .order_list .busket_bottom_btn .button { - display: inline-block; - padding: 10px 20px; - text-decoration: none; - margin: 0; - color: white; - background-color: #6aa034; - border: none; - -webkit-border-radius: 2px; - border-radius: 2px; - font-size: 13px; - font-weight: normal; - -webkit-box-shadow: 0px 2px 0px #517a27; - box-shadow: 0px 2px 0px #517a27; + display: inline-block; + padding: 10px 20px; + text-decoration: none; + margin: 0; + color: white; + background-color: #6aa034; + border: none; + -webkit-border-radius: 2px; + border-radius: 2px; + font-size: 13px; + font-weight: normal; + -webkit-box-shadow: 0px 2px 0px #517a27; + box-shadow: 0px 2px 0px #517a27; } .busket_modal_header .busket_modal_02 .order_list .busket_bottom_btn .button:active { - position: relative; - -webkit-box-shadow: none; - box-shadow: none; - top: 2px; + position: relative; + -webkit-box-shadow: none; + box-shadow: none; + top: 2px; } .busket_modal_header .busket_modal_02 .order_list .busket_bottom_btn .button:hover { - background-color: #5d8d2e; + background-color: #5d8d2e; } .busket_modal_header .busket_modal_02 .order_list .delete_item_btn { - display: inline-block; + display: inline-block; vertical-align: top; margin-top: 30px; padding: 0 10px 0 0; @@ -2902,469 +2928,469 @@ span.red { } .busket_modal_header .busket_modal_02 .order_list .delete_item_btn:hover { - color: red; + color: red; } /********************BASKET *************************/ .basket_form .order_list { - /*width: auto;*/ - padding: 25px 0px; + /*width: auto;*/ + padding: 25px 0px; } .basket_form .order_list ul { - overflow-y: overlay; - overflow-x: hidden; + overflow-y: overlay; + overflow-x: hidden; } .basket_form .order_list h3 { - text-transform: uppercase; - font-weight: normal; - font-size: 20px; - padding: 20px 0 15px; + text-transform: uppercase; + font-weight: normal; + font-size: 20px; + padding: 20px 0 15px; } .basket_form .order_list .order_list_li { - display: block; - max-width:440px; - overflow: hidden; + display: block; + max-width:440px; + overflow: hidden; } .basket_form .order_list li:nth-child(even){ - background-color:#f4f4f4; + background-color:#f4f4f4; } .busket_modal_01 .order_list li:nth-child(even){ - background-color:#f4f4f4; + background-color:#f4f4f4; } .basket_form .order_list .order_list_li .little_img { - /*float: none;*/ + /*float: none;*/ } .basket_form .order_list .order_list_li .name_and_code { - text-align: left; - /*float: none;*/ + text-align: left; + /*float: none;*/ } .basket_form .order_list .order_list_li .name_and_code .name { - margin-bottom: 14px; + margin-bottom: 14px; } .basket_form .order_list .order_list_li .price { - padding: 0; + padding: 0; } .basket_form .order_list .order_list_li .count_block_wrap { - display: inline-block; - vertical-align: top; - text-align: right; - float: left; + display: inline-block; + vertical-align: top; + text-align: right; + float: left; } .basket_form .order_list .count_block { - display: block; - position: relative; - margin-bottom: 30px; + display: block; + position: relative; + margin-bottom: 30px; } .basket_form .order_list .count_block .count_number { - display: inline-block; - font-size: 22px; - padding: 6px 13px 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - position: relative; - /*top: -2px;*/ - background-color: #fff; + display: inline-block; + font-size: 22px; + padding: 6px 13px 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + position: relative; + /*top: -2px;*/ + background-color: #fff; } .basket_form .order_list .count_block .count_buttons { - position: relative; - /*top: 4px;*/ - right: 16px; - display: inline-block; - vertical-align: bottom; + position: relative; + /*top: 4px;*/ + right: 16px; + display: inline-block; + vertical-align: bottom; } .basket_form .order_list .count_block .count_buttons .button_plus { - background-color: #898b8e; - color: white; - font-weight: bold; - border-bottom: 1px solid #707274; - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; - font-size: 15px; - line-height: 15px; - padding: 0 7px; - cursor: pointer; + background-color: #898b8e; + color: white; + font-weight: bold; + border-bottom: 1px solid #707274; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; + font-size: 15px; + line-height: 15px; + padding: 0 7px; + cursor: pointer; } .basket_form .order_list .count_block .count_buttons .button_plus:hover { - background-color: #7c7e81; + background-color: #7c7e81; } .basket_form .order_list .count_block .count_buttons .button_minus { - background-color: #898b8e; - color: white; - font-weight: bold; - line-height: 16px; - text-align: center; - border-top: 1px solid #A2A2A2; - -webkit-border-bottom-right-radius: 3px; - border-bottom-right-radius: 3px; - cursor: pointer; + background-color: #898b8e; + color: white; + font-weight: bold; + line-height: 16px; + text-align: center; + border-top: 1px solid #A2A2A2; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; + cursor: pointer; } .basket_form .order_list .count_block .count_buttons .button_minus:hover { - background-color: #7c7e81; + background-color: #7c7e81; } .basket_form .order_list .busket_bottom_btn { - margin-top: 20px; - text-align: center; + margin-top: 20px; + text-align: center; } .basket_form .order_list .busket_bottom_btn a { - display: inline-block; - font-size: 13px; - margin-right: 130px; + display: inline-block; + font-size: 13px; + margin-right: 130px; } .basket_form .order_list .busket_bottom_btn .button { - display: inline-block; - padding: 10px 20px; - text-decoration: none; - margin: 0; - color: white; - background-color: #6aa034; - border: none; - -webkit-border-radius: 2px; - border-radius: 2px; - font-size: 13px; - font-weight: normal; - -webkit-box-shadow: 0px 2px 0px #517a27; - box-shadow: 0px 2px 0px #517a27; + display: inline-block; + padding: 10px 20px; + text-decoration: none; + margin: 0; + color: white; + background-color: #6aa034; + border: none; + -webkit-border-radius: 2px; + border-radius: 2px; + font-size: 13px; + font-weight: normal; + -webkit-box-shadow: 0px 2px 0px #517a27; + box-shadow: 0px 2px 0px #517a27; } .basket_form .order_list .busket_bottom_btn .button:active { - position: relative; - -webkit-box-shadow: none; - box-shadow: none; - top: 2px; + position: relative; + -webkit-box-shadow: none; + box-shadow: none; + top: 2px; } .basket_form .order_list .busket_bottom_btn .button:hover { - background-color: #5d8d2e; + background-color: #5d8d2e; } .basket_form .order_list .delete_item_btn { - display: inline-block; - vertical-align: top; - margin-top: 30px; - padding: 0 10px 0 0; - cursor: pointer; - color: #C6C7C9; - font-size: 20px; - float: left; + display: inline-block; + vertical-align: top; + margin-top: 30px; + padding: 0 10px 0 0; + cursor: pointer; + color: #C6C7C9; + font-size: 20px; + float: left; } .basket_form .order_list .delete_item_btn:hover { - color: red; + color: red; } /*=============================================== CATEGORY PAGE ================================================*/ .category_page_main_title { - margin-top: 0; - margin-bottom: 41px; - font-weight: bold; + margin-top: 0; + margin-bottom: 41px; + font-weight: bold; } .category_wrap { - margin-bottom: 18px; + margin-bottom: 18px; } .category_wrap .category_wrap_3_colum { - width: 300px; - display: inline-block; - vertical-align: top; - margin-right: 15px; + width: 300px; + display: inline-block; + vertical-align: top; + margin-right: 15px; } .category_wrap .category_wrap_3_colum:last-of-type { - margin-right: 0px; + margin-right: 0px; } .category_wrap .wrap { - margin-bottom: 16px; + margin-bottom: 16px; } .category_wrap .wrap a { - text-decoration: none; + text-decoration: none; } .category_wrap .wrap .cat_li_cont { - border: 1px solid #C6C7C9; - -webkit-border-radius: 2px; - border-radius: 2px; - width: 298px; - height: 78px; - display: inline-block; - position: relative; + border: 1px solid #C6C7C9; + -webkit-border-radius: 2px; + border-radius: 2px; + width: 298px; + height: 78px; + display: inline-block; + position: relative; } .category_wrap .wrap .cat_li_cont img { - padding-top: 9px; - padding-left: 7px; - float: left; - padding-right: 20px; + padding-top: 9px; + padding-left: 7px; + float: left; + padding-right: 20px; } .category_wrap .wrap .cat_li_cont .desc { - font-size: 15px; - width: 150px; - color: #333333; - margin-left: 87px; - height: 78px; - display: table-cell; - vertical-align: middle; + font-size: 15px; + width: 150px; + color: #333333; + margin-left: 87px; + height: 78px; + display: table-cell; + vertical-align: middle; } .category_wrap .wrap .cat_li_cont .arrow { - background-image: url("../images/category/green_arrows.png"); - width: 20px; - height: 10px; - background-repeat: no-repeat; - display: block; - position: absolute; - right: 15px; - top: 35px; - background-position: 0px 0px; + background-image: url("../images/category/green_arrows.png"); + width: 20px; + height: 10px; + background-repeat: no-repeat; + display: block; + position: absolute; + right: 15px; + top: 35px; + background-position: 0px 0px; } .category_wrap .wrap .cat_li_sub_ul { - padding: 18px 2px 13px 18px; - font-size: 13px; - line-height: 20px; - border: 1px solid #C6C7C9; - width: 278px; - background-color: white; - position: relative; - top: -6px; - border-top: none; - display: none; + padding: 18px 2px 13px 18px; + font-size: 13px; + line-height: 20px; + border: 1px solid #C6C7C9; + width: 278px; + background-color: white; + position: relative; + top: -6px; + border-top: none; + display: none; } /*=============================================== 404 PAGE ================================================*/ .wrap_for_404 { - min-height: 670px; + min-height: 670px; } .wrap_for_404 .main_title_404 { - font-size: 30px; - margin-top: 0; - margin-bottom: 30px; - font-weight: bold; + font-size: 30px; + margin-top: 0; + margin-bottom: 30px; + font-weight: bold; } .wrap_for_404 .main_img_404 { - float: left; - position: relative; - right: 10px; - padding: 27px 21px 10px 0px; + float: left; + position: relative; + right: 10px; + padding: 27px 21px 10px 0px; } .wrap_for_404 .block_404 .first { - font-size: 16px; - margin-top: 103px; - line-height: 20px; + font-size: 16px; + margin-top: 103px; + line-height: 20px; } .wrap_for_404 .block_404 .second { - font-size: 13px; - margin-top: 60px; - line-height: 15px; - color: #898b8e; + font-size: 13px; + margin-top: 60px; + line-height: 15px; + color: #898b8e; } .wrap_for_404 .block_404 button { - padding: 7px 21px; - background-color: #6aa034; - margin-top: 47px; - margin-left: 151px; - border: none; - font-size: 13px; - color: white; - -webkit-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: 0 2px #517a27; - box-shadow: 0 2px #517a27; + padding: 7px 21px; + background-color: #6aa034; + margin-top: 47px; + margin-left: 151px; + border: none; + font-size: 13px; + color: white; + -webkit-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: 0 2px #517a27; + box-shadow: 0 2px #517a27; } .wrap_for_404 .block_404 button:hover { - background-color: #5d8d2e; + background-color: #5d8d2e; } .wrap_for_404 .block_404 button:active { - position: relative; - top: 2px; - -webkit-box-shadow: none; - box-shadow: none; + position: relative; + top: 2px; + -webkit-box-shadow: none; + box-shadow: none; } .test_flex_example { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } /*=============================================== ZAGLUSHKA PAGE ================================================*/ .zaglushka_logo_img { - width: 230px; - margin: 80px auto 27px; + width: 230px; + margin: 80px auto 27px; } .zaglushka_main_img { - width: 880px; - position: relative; - left: -6px; + width: 880px; + position: relative; + left: -6px; } .zaglushka_text { - text-align: center; - font-weight: bold; - padding-top: 44px; - position: relative; - right: 4px; - padding-bottom: 130px; + text-align: center; + font-weight: bold; + padding-top: 44px; + position: relative; + right: 4px; + padding-bottom: 130px; } .zaglushka_text h2 { - color: #6aa034; - font-size: 20px; - letter-spacing: 1px; + color: #6aa034; + font-size: 20px; + letter-spacing: 1px; } .zaglushka_text p { - font-size: 16px; - padding-bottom: 22px; + font-size: 16px; + padding-bottom: 22px; } .zaglushka_text .zaglushka_separate_line { - height: 1px; - background: #C6C7C9; - width: 508px; - margin: 13px auto 17px; + height: 1px; + background: #C6C7C9; + width: 508px; + margin: 13px auto 17px; } /*=============================================== VALIDATION ================================================*/ .reg_form label.error { - margin-left: 180px; - width: 265px; - text-align: left; - color: #D75C5C; + margin-left: 180px; + width: 265px; + text-align: left; + color: #D75C5C; } .modal_wrapper_login .modal_window label.error { - margin-left: 127px; - width: 265px; - text-align: left; - color: #D75C5C; + margin-left: 127px; + width: 265px; + text-align: left; + color: #D75C5C; } .consultation_modal .modal_window label.error { - margin-left: 127px; - width: 265px; - text-align: left; - color: #D75C5C; + margin-left: 127px; + width: 265px; + text-align: left; + color: #D75C5C; } .forgot_password_form label.error { - margin-left: 141px; - width: 265px; - text-align: left; - color: #D75C5C; + margin-left: 141px; + width: 265px; + text-align: left; + color: #D75C5C; } .customer_content{ - display: inline-block; - width: 420px; + display: inline-block; + width: 420px; } .modal_wrapper_cabinet .cabinet_window label { - display: block; - font-size: 13px; - width: 500px; - margin: auto; - margin-bottom: 8px; + display: block; + font-size: 13px; + width: 500px; + margin: auto; + margin-bottom: 8px; } .modal_wrapper_cabinet .cabinet_window input { - padding: 8px; - width: 251px; - margin-right: 56px; - margin-left: 11px; - border: 1px solid #C6C7C9; - -webkit-border-radius: 3px; - border-radius: 3px; + padding: 8px; + width: 251px; + margin-right: 56px; + margin-left: 11px; + border: 1px solid #C6C7C9; + -webkit-border-radius: 3px; + border-radius: 3px; } .modal_wrapper_cabinet .cabinet_window{ - text-align: right; + text-align: right; } .modal_wrapper_cabinet{ - margin-left: -60px; + margin-left: -60px; } .my_cust_cabinet_btn{ - font-family: 'Ubuntu', sans-serif; - background-color: #6aa033; - border: 0; - color: #ffffff; - padding-top: 8px; - padding-bottom: 8px; - font-size: 13px; - border-top: 1px solid #6aa033; - border-bottom: 2px solid #588c23; - border-radius: 0px 2px 2px 0px; - cursor: pointer; - padding-right: 10px; - padding-left: 10px; - z-index: 2; - height: 38px; + font-family: 'Ubuntu', sans-serif; + background-color: #6aa033; + border: 0; + color: #ffffff; + padding-top: 8px; + padding-bottom: 8px; + font-size: 13px; + border-top: 1px solid #6aa033; + border-bottom: 2px solid #588c23; + border-radius: 0px 2px 2px 0px; + cursor: pointer; + padding-right: 10px; + padding-left: 10px; + z-index: 2; + height: 38px; } .product_service{ - margin-top: 10px; + margin-top: 10px; } .product_service ul li{ - font-size: 13px; + font-size: 13px; } .product_service ul li.item1 { - background: url('/images/li1.png') left no-repeat; - padding: 3px 23px; + background: url('/images/li1.png') left no-repeat; + padding: 3px 23px; } .product_service ul li.item3 { - background: url('/images/li3.png') left no-repeat; - padding: 3px 23px; + background: url('/images/li3.png') left no-repeat; + padding: 3px 23px; } .head_basket_count{ - color:#6aa033; + color:#6aa033; } diff --git a/frontend/web/css/style.css b/frontend/web/css/style.css index eb02199..9775a09 100755 --- a/frontend/web/css/style.css +++ b/frontend/web/css/style.css @@ -583,7 +583,7 @@ padding-left:27px; border: none; border-bottom:2px solid #588c23; padding-bottom:9px; - padding-left:13px; + padding-left:12px; padding-top:8px; padding-right:51px; border-radius:2px; @@ -591,7 +591,7 @@ padding-left:27px; margin: auto; position:relative; margin-bottom: 10px; - width: 125px; + width: 126px; } .basket_add_but:hover{ color:#ffffff; @@ -987,7 +987,6 @@ i.head-down.bh_cell:after{ border-bottom: 23px solid rgba(0,0,0,0); } .menu_item a{border-top:1px solid #588c23;} -.menu_item a:hover{border-top:1px solid #ffde00;} .menu_item .active{background-color: #fff;color: black;} .menu_item .active a:hover{ background-color: #fff; -- libgit2 0.21.4