.group.list-group-image { max-height: 270px; } /* ======================================================================== */ /* ! Common /* ======================================================================== */ * { outline: none; } body { color: #514742; font-family: 'PT Sans', sans-serif !important; padding-top: 70px !important; } h4 { padding: 15px 0 0; } .red { color: #f00; } .black { color: #000; } .grey { color: #555; } .nowrap { white-space: nowrap; } .cursor-pointer { cursor: pointer; } .text-bold { font-weight: bold; } .nounderline { text-decoration: none !important; } .dashed { text-decoration: none; border-bottom: 1px dashed #337ab7; } .dashed:hover, .dashed:focus { text-decoration: none; border-bottom: 1px dashed #23527c; } /* ======================================================================== */ /* ! Flex-slider /* ======================================================================== */ .flexslider { position: relative; } .flexslider .flex-direction-nav .flex-prev { left: 0; } .flexslider .flex-direction-nav .flex-next { right: 0; } .flexslider .flex-direction-nav a:before { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .flexslider .flex-direction-nav a.flex-prev:before { content: "\e079"; } .flexslider .flex-direction-nav a.flex-next:before { content: "\e080"; } /* ======================================================================== */ /* ! Multi-level menu /* ======================================================================== */ .dropdown-menu { margin: -1px; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -1px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #000; margin-top: 5px; } .dropdown-submenu:hover > a:after { border-left-color: #eee; } .dropdown-submenu .pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } .nav.navbar-nav > li:hover > .dropdown-menu { display: block; } .nav > li > a:hover ~ .dropdown-menu, .nav > li > a ~ .dropdown-menu:hover { display: block; } .nav > li:last-child > .dropdown-menu { right: 0; left: initial; } .nav > li:last-child .dropdown-submenu > .dropdown-menu { left: initial; margin-left: -101%; } /* ======================================================================== */ /* ! BS Callout /* ======================================================================== */ .bs-callout { padding: 20px; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px; } .bs-callout h4 { margin-top: 0; margin-bottom: 5px; } .bs-callout p:last-child { margin-bottom: 0; } .bs-callout code { border-radius: 3px; } .bs-callout+.bs-callout { margin-top: -5px; } .bs-callout-primary { border-left-color: #428bca; } .bs-callout-primary h4 { color:#428bca; } .bs-callout-success { border-left-color: #5cb85c; } .bs-callout-success h4 { color:#5cb85c; } .bs-callout-danger { border-left-color: #d9534f; } .bs-callout-danger h4 { color: #d9534f; } .bs-callout-warning { border-left-color: #f0ad4e; } .bs-callout-warning h4 { color:#f0ad4e; } .bs-callout-info { border-left-color: #5bc0de; } .bs-callout-info h4 { color:#5bc0de; } /* ======================================================================== */ /* ! Margins /* ======================================================================== */ .mt-0 { margin-top: 0; } .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-35 { margin-top: 35px; } .mt-40 { margin-top: 40px; } .mt-45 { margin-top: 45px; } .mt-50 { margin-top: 50px; } .mt-55 { margin-top: 55px; } .mt-60 { margin-top: 60px; } .mb-0 { margin-bottom: 0; } .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-35 { margin-bottom: 35px; } .mb-40 { margin-bottom: 40px; } .mb-45 { margin-bottom: 45px; } .mb-50 { margin-bottom: 50px; } .mb-55 { margin-bottom: 55px; } .mb-60 { margin-bottom: 60px; } .ml-0 { margin-left: 0; } .ml-5 { margin-left: 5px; } .ml-10 { margin-left: 10px; } .ml-15 { margin-left: 15px; } .ml-20 { margin-left: 20px; } .ml-25 { margin-left: 25px; } .ml-30 { margin-left: 30px; } .ml-35 { margin-left: 35px; } .ml-40 { margin-left: 40px; } .ml-45 { margin-left: 45px; } .ml-50 { margin-left: 50px; } .ml-55 { margin-left: 55px; } .ml-60 { margin-left: 60px; } .mr-0 { margin-right: 0; } .mr-5 { margin-right: 5px; } .mr-10 { margin-right: 10px; } .mr-15 { margin-right: 15px; } .mr-20 { margin-right: 20px; } .mr-25 { margin-right: 25px; } .mr-30 { margin-right: 30px; } .mr-35 { margin-right: 35px; } .mr-40 { margin-right: 40px; } .mr-45 { margin-right: 45px; } .mr-50 { margin-right: 50px; } .mr-55 { margin-right: 55px; } .mr-60 { margin-right: 60px; } /* ======================================================================== */ /* ! Paddings /* ======================================================================== */ .pt-0 { padding-top: 0; } .pt-5 { padding-top: 5px; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pt-20 { padding-top: 20px; } .pt-25 { padding-top: 25px; } .pt-30 { padding-top: 30px; } .pt-35 { padding-top: 35px; } .pt-40 { padding-top: 40px; } .pt-45 { padding-top: 45px; } .pt-50 { padding-top: 50px; } .pt-55 { padding-top: 55px; } .pt-60 { padding-top: 60px; } .pb-0 { padding-bottom: 0; } .pb-5 { padding-bottom: 5px; } .pb-10 { padding-bottom: 10px; } .pb-15 { padding-bottom: 15px; } .pb-20 { padding-bottom: 20px; } .pb-25 { padding-bottom: 25px; } .pb-30 { padding-bottom: 30px; } .pb-35 { padding-bottom: 35px; } .pb-40 { padding-bottom: 40px; } .pb-45 { padding-bottom: 45px; } .pb-50 { padding-bottom: 50px; } .pb-55 { padding-bottom: 55px; } .pb-60 { padding-bottom: 60px; } .pl-0 { padding-left: 0; } .pl-5 { padding-left: 5px; } .pl-10 { padding-left: 10px; } .pl-15 { padding-left: 15px; } .pl-20 { padding-left: 20px; } .pl-25 { padding-left: 25px; } .pl-30 { padding-left: 30px; } .pl-35 { padding-left: 35px; } .pl-40 { padding-left: 40px; } .pl-45 { padding-left: 45px; } .pl-50 { padding-left: 50px; } .pl-55 { padding-left: 55px; } .pl-60 { padding-left: 60px; } .pr-0 { padding-right: 0; } .pr-5 { padding-right: 5px; } .pr-10 { padding-right: 10px; } .pr-15 { padding-right: 15px; } .pr-20 { padding-right: 20px; } .pr-25 { padding-right: 25px; } .pr-30 { padding-right: 30px; } .pr-35 { padding-right: 35px; } .pr-40 { padding-right: 40px; } .pr-45 { padding-right: 45px; } .pr-50 { padding-right: 50px; } .pr-55 { padding-right: 55px; } .pr-60 { padding-right: 60px; } .modal-header { background: #eea12b; } .modal-header h4 { color: #000; } .modal-header h4 span { font-size: 1em; } .modal-header a { text-align: center; } .modal-footer a { border-radius: 0; } /*#shops_modal .modal-header { background: #fff; }*/ @media (min-width: 992px) { .page_catalog .wrap > .col-md-3 { width: 24% !important; } } /*_________ОСНОВНЫЕ_________*/ html {margin:0;padding:0;height:100%;background:url(/media/default/images/bg.jpg) 0 0px;} /*html { background: rgba(54,8,10,1); background: -moz-linear-gradient(top, rgba(54,8,10,1) 0%, rgba(66,8,3,1) 16%, rgba(94,12,0,1) 28%, rgba(124,26,1,1) 40%, rgba(156,50,0,1) 52%, rgba(187,80,0,1) 64%, rgba(222,124,0,1) 76%, rgba(252,176,36,1) 88%, rgba(255,230,153,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(54,8,10,1)), color-stop(16%, rgba(66,8,3,1)), color-stop(28%, rgba(94,12,0,1)), color-stop(40%, rgba(124,26,1,1)), color-stop(52%, rgba(156,50,0,1)), color-stop(64%, rgba(187,80,0,1)), color-stop(76%, rgba(222,124,0,1)), color-stop(88%, rgba(252,176,36,1)), color-stop(100%, rgba(255,230,153,1))); background: -webkit-linear-gradient(top, rgba(54,8,10,1) 0%, rgba(66,8,3,1) 16%, rgba(94,12,0,1) 28%, rgba(124,26,1,1) 40%, rgba(156,50,0,1) 52%, rgba(187,80,0,1) 64%, rgba(222,124,0,1) 76%, rgba(252,176,36,1) 88%, rgba(255,230,153,1) 100%); background: -o-linear-gradient(top, rgba(54,8,10,1) 0%, rgba(66,8,3,1) 16%, rgba(94,12,0,1) 28%, rgba(124,26,1,1) 40%, rgba(156,50,0,1) 52%, rgba(187,80,0,1) 64%, rgba(222,124,0,1) 76%, rgba(252,176,36,1) 88%, rgba(255,230,153,1) 100%); background: -ms-linear-gradient(top, rgba(54,8,10,1) 0%, rgba(66,8,3,1) 16%, rgba(94,12,0,1) 28%, rgba(124,26,1,1) 40%, rgba(156,50,0,1) 52%, rgba(187,80,0,1) 64%, rgba(222,124,0,1) 76%, rgba(252,176,36,1) 88%, rgba(255,230,153,1) 100%); background: linear-gradient(to bottom, rgba(54,8,10,1) 0%, rgba(66,8,3,1) 16%, rgba(94,12,0,1) 28%, rgba(124,26,1,1) 40%, rgba(156,50,0,1) 52%, rgba(187,80,0,1) 64%, rgba(222,124,0,1) 76%, rgba(252,176,36,1) 88%, rgba(255,230,153,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36080a', endColorstr='#ffe699', GradientType=0 ); }*/ body {margin:0 auto;padding:0;height:100%;font:15px 'PTSansRegular';color:#231f20;background-color: transparent;max-width: 1420px;} p {font:16px 'RobotoLight' !important;} #divine_box {min-height:100%;position:relative;width:100%;margin:0 auto;padding-left:0px;padding-top:0px;padding-bottom:30px;} .block_center {width:1200px;margin:0 auto;position:relative;overflow:hidden;} .block_box {width:100%;float:left;position:relative;} a {color:#69a71e} a:hover {color:#000;} button, button:active, button:focus {outline: none !important;} .table.basket-table tbody tr td { vertical-align: middle; } .vcenter {display:inline-block;vertical-align:middle;float:none;} .vcenter-child {display:block;vertical-align:middle;} /*_________Шапка _________*/ .vcenter {vertical-align:middle;margin-bottom: 10px;} .header h1 {color:#ffff8b;text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);text-align:center;} .header h2 {color:#ffff8b;text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);text-align:center;} .header p{color:#ffff8b;text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);text-align:center;font-size: 2.0em !important;} .logo {display:block;margin:50px auto 0;} .logo-link { display:block; } /*_________Контент _________*/ .left_col {background:#fff;border-radius:6px;float:left} .left_col .navbar-header button.navbar-toggle span { background: #000; } .left_col .navbar-header a { color: #000; font-weight: bold; margin: 8px; } .right_col {background:#fff;min-height:200px;border-radius:6px;float:left} .left_col .thumbnail {border:0;box-shadow:0 !important;-webkit-box-shadow:none !important} .item_price span {text-align: center; font:35px 'PTSansRegular';background:#ffff8b;margin-top:20px;float:left} .item_price span.price {padding:15px 30px 15px 15px;} .item_price span.price-disc {padding:6px 30px 6px 15px;} .item_price span.price-disc s {display: inherit;font-size: 0.5em;} .item_price span.price-disc b {display: inherit;font-size: 0.9em;color: #932431;} .item_price a {margin-top: 20px; padding: 25px; font: 20px 'PTSansRegular'; display: inline-block;} .item-img {max-width:100%;max-height: 500px;} .page_item h1 {padding-left:15px;} #spec_filters .table {display: table; border-collapse: separate; border-spacing: 5px;} #spec_filters .table > span {font-size: 12px; width: 1%; display: table-cell; padding-top: 5px;} #spec_filters .center-block > span { font-size: 12px; padding: 5px 13px !important; } /*_________Каталог _________*/ .thumbnail{margin-bottom: 20px;padding: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} .thumbnail a {text-decoration:none;color:#000;} .thumbnail .caption { padding-bottom: 90px; } .item.list-group-item {float: none;width: 100%;background-color: #fff;margin-bottom: 10px;border-right:1px solid #ededed;border-left:1px solid #ededed} .item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover {background: #666;border:0 !important} .item.list-group-item:nth-last-child(1) {border-bottom:1px solid #ededed;} .item.list-group-item .list-group-image {margin-right: 10px;} .item.list-group-item .thumbnail {margin-bottom: 0px;} .item.list-group-item .caption {padding: 9px 9px 0px 9px;} .item.list-group-item:nth-of-type(odd) {background: #eeeeee; } .item.list-group-item:before, .item.list-group-item:after {display: table;content: " ";} .item.list-group-item img {float: left;} .item.list-group-item:after {clear: both;} .list-group-item-text {margin: 0 0 0px;} .grid-group-item {} .list-group-item .thumbnail {float:left;} .zag {display:none} .zag span {padding-left:10px;} .zag:hover {background:#eeeeee !important;} .zag.grid-group-item {display:none} .zag.list-group-item {display:block} .top-box {padding:15px 30px;background:#ededed;border-radius:3px;margin:20px;float:left;width:calc(100% - 40px);box-sizing:border-box} #products {width:100%;float:left} #products .thumbnail {width:100%;position: relative;} #products .thumbnail:hover {border:1px solid #000;} .grid-group-item .btn-box {text-align:center;} @media (min-width: 992px) { .grid-group-item .btn-box { position: absolute;bottom: 10px;margin-left: auto; margin-right: auto; left: 0; right: 0; } .grid-group-item .btn-box.nonexist { bottom: 0px } } .select2-container .select2-selection--single {overflow: hidden;} .filter_item.active > span.filter_title a span { color: #eea12b !important; } .filter_item.active select + span.select2 span.select2-selection { background-color: #eea12b !important; } .filter_item.active select + span.select2 span.select2-selection .select2-selection__rendered { color: #000 !important; white-space: break-spaces;} .filter_item.active select + span.select2 span.select2-selection .select2-selection__arrow b { border-color: #000 transparent transparent transparent; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #eea12b; color: #000 !important; } li:not([aria-disabled="true"]) { color: #eea12b !important; } .left_col span.select2.select2-container { width: 100% !important; } .right_col span.select2.select2-container { margin: 3px 0 0 0; } .grid-group-item .btn-box a {margin-top:20px;margin-bottom:20px} .grid-group-item {padding-right:20px;padding-left:20px;} .item.list-group-item {box-sizing:border-box;margin:5px 20px;width:calc(100% - 40px);float:left} .list-group-item img {display:none !important;} .btn-group {float:right;} .b-checked {background:#eea12b;} .btn1 {text-decoration:none;color:#000;padding:6px 30px;border-radius:4px;float:left} .btn2 {text-decoration:none;color:#000;background:#eea12b;padding:9px 40px; border-radius: 4px; } .btn3 {text-decoration:none;color:#000;background:#ededed;padding:9px 40px; border-radius: 4px;} .btn1:hover {text-decoration:none;} .grid-group-item .list-group-item-heading {text-align:center;padding:0 10px;font-size: 1em;} .grid-group-item .list-group-item-text {text-align:center;font-weight:bold !important} .grid-group-item .btn2 {display:inline-block;margin:0 auto} .grid-group-item .btn3 {display:inline-block;margin:0 auto} .grid-group-item .col-md-6 {width:100%;text-align:center;} .grid-group-item img {margin-top:0px;margin-bottom:0px;} .bold {font-weight:bold !important;} .list-group-item-heading {font:18px 'PTSansRegular';} .btn1:hover, .btn1:focus {text-decoration:none;color:#000;} .btn2:hover, .btn2:focus {text-decoration:none;color:#000;background:#f4af46;} .btn3:hover, .btn3:focus {text-decoration:none;color:#000;background:#f4f4f4;} .list-b {width:10px;height:10px;display:inline-block;float:left;margin-right:8px;margin-top:5px;} .list-b span {display:inline-block;width:100%;height:2px;background:#000;margin-bottom:2px;float:left;} .grid-b {width:15px;height:15px;display:inline-block;float:left;margin-right:2px;margin-top:5px;} .grid-b span {display:inline-block;width:4px;height:4px;background:#000;float:left;margin:0 2px 2px 0} .list-group {-webkit-box-shadow:none;box-shadow:none} .btn-group-2 {float:left;} .btn-group-2 > span {margin:7px 10px 0 0;float:left;display:inline-block;} .bootstrap-select button {background:#fff !important;color:#000;} .top-box {min-height:64px;} .left_col .top-box div {text-transform:uppercase;} .caption2 {display:none;} .list-group-item .caption {display:none} .list-group-item .caption2 {display:block} .list-group-item {margin-top:0 !important;margin-bottom:0 !important;border:0;border-radius:0 !important;} .list-group-item h4 {margin-bottom:10px !important;padding-top:0px !important;} .list-group-item span {padding-top:10px;} .filters {padding: 20px 5px;} .filters .filter_title {font-weight:bold;} .filters > div {margin-bottom:30px;} .filters .filter_title {margin-bottom:5px;display:block;} .filters .bootstrap-select {width:100% !important;} .filters .bootstrap-select button {background:#ededed !important;} .filters .btn2, .filters .btn3 {width:calc(50% - 5px);display:inline-block;text-align:center;margin-top:30px} .filters .btn2 {margin-right:5px;} .checkbox_list > div > label {font-weight:normal;} .checkbox_list input[type="checkbox"] {display:none;} .checkbox_list input[type="checkbox"] + label span {display:inline-block;width:25px;height:25px;margin:-1px 12px 0 0;vertical-align:middle;background:url(/media/default/images/checkbox.png) -9px -6px no-repeat;cursor:pointer;} .checkbox_list input[type="checkbox"]:checked + label span {background:url(/media/default/images/checkbox.png) -42px -6px no-repeat;} .checkbox_list > div {margin-bottom:10px;} .checkbox_list {padding-left:5px;} .slider-range {border:0;background:#ededed;} /*.slider-range .ui-slider-range {background:#eea12b}*/ .slider-range .available_ruler { position: absolute; background-color: #eea12b; top: 0; height: 100%; z-index: 1; } .slider-range .ui-slider-handle {width:27px;height:28px;background:url(/media/default/images/trigger.png) no-repeat;border:0;top:-.6em;cursor:pointer;} .slider-range span:nth-last-child(1) {margin-left:-1.4em} .l-val {float:left;display:block;} .r-val {float:right;display:block;} .val {display:block;height:30px;} .polz_label {} .polz div label:nth-child(1) {} .polz div label:nth-child(2) {float:right} .polz_inp input {width:calc(50% - 5px);box-sizing:border-box;float:left;background:#ededed;display:block;padding:7px 10px;border-radius:3px;margin:0px 0 10px;} .polz_inp input:nth-child(1) {margin-right:5px;} .polz_inp input:nth-child(2) {margin-left:5px;} .slider-range {float:left;margin:10px 0 20px;width:100%} #footinfo { background: #e9a100; border-radius: 5px; border: 1px solid #fbf677; box-shadow: 1px 1px 5px 1px; } #footinfo li { color: #231f20 !important; } #lang_menu { padding:6px 20px; margin-top: 15px; border: 1px solid #a4705f; } #lang_menu ~ ul { top: 27px; min-width: 75px; left: 13px; } #footinfo p { font-family: 'PT Sans', sans-serif !important; } .cities_shops > .dropdown > a.dropdown-toggle { padding:6px 20px; border: 1px solid #a4705f; border-radius: 4px !important; font-size: 1em; } .cities_shops > .dropdown a.dropdown-toggle ~ ul { top: 27px; min-width: 75px; left: 13px; } .carousel.slide{margin: 20px 20px 0 20px;} /* font-family: "BaronNeue"; */ @font-face { font-family: "BaronNeue"; /*src: url("/media/default/fonts/BaronNeue.eot");*/ /*src: url("/media/default/fonts/BaronNeue.eot?#iefix")format("embedded-opentype"),*/ src: url("/media/default/fonts/BaronNeue.woff") format("woff"), url("/media/default/fonts/BaronNeue.otf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "PTSansRegular"; */ @font-face { font-family: "PTSansRegular"; src: url("/media/default/fonts/PTSansRegular.eot"); src: url("/media/default/fonts/PTSansRegular.eot?#iefix")format("embedded-opentype"), url("/media/default/fonts/PTSansRegular.woff") format("woff"), url("/media/default/fonts/PTSansRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } .modal-dialog .modal-content { border-radius: 0; } .popup_age { width: 102px; height: 102px; border: solid 3px #242424; border-radius: 50%; line-height: 102px; text-align: center; font-size: 2.25rem; color: #242424; margin: 0 auto 20px; } .age-required.btn2 { border-radius: 0; } #basket { position: fixed; top: 57px; right: 40px; z-index: 100; background: #eee; border: 1px solid #eea12b; } #pb_image .modal-content { background: none; border: none; box-shadow: none; } #pb_image button.close { font-size: 70px; right: 0; color: black; opacity: 0.8; margin-right: -35px; margin-bottom: -20px; } #counter { position: fixed; right: 40px; top: 10px; background: #e9a100; padding: 10px 28px; border-radius: 5px; border: 1px solid #fbf677; box-shadow: 1px 1px 5px 1px; z-index: 999; text-align: center; font-weight: bold; color: #000; } #counter.closed { padding: 11px 11px 13px; } #counter.open { top: 50px; } #counter.open div.button { display: none; } #counter.closed div.block { display: none; z-index: 9999; } #counter .numbers { margin: 5px 0; } #counter .numbers span { background: #fff; border-radius: 4px; width: 22px; display: inline-block; height: 30px; font-size: 1.5em; padding-top: 2px; box-shadow: 1px 1px 1px 0px; } #counter a { color: #000; position: absolute; top: 5px; right: 3px; } #counter a:hover { color: #444; } /*#basket:not(.hidden) ~ #counter { top: 50px; }*/ .btn-group.btn-group2 button { padding: 8px 8px; background: #eea12b; border: none; border-left: 1px solid #f1b55a; } .btn-group.btn-group2 ul.dropdown-menu { border-radius: 0; background: #eea12b; margin-right: 0px; margin-top: 1px } .btn-group.btn-group2 .dropdown-menu>li>a:hover, .btn-group.btn-group2 .dropdown-menu>li>a:focus { background: #f4af46; } /* * Spinner */ .spinner .glyphicon-refresh-animate { display: none; } .spinner.active .glyphicon-refresh-animate { display: inline-block; } .glyphicon-refresh-animate { animation: spin .7s infinite linear; -webkit-animation: spin .7s infinite linear; -moz-animation: spin .7s infinite linear; -o-animation: spin .7s infinite linear; } @keyframes spin { from { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } to { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); } } .bg-light { background-color: #fff; } .top-wrapper { margin: 0 25px 0 15px; border-radius: 5px; } .top-wrapper .left_col img.logo { margin: 0 auto; width: 100%; } .top-wrapper .right_col { min-height: auto; } .top-wrapper .right_col .row-items { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .top-wrapper .right_col .row-items .col-item { align-self: center; font-weight: bold; color: #777; float: none; width: auto; font-size: 0.85em;} .top-wrapper .right_col .row-items .col-item a { color: #777; } .hover-none:hover {text-decoration:none;} .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } .tooltip-arrow {} .delivery-c {padding: 10px 40px 10px 40px;margin: 15px 20px 0 30px; float: left;width: calc(100% - 50px); box-sizing: border-box;} .delivery-c {font:16px 'PTSansRegular';color:#2d130d;font-weight:bold;border:1px solid #eea12b;} .mt-15i {margin-top:15px !important;} .pos-rel {position:relative;} .delivery-c:before {content:' ';background:url(/media/default/images/bottles1.png) no-repeat;width:38px;height:49px;position:absolute;left:-10px;top:-5px;} .delivery-c:after {content:' ';background:url(/media/default/images/bottles2.png) no-repeat;width:55px;height:20px;position:absolute;right:0px;top:11px;} .color-style2 {color:#eea12b;} .top-menu { color: #777; font-size: 14px !important; margin: 0; } .top-menu .right_col { min-height: auto; } .top-menu a.top-link { color: #777; text-decoration: underline; } .top-menu .row-items { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .top-menu .row-items .col-item { align-self: center; color: #777; float: none; width: auto; max-width: 100%; -ms-flex: 0 0 auto; flex: 0 0 auto; } /* xs */ @media (max-width: 767px) { .dropdown {width: auto !important;} .text-center-xs { text-align: center; } .text-right-xs { text-align: right; } .text-left-xs { text-align: left; } .modal-header h4 { text-align: center; } .modal-footer a.btn { display: block; width: 100%; } .modal-footer a.btn+.btn { margin-left: 0; margin-top: 5px; } .cities_shops > div { margin-top: 15px; } .top-wrapper { margin-right: 15px; } .top-wrapper .right_col .row-items .col-item img { margin-bottom: 10px; margin-left: auto; margin-right: auto; display: block; } .top-wrapper .right_col .row-items .col-item { align-self: flex-end; text-align: center; } #basket { top: 61px; } #counter { display: none !important; } .md-down-dn {display:none;} .delivery-c {text-align: center;} .delivery-c:after {display:none} .delivery-c:before {top: calc(50% - 25px);} } /* sm */ @media (min-width: 768px) and (max-width: 991px) { .text-center-sm { text-align: center; } .text-right-sm { text-align: right; } .text-left-sm { text-align: left; } .form-inline .form-control.width-limited { max-width: 530px; } .top-wrapper { margin-right: 15px; font-size: 1.2em; } .top-wrapper .right_col .row-items .col-item img { margin-bottom: 10px; margin-left: auto; margin-right: auto; display: block; } .top-wrapper .right_col .row-items .col-item { align-self: flex-end; text-align: center; } #basket { top: 61px; } .md-down-dn {display:none;} .delivery-c:after {display:none} .delivery-c:before {top: calc(50% - 25px);} .delivery-c {text-align: center;} } /* md */ @media (min-width: 992px) and (max-width: 1199px) { .text-center-md { text-align: center; } .text-right-md { text-align: right; } .text-left-md { text-align: left; } .top-wrapper { margin-right: 20px; font-size: 1.2em; } .form-inline .form-control.width-limited { max-width: 695px; } #basket { top: 61px; } .md-down-dn {display:none;} .delivery-c {text-align: center;} } /* lg */ @media (min-width: 1200px) { .text-center-lg { text-align: center; } .text-right-lg { text-align: right; } .text-left-lg { text-align: left; } .top-wrapper { margin-right: 30px; font-size: 1.25em; } .form-inline .form-control.width-limited { max-width: 695px; } } .border-0 { border: 0 !important; } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #f5f6f7; } .valign-middle { vertical-align: middle !important; } .text-orange { color: #eea12b; } .text-black { color: #555; } a.text-black { text-decoration: underline; } .font-size-05 { font-size: 0.5em; } .font-size-06 { font-size: 0.6em; } .font-size-07 { font-size: 0.7em; } .font-size-08 { font-size: 0.8em; } .font-size-09 { font-size: 0.9em; } .font-size-10 { font-size: 1em; } .font-size-11 { font-size: 1.1em; } .font-size-12 { font-size: 1.2em; } .font-size-13 { font-size: 1.3em; } .font-size-14 { font-size: 1.4em; } .font-size-15 { font-size: 1.5em; } .font-size-16 { font-size: 1.6em; } .font-size-17 { font-size: 1.7em; } .font-size-18 { font-size: 1.8em; } .font-size-19 { font-size: 1.9em; } .font-size-20 { font-size: 2em; } .color-style3 {color:#000;} .font-style1 { font:34px 'PtSansBold' !important; } .font-style2 { font:24px 'PtSansBold' !important; } .font-style3 { font:30px 'PtSansBold' !important; } .border-style1 {border:3px solid #FFA210;} .w-fit {width:fit-content;} .max-w-100 {max-width:100%;} .text-tr-up {text-transform:uppercase;} .hover-none:hover {text-decoration:none;} /* font-family: "PtSansBold"; */ @font-face { font-family: "PtSansBold"; src: url("/media/default/fonts/PtSansBold.eot"); src: url("/media/default/fonts/PtSansBold.eot?#iefix")format("embedded-opentype"), url("/media/default/fonts/PtSansBold.woff") format("woff"), url("/media/default/fonts/PtSansBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* -md Medium devices (tablets, 768px and up)*/ @media (min-width: 768px) and (max-width: 991px) { } /* -sm Small devices (landscape phones, 576px and up)*/ @media (min-width: 576px) and (max-width: 767px) { .font-style1 {font-size:26px !Important;} .font-style2 {font-size:20px !Important;} .mob-style1 {text-align:center !important;} .mob-style2 {margin-top:20px;} .mob-style3 {padding-bottom:0 !Important;} } /* Extra small devices (portrait phones, less than 576px)*/ @media (max-width: 575px) { .font-style1 {font-size:22px !Important;} .font-style2 {font-size:20px !Important;} .mob-style1 {text-align:center !important;} .mob-style2 {margin-top:20px;} .mob-style3 {padding-bottom:0 !Important;} }