@import "/templates/css/fonts.css" all;
@import "/templates/css/reset.css" all;
@import "/templates/css/menu.css" all;
@import "/templates/css/chosen.css" all;
@import "/templates/css/form_styler.css" all;
@import "/templates/js/bxslider/jquery.bxslider.css" all;

body {font-family:"NotoSansRegular", Arial; color:#383838; height: 100%; margin: 0; padding: 0; overflow-x: hidden; /*background: url(/templates/img/bg.jpg); background-repeat: repeat;*/ background: #dce6ea;}

.hidden {display:none;}


/* Структура */
header {float:left; height:10rem; width:100%; position:absolute; padding:0.8rem 0; top:0; left:0; z-index:100; background:#d0e1e7; opacity:0.98;}

section, .section_div {margin:auto; width:62rem;}

h2 {font-size:1.4rem; color:#548396; padding:0 0 1rem 0;}
h3 {font-size:1.3rem; color:#548396; padding:0 0 1rem 0;}

.logo {float: left; width:22rem; margin: 0;}
.logo a {text-decoration:none; color:#12243a;}
.logo h3 {position: absolute; font-size: 2.4rem; margin: -5rem 0 0 5.3rem;}
.logo span {position: absolute; margin: 2.5rem 0 0 1rem; font-size: 1rem;}

.contact {float:left; width: 14rem; margin: 0 0 0 4rem;}
.contact .phone, .contact .working_hours, .contact .address {float:left; width: 100%; text-align: center; color:#375561;}
.contact .phone {font-size: 1.1rem;}
.contact .phone span {color:#507d8e;}
.contact .address {margin-bottom: 0.2rem;}
.contact .address a {color:#375561;}
.contact .address a:hover {border-bottom: 0.1rem dashed;}
.contact .working_hours {font-size:0.8rem;}

a.contacts {border-bottom:0; color:#383838;}
a.contacts:hover {border-bottom: 0.1rem dashed;}

.nav {float:right; width: 16rem;}
.nav .search {float: right; width: 11rem;}
.nav .search input[type="text"] {height: 2rem; line-height: 2rem; background:#ecf0f1; width: 100%; border: 0; padding: 0 1rem;}
.nav .search input[type="text"]:focus, .nav .search input[type="submit"]:focus {outline: none; color:#375561;}
.nav .search input[type="submit"] {width: 1.5rem; height: 1.5rem; border: none; text-indent: -9999px; position: absolute; right: 0.5rem; top: 0.25rem; background: url(/templates/img/icon/search.png) no-repeat; overflow: hidden;}

.lang_panel {float: left; width: 5rem; color:#548396;}
.lang_panel a {font-size:0.8rem; text-decoration:underline; color:#548396;}
.lang_panel span {font-size:0.8rem; font-weight:bold; color:#548396;}

.nav .cart {float: left; cursor: pointer; margin: 1rem 0 0 0rem;}
.nav .cart span.icon-cart {background-image: url(/templates/img/icon/cart.png); background-repeat: no-repeat; width: 2rem; height: 2rem; float: left; margin-top: -0.4rem;}
.nav .cart span.amount-cart {background: #7c97a1; color: #fff; position: absolute; padding: 0 0.2rem; font-size: 0.7rem; margin: 1.2rem 0 0 -0.1rem;}
.nav .cart span.text-cart {margin-left: 0.8rem; color:#375561;}

.content {float:left; width:100%; min-height: 80%; height:initial;}
.bg {height: 100%; min-height: 100%; background: #fff; padding:2rem; display: table;}
.top {margin-top: 10rem;}

.about {float:left; width:100%; padding:2rem 0 1rem 0; /*background:#eff5f7; border-top:0.1rem solid #ccc; margin-top:1rem;  border-bottom:0.1rem solid #ccc;*/}

h1 {font-size:1.6rem; color:#548396; padding:0 0 1rem 0;}
p {font-size:1rem; padding:0 0 1rem 0; color: #548396;}

.our_advantages {float: left; width: 100%; padding: 2rem 0 1rem 0; background: #fff;}

.error_page {padding:3rem 0; text-align: center;}

.block {float:left; width:100%;}

.list {font-size:1rem; margin:1rem 0 1rem 0; counter-reset:heading;}
.list li {min-height:2rem; position: relative; padding:0 0 0 3rem; margin-bottom:0.4rem; color: #548396;}
.list li:before {counter-increment:heading; content:counter(heading); width:1.8rem; height:1.8rem; position: absolute; left:0; top:-0.2rem; text-align:center; color:#548396; border:0.15rem solid #659db2; border-radius:3rem; display: inline-block;  font:1rem/1.9 'NotoSansRegular', Arial;}

.list_marker {font-size:1rem; margin:1rem 0 1rem 1rem; counter-reset:heading;}
.list_marker li {list-style-type: square; position: relative; padding:0 0 0 1rem; margin-bottom:0.4rem; color: #548396;}

.section_shop {float:left; width:100%; padding:3rem 1rem 1rem 1rem; background:#fff;}
.section li {width: 25%; text-align: center; padding:0 1rem 1rem 1rem; float: left;}
.section li img {max-width: 6rem;}
.section li a {color: #383838;}
.section li a:hover {color: #c62d1b;}

.product_viewer li {width: 25%; text-align: center; padding:1rem; float: left;}
.product_viewer li img {max-width: 8rem;}
.product_viewer .product {max-height: 22rem;}
.product_viewer .first_box {min-height: 9.31rem; border: 1px solid #f4f6f7; padding: 0.8rem 0.5rem;}
.product_viewer .first_box .stick_discount {position: absolute; margin: 0.8rem 0.5rem 0 0; right: 0; top: 0; width: 1.5rem; height:1.5rem; background-image: url(/templates/img/icon/stick_discount.png); background-repeat: no-repeat;}
.product:hover .second_box {background:#ecf0f2;}
.product_viewer .second_box {margin-top: 0.5rem; padding: 0.8rem 0; background: #f9fafb;}
.product_viewer .second_box a {color: #3c5e6a; font-size: 0.9rem; display: block; overflow: hidden; height: 3.8rem; padding: 0 0.5rem;}
.product_viewer .second_box .price {font-size: 1.4rem; color: #548396; margin-top: 0.4rem;}
.product_viewer .second_box .price_availability {font-size: 0.9rem; color: #fa605f; margin: 0.8rem 0 0.85rem 0;}
.quantity_input {display: inline-block; position: relative; vertical-align: middle; padding-right: 1.1rem;}
.product_quantity {-moz-user-select: none; -webkit-user-select: none; display: block; width: 1.1rem; height: 1.125rem; line-height: 1rem; background: #ffffff;  border: 1px solid #548396; border-left: 0; text-align: center; position: absolute; right: 0; cursor: pointer;}
.product_quantity:hover {color: #fff; background: #548396;}
.product_quantity_down {bottom: -0.05rem;}
.good_shop .add_cart .product_quantity_down {bottom: 0;}
.product_quantity_up {top: 0; border-bottom: 0;}
.qty {width: 2.2rem; height: 2.2rem; line-height: 1rem; padding: 0 0.12rem; text-align: center; border: 1px solid #548396; border-radius: 0;}
.add_cart {margin-top: 0.5rem;}
.add_cart_button {display: inline-block; vertical-align: middle; border: 1px solid #548396; max-height: 2.2rem; padding: 0.5rem 0.5rem; font-family: NotoSansBold; font-size: 0.8rem; color: #548396; background: #e0ebef; cursor: pointer; -moz-user-select: none; -webkit-user-select: none;}
.add_cart_button:hover {background: #548396; color: #fff;}

.top_good {float:left; width:100%; padding:2rem 0 1rem 0; background:#fff;}

.bar {float:left; width:100%; background:#eff5f7;}
.bar span.bar_home {background-image: url(/templates/img/icon/bar_home.png); background-repeat: no-repeat; width: 1rem; height: 1rem; float: left;}
.bar span.bar_home:hover {background-image: url(/templates/img/icon/bar_home_hover.png);}
.bar li {padding: 0.4rem 0.2rem; float: left; color:#bbb; font-size: 0.8rem;}
.bar a {color: #456b7a;}
.bar a:hover {color: #c62d1b;}

.good_main {float: left; width: 100%;}
.good_main .good_photo {float: left; width: 50%;}
.good_main .good_shop {float: right; width: 50%;}
.good_shop .good_panel {padding-bottom: 1rem; margin-bottom: 1.5rem; border-bottom: 1px solid #e0ebef;}
.good_shop .good_panel .article {color:#83b0c1;}
.good_shop .good_panel .availability {color:#65b2a1; margin-left: 2rem;}

.good_shop .icon, .order_discount .icon {background-repeat: no-repeat; width: 2rem; height: 2rem; float: left; margin-top: -0.3rem;}
.good_shop .good_delivery, .good_shop .good_discount {margin-bottom: 1.5rem;}
.good_shop .good_money {margin-bottom: 2rem;}
.good_shop .good_delivery .delivery {background-image: url(/templates/img/icon/delivery.png);}
.good_shop .good_money .money {background-image: url(/templates/img/icon/money.png);}
.good_shop .good_discount .discount, .order_discount .discount {background-image: url(/templates/img/icon/discount.png);}
.good_shop .text, .order_discount .text {color: #548396; padding-left: 1rem;}
.good_shop .price {font-size: 2rem; margin-bottom: 1.5rem; color: #548396; border-top: 1px solid #e0ebef; padding-top: 1rem;}
.good_shop .price_availability {font-size: 1.2rem; color: #fa605f; margin-bottom: 1.5rem; padding-top: 1rem;}

.mess_error {padding: 0.5rem 1rem; border: 1px solid #a61514; margin: 1rem; text-align: center; color: #a61514; float: left;}

.modal_box_cart, .modal_box_sent  {display: none; z-index: 1000; position: fixed; width: 100%; height: 100%;}
.box_bg, .sent_bg {float: left; background-image: url(/templates/img/box_bg.png); position: absolute; width: 100%; height: 100%;}
.box_cart, .sent {padding: 1rem; margin: 12rem auto; width: 20rem; height:19rem; background: #fff;}
.box_cart .head {margin-bottom: 1.5rem;}
.box_cart .close_btn, .sent .close_btn {position: absolute; float: right; width: 2rem; margin: -2rem 0 0 18rem; background: #e5e5e5; border-radius: 2rem; cursor: pointer;}
.box_cart .close_btn:hover, .sent .close_btn:hover, .good_order .row .close .close_btn:hover {background: #f4f4f4;}
.box_cart .close_btn span, .sent .close_btn span, .good_order .row .close .close_btn span {background-image: url(/templates/img/icon/close.png); background-repeat: no-repeat; width: 2rem; height: 2rem; float: left;}
.box_cart .close_btn span:hover, .sent .close_btn span:hover, .good_order .row .close .close_btn span:hover {background-image: url(/templates/img/icon/close_active.png);}
.box_cart .img {float: left;}
.box_cart .img img {width: 4rem;}
.box_cart .title {float: left; width: 14rem; color: #548396;}
.box_cart .success {float: left; width: 100%; margin: 1rem 0; color: #468847; background-color: #dff0d8; text-align: center; padding: 1rem 0.5rem; font-size: 0.9rem;}
.box_cart .line {float: left; width: 100%; color: #777; font-size: 0.9rem; margin-bottom: 0.3rem;}
.box_cart .button-container {float: left; width: 100%; margin-top: 1.5rem; font-family: NotoSansBold; font-size: 0.9rem;}
.box_cart .button-container span {float: left; padding: 0.5rem; background: #eaeaea; color: #8e8e8e; border: 1px solid #8e8e8e; cursor: pointer;}
.box_cart .button-container span:hover {color: #3d3d3d; border-color: #3d3d3d;}
.box_cart .button-container a {float: left; padding: 0.5rem; background: #e0ebef; color: #548396; border: 1px solid #548396; margin-left: 2rem;}
.box_cart .button-container a:hover {color: #fff; background: #548396;}
.sent {height: 12rem;}
.sent .title {color: #548396; font-size: 1.2rem; text-align: center;}
.sent .text {color: #548396; margin-top: 2rem;}

.tabs {float: left; width: 100%; margin: 1.5rem 0;}
.tabs .tab_ul {float: left; display: table; width: 100%; margin: 0;}
.tabs .tab_ul li.ui-tabs-active {background: #fff;}
.tabs .tab_ul li:hover, .tabs .tab_ul li {float: left; width: auto; background: #e0ebef; padding: 0.5rem; margin-right: 0.5rem; }
.tabs .tab_ul li a, .ui-tabs-panel p a {color: #496e7d; font-size: 1.2rem;}
.tabs .ui-tabs-panel {float: left; width: 100%; margin-top: 1rem;}
.tabs .inset {padding: 0;}
.tabs h2, .tabs h3, .tabs h6, .description h6 {font-size: 1.4rem; color: #496e7d; float: left; width:100%;}
.tabs p {float: left;}
.tabs .inset ul, .description ul {margin-top: 0.5rem; float: left; width:100%;}
.tabs .inset ul li, .description ul li  {color: #548396; list-style-type:disc; margin: 0 0 0.2rem 1.2rem;}
.description {margin-top:1rem;}

.good_order {float: left; width: 100%; display: table; border-bottom: 1px solid #ecf0f1; padding-bottom: 0.5rem;}
.good_order .row {display: table-row;}
.good_order .row div {float: none; display: table-cell; text-align: center; vertical-align: middle;}
.good_order .row .close {width: 4rem;}
.good_order .row .close .close_btn {width: 2rem; margin: -2rem 0 0 18rem; background: #e5e5e5; border-radius: 2rem; cursor: pointer;}
.good_order .row .img {width: 8rem;}
.good_order .row .img img {height: 6rem;}
.good_order .row .info {width: auto; padding: 0 1rem 1rem 2rem; text-align: left; vertical-align: top;}
.good_order .row .info a {color: #496e7d; font-size: 1.2rem;}
.good_order .row .info a:hover {color: #c62d1b;}
.good_order .row .info .order_discount {margin-top: 0.8rem; float: left;}
.good_order .row .info div.price {font-size: 1.2rem; color: #548396; width: 100%; float: left; text-align: left;}
.good_order .row .info div.price_availability {font-size: 1rem; color: #fa605f; width: 100%; float: left; text-align: left;}
.good_order .row .quantity {width: 7rem;}
.good_order .row .sum {width: 8rem; font-size: 1.2rem; color: #548396; text-align: right;}

.good_order .row div .quantity_order {position: relative; vertical-align: middle;}
.good_order .row div .quantity_order .product_order {-moz-user-select: non; -webkit-user-select: none; color: #e5e5e5; display: block; width: 2.2rem; height: 2.2rem; line-height: 2rem; font-size: 2rem; text-align: center; right: 0; cursor: pointer;}
.good_order .row div .quantity_order .product_order:hover {color: #548396;}
.good_order .row div .quantity_order .product_order_down {float: left;}
.good_order .row div .quantity_order .product_order_up {float: right;}
.good_order_sum {float: left; width: 100%;}
.good_order_sum div {float: right; text-align: right; font-size: 1.2rem; color: #548396; padding: 1rem 0;}

.order_min {margin: 0 0 1rem 0; padding: 0.5rem 0; text-align: center; border: 1px solid #FA605F; color: #FA605F; font-size: 0.9rem;}

.delimiter {margin-top: 1.5rem; float: left; width: 100%;}
.form {float: left; width: 100%;}
.form .block {float: left; width: 100%; margin-bottom: 0.5rem;}
.form .block .title {float: left; width: 14rem; color: #548396; font-size: 1rem; padding-top: 0.3rem;}
.form .block .pole {float: left; width: 20rem;}
.form .block .pole input {border: 1px solid #548396; color: #548396; padding: 0.3rem 0.5rem; width: 100%;}
.form label span {border-bottom: 0.1rem dotted #548396; color: #548396; margin-right: 1rem; font-size: 0.9rem;}
.form label {float: left; width: 100%;}
.form .address {margin-top: 0.5rem;}
.form textarea {width: 100%; min-height: 5rem; border: 1px solid #548396;}
.form .submit {float: left; width: 100%;}
.form .submit span {border: 1px solid #548396; max-height: 2.2rem; padding: 0.5rem 0.5rem; font-family: NotoSansBold; font-size: 0.8rem; color: #548396; background: #e0ebef; cursor: pointer;}
.form .submit span:hover {background: #548396; color: #fff;}

#novaposhta {float: left; width: 100%;}
#department_novaposhta-styler {margin-top: 0.5rem;}
.department_novaposhta_info, .department_novaposhta_info div {float: left; width: 100%; margin-top: 0.5rem; font-size: 0.9rem; color: #548396;}
.department_novaposhta_info .weight {color: #FA605F;}

.message {float: left; width: 100%;}
.message div {width: 50%; text-align: center; color: #fff; background: #FA605F; padding: 0.5rem; margin: auto; margin-bottom: 2rem; font-size: 0.9rem;}

.description {float: left; width: 100%; margin: 1.5em 0;}
.description h2 {font-size:1rem; color:#769bab;}
.description p, .description ul li, .description strong {font-size:0.8rem; color:#769bab; font-weight: normal;}

.additional_info {float: left; width: 100%; margin-top: 1rem; font-size: 0.8rem; color: #7796a9;}

/* Панель вывода навигации по страницам */
.navigation_bottom {float:left; width:100%; padding:1.5rem 0; margin-top:1rem;}
ul.number_lines {float: left; height:1rem; padding:0; width:50%;}
.number_lines li {float: left; list-style: none;}
.number_lines a {border:0.1rem solid #a9c1ca; padding:0.3rem 0.6rem; margin-right:0.2rem; font-size:0.8rem; color:#a9c1ca;}
.number_lines span {border:0.1rem solid #548396; padding:0.3rem 0.6rem; margin-right:0.2rem; font-size:0.8rem; color:#548396; background:#e0ebef;}

footer {float: left; width: 100%;}
footer .info {float:left; width:100%; background:#3e606d; padding:2.5rem 0; color:#fff; font-size:1rem;}
footer .info a {color:#fff;}
footer .menu, footer .pay {text-align:center;}
footer .pay {margin-top:1rem;}

footer a.creator {font-size: 0.7rem; margin:0 0 1.2rem 0;}
footer a:hover {text-decoration:underline;}

footer .foter_menu span, footer .foter_contacts span {font-weight:bold;}
footer .foter_menu ul, footer .foter_contacts ul {margin-top:0.5rem;}
footer .foter_menu, footer .foter_contacts {float:right; width:25%; padding-left:2rem;}
footer .foter_menu ul li, footer .foter_contacts ul li {text-align:left;}
footer .copyright_text {float:left; width:44%; text-align:left; padding-left:2rem;}

footer .copyright {float:left; width:100%; background:#d0e1e7; padding:2rem 0 1.5rem 0; color:#496e7d; font-size:0.8rem;}
footer .copyright a {color:#496e7d;}

.logo_mini {float: left; width:100%; margin: 0 0 0.5rem 0; text-align: left;}
.logo_mini a {text-decoration:none; color:#12243a;}
.logo_mini h6 {position: absolute; font-size: 1.3rem; margin: -3rem 0 0 3.3rem;}
.logo_mini span {position: absolute; margin: 1.2rem 0 0 0.8rem; font-size: 0.8rem;}

.img_content {margin: 1rem 0;}

#map-canvas {float:left; width:100%; min-height: 80%; margin-top: 10rem; border-top: 1px solid #e5e5e5;}
.marker {padding:1rem 1.5rem;}
.marker div {margin:0.5rem 0;}
.marker div a {color: #383838;}

.section_block {width:100%; display: block; text-align: center; float: left; margin:0 0 2rem 0;}
.item {height: 10rem; width: 24%; display: inline-block; margin-bottom: 3rem; text-align: center; vertical-align: middle;}
.item a {border-radius: 50%; display: flex; max-width: 10rem; max-height: 10rem; width: 100%; height: 100%; text-shadow: #000 0 0 1px; margin: 0 auto;}
.item a span {width: 100%; margin: auto 0; color: #fff; font-weight: bold;}

.our_clients {float:left; width:100%; margin:0 0 1rem 0;}
.our_clients div {float:left; width: 25%; text-align: center; line-height: 7.6rem;}
.our_clients div img {vertical-align: middle; max-width: 70%;}

.h_center {text-align:center; font-size: 2rem;}
.m_t {margin-top: 1.5rem;}
.m_b {margin-bottom: 1.5rem;}

.contact_list {margin-top:2rem;}
.contact_list div {font-size: 1rem; color: #548396; padding:0 0 0.5rem 0;}
.contact_list div a {color: #548396;}
.contact_list div a:hover {text-decoration:underline;}

/* Table */
.table_shop {float:left; width:100%; font-size:0.9rem; margin:1rem 0; color:#548396;}
.table_shop tr {display: table-row; vertical-align: inherit; border-color: inherit;}
.table_shop th {border: 1px solid #548396; background: #d0e1e7; padding: 0.5rem 0.8rem; text-align:center;}
.table_shop td {border: 1px solid #548396; padding: 0.5rem 0.8rem;}

.center {text-align:center;}
.button_present {padding:0.4rem 1rem; background:#FFBF98; border:1px solid #000000;}
.ui-tabs-panel p a.button_present {color: #000000; font-size: 1rem;}
.p_present {margin:1rem 0; width: 100%;}

@media (max-width:992px)
{
section, .section_div {padding: 0 1rem; width: 100%;}
section.bg_home {padding:0; float:left;}
.bg {display: inline-block;}
.logo {float: none; margin: auto;}
.contact {display: none;}
.nav {width: 15rem;}
.search {display:none;}
.product_viewer li {width: 50%;}

.lang_panel {position: absolute; float: right; margin-top: -1.5rem; width: 100%; text-align: right;}

.good_order .row .close {display:none;}
.good_order .row .img, .good_order .row .info, .good_order .row .quantity, .good_order .row .sum {width:100%; float:left;  margin-top: 0.5rem;}
.good_order .row .quantity {width:7rem;}
.good_order .row .info a {font-size: 1rem;}
.good_order .row .info div.price {margin-top: 1rem;}
.order_discount .discount {display:none;}
.good_shop .text, .order_discount .text {font-size: 0.8rem;}

.good_main .good_shop {width:100%;}
.good_main .good_photo {width:100%; margin-top: 3rem;}
.good_slider_pager, .photo_good_block {width:100%;}
}

@media (max-width:640px)
{
.our_clients div {width:50%;}
.item {width:10rem;}
header {height: 8.3rem;}
#map-canvas {margin-top:8.3rem;}
.logo {width: 14rem;}
.logo img {width: 50px;}
.logo h3 {font-size: 1.4rem; margin: -3.4rem 0 0 4.3rem;}
.logo span {margin: 1.5rem 0 0 1.2rem; font-size: 0.8rem;}
.top {margin-top:8.3rem}
.section li {width: 50%; height: 10rem;}
.product_viewer li {width: 100%;}
.text-cart {display:none;}
.nav {width: 3rem;}
.message div {width:100%;}

.lang_panel {width:5rem;  margin-left: -1.5rem;}

.form .block .pole {width:100%;}

.contact {display: block; width: 11rem; position: absolute; left: 50%; margin-left: -5.5rem; margin-top: 1rem;}
.contact .phone {font-size: 1rem;}
.contact .address a {font-size: 0.8rem;}
.contact .address {margin: 0;}
.contact .working_hours {display:none;}

.img_content {width:100%;}

.foter_menu, .foter_contacts, .copyright_text .logo_mini {display:none;}
footer .copyright_text {width:100%; text-align:center;}
}