html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
outline: 0;
font-size: 100%;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
q:before,
blockquote:after,
q:after {
content: '';
}
input:focus,
textarea:focus,
a:focus,
button:focus,
select:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del,
s,
strike {
text-decoration: line-through;
}
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
margin: 0;
}
/* Common classes
-----------------------------------------------------------------------------*/
.clear {
clear: both;
}
.clear-fix:after,
.container:after,
.container-fluid:after,
.row:after {
content: '';
clear: both;
display: table;
width: 100%;
}
.webkit-flicker-fix {
-webkit-backface-visibility: hidden;
}
.webkit-border-radius-fix {
-webkit-mask-image: -webkit-radial-gradient(circle, #ffffff, #000000);
-webkit-backface-visibility: hidden;
}
/* positioning
-----------------------------------------------------------------------------*/
.pa {
position: absolute;
}
.pr {
position: relative;
}
.fl {
float: left;
}
.fr {
float: right;
}
/* sizing
-----------------------------------------------------------------------------*/
.full-width,
input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=tel],
input[type=url],
textarea,
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=range],
input[type=color] {
box-sizing: border-box;
width: 100%;
}
/* transitions
-----------------------------------------------------------------------------*/
a,
a *,
a:before,
a:after {
transition: all 200ms ease;
}
.Lora {
font-family: 'Lora', serif;
}
.Gregor {
font-family: 'Gregor';
}
.Trebuchet {
font-family: "Trebuchet MS", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.trash {
width: 25px;
height: 24px;
display: inline-block;
background: url(img/ico-trash.png) 0 0 no-repeat;
}
.trash:hover {
opacity: 0.8;
}
.base-margin-bottom,
h1,
h2,
h3,
h4,
h4,
h5,
h6,
p,
ul,
ol,
table,
blockquote,
.text-content .row {
margin-bottom: 9px;
}
.base-margin-bottom:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
table:last-child,
blockquote:last-child,
.text-content .row:last-child {
margin-bottom: 0;
}
input[name="subject"] {
display: none !important;
}
body,
input,
button,
select,
textarea {
font-family: "Trebuchet MS", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
}
#footer {
font-size: 14px;
}
body {
line-height: 1.5;
margin: 0;
}
a {
color: #808080;
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
img {
border: none;
vertical-align: top;
max-width: 100%;
height: auto;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 14px;
}
h6 {
font-size: 12px;
}
ul,
ol {
padding-left: 20px;
}
ul.unstyled,
ol.unstyled {
list-style: none;
padding: 0;
margin: 0;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify;
}
.text-uppercase {
text-transform: uppercase;
}
.text-lowercase {
text-transform: lowercase;
}
pre,
code {
font-family: monospace;
}
.text-content {
/* grid
-----------------------------------------------------------------------------*/
/* table
-----------------------------------------------------------------------------*/
}
.text-content blockquote {
border-left: 2px solid #ccc;
background: #f2f2f2;
padding: 10px;
}
.text-content q:before {
content: '“';
}
.text-content q:after {
content: '”';
}
.text-content thead th {
border-bottom: 2px solid #ccc;
}
.text-content tbody td {
border-bottom: 1px solid #ccc;
}
.text-content tbody tr:nth-child(even) td {
background: #f2f2f2;
}
.text-content th,
.text-content td {
padding: 10px;
}
/* button
-----------------------------------------------------------------------------*/
.button {
display: inline-block;
margin: 0;
padding: 0;
border: none;
position: relative;
}
.button input {
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
position: absolute;
}
.lte-ie-8 .button input {
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
/* inputs
-----------------------------------------------------------------------------*/
input {
vertical-align: middle;
}
input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=tel],
input[type=url],
textarea,
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=range],
input[type=color] {
display: block;
margin: 0;
border: 1px solid #A39C9C;
border-radius: 0;
box-shadow: none;
height: 40px;
padding: 0 10px;
}
textarea {
overflow: auto;
height: auto;
padding: 10px;
}
input[type=text]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #666;
}
input[type=text]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder {
color: #666;
}
input[type=text]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #666;
}
input[type=text]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=email]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=url]::placeholder,
textarea::placeholder {
color: #666;
}
input[type=button],
input[type=reset],
input[type=submit],
button {
-webkit-appearance: button;
cursor: pointer;
}
input[type=button]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border: 0;
padding: 0;
}
.corners {
position: relative;
}
.corners:before,
.corners:after {
content: '';
position: absolute;
top: -5px;
height: 26px;
}
.corners:before {
left: -7px;
width: 8px;
background: url(img/corners.png) 0 0 no-repeat;
}
.corners:after {
right: -17px;
width: 25px;
background: url(img/corners.png) 100% 0 no-repeat;
}
.corners .corners-wrap:after,
.corners .corners-wrap:before {
bottom: -9px;
content: '';
position: absolute;
height: 15px;
}
.corners .corners-wrap:before {
left: -7px;
width: 26px;
background: url(img/corners.png) 0 100% no-repeat;
}
.corners .corners-wrap:after {
right: -17px;
width: 22px;
background: url(img/corners.png) 100% 100% no-repeat;
}
html {
height: 100%;
}
.no-flexbox body {
min-height: 100%;
height: 100%;
display: block !important;
}
.backstretch {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.backstretch .slick-list {
overflow: hidden;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
z-index: -1;
}
.backstretch .slick-track {
overflow: hidden;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
}
.backstretch .slick-track:before {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 344px;
content: '';
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWRpZW50KSIgLz48L3N2Zz4=');
background-image: linear-gradient(to bottom, #000000 0%, transparent 100%);
z-index: 2000;
}
.lt-ie-9 .backstretch .slick-track:before {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#00000000', GradientType=0);
}
.backstretch .slide {
float: left;
height: 100%;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100%;
}
.backstretch .slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.backstretch .slick-dots {
position: absolute;
bottom: 20px;
left: 0;
width: 100%;
z-index: 3;
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
.backstretch .slick-dots li {
display: inline-block;
margin: 0 8px;
}
.backstretch .slick-dots li.slick-active .dot {
background: #000;
height: 12px;
width: 12px;
}
.backstretch .slick-dots .dot {
height: 8px;
width: 8px;
background: #fff;
display: inline-block;
cursor: pointer;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
vertical-align: middle;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.page-wrapper,
.footer {
max-width: none;
min-width: 640px;
width: 100%;
margin: 0 auto;
}
.no-flexbox .page-wrapper,
.no-flexbox .footer {
width: auto;
}
.page-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
/*min-height: 100vh;*/
position: relative;
}
.header .logo a {
display: block;
height: 100%;
}
.m-menu
{
display: inline-block;
width: 35px;
height: 24px;
position: fixed;
top: 18px;
z-index: 200;
overflow: hidden;
}
.m-menu span
{
position: relative;
display: block;
width: 100%;
height: 3px;
background: #fff;
}
.inner .m-menu span
{
background: #000;
}
.inner .m-menu span:before,
.inner .m-menu span:after
{
background: #000;
}
.inner .m-menu span:after
{
top: 20px;
}
.m-menu span:before,
.m-menu span:after
{
position: absolute;
top: 10px;
left: 0;
display: block;
width: 100%;
height: 100%;
content: '';
background: #fff;
}
.m-menu span:after
{
top: 20px;
}
.header nav {
text-align: center;
}
.header nav.active {
background: #000;
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 2001;
min-width: 350px;
width: 350px;
padding: 20px;
height: 100%;
}
.header nav.active:after {
content: '';
clear: both;
display: table;
width: 100%;
}
.header nav.active .ico-close {
position: absolute;
top: 0;
right: 0;
z-index: 100;
width: 50px;
height: 50px;
cursor: pointer;
background: none;
}
.header nav.active .ico-close:before,
.header nav.active .ico-close:after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 70%;
height: 2px;
margin: auto;
content: '';
transform: rotate(45deg);
background: #fff;
}
.header nav.active .ico-close:after
{
transform: rotate(-45deg);
}
.header nav.active ul {
/*margin: 0 40px;*/
margin: 0 0px;
}
.header nav.active ul.visible-lg {
display: block !important;
padding: 0;
}
.header nav > ul {
list-style: none;
margin: 0;
padding: 13px 0 0 23px;
font-size: 0;
text-transform: uppercase;
letter-spacing: 3px;
}
.header nav.active > ul > li {
display: inline-block;
font-size: 17px;
margin: 0px;
position: relative;
margin-bottom: 17px;
text-align: left;
width: 100%;
}
.header nav.active .dropdown {
font-size: 16px;
}
.inner .header nav.active > ul > li:hover a, .inner .header nav.active > ul > li a {
background-image: none !important;
}
.header nav > ul > li {
display: inline-block;
font-size: 12px;
margin: 0 20px;
position: relative;
padding-bottom: 7px;
}
.header nav > ul > li:hover a {
background: url(img/divider-horizontal-nav.png) 50% 100% no-repeat;
}
header.touch_link_no nav > ul > li:hover .dropdown {
display: block;
visibility: visible;
}
.header nav > ul > li > a {
color: #fff;
text-decoration: none;
background-position: 50% 100%;
padding-bottom: 7px;
transition: none;
}
.header nav > ul > li > a:hover {
color: #686868;
background: url(img/divider-horizontal-nav.png) 50% 100% no-repeat;
}
header.touch_link_yes a.touch_link + .dropdown.show {
top: 0;
display: block;
visibility: visible;
}
.header nav.active .dropdown {
background: transparent;
position: inherit;
top: inherit;
box-shadow: inherit;
margin: 15px 0 0 15px;
padding: 0;
left: 0;
}
.header nav.active .dropdown li a {
color: #fff;
text-decoration: none;
}
.header nav.active .dropdown:before {
display: none;
}
.header nav .dropdown {
position: absolute;
top: 100%;
visibility: hidden;
left: 0;
z-index: 6000;
white-space: nowrap;
list-style: none;
margin: 0;
padding: 20px;
text-align: left;
background: #fff;
font-size: 13px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
display: none;
}
.header nav .dropdown:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 7px 6px 7px;
border-color: transparent transparent #fff transparent;
position: absolute;
top: -6px;
left: 27px;
}
.header nav .dropdown-mob {
left: -73px;
}
.header nav .dropdown-mob li a {
letter-spacing: 0px;
}
.header nav .dropdown-mob:before {
left: 121px;
}
.header nav .dropdown li {
margin-top: 10px;
}
.header nav .dropdown li:first-child {
margin-top: 0;
}
.header nav .dropdown li a {
color: #000;
text-decoration: none;
}
.header nav .dropdown li a:hover {
color: #808080;
text-decoration: underline;
}
.header .social {
margin: 0 0 -20px 0;
padding: 6px 25px 0px 0;
list-style: none;
display: inline-block;
background: url(img/divider-vertical.png) 100% -2px no-repeat;
}
.header .social:after {
content: '';
clear: both;
display: table;
width: 100%;
}
.header .social li {
float: left;
margin-left: 0px;
width: 40px;
text-align: center;
}
.header .social li a.v {
margin-left: 5px;
}
.instagram_count {
background-color: red;
border-radius: 5px;
color: #fff;
font-size: 10px;
padding: 2px 4px;
text-align: center;
}
.header .social a {
display: inline-block;
width: 30px;
height: 30px;
}
.header .social a:hover {
position: relative;
}
.header .social a.facebook {
background: url(img/ico-facebook.png) 50% no-repeat;
}
.header .social a.twitter {
background: url(img/ico-twitter.png) 50% no-repeat;
}
.header .social a.google {
background: url(img/ico-google.png) 50% no-repeat;
}
/*
.header .social a.it {
background: url(/templates/images/icons8-vk.png) 50% no-repeat;
width: 40px;
height: 40px;
}
*/
.header .social a.it {
background: url(img/inst-2.png) 50% no-repeat;
width: 40px;
height: 40px;
}
.header .social a.v {
background: url(/templates/images/telegram.png) 50% no-repeat;
width: 40px;
height: 40px;
}
.webp .header .social a.it {
background: url(img/inst-2.webp) 50% no-repeat;
width: 40px;
height: 40px;
}
/*
.webp .header .social a.it {
background: url(/templates/images/icons8-vk.png?1) 50% no-repeat;
width: 40px;
height: 40px;
}
*/
.webp .header .social a.v {
background: url(/templates/images/telegram.png) 50% no-repeat;
width: 40px;
height: 40px;
}
.header .social a.instagram {
background: url(img/ico-instagram.png) 50% no-repeat;
}
.header .social a.pinterest {
background: url(img/ico-pinterest.png) 50% no-repeat;
}
.header .social a.vk {
background: url(img/ico-vk.png) 50% no-repeat;
}
.header .social.small a {
width: 25px;
height: 25px;
}
.header .social.small a:hover:before {
border-radius: 9px;
background: rgba(255, 255, 255, 0.3);
}
.header .phone-box {
float: right;
padding: 7px 10px 12px 42px;
height: 30px;
background: url(img/divider-vertical.png) 0 0 no-repeat;
}
.header .phone-box .phone-number {
display: inline-block;
border-bottom: 2px dotted #ccc;
width: 182px;
height: 30px;
background: url(img/telephone.png) 0 0 no-repeat;
}
.header .social-wrap {
float: left;
}
.header .phone-wrap {
float: right;
}
.header .cart-box {
float: right;
padding: 7px 10px 12px 22px;
background: url(img/divider-vertical-black.png) 0 0 no-repeat;
position: relative;
}
.header .cart-count {
background-color: red;
border-radius: 5px;
color: #fff;
font-size: 10px;
font-weight: bold;
left: 22px;
line-height: 12px;
padding: 2px;
position: absolute;
text-align: center;
top: 33px;
width: 21px;
}
.header .cart {
display: inline-block;
width: 25px;
height: 25px;
background: url(img/ico-cart.png) 0 0 no-repeat;
}
.header .cart:hover {
position: relative;
}
.header .cart:hover:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: rgba(255, 255, 255, 0.3);
}
.inner .header.no-menu {
padding-top: 10px;
}
.inner .header.no-menu .phone-box {
background: none;
margin-top: 40px;
}
.inner .header.no-menu .social {
padding-top: 40px;
background: none;
}
.header-block-new {
overflow: hidden;
margin-bottom: 5px;
}
.header-new-4 {
display: none;
}
.header-block-new .header-new-1 {
border: 0px solid #ccc;
}
.main .header-block-new .header-new-2, .main .header-block-new .header-new-2 a, .main .header-block-new .header-new-3 .email {
color: #fff;
}
.header-block-new .header-new-2 {
border: 0px solid #ccc;
text-align: center;
padding: 7px 0 6px 0;
font-size: 14px;
color: #656363;
font-family: "Trebuchet MS", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.header-block-new .header-new-2 a {
border-bottom: 1px dashed #ccc;
text-decoration: none;
}
.header-block-new .header-new-2 a:hover {
border: none;
}
.header-new-2 br {
display: none;
}
.header-block-new .header-new-3 {
border: 0px solid #ccc;
text-align: right;
}
.header-block-new .email {
display: inline-block;
font-size: 13px;
}
.phone-mobile-header.main-h {
background: #f3f3f3;
color: #000;
border: 1px solid #666;
}
.main .header-block-new .phone {
background: url(/templates/process/img/button232.png?1) 0 0 no-repeat;
color: #000;
background-size: cover;
}
.header-block-new .phone, .phone-mobile-header {
background: url(/templates/css/img/bg-btn-black.png) 0 0 no-repeat;
color: #fff;
text-transform: uppercase;
font-size: 11px;
text-decoration: none;
height: 32px;
padding: 0 10px;
background-size: cover;
line-height: 32px;
font-weight: bold;
display: inline-block;
text-align: center;
box-sizing: border-box;
font-family: 'Lora', serif;
letter-spacing: 1px;
cursor: pointer;
margin-bottom: 12px;
}
.phone-mobile-header {
display: none;
}
.header-block-new .phone:hover {
opacity: 0.8;
}
.footer {
color: #808080;
background: rgba(27, 27, 27, 0.7);
padding: 10px 0;
}
footer .rows-footer1 {
width: calc(21% - 30px);
margin-right: 30px;
}
footer .rows-footer2 {
width: calc(21% - 30px);
margin-right: 30px;
}
footer .rows-footer3 {
width: calc(26% - 30px);
margin-right: 30px;
}
footer .rows-footer4 {
width: 30%;
margin-right: 0px;
}
footer .rows-footer5 {
width: 39%;
margin-right: 0px;
}
footer .rows-footer6 {
width: 59%;
margin-right: 0px;
text-align: right;
}
footer .rows-footer {
display: inline-block;
vertical-align: top;
color: #fff;
}
footer .rows-footer .li {
margin-bottom: 16px;
line-height: 17px;
}
footer .container-fluid-new .clearh {
height: 25px;
}
footer .rows-footer .marb {
margin-bottom: 8px;
}
footer .rows-footer .marb a {
border-bottom: 1px dashed #b3afaf;
}
footer .container-fluid-new {
width: 1000px;
margin: 0 auto;
padding-top: 20px;
}
footer .container-fluid-new .plat img {
height: 29px;
vertical-align: middle;
}
footer .rows-footer .name {
font-weight: 500;
font-size: 17px;
color: #fff;
border-bottom: 1px solid #6b6a6ac2;
padding-bottom: 6px;
margin-bottom: 10px;
}
footer .rows-footer a {
color: #fff;
border-bottom: 1px solid #908e8ec2;
text-decoration: none;
}
footer .rows-footer a:hover {
border: none;
}
footer .rows-footer sup {
background-color: red;
border-radius: 5px;
color: #fff;
font-size: 10px;
padding: 2px 4px;
text-align: center;
}
footer .rows-footer .l {
float: left;
}
footer .rows-footer .r {
float: right;
}
.main_h1 {
text-align: center;
margin: 20px 0 0 0;
}
.main_h1 h1 {
text-transform: uppercase;
font-size: 18px;
font-family: 'Lora', serif;
color: #fff;
font-weight: normal;
}
.flex {
display: flex;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.header .flex {
display: flex;
justify-content: space-between;
/*text-align: justify;
text-align-last: justify;*/
-align-items: center;
}
.search-cod-header {
margin: 4px 0 0 108px;
}
.main .search-cod-header input[type="text"] {
border: 1px solid #fff;
}
.main .search-cod-header input[type="submit"] {
border: 1px solid #9c9c9c;
}
.search-cod-header input[type="text"] {
padding: 4px 5px;
border: 1px solid #ccc;
font-size: 13px;
height: auto;
width: 230px;
display: inline-block;
text-align: left;
text-align-last: auto;
}
.search-cod-header input[type="submit"] {
padding: 4px 7px;
border: 0px solid #ccc;
background: url(../images/search-cod-header.png?11) no-repeat 0 0;
color: #000;
font-family: 'Lora', serif;
cursor: pointer;
font-size: 13px;
height: auto;
display: inline-block;
border-radius: 0;
}
.search-cod-header input[type="submit"]:hover {
opacity: 0.9;
}
.search-cod-header input[type="text"]::placeholder {
color: #666;
}
.header-new-4 .search-cod-header {
margin: 10px 0 0 0px;
}
.main .page-wrapper {
min-height: 100vh;
}
.lte-ie-11 .page-wrapper,
.lt-ie-11 .page-wrapper {
min-height: 0;
}
.no-flexbox .page-wrapper {
display: block !important;
width: auto;
min-height: 100%;
height: auto !important;
height: 100%;
}
.page-body {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
}
.page-body.flex-none {
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.wrapper {
position: relative;
}
/* responsive text align
-----------------------------------------------------------------------------*/
.text-xs-left {
text-align: left;
}
.text-xs-right {
text-align: right;
}
.text-xs-center {
text-align: center;
}
.text-xs-justify {
text-align: justify;
}
@media (min-width: 768px) {
.text-sm-left {
text-align: left;
}
.text-sm-right {
text-align: right;
}
.text-sm-center {
text-align: center;
}
.text-sm-justify {
text-align: justify;
}
}
@media (min-width: 992px) {
.text-md-left {
text-align: left;
}
.text-md-right {
text-align: right;
}
.text-md-center {
text-align: center;
}
.text-md-justify {
text-align: justify;
}
}
@media (min-width: 1200px) {
.text-lg-left {
text-align: left;
}
.text-lg-right {
text-align: right;
}
.text-lg-center {
text-align: center;
}
.text-lg-justify {
text-align: justify;
}
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
/*1200px*/
@media (min-width: 1023px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
/*1200px*/
@media (min-width: 992px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
}
@media (min-width: 768px) {
.container {
width: 740px;
}
}
@media (min-width: 992px) {
.container {
width: 960px;
}
}
@media (min-width: 1200px) {
.container {
width: 1160px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
}
.row {
margin-left: -10px;
margin-right: -10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-fifth-xs-1, .col-fifth-sm-1, .col-fifth-md-1, .col-fifth-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-fifth-xs-2, .col-fifth-sm-2, .col-fifth-md-2, .col-fifth-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-fifth-xs-3, .col-fifth-sm-3, .col-fifth-md-3, .col-fifth-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-fifth-xs-4, .col-fifth-sm-4, .col-fifth-md-4, .col-fifth-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-fifth-xs-5, .col-fifth-sm-5, .col-fifth-md-5, .col-fifth-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-fifth-xs-6, .col-fifth-sm-6, .col-fifth-md-6, .col-fifth-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-fifth-xs-7, .col-fifth-sm-7, .col-fifth-md-7, .col-fifth-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-fifth-xs-8, .col-fifth-sm-8, .col-fifth-md-8, .col-fifth-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-fifth-xs-9, .col-fifth-sm-9, .col-fifth-md-9, .col-fifth-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-fifth-xs-10, .col-fifth-sm-10, .col-fifth-md-10, .col-fifth-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-fifth-xs-11, .col-fifth-sm-11, .col-fifth-md-11, .col-fifth-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-fifth-xs-12, .col-fifth-sm-12, .col-fifth-md-12, .col-fifth-lg-12 {
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
}
.col-xs-1, .col-fifth-xs-1, .col-xs-2, .col-fifth-xs-2, .col-xs-3, .col-fifth-xs-3, .col-xs-4, .col-fifth-xs-4, .col-xs-5, .col-fifth-xs-5, .col-xs-6, .col-fifth-xs-6, .col-xs-7, .col-fifth-xs-7, .col-xs-8, .col-fifth-xs-8, .col-xs-9, .col-fifth-xs-9, .col-xs-10, .col-fifth-xs-10, .col-xs-11, .col-fifth-xs-11, .col-xs-12, .col-fifth-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-fifth-xs-5 {
width: 100%;
}
.col-fifth-xs-4 {
width: 80%;
}
.col-fifth-xs-3 {
width: 60%;
}
.col-fifth-xs-2 {
width: 40%;
}
.col-fifth-xs-1 {
width: 20%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-fifth-xs-pull-5 {
right: 100%;
}
.col-fifth-xs-pull-4 {
right: 80%;
}
.col-fifth-xs-pull-3 {
right: 60%;
}
.col-fifth-xs-pull-2 {
right: 40%;
}
.col-fifth-xs-pull-1 {
right: 20%;
}
.col-fifth-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-fifth-xs-push-5 {
left: 100%;
}
.col-fifth-xs-push-4 {
left: 80%;
}
.col-fifth-xs-push-3 {
left: 60%;
}
.col-fifth-xs-push-2 {
left: 40%;
}
.col-fifth-xs-push-1 {
left: 20%;
}
.col-fifth-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
.col-fifth-xs-offset-5 {
margin-left: 100%;
}
.col-fifth-xs-offset-4 {
margin-left: 80%;
}
.col-fifth-xs-offset-3 {
margin-left: 60%;
}
.col-fifth-xs-offset-2 {
margin-left: 40%;
}
.col-fifth-xs-offset-1 {
margin-left: 20%;
}
.col-fifth-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1, .col-fifth-sm-1, .col-sm-2, .col-fifth-sm-2, .col-sm-3, .col-fifth-sm-3, .col-sm-4, .col-fifth-sm-4, .col-sm-5, .col-fifth-sm-5, .col-sm-6, .col-fifth-sm-6, .col-sm-7, .col-fifth-sm-7, .col-sm-8, .col-fifth-sm-8, .col-sm-9, .col-fifth-sm-9, .col-sm-10, .col-fifth-sm-10, .col-sm-11, .col-fifth-sm-11, .col-sm-12, .col-fifth-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-fifth-sm-5 {
width: 100%;
}
.col-fifth-sm-4 {
width: 80%;
}
.col-fifth-sm-3 {
width: 60%;
}
.col-fifth-sm-2 {
width: 40%;
}
.col-fifth-sm-1 {
width: 20%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-fifth-sm-pull-5 {
right: 100%;
}
.col-fifth-sm-pull-4 {
right: 80%;
}
.col-fifth-sm-pull-3 {
right: 60%;
}
.col-fifth-sm-pull-2 {
right: 40%;
}
.col-fifth-sm-pull-1 {
right: 20%;
}
.col-fifth-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-fifth-sm-push-5 {
left: 100%;
}
.col-fifth-sm-push-4 {
left: 80%;
}
.col-fifth-sm-push-3 {
left: 60%;
}
.col-fifth-sm-push-2 {
left: 40%;
}
.col-fifth-sm-push-1 {
left: 20%;
}
.col-fifth-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
.col-fifth-sm-offset-5 {
margin-left: 100%;
}
.col-fifth-sm-offset-4 {
margin-left: 80%;
}
.col-fifth-sm-offset-3 {
margin-left: 60%;
}
.col-fifth-sm-offset-2 {
margin-left: 40%;
}
.col-fifth-sm-offset-1 {
margin-left: 20%;
}
.col-fifth-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1, .col-fifth-md-1, .col-md-2, .col-fifth-md-2, .col-md-3, .col-fifth-md-3, .col-md-4, .col-fifth-md-4, .col-md-5, .col-fifth-md-5, .col-md-6, .col-fifth-md-6, .col-md-7, .col-fifth-md-7, .col-md-8, .col-fifth-md-8, .col-md-9, .col-fifth-md-9, .col-md-10, .col-fifth-md-10, .col-md-11, .col-fifth-md-11, .col-md-12, .col-fifth-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
padding: 0 0 0 35px;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-fifth-md-5 {
width: 100%;
}
.col-fifth-md-4 {
width: 80%;
}
.col-fifth-md-3 {
width: 60%;
}
.col-fifth-md-2 {
width: 40%;
}
.col-fifth-md-1 {
width: 20%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-fifth-md-pull-5 {
right: 100%;
}
.col-fifth-md-pull-4 {
right: 80%;
}
.col-fifth-md-pull-3 {
right: 60%;
}
.col-fifth-md-pull-2 {
right: 40%;
}
.col-fifth-md-pull-1 {
right: 20%;
}
.col-fifth-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-fifth-md-push-5 {
left: 100%;
}
.col-fifth-md-push-4 {
left: 80%;
}
.col-fifth-md-push-3 {
left: 60%;
}
.col-fifth-md-push-2 {
left: 40%;
}
.col-fifth-md-push-1 {
left: 20%;
}
.col-fifth-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
.col-fifth-md-offset-5 {
margin-left: 100%;
}
.col-fifth-md-offset-4 {
margin-left: 80%;
}
.col-fifth-md-offset-3 {
margin-left: 60%;
}
.col-fifth-md-offset-2 {
margin-left: 40%;
}
.col-fifth-md-offset-1 {
margin-left: 20%;
}
.col-fifth-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-fifth-lg-1, .col-lg-2, .col-fifth-lg-2, .col-lg-3, .col-fifth-lg-3, .col-lg-4, .col-fifth-lg-4, .col-lg-5, .col-fifth-lg-5, .col-lg-6, .col-fifth-lg-6, .col-lg-7, .col-fifth-lg-7, .col-lg-8, .col-fifth-lg-8, .col-lg-9, .col-fifth-lg-9, .col-lg-10, .col-fifth-lg-10, .col-lg-11, .col-fifth-lg-11, .col-lg-12, .col-fifth-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-fifth-lg-5 {
width: 100%;
}
.col-fifth-lg-4 {
width: 80%;
}
.col-fifth-lg-3 {
width: 60%;
}
.col-fifth-lg-2 {
width: 40%;
}
.col-fifth-lg-1 {
width: 20%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-fifth-lg-pull-5 {
right: 100%;
}
.col-fifth-lg-pull-4 {
right: 80%;
}
.col-fifth-lg-pull-3 {
right: 60%;
}
.col-fifth-lg-pull-2 {
right: 40%;
}
.col-fifth-lg-pull-1 {
right: 20%;
}
.col-fifth-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-fifth-lg-push-5 {
left: 100%;
}
.col-fifth-lg-push-4 {
left: 80%;
}
.col-fifth-lg-push-3 {
left: 60%;
}
.col-fifth-lg-push-2 {
left: 40%;
}
.col-fifth-lg-push-1 {
left: 20%;
}
.col-fifth-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
.col-fifth-lg-offset-5 {
margin-left: 100%;
}
.col-fifth-lg-offset-4 {
margin-left: 80%;
}
.col-fifth-lg-offset-3 {
margin-left: 60%;
}
.col-fifth-lg-offset-2 {
margin-left: 40%;
}
.col-fifth-lg-offset-1 {
margin-left: 20%;
}
.col-fifth-lg-offset-0 {
margin-left: 0%;
}
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
box-sizing: border-box;
}
.col-xs-15 {
width: 20%;
float: left;
min-height: 418px;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
min-height: 418px;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
min-height: 418px;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
min-height: 468px;
}
}
/* main classes
-----------------------------------------------------------------------------*/
.info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
color: #fff;
padding: 24px 0 22px;
background: rgba(27, 27, 27, 0.4);
}
.info .border {
background: url(img/divider-vertical-big.png) 0 50% no-repeat;
}
.info .info-box {
font-family: 'Lora', serif;
width: 366px;
margin: 0 auto;
font-size: 18px;
text-align: center;
padding: 0 0 10px;
}
.info .info-box .info-title {
text-transform: uppercase;
font-size: 16px;
}
.info .info-box h1 {
font-weight: normal;
font-size: 18px;
text-transform: uppercase;
margin-top: 5px;
}
.info .info-box .info-title.spacing {
letter-spacing: 2px;
}
.info .info-box .small {
font-size: 14px;
}
.info ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 16px;
font-family: "Trebuchet MS", Arial, "Helvetica Neue", Helvetica, sans-serif;
text-align: left;
}
.info ul li {
padding-left: 20px;
margin-bottom: 5px;
}
.info ul li:before {
content: '\2014';
margin: 0 10px 0 -20px;
}
.fancy-wrap {
display: none;
}
.contact-form {
width: 400px;
padding: 20px 40px;
box-sizing: border-box;
font-family: 'Lora', serif;
}
.contact-form .form-title {
font-size: 18px;
letter-spacing: 3px;
text-align: center;
text-transform: uppercase;
}
.contact-form .text-box {
font-size: 14px;
line-height: 26px;
text-align: center;
margin-bottom: 16px;
}
.contact-form .form-row {
margin-bottom: 14px;
}
.contact-form label {
display: block;
font-size: 18px;
}
.contact-form .text {
height: 38px;
padding: 0 10px;
font-size: 14px;
}
.contact-form textarea {
height: 140px;
padding: 10px;
font-size: 14px;
}
/* Common classes
-----------------------------------------------------------------------------*/
.inner {
background: url(img/bg-body.png);
}
.webp .inner {
background: url(img/bg-body.webp);
}
.inner .header {
margin-bottom: 30px;
}
.inner .header .social {
background: url(img/divider-vertical-black.png) 100% 0px no-repeat;
}
.inner .header .social a.facebook {
background: url(img/ico-facebook-black.png) 50% no-repeat;
}
.inner .header .social a.twitter {
background: url(img/ico-twitter-black.png) 50% no-repeat;
}
.inner .header .social a.google {
background: url(img/ico-google-black.png) 50% no-repeat;
}
.inner .header .social a.instagram {
background: url(img/inst.png) 50% no-repeat;
width: 40px;
height:40px;
}
.webp .inner .header .social a.instagram {
background: url(img/inst.webp) 50% no-repeat;
}
.grecaptcha-badge {
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left: 0px !important;
bottom: 0 !important;
transform: scale(.75);
transform-origin: 0 0 0;
}
.grecaptcha-badge:hover {
width: 256px !important;
}
/*
.inner .header .social a.instagram {
background: url(/templates/images/icons8-vk.png) 50% no-repeat;
width: 40px;
height:40px;
}
*/
.inner .header .social a.v {
background: url(/templates/images/telegram.png) 50% no-repeat;
width: 40px;
height:40px;
}
.inner .header .social a.pinterest {
background: url(img/ico-pinterest-black.png) 50% no-repeat;
}
.inner .header .social a.vk {
background: url(img/ico-vk-black.png) 50% no-repeat;
}
.inner .header nav.active > ul > li:hover a {
background: url(img/divider-horizontal-nav.png) 50% 100% no-repeat;
}
.inner .header nav.active > ul > li > a {
color: #fff;
}
.inner .header nav.active > ul > li > a:hover {
background: url(img/divider-horizontal-nav.png) 50% 100% no-repeat;
}
.inner .header nav > ul > li:hover > a {
background: url(img/divider-horizontal-nav-black.png) 50% 100% no-repeat;
}
.inner .header nav > ul > li > a {
color: #000;
}
.inner .header nav > ul > li > a:hover {
background: url(img/divider-horizontal-nav-black.png) 50% 100% no-repeat;
}
.inner .header .phone-box {
padding-left: 26px;
background: url(img/divider-vertical-black.png) 0 0 no-repeat;
}
.inner .header .phone-box .phone-number {
width: 174px;
background: url(img/telephone-black.png) 0 0 no-repeat;
}
.inner .footer {
background: #545454;
}
.inner .catalog [class|=col] {
padding-left: 0;
padding-right: 0;
}
.inner .catalog .publication-box {
display: block;
position: relative;
}
.inner .catalog .publication-box span{
color: #fff;
position: absolute;
right: 25px;
z-index: 9;
bottom: 15px;
font-size: 24px;
text-align: right;
display: none;
}
.inner .catalog .publication-box:hover span {
display: block;
}
.inner .catalog .publication-box:hover {
position: relative;
}
.inner .catalog .publication-box:hover:after {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
content: '';
}
.inner .catalog .category-info {
background: #e6e6e6;
text-align: center;
font-size: 14px;
box-sizing: border-box;
overflow: hidden;
-webkit-backface-visibility: hidden;
}
.inner .catalog .category-info:before {
content: '';
margin-left: -0.5em;
display: inline-block;
vertical-align: middle;
height: 100%;
}
.inner .catalog .category-info .category-wrap {
display: inline-block;
vertical-align: middle;
padding: 0 10px;
}
.inner .catalog .category-info .info-title {
font-family: 'Gregor';
font-size: 36px;
text-transform: uppercase;
margin-bottom: 15px;
background: url(img/bg-info-ttl.png) 50% 100% no-repeat;
}
.inner .catalog .category-info .question {
letter-spacing: 1px;
font-family: 'Gregor';
font-size: 18px;
text-transform: uppercase;
}
.inner .catalog .category-box {
position: relative;
display: block;
font-family: 'Gregor';
color: #fff;
text-decoration: none;
}
.inner .catalog .category-box:before {
content: '';
position: absolute;
bottom: 0;
right: 0;
left: 0;
height: 130px;
z-index: 3;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWRpZW50KSIgLz48L3N2Zz4=');
background-image: linear-gradient(to bottom, transparent 0%, #000000 100%);
}
.lt-ie-9 .inner .catalog .category-box:before {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff000000', GradientType=0);
}
.inner .catalog .category-box img {
transition: 600ms;
}
.inner .catalog .category-box:hover img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
transition: 600ms;
}
.inner .catalog .category-box:hover:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
z-index: 3;
background: rgba(0, 0, 0, 0.4);
}
.inner .catalog .category-title {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
text-align: center;
text-transform: uppercase;
font-size: 18px;
padding: 0 70px;
z-index: 5;
}
.inner .catalog .category-title .wrap {
position: relative;
}
.inner .catalog .category-title .wrap:after,
.inner .catalog .category-title .wrap:before {
content: '';
position: absolute;
top: 50%;
margin-top: -2px;
height: 4px;
width: 60px;
}
.inner .catalog .category-title .wrap:before {
left: -70px;
background: url(img/bg-category-ttl-lt.png) 0 0 no-repeat;
}
.inner .catalog .category-title .wrap:after {
right: -70px;
background: url(img/bg-category-ttl-rt.png) 0 0 no-repeat;
}
.page-content {
font-size: 14px;
line-height: 26px;
color: #000000 !important;
/*color: #808080;*/
margin-bottom: 30px;
}
.page-content a {
color: #000;
}
.page-content.contact-page .content-container {
width: 640px;
}
.page-content .content-container {
margin: 0 auto;
width: 600px;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
}
.page-content h1, .page-content .h1 {
font-size: 36px;
line-height: 40px;
font-weight: normal;
text-align: center;
text-transform: uppercase;
font-family: 'Gregor';
letter-spacing: 2px;
color: #1b1b1b;
margin: 0 0 34px;
}
.page-content .content-slider-holder {
margin: 25px auto;
width:582px;
opacity: 0;
transition:all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;
height:454px;
}
.page-content .content-slider-holder.on {
opacity: 1;
height:auto;
}
.page-content .content-slider-holder:before,
.page-content .content-slider-holder:after {
display: block;
content: '';
line-height: 0;
clear: both;
float: none;
}
.page-content .content-slider {
width: 100%;
position: relative;
}
/*
.page-content .content-slider .slick-list {
padding: 100px 0 160px 0 !important;
}
*/
.page-content .content-slider .slide {
position: relative;
}
.page-content .content-slider .slide .text {
position: absolute;
opacity: 0;
text-align: center;
text-transform: uppercase;
width:100%;
}
.page-content .content-slider .slide.slick-center .text {
opacity: 1;
font-family: serif;
letter-spacing: 1px;
color:#000;
font-size:16px;
line-height: 18px;
top:105%;
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
}
.page-content .content-slider .slide.slick-center .text p {
margin:0;
}
.page-content .content-slider .slide img {
border-radius:50%;
}
.page-content .content-slider .slide:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: rgba(0, 0, 0, 0.8);
border-radius: 50%;
}
.page-content .content-slider .slide.slick-active {
}
.page-content .content-slider .slide.slick-center {
-webkit-transform: scale(1.8);
-ms-transform: scale(1.8);
transform: scale(1.8);
transition: 20ms;
z-index: 2;
box-shadow: 0 1px 20px rgba(0, 0, 0, 0.3);
border-radius:50%;
}
.page-content .content-slider .slide.slick-center:before {
content: none;
}
.page-content .content-slider .btn-slick {
width: 25px;
height: 44px;
display: inline-block;
position: absolute;
top: 47%;
margin-top: -22px;
cursor: pointer;
}
.page-content .content-slider .btn-slick.prev {
left: -200px;
background: url(img/btn-prev-2.png) 0 0 no-repeat;
font-size: 0;
}
.page-content .content-slider .btn-slick.next {
right: -200px;
background: url(img/btn-next-2.png) 0 0 no-repeat;
font-size: 0;
}
.page-content .slick-list {
overflow: hidden;
}
.page-content .slick-list .slide {
float: left;
vertical-align: middle;
transition: 400ms;
position: relative;
}
.blog-holder .blog-box {
margin-bottom: 70px;
}
.blog-holder .blog-box .img-box {
margin-bottom: 20px;
}
.blog-holder .blog-box h2 {
font-family: 'Lora', serif;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 2px;
margin: 0 0 9px;
}
.blog-holder .blog-box h2 a {
color: #1b1b1b;
text-decoration: none;
}
.blog-holder .blog-box h2 a:hover {
text-decoration: underline;
}
.blog-holder .blog-box .date {
display: block;
letter-spacing: 2px;
font-style: normal;
text-transform: uppercase;
font-size: 13px;
padding-bottom: 14px;
margin-bottom: 16px;
background: url(img/divider-blog-title.png) 50% 100% no-repeat;
}
.blog-holder .blog-box .date a {
color: #808080;
}
#shop .pager {
text-align: center;
font-size: 0;
margin: 0;
padding: 0;
}
.pager li {
display: inline-block;
font-size: 13px;
margin: 0 4.4px;
}
.pager a {
text-decoration: none;
width: 30px;
height: 30px;
line-height: 32px;
display: inline-block;
text-align: center;
border: 1px solid #bfbfbf;
vertical-align: middle;
font-size: 15px;
}
.pager a.active,
.pager a:hover {
background: #000;
color: #fff;
border-color: #000;
}
.pager a.prev,
.pager a.next {
border: none;
}
.pager a.prev {
background: url(img/btn-pager-prev.png) 50% no-repeat;
}
.pager a.next {
background: url(img/btn-pager-next.png) 50% no-repeat;
}
.category-page {
/*overflow: hidden;*/
}
.category-page .category-box, .shop-t-11 .category-box {
text-align: center;
margin-bottom: 20px;
}
.category-page .category-box:hover {
/*.img-box{
img{
.tn(400ms);
transform: scale(0.7);
}
}*/
}
.category-page .category-box:hover .zoom {
display: block;
z-index: 2;
}
.category-page .category-box .img-box, .shop-t-11 .img-box {
margin-bottom: 14px;
position: relative;
min-height: 225px;
/*img{
.tn(400ms);
}*/
}
.category-page .category-box .category-title, .shop-t-11 .category-title {
text-transform: uppercase;
font-size: 12px;
font-family: 'Gregor';
letter-spacing: 1px;
/*min-height: 70px;
overflow: hidden;*/
}
.category-page .category-box .category-title a, .shop-t-11 .category-title a {
color: #1b1b1b;
text-decoration: none;
}
.category-page .category-box .category-title a:hover, .shop-t-11 .category-title a:hover {
text-decoration: underline;
}
.category-page .category-box .tags {
color: #bfbfbf;
min-height: 75px;
}
.category-page .category-box .price, .shop-t-11 .price {
color: #808080;
font-family: 'Gregor';
font-size: 18px;
letter-spacing: 2px;
text-transform: uppercase;
display: inline;
}
.category-page .category-box i, .shop-t-11 i{
font-size: 13px;
font-style: normal;
}
.shop-t-11 .title a {
text-decoration: none;
border-bottom: 1px dashed;
}
.shop-t-11 .title a:hover, .shop-t-11 .col-lg-15:hover a {
border: none;
}
.category-page .category-box .zoom {
width: 98px;
height: 101px;
position: absolute;
margin: auto;
left: 0;
bottom: 0;
top: 0;
cursor: pointer;
right: 0;
display: none;
background: url(img/category-zoom.png) 50% no-repeat;
}
.thank-box {
text-align: center;
padding-top: 40px;
}
.thank-box p {
margin-bottom: 18px;
}
.thank-box h1 {
margin: 0 0 20px;
}
.thank-box .info-title {
letter-spacing: 1px;
text-transform: uppercase;
font-size: 18px;
color: #1b1b1b;
margin-bottom: 30px;
font-family: 'Lora', serif;
}
.thank-box .info-title.small {
font-size: 13px;
letter-spacing: 2px;
}
.contact-page .contact-box {
text-align: center;
margin-bottom: 47px;
}
.contact-page .block-title {
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;
font-size: 13px;
color: #1b1b1b;
margin-bottom: 7px;
}
.contact-page .contact-list {
padding: 0 0 67px;
margin: 0 0 46px;
list-style: none;
text-align: center;
color: #1b1b1b;
text-transform: uppercase;
background: url(img/bg-info-ttl.png) 50% 100% no-repeat;
}
.contact-page .contact-list:after {
content: '';
clear: both;
display: table;
width: 100%;
}
.contact-page .contact-list li {
display: inline-block;
margin-left: 70px;
}
.contact-page .contact-list li:first-child {
margin-left: 0;
}
.contact-page .contact-list .contact-title {
font-size: 13px;
letter-spacing: 2px;
font-weight: 600;
}
.contact-page .contact-list .contact-info {
font-family: 'Gregor';
font-size: 18px;
letter-spacing: 2px;
}
.contact-page .social-list {
padding: 0;
list-style: none;
margin: 0 0 91px;
text-align: center;
}
.contact-page .social-list:after {
content: '';
clear: both;
display: table;
width: 100%;
}
.contact-page .social-list li {
display: inline-block;
margin-left: 30px;
}
.contact-page .social-list li:first-child {
margin-left: 0;
}
.contact-page .social-list a {
color: #1b1b1b;
float: left;
padding: 2px;
text-decoration: none;
}
.contact-page .social-list a:hover {
text-decoration: underline;
}
.contact-page .social-list a:hover img {
opacity: 0.8;
}
.contact-page .social-list img {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.feedback-section .feedback-info {
text-align: center;
margin-bottom: 19px;
padding-bottom: 24px;
background: url(img/divider-wide.png) 50% 100% no-repeat;
}
.feedback-section .feedback-info .feedback-title {
font-family: 'Lora', serif;
text-transform: uppercase;
letter-spacing: 2px;
color: #1b1b1b;
font-size: 18px;
}
.feedback-section .form-wrap {
margin-bottom: 28px;
}
.feedback-section .form-row {
margin-bottom: 12px;
}
.feedback-section label {
margin-bottom: 2px;
color: #1b1b1b;
font-size: 18px;
display: block;
font-family: 'Lora', serif;
font-weight: 400;
}
.feedback-section .jewler {
margin: 0 auto;
display: block;
}
.feedback-section textarea {
height: 120px;
}
.product-page {
overflow: hidden;
}
.product-page .product-navigation {
letter-spacing: 2px;
font-size: 10px;
margin-bottom: 18px;
text-transform: uppercase;
background: url(img/divider-blog-title.png) 50% 100% no-repeat;
text-align: center;
}
.product-page .product-navigation img {
display: inline-block;
vertical-align: middle;
}
.product-page .product-navigation a {
text-decoration: none;
}
.product-page .product-navigation a:hover {
text-decoration: underline;
}
.product-page .product-navigation a.next, .product-page .product-navigation span.next {
float: right;
margin: 0 15px 0 0;
}
.product-page .product-navigation a.prev, .product-page .product-navigation span.prev {
float: left;
margin: 0 0 0 15px;
}
.product-page h1 {
text-align: left;
font-size: 18px;
margin: 0;
font-family: 'Gregor';
}
.product-page .artikul {
margin-bottom: 15px;
font-size: 14px;
}
.product-page .price {
font-size: 35px;
font-family: 'Gregor';
color: #1b1b1b;
margin-bottom: 5px;
text-transform: uppercase;
}
.product-page .add {
text-align: center;
}
.product-page .add-holder {
margin-bottom: 26px;
}
.product-page .more-info {
font-size: 14px;
margin-bottom: 16px;
width: 100%;
}
.more-info ul {
list-style: none;
margin: 0;
padding: 0;
}
.more-info ul li {
display: inline-block;
}
.product-page .more-info .ttl {
color: #1b1b1b;
letter-spacing: 1px;
text-transform: uppercase;
}
.product-page .more-info a {
border-bottom: 1px dashed;
text-decoration: none;
color: blue;
transition: .2s linear;
}
.product-page .more-info a:hover {
border: none;
color: #e41c6f;
}
.product-page .slider-for {
position: relative;
}
.product-page .slider-for .product-slide {
float: left;
}
.product-page .slider-for .product-slide a {
display: block;
}
.product-page .slider-for .slick-list {
overflow: hidden;
}
.product-page .slider-for .btn-slick {
position: absolute;
top: 0;
width: 80px;
height: 100%;
z-index: 100;
cursor: pointer;
}
.product-page .slider-for .btn-slick:hover {
opacity: 0.7;
}
.product-page .slider-for .btn-slick.prev {
left: 0px;
background: url(img/btn-process-slider-left.png) no-repeat;
background-position: 20px center;
}
.product-page .slider-for .btn-slick.next {
right: 0px;
background: url(img/btn-process-slider-right.png) no-repeat;
background-position: 35px center;
}
.product-page .slider-nav {
position: relative;
}
.product-page .slider-nav .nav-slide {
cursor: pointer;
float: left;
margin: 2px;
}
.product-page .slider-nav .nav-slide img {
border: 1px solid transparent;
height: 100%;
object-fit: cover;
}
.product-page .slider-nav .nav-slide.slick-center img {
border: 1px solid #000;
}
.product-page .slider-nav .slick-list {
margin: 0 26px;
}
.product-page .slider-nav .btn-slick {
position: absolute;
top: 3px;
bottom: 2px;
width: 22px;
color: #fff;
background: #808080;
cursor: pointer;
}
.product-page .slider-nav .btn-slick:hover {
background-color: #000;
}
.product-page .slider-nav .btn-slick:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
width: 11px;
height: 20px;
}
.product-page .slider-nav .btn-slick.prev {
left: 0;
}
.product-page .slider-nav .btn-slick.prev:after {
background: url(img/btns-slider-nav.png) -11px 0 no-repeat;
}
.product-page .slider-nav .btn-slick.next {
right: 0;
}
.product-page .slider-nav .btn-slick.next:after {
background: url(img/btns-slider-nav.png) 0px 0 no-repeat;
}
.product-corners-t {
position: relative;
margin-bottom: 20px;
}
.product-corners-t:after,
.product-corners-t:before {
z-index: 100;
content: '';
position: absolute;
top: -15px;
width: 90px;
height: 80px;
}
.product-corners-t:before {
left: -14px;
background: url(img/corners-product.png) 0 0 no-repeat;
}
.product-corners-t:after {
right: -14px;
background: url(img/corners-product.png) 100% 0 no-repeat;
}
#product-corners-t:before, #product-corners-t:after{
background: none;
}
#product-corners-b:before, #product-corners-b:after {
background: none;
}
.product-corners-b:after,
.product-corners-b:before {
position: absolute;
bottom: -15px;
width: 90px;
height: 80px;
content: '';
z-index: 101;
}
.product-corners-b:before {
left: -14px;
background: url(img/corners-product.png) 0 100% no-repeat;
}
.product-corners-b:after {
right: -14px;
background: url(img/corners-product.png) 100% 100% no-repeat;
}
.blog-page .article-info {
text-transform: uppercase;
font-size: 13px;
letter-spacing: 2px;
text-align: center;
margin-bottom: 32px;
}
.blog-page .article-info .bookmarks-box {
display: inline-block;
vertical-align: middle;
}
.blog-page h2 {
font-family: 'Lora', serif;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 2px;
color: #1b1b1b;
font-weight: 400;
margin: 25px 0 9px 0;
}
.blog-page h3 {
font-weight: bold;
font-size: 15px;
margin: 25px 0 9px 0;
/*
font-size: 13px;
letter-spacing: 2px;
font-weight: 600;
text-transform: uppercase;
color: #1b1b1b;
margin: 0;
*/
}
.blog-page .content-holder {
margin-bottom: 50px;
}
.blog-page .content-box {
margin-bottom: 40px;
}
.blog-page .content-img.left {
float: left;
margin: 20px 25px 20px 0;
}
.blog-page .content-img.right {
float: right;
margin: 20px 0 20px 25px;
}
.blog-page .content-img.big {
margin-bottom: 40px;
}
.blog-page blockquote {
display: block;
border: solid #1b1b1b;
border-width: 2px 0;
color: #1b1b1b;
font-size: 18px;
font-weight: 600;
padding: 45px 0;
text-align: center;
margin: 0 0 34px;
}
.blog-page .styled {
margin: 0;
padding: 0 0 0 17px;
list-style: none;
font-size: 12px;
}
.blog-page .styled > li:before {
content: '\2014';
margin-right: 5px;
}
.blog-page .styled li {
padding-bottom: 12px;
}
.blog-page .styled ol {
margin: 20px 25px 0;
}
.blog-page .styled ol li, .blog-page ol li {
padding-bottom: 0px;
}
.blog-page ol li p {
margin-bottom: 6px;
}
.blog-page ol {
margin: 0 20px 20px;
padding: 0;
}
.blog-page .comment-section .comment-title {
text-transform: uppercase;
font-family: 'Lora', serif;
font-size: 18px;
color: #1b1b1b;
letter-spacing: 1px;
margin-bottom: 21px;
}
.blog-page .comment-section .comment-title .number {
color: #808080;
}
.blog-page .comment-section .comment-list {
margin-bottom: 40px;
}
.blog-page .comment-section .comment-box {
padding-bottom: 11px;
margin-bottom: 11px;
background: url(img/divider-blog-title.png) 0 100% no-repeat;
}
.blog-page .comment-section .comment-box.answer {
padding-left: 100px;
}
.blog-page .comment-section .comment-info {
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 4px;
}
.blog-page .comment-section .comment-info .user {
color: #1b1b1b;
font-size: 13px;
}
.blog-page .comment-section .comment-info .date {
font-style: normal;
font-size: 11px;
color: #bfbfbf;
}
.blog-page .comment-section .answer-link {
letter-spacing: 2px;
text-transform: uppercase;
color: #808080;
font-size: 13px;
}
.blog-page .comment-section .comment-form textarea {
height: 120px;
}
.blog-page .comment-section .comment-form label {
color: #1b1b1b;
font-size: 18px;
font-family: 'Lora', serif;
}
.blog-page .comment-section .form-row {
margin-bottom: 20px;
}
.blog-page .share-row {
text-transform: uppercase;
letter-spacing: 2px;
padding-bottom: 8px;
margin-bottom: 34px;
background: url(img/divider-blog-title.png) 0 100% no-repeat;
}
.blog-page .share-row .bookmarks-box {
display: inline-block;
vertical-align: middle;
}
.blog-page .article-nav {
margin-bottom: 67px;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 2px;
line-height: 22px;
}
.blog-page .article-nav:after {
content: '';
clear: both;
display: table;
width: 100%;
}
.blog-page .article-nav .article-prev,
.blog-page .article-nav .article-next {
width: 228px;
text-decoration: none;
position: relative;
}
.blog-page .article-nav .article-prev:hover,
.blog-page .article-nav .article-next:hover {
text-decoration: underline;
}
.blog-page .article-nav .article-next {
float: right;
text-align: right;
padding-right: 20px;
}
.blog-page .article-nav .article-next:after {
content: '';
width: 8px;
height: 9px;
position: absolute;
top: 50%;
right: 0;
margin-top: -5px;
display: inline-block;
background: url(img/btn-pager-next.png) 0 0 no-repeat;
}
.blog-page .article-nav .article-prev {
float: left;
padding-left: 20px;
}
.blog-page .article-nav .article-prev:before {
content: '';
position: absolute;
top: 50%;
left: 0;
margin-top: -5px;
display: inline-block;
width: 8px;
height: 9px;
background: url(img/btn-pager-prev.png) 0 0 no-repeat;
}
.img-section {
text-align: center;
position: relative;
margin-bottom: 34px;
}
.img-section:before {
content: '';
position: absolute;
top: 20px;
bottom: 20px;
right: 0;
left: 0;
}
.img-section .img-box {
position: relative;
}
.process-page .process-box {
margin-bottom: 80px;
}
.process-page .process-box:after {
content: '';
clear: both;
display: table;
width: 100%;
}
.process-page .process-box .process-title, .process-page .process-box h2 {
font-size: 18px;
font-family: 'Gregor';
text-transform: uppercase;
color: #1b1b1b;
font-weight: 400;
}
.process-page .process-box .wrap {
overflow: hidden;
}
.process-page .process-box .img-box.right {
float: right;
margin-left: 5px;
}
.process-page .process-box .img-box.left {
float: left;
margin-right: 5px;
}
.process-page .process-slider {
margin-bottom: 60px;
position: relative;
}
.process-page .process-slider .slide {
float: left;
margin: 0 14px;
}
.process-page .process-slider .btn-slick {
position: absolute;
top: 50%;
height: 44px;
width: 24px;
margin-top: -22px;
cursor: pointer;
}
.process-page .process-slider .btn-slick:hover {
opacity: 0.7;
}
.process-page .process-slider .btn-slick.next {
right: 20px;
background: url(img/btn-process-slider.png) 100% 0 no-repeat;
}
.process-page .process-slider .btn-slick.prev {
left: 20px;
background: url(img/btn-process-slider.png) 0 0 no-repeat;
}
@media (max-width: 1400px) {
.header .top {
margin-bottom: 0px;
}
.header nav ul li {
margin: 0 11px;
}
.info {
padding: 0;
}
.page-content.product-page .slick-list {
padding: 0 !important;
}
}
@media (max-width: 1300px) {
.header nav ul li {
margin: 0 0.7%;
}
}
@media (max-width: 1200px) {
.inner .header .social {
background-position: 0 0;
}
.header.no-menu .social-wrap {
float: left;
}
.header.no-menu .social-wrap .social {
padding-left: 0;
}
.header .social {
padding-left: 44px;
padding-right: 44px;
background-position: 0 -2px;
float: right;
}
.header .social-wrap {
float: none;
}
.header .nav-wrap {
float: left;
}
.info .info-box {
width: auto;
padding: 0 10px;
}
}
@media (max-width: 992px) {
.header .phone-box {
padding-left: 15px;
padding-right: 10px;
float: left;
}
.header .social {
padding-left: 4px;
padding-right: 15px;
}
.catalog .publication-box img {
width: 100%;
}
.product-page .slider-nav {
margin-bottom: 30px;
}
.product-page .buy-box {
float: right;
}
.cart-page .comment-box {
padding: 0;
background: none;
margin: 30px 0;
}
}
@media (max-width: 768px) {
.backstretch .slide {
background-size: auto 634px;
background-position: 50% 0;
}
.header nav ul li {
margin: 0 1%;
}
.info {
margin-top: 115px;
position: static;
background: #1b1b1b;
padding: 42px 0;
}
.info .border {
background: none;
}
.info .info-box {
margin-bottom: 50px;
}
.info ul {
text-align: center;
}
.footer {
background: #545454;
}
.inner .header.no-menu .logo {
margin-top: 40px;
}
.inner .header.no-menu .phone-box {
margin-top: 0;
}
.inner .header.no-menu .social {
padding-top: 0;
}
.inner .catalog .category-box img {
width: 100%;
}
.page-content .content-slider .slick-list {
padding: 100px 0 160px !important;
}
}
@media (min-width: 1200px) {
.header nav {
position: static;
}
}
@media (max-width: 1024px) {
.page-content .content-slider .btn-slick.prev {
left: -130px;
}
.page-content .content-slider .btn-slick.next {
right: -130px;
}
}
@media (max-width: 900px) {
.page-content .content-slider .btn-slick.prev {
left: -90px;
}
.page-content .content-slider .btn-slick.next {
right: -90px;
}
}
@media (max-width: 800px) {
.page-content .content-slider .btn-slick.prev {
left: -60px;
}
.page-content .content-slider .btn-slick.next {
right: -60px;
}
}
@media (max-width: 740px) {
.page-content .content-slider .btn-slick.prev {
left: -50px;
}
.page-content .content-slider .btn-slick.next {
right: -50px;
}
}
@media (max-width: 710px) {
.page-content .content-slider-holder {
width: 522px;
}
}
#file {
padding: 0 10px 0 0;
position: relative;
text-align: right;
height: 50px;
}
#file input[type="file"] {
cursor: pointer;
font-size: 0;
height: 23px;
right: 10px;
opacity: 0;
position: absolute;
top: 20px;
width: 120px;
}
#file a {
color: #1b1b1b;
font-size: 14px;
position: absolute;
top: 20px;
right: 10px;
}
#namefile {
position: absolute;
top: -2px;
right: 10px;
}
#file i {
font-style: normal;
color: #000;
cursor: pointer;
}
#file i:hover {
color: red;
}
.page-content .content-slider .slick-list {
padding: 100px 0 160px !important;
}
.jot-vote {
display: none;
}
.par {
font-size: 13px;
color: #666;
font-family: "Trebuchet MS", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.fancybox-wrap .button_365 {
background: url(../img/button3.png) no-repeat;
width: 235px;
color: #1b1b1b;
margin: 20px auto 0 auto;
display: block;
font: bold 12px/12px LoraBold, "Times New Roman", Times, serif;
text-transform: uppercase;
padding: 14px 0 0;
text-align: center;
height: 26px;
cursor: pointer;
text-decoration: none;
}
.fancybox-wrap .button_365:hover {
opacity: 0.8;
}
.like-ig-block .button_365 {
background: url(/templates/css/img/bg-btn-black.png) 0 0 no-repeat;
color: #fff;
margin-top: 28px;
cursor: pointer;
width: 269px !important;
font-size: 11px !important;
text-transform: uppercase;
height: 42px;
line-height: 42px;
display: inline-block;
border: 0;
text-align: center;
padding: 0;
box-sizing: border-box;
font-family: 'Lora', serif;
letter-spacing: 1px;
border-radius: 0;
background-size: 100% 100% !important;
}
#map {
width: 100%;
height: 382px;
}
.contact-page .contact-list li {
display: inline-block;
margin-left: 33px;
width: 217px;
margin-top: 0 !important;
top: 0 !important;
vertical-align: text-bottom;
margin-bottom: 30px;
}
[class*="ymaps-2"][class*="-ground-pane"] {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 3.5+ */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
}
.contact-page .contact-list li {
display: inline-block;
margin-left: 33px;
width: 217px;
margin-top: 0 !important;
top: 0 !important;
vertical-align: text-bottom;
}
.feedback-section .jewler {
font-size: 11px;
}
p.bvfs {
color: #808080;
text-transform: none;
font-size: 14px;
}
.ptx-area {
border: 1px solid #EBEBEB;
padding: 20px;
margin-top: 22px;
height: 78px;
}
.grg-box {
background: url(/templates/css/img/bgd.jpg) top center no-repeat;
background-position: center;
height: 370px;
margin-bottom: 70px;
text-align: center;
background-size: cover;
}
.grg-box-inner {
width: 640px;
margin: 0 auto;
margin-top: 33px !important;
position: absolute;
left: 0;
right: 0;
height: 300px;
background: url(/templates/css/img/ntf.png?1) top center no-repeat;
}
.grg-box-inner h2 {
font-size: 18px;
margin-top: 28px;
text-transform: uppercase;
color: #1b1b1b;
font-family: 'Gregor';
font-size: 18px;
letter-spacing: 2px;
font-size: 18px;
line-height: 40px;
font-weight: normal;
text-align: center;
text-transform: uppercase;
font-family: 'Gregor';
letter-spacing: 2px;
color: #1b1b1b;
/* margin: 0 0 34px; */
}
.grg-box-inner h3 {
font-size: 13px;
letter-spacing: 2px;
font-weight: 600;
text-transform: uppercase;
}
.grg-box-inner h3 span{
color: #ff0000;
}
.grg-box-inner strong {
font-weight: normal;
margin-bottom: 24px;
display: block;
margin-top: 16px;
cursor: pointer;
}
.grg-box-inner strong p {
border-bottom: 1px dotted #000;
display: inline;
}
.strx-area {
background: #666;
width: 350px;
margin: 7px auto;
padding: 4px;
color: #fff;
}
.strx-area span {
text-decoration: underline;
}
.strx-area span{
cursor: pointer;
}
span.spdt:hover{
text-decoration: none;
}
.grg-box-inner strong p:hover{
border: 0;
}
@media (max-width: 1000px) {
.contact-page .contact-list {
padding: 0 0 67px;
margin: 0 0 46px;
list-style: none;
text-align: center;
color: #1b1b1b;
text-transform: uppercase;
background: url(img/bg-info-ttl.png) 50% 100% no-repeat;
width: 549px;
margin: 0 auto;
}
.contact-page .contact-list li {
display: inline-block;
margin-left: 33px;
width: 240px;
margin-top: 0 !important;
top: 0 !important;
vertical-align: text-bottom;
margin: 12px !important;
}
}
.contact-page .contact-list {
background: none;
margin-bottom: 0 !important;
padding-bottom: 0;
}
.grg-box-inner h3 span:before{
position: absolute;
content: '';
}
.grg-box-inner h3 span:before {
position: absolute;
content: '';
width: 16px;
height: 13px;
background: url(/templates/css/img/ime.png?5) 0 0 no-repeat;
margin-top: 6px;
margin-left: -21px;
}
.grg-box-inner h3 span {
color: #0252a2;
padding-left: 11px;
margin-right: 15px;
}
.grg-box-inner h3 .span2 {
color: #7c612a;
padding-left: 11px;
}
.grg-box-inner h3 .span3 {
color: #b5d23a;
padding-left: 11px;
}
.grg-box-inner h3 .span3:before {
position: absolute;
content: '';
width: 16px;
height: 13px;
background: url(/templates/css/img/ime3.png?5) 0 0 no-repeat;
margin-top: 6px;
margin-left: -21px;
}
.grg-box-inner h3 .span2:before {
position: absolute;
content: '';
width: 16px;
height: 13px;
background: url(/templates/css/img/ime2.png?5) 0 0 no-repeat;
margin-top: 6px;
margin-left: -21px;
}
.grg-box-inner h3 .span4 {
color: #4bb457;
}
.grg-box-inner h3 .span4:before {
position: absolute;
content: '';
width: 16px;
height: 13px;
background: url(/templates/css/img/ime22.png?5) 0 0 no-repeat;
margin-top: 6px;
margin-left: -21px;
}
.grg-box-inner h2 {
margin-bottom: 0px;
}
.clk-area:before {
position: absolute;
content: '';
width: 16px;
height: 13px;
background: url(/templates/css/img/ic.png) 0 0 no-repeat;
margin-top: 6px;
margin-left: -21px;
}
.clk-area {
padding-left: 12px;
}
.clk-area:before {
position: absolute;
content: '';
width: 16px;
height: 17px;
background: url(/templates/css/img/ic.png) 0 0 no-repeat;
margin-top: 5px;
margin-left: -21px;
}
section.insts {
background: url(/templates/css/img/ins.jpg) 0 0 no-repeat;
background-position: center;
height: 442px;
margin-bottom: 85px;
text-align: center;
}
.insta_im {
background: url(/templates/css/img/ins-logo.png) 0 0 no-repeat;
width: 195px;
height: 99px;
margin: 20px auto;
display: block;
}
div#insta {
padding-top: 54px;
}
div#insta p {
color: #808080;
font-size: 14px;
}
div#insta p a {
color: #1b1b1b;
margin-top: 25px;
display: block;
}
div#insta p {
color: #808080;
font-size: 14px;
max-width: 587px;
margin: 0 auto;
}
p.trebs {
margin-top: 8px !important;
display: block;
margin-bottom: -70px !important;
}
p.trebs a {
color: #808080 !important;
margin-top: 5px !important;
}
.insta_im {
background: url(/templates/css/img/ins-logo.png) 0 0 no-repeat;
width: 195px;
height: 99px;
margin: 20px auto;
display: block;
margin-bottom: 35px;
}
ul.contact-list {
margin-top: 87px !important;
}
.feedback-section .jewler {
font-size: 12px;
width: 204px;
background-size: 100%;
}
.clk-area {
padding-left: 12px;
margin-bottom: 19px;
margin-top: -7px;
}
.page-content h1, .grg-box-inner h2, .page-content .h1 {
font-family: 'Lora', serif;
}
.grg-box-inner {
left: 2px;
}
div#page-wrapper{
overflow-x: hidden;
}
#oplatan {
margin: 0 auto;
width: 1000px;
color: #000;
font: normal 14px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#oplatan h1 {
padding-bottom: 17px;
color: #1b1b1b;
font-family: 'Lora', serif;
font-size: 36px;
line-height: 40px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 45px;
}
#oplatan h1 a {
text-decoration: none;
border-bottom: 1px dashed;
color: #1b1b1b;
}
#oplatan h1 a:hover {
border: none;
}
#oplatan h2 {
color: #1b1b1b;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 26px;
margin-bottom: 25px;
}
#oplatan h3 {
color: #1b1b1b;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 16px;
margin-bottom: 13px;
}
#oplatan ul {
margin-bottom: 20px;
}
#oplatan .descrip2_in {
float: left;
width: 486px;
}
#oplatan .descrip2 p {
padding-bottom: 10px;
}
#oplatan .cont_img_3 {
margin: 45px 66px 0 0;
}
#oplatan .float_r {
float: right !important;
}
#oplatan .clearing {
clear: both;
height: 0px;
font-size: 0px;
}
#oplatan .descrip2_in p strong {
color: #1b1b1b;
font-size: 14px;
}
@media (max-width: 1000px) {
#oplatan {
width: auto;
margin-bottom: 60px;
margin: 0 20px;
}
#oplatan .cont_img_3 {
float: none !important;
margin: 45px auto 0 !important;
display: block;
}
.descrip2_in {
float: none !important;
width: auto;
}
}
#contact_page ::-webkit-input-placeholder {color: #d3d3d3;}
#contact_page ::-moz-placeholder {color: #d3d3d3;}/* Firefox 19+ */
#contact_page :-moz-placeholder {color: #d3d3d3;}/* Firefox 18- */
#contact_page :-ms-input-placeholder {color: #d3d3d3;}
.special {display:none;}
li a sup.count {
background-color: red;
border-radius: 5px;
color: #fff;
font-size: 10px;
padding: 2px 4px;
text-align: center;
}
.do_ip {
color: blue;
border-bottom: 1px dashed;
text-decoration: none;
text-transform: uppercase;
}
.do_ip:hover {
border: none;
}
.page-content .content-container21 {
margin: 0 auto;
width: 800px;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
}
@media (max-width: 479px){
.page-content .content-container21 {
width: 100%;
}
}
@media (max-width: 767px){
.page-content .content-container21 {
width: 100%;
}
}
.scan {display: none;}
#scan {text-align: center;margin: 0 0 30px 0;}
#scan span {
color: blue;
cursor: pointer;
border-bottom: 1px dashed;
text-decoration: none;
text-transform: uppercase;
}
.specifikaciya {
width: 100%;
box-sizing: border-box;
border-collapse: collapse;
border: 1px solid #666;
word-wrap: break-word;
}
.specifikaciya .c {
text-align: center;
}
.specifikaciya td, .specifikaciya th {
padding: 5px;
box-sizing: border-box;
border: 1px solid #666;
}
.specifikaciya tr {
border: 1px solid #a0a0a0;
}
@media screen and (max-width: 1024px) {
.specifikaciya {
border: 0;
}
.specifikaciya thead {
display: none;
}
.specifikaciya tr {
margin-bottom: 10px;
display: block;
border-bottom: 2px solid #a0a0a0;
}
.specifikaciya td {
display: block;
text-align: right !important;
font-size: 13px;
border: 0;
border-bottom: 1px dotted #a0a0a0;
width: 100%;
}
.specifikaciya td:last-child {
border-bottom: 0;
}
.specifikaciya td:before {
content: attr(data-label);
float: left;
text-transform: uppercase;
font-weight: bold;
display: block;
padding: 0 8px;
background: #eee;
}
}
.update43 {
background: url(/templates/css/img/bg-btn-black.png) 0 0 no-repeat;
color: #fff;
width: 195px;
text-transform: uppercase;
font-size: 12px;
text-decoration: none;
height: 42px;
line-height: 42px;
margin-top: 7px;
font-weight: bold;
display: inline-block;
border: 0;
text-align: center;
padding: 0;
box-sizing: border-box;
font-family: 'Lora', serif;
letter-spacing: 1px;
border-radius: 0;
margin-right: 20px;
}
.update43:hover {
opacity: 0.8;
}
.printb, .dostavkab, .vh-lk {
display: inline-block;
border: 1px solid #ccc;
text-decoration: none;
padding: 2px 13px;
background: #000;
color: #fff !important;
margin-top: 35px;
}
.printb:hover, .dostavkab:hover, .vh-lk:hover {
background: #fff;
border: 1px solid #000;
color: #000 !important;
}
.insert-act {
display: inline-block;
border: 1px solid #ccc;
text-decoration: none;
padding: 2px 13px;
background: #000;
color: #fff !important;
}
input.insert-act {
padding: 4px 13px;
font-size: 14px;
}
.insert-act:hover {
background: #fff;
border: 1px solid #000;
color: #000 !important;
}
/*Стили для принтера*/
@media print {
.insert-act, .vh-lk, .content-container21 form, .content-container21 hr, .printb, .ya2, .itogo_price, #header, .yandex-b, .dostavkab, .admin_bar_1, .admin_bar_2, .menu_lang, .admin_bar_3, .admin_bar_4, .admin_bar_5, .admin_bar_6, .admin_bar_7, .admin_bar_8 {display: none;}
}
.errors {
color: red;
}
a.yandex-b {
margin-bottom: 25px;
}
.yandex-b {
background: #ffdd3c url(../images/yandex.png?1) no-repeat 0 -35px;
padding: 8px 13px 8px 62px;
font-size: 16px;
border: 1px solid #dedede;
border-radius: 5px;
font-family: arial;
width: 100%;
transition: none;
cursor: pointer;
color: #000;
text-decoration: none;
}
.yandex-b:hover {
background: #efc727 url(../images/yandex.png?1) no-repeat 0 0;
}
.ya2 {
margin-top: 18px;
border: 1px solid #ffdd3c;
padding: 20px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 260px;
margin: 0 auto;
text-align: center;
font-size: 16px;
color: #000;
}
.ya2 legend {
color: #000;
padding-left: 12px;
padding-right: 12px;
font-weight: bold;
font-size: 16px;
}
.ya2 input[type=tel] {
border: 1px solid #cbc9c9;
border-radius: 5px;
height: auto;
padding: 8px;
display: inline;
width: 100%;
font-family: arial;
font-size: 16px;
margin-bottom: 10px;
}
.ya2 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #666;
}
.ya2 input::-moz-placeholder { /* Firefox 19+ */
color: #666;
}
.ya2 input:-ms-input-placeholder { /* IE 10+ */
color: #666;
}
.ya2 input:-moz-placeholder { /* Firefox 18- */
color: #666;
}
.itogo_price {
text-align: center;
margin-top: 25px;
color: #000;
font-weight: bold;
font-size: 16px;
}
.c-1 {
text-align: center;
}
.text-s-s {
font-size: 14px;
font-family: "Trebuchet MS", Arial, "Helvetica Neue", Helvetica, sans-serif;
text-transform: none;
color: #1b1b1b;
letter-spacing: 1px;
margin-bottom: 9px !important;
}
.mar-2-2 {
margin-top: 25px;
margin-bottom: 9px !important;
}
.pr-s-5 {
font-size: 18px;
}
.c4-4 {
font-family: "Trebuchet MS", Arial, "Helvetica Neue", Helvetica, sans-serif;
text-transform: none;
color: #1b1b1b;
letter-spacing: 1px;
}
.product-page .price em {
font-size: 23px;
font-style: normal;
}
.more_info_shop {
font-size: 14px;
display: inline-block;
margin-left: -7px;
cursor: pointer;
position: relative;
}
.more_info_shop .popup_shop {
position: absolute;
top: 18px;
z-index: 1;
text-transform: initial;
opacity: 0.9;
font-weight: normal;
left: 0px;
background: #000;
color: #fff;
padding: 8px 18px 8px 8px;
text-align: left;
font-size: 13px;
font-family: arial;
width: 300px;
display: none;
border-radius: 2px;
}
.more_info_shop .popup_shop_serebro {
left: -180px;
}
.more_info_shop i:hover {
/*background: #000;*/
color: #666;
}
.more_info_shop .popup_shop i {
background: transparent url(../images/close-t5.png) no-repeat 0 0;
width: 13px;
height: 13px;
position: absolute;
top: 3px;
right: 3px;
}
.more_info_shop .popup_shop p {
line-height: 15px;
margin-bottom: 5px;
}
.client_foto a {
display: inline-block;
background: #cffab9;
color: #000;
text-decoration: none;
padding: 8px 20px;
margin-bottom: 8px;
width: 100%;
box-sizing: border-box;
}
.client_foto a:nth-of-type(odd) {
background: #fffbd8;
}
.client_foto_form {
text-align: center;
margin-bottom: 25px;
background: #fddfef;
color: #000;
padding: 8px;
box-sizing: border-box;
}
.client_foto_form input[type="text"] {
width: 280px;
display: inline;
padding: 2px;
height: auto;
border: 1px solid #ccc;
}
.client_foto_form input[type="text"]::-webkit-input-placeholder {
color: #666;
}
.client_foto span {
border-bottom: 1px dashed #000;
}
.client_foto span:hover {
border: none;
}
.client_foto i {
width: 30px;
font-size: 21px;
text-align: center;
vertical-align: middle;
}
.client_foto .fa-mobile {
font-size: 23px;
}
.client_foto .fa-instagram {
color: #e32e56;
}
.client_foto img {
vertical-align: middle;
border: 1px solid #ccc;
padding: 2px;
border-radius: 2px;
}
.person_data {
font-size: 12px;
margin-top: 10px;
border-top: 1px solid #ccc;
padding-top: 10px;
line-height: 15px;
}
.person_data a {
text-decoration: none;
border-bottom: 1px dashed #ccc;
}
.selectst {
font-size: 13px;
width: 100%;
padding: 11px 7px;
font-family: "Trebuchet MS", Arial, "Helvetica Neue", Helvetica, sans-serif;
-webkit-appearance: value !important;
-moz-appearance: value !important;
appearance: value !important;
}
.h-users-dostavka {
line-height: 21px;
font-size: 13px;
margin-bottom: 15px;
}
.h-users-dostavka a {
text-decoration: none;
border-bottom: 1px dashed #ccc;
}
.h-users-dostavka a:hover {
color: red;
}
.info-1 {
margin-bottom: 15px;
}
.info-1 .title span {
cursor: pointer;
color: #000;
border-bottom: 1px dashed;
font-size: 15px;
}
.info-1 .title span:hover {
border: none;
}
.info-1 .desc{
display: none;
color: #666;
}
.content-container21-1 {color: #000;}
.content-container21-1 h2 {font-weight: normal; margin-bottom: 20px;font-size: 25px;}
.content-container21-1 p {margin-bottom: 15px;}
.page-content .o-nas {
width: 1000px;
}
.ch-1 {
width: 47%;
float: left;
overflow: hidden;
margin-bottom: 25px;
}
.ch-2 {
margin-top: 45px;
}
.ch-1:nth-child(2n) {
float: right;
}
.ch-2 .ch-1:nth-child(2n+1) {
clear: both;
}
.ch-1 img {
width: 100%;
}
.ch-3 {
color: #666;
text-align: center;
margin: 10px 0 0 0;
}
.h1-users-reg.h1-users-reg-mod {
margin: 45px 0 8px 0;
}
.corners .adress {
background-color:#f7f7f7;
}
.hide-reg {
display: none;
}
@media (max-width: 1023px){
.page-content .o-nas {
width: 100%;
}
}
@media (max-width: 767px){
.page-content .o-nas {
width: 100%;
}
}
@media (max-width: 479px){
.page-content .o-nas {
width: 100%;
}
}
.dp {
text-align: center;
margin: 35px 0 0 0;
}
.dp span.paginator, .dp a:hover {
background: #000;
color: #fff;
border-color: #000;
}
.dp a, .dp span {
text-decoration: none;
width: 20px;
height: 20px;
line-height: 20px;
display: inline-block;
text-align: center;
border: 1px solid #bfbfbf;
vertical-align: middle;
}
h1 .addk {
font-size: 11px;
}
h1 .addk a {
text-decoration: none;
border-bottom: 1px dashed;
}
.search-cod {
text-align: center;
margin-bottom: 30px;
}
.search-cod input[type="text"] {
width: 250px;
display: inline-block;
height: auto;
padding: 8px;
}
.search-cod input[type="submit"] {
display: inline-block;
height: auto;
padding: 8px 15px;
background: #000;
color: #fff;
border: 1px solid #000;
}
.search-cod input[type="submit"]:hover {
opacity: 0.8;
}
.jewelers-u-1, .jewelers-u-2 {
text-align: center;
}
.jewelers-u-1 a {
background: #000;
color: #fff;
text-decoration: none;
display: inline-block;
padding: 1px 7px;
line-height: 18px;
margin: 0 5px;
}
.admin_bar_1 {
position: fixed;
right: 15px;
top: 60px;
font-size: 28px;
color: green;
z-index: 100;
}
.admin_bar_2 {
position: fixed;
right: 19px;
top: 100px;
font-size: 28px;
color: #fc86df;
z-index: 110;
}
.admin_bar_3 {
position: fixed;
right: 19px;
top: 140px;
font-size: 36px;
color: #729ed4;
z-index: 110;
}
.admin_bar_4 {
position: fixed;
right: 19px;
top: 185px;
width: 28px;
text-align: center;
font-weight: bold;
font-size: 18px;
color: #000;
z-index: 110;
background: #9ce9ed;
border-radius: 5px;
text-decoration: none;
}
.admin_bar_5 {
position: fixed;
right: 19px;
top: 188px;
font-size: 24px;
color: #4ca726;
z-index: 110;
}
.admin_bar_6 {
position: fixed;
right: 19px;
top: 220px;
font-size: 24px;
color: red;
z-index: 110;
}
.admin_bar_7 {
position: fixed;
right: 23px;
top: 267px;
font-size: 24px;
color: #a670fd;
z-index: 110;
}
.admin_bar_89 {
position: fixed;
right: 19px;
top: 309px;
font-size: 24px;
color: #fd9870;
z-index: 110;
}
.mobileimg {
display: none;
}
.artikul-mob {
display: none;
}
.nonestoplata {
position: relative;
}
.nonestoplata legend, .nonestoplata form {
pointer-events: none;
filter: grayscale(100%);
color: #8e8e92;
}
.nonestoplata:before {
content: "";
position: absolute;
background: url(/templates/images/oplacheno.png) no-repeat center center;
background-size: cover;
width: 131px;
height: 96px;
top: 0;
left: calc(50% - 65px);
z-index: 1;
}
.nonestoplata .yandex-b {
color: #aba0a0;
}
.content-container .content-box .swiper-button-prev, .content-container .content-box .swiper-button-next {
top: 0;
}
.content-container .content-box .swiper-button-next {
right: 5px;
}
.content-container .content-box .swiper-button-prev {
left: 5px;
}
.content-container .content-box .swiper-slide span {
position: absolute;
bottom: 0;
left: 0;
padding: 10px;
background-color:rgba(0, 0, 0, 0.5);
width: 100%;
color: #fff;
line-height: 16px;
box-sizing: border-box;
}
.content-container .content-box .swiper-slide {
min-height: 580px;
}
.mbblog {
columns: 3;
-webkit-columns: 3;
-moz-columns: 3;
border-bottom: 1px solid #ccc;
padding-bottom: 15px;
margin-bottom: 15px;
}
.ideas-1 {
width: 480px;
margin: 0 auto 56px auto;
}
.eskizy-1 {
width: 100%;
margin: 0 auto 56px auto;
position: relative;
}
.ideas-1 .swiper-button-prev, .ideas-1 .swiper-button-next {
top: 0;
}
.ideas-1 .swiper-button-next {
right: 5px;
}
.ideas-1 .swiper-button-prev {
left: 5px;
}
.ideas-1 img, .eskizy-1 img {
display: block;
width: 99%;
height: 100%;
object-fit: cover;
border: 1px solid #f9f6f6;
}
.a_h {
position: absolute;
font-size: 36px;
right: 10px;
top: 8px;
padding: 23px;
}
.eskizy-pos .a_h {
top: 3px;
}
.ideas-1 h2, .eskizy-1 h2 {
font-family: 'Lora', serif;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 2px;
color: #1b1b1b;
font-weight: 400;
margin: 25px 0 15px 0;
text-align: center;
}
.ideas-3 {
text-align: center;
margin-bottom: 50px;
}
.ideas-3 a {
text-align: center;
display: inline-block;
text-decoration: none;
padding: 7px 34px;
color: #fff;
margin-top: 35px;
background: url(img/bg-btn-black.png) 0 0 no-repeat;
}
.ideas-3 a:hover {
opacity: 0.8;
}
.ideas-6 {
width: 525px;
margin: 0 auto;
}
.ideas-6 .text-box.swrsn {
font-size: 18px;
color: #1E1E1E;
margin: 20px 0;
font-family: 'Lora', serif;
text-align: center;
}
.ideas-6 .wrappersw {
margin-bottom: 20px;
}
.ideas-7 {
background: url(img/divider-wide.png) no-repeat top center;
background-size: contain;
height: 1px;
margin-bottom: 40px;
}
.ideas-6 h2 {
font-family: 'Lora', serif;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 18px;
color: #1b1b1b;
font-weight: normal;
text-align: center;
}
.ideas-6 .line {
margin-bottom: 12px;
overflow: hidden;
}
.ideas-6 p {
margin-bottom: 3px;
font-weight: 700;
color: #808080;
}
.ideas-6 .form-row.rw50 label, .ideas-6 .form-row.rw50r label {
font-weight: 700;
color: #808080;
}
.ideas-6 input::placeholder, .ideas-6 textarea::placeholder {
color: #666;
font-size: 13px;
}
.ideas-6 .submit {
margin-top: 25px;
}
.ideas-6 input[name="text"], .ideas-6 textarea {
padding: 10px;
font-size: 14px;
border: 1px solid #A39C9C;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
}
.ideas-8 {
cursor: pointer;
background: url(../img/button3.png) no-repeat;
width: 235px;
color: #1b1b1b;
margin: 15px auto 0 auto;
display: block;
text-align: center;
text-decoration: none;
padding: 14px 0px;
font: bold 12px/12px LoraBold, "Times New Roman", Times, serif;
text-transform: uppercase;
}
.ideas-8:hover {
opacity: 0.7;
}
#scrollup {
position: fixed;
bottom: 75px;
display: none;
z-index: 999;
left: 15px;
font-size: 43px;
opacity: 0.7;
cursor: pointer;
}
.crumb {
margin-bottom: 15px;
text-transform: uppercase;
}
.crumb.center {
text-align: center;
}
.crumb ul {
margin: 0;
padding: 0;
}
.crumb ul li {
position: relative;
margin-right: 25px;
list-style: none;
display: inline;
font: 10px "Trebuchet MS", Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #808080;
letter-spacing: 1px;
}
.crumb ul li:after {
position: absolute;
content: '→';
right: -20px;
top: -1px;
color: #808080;
}
.crumb ul li:last-child {
margin-right: 0;
}
.crumb ul li:last-child:after {
display: none;
}
.crumb ul li a {
text-decoration: none;
border-bottom: 1px solid #ccc;
}
.crumb ul li a:hover {
border: none;
}
.class_page_3523, .class_page_3524, .class_page_4964 {
text-align: center;
}
.shop-t-1 {
margin: 0 auto 50px auto;
width: 1000px;
box-sizing: border-box;
font-size: 14px;
line-height: 28px;
color: #000;
}
.shop-t-1 .center {
text-align: center;
}
.shop-t-1 .right {
text-align: right;
}
.shop-t-1 h2 {
color: #1b1b1b;
font: normal 18px/18px Lora, "Times New Roman", Times, serif;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
}
.shop-t-2, .shop-t-3 {
width: 49%;
display: inline-block;
vertical-align: top;
}
.shop-t-2 {
margin-top: 10px;
}
.shop-t-3 img {
margin-right: 50px;
}
.shop-t-2 .rows {
margin: 0 0 10px 0;
}
.shop-t-2 .rows a {
font-size: 25px;
border-bottom: 1px solid #000;
color: #000;
text-decoration: none;
}
.shop-t-2 .rows a:hover {
border: none;
}
.shop-t-4 {
margin-bottom: 50px;
}
.shop-t-5 {
clear: both;
height: 87px;
}
.shop-t-6 {
color: #000;
font-size: 14px;
line-height: 28px;
padding: 0 0 30px 0;
overflow: hidden;
background: url('../css/img/spr.png') no-repeat bottom center;
}
.shop-t-6 p strong {
color: #000;
}
.shop-t-6 img {
float: right;
margin: 0 0 0 20px;
}
.shop-t-6 h3 {
color: #1b1b1b;
font: normal 14px/14px Gregor, "Times New Roman", Times, serif;
text-transform: uppercase;
letter-spacing: 1px;
}
.shop-t-6 p {
line-height: 20px;
}
.shop-t-7 {
}
.shop-t-7 .rows {
width: 16%;
display: inline-block;
vertical-align: top;
text-align: center;
}
.shop-t-7 .rows p,
.shop-t-8 .rows p {
margin-top: 15px;
font: normal 14px/14px Gregor, "Times New Roman", Times, serif;
color: #000;
}
.shop-t-8 {
width: 650px;
margin: 0 auto;
}
.shop-t-8 .rows {
width: 24%;
display: inline-block;
vertical-align: top;
text-align: center;
}
.shop-t-9 {
}
.shop-t-9 .rows {
width: 33%;
display: inline-block;
vertical-align: top;
text-align: center;
}
.shop-t-9 .rows:nth-of-type(1) span {
width: 90px;
height: 100px;
margin: 0 auto;
display: block;
background: url('../css/img/sspo.png') no-repeat bottom center;
background-position: 0;
}
.shop-t-9 .rows:nth-of-type(2) span {
width: 105px;
height: 100px;
margin: 0 auto;
display: block;
background: url('../css/img/sspo.png') no-repeat bottom center;
background-position: -123px 0;
}
.shop-t-9 .rows:nth-of-type(3) span {
width: 90px;
height: 100px;
margin: 0 auto;
display: block;
background: url('../css/img/sspo.png') no-repeat bottom center;
background-position: -232px 0;
}
.shop-t-9 .rows p{
margin-top: 15px;
text-transform: uppercase;
font: normal 14px/22px Gregor, "Times New Roman", Times, serif;
color: #000;
}
.shop-t-10 {
width: 600px;
margin: 0 auto;
}
.shop-t-10 .info-1 {
margin-bottom: 25px;
}
.shop-t-10 .info-1 .title {
margin-bottom: 8px;
}
.shop-t-10 .info-1 .title span {
color: blue;
border-bottom: 1px dashed;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
font-weight: normal;
}
.shop-t-10 .info-1 .title span:hover {
border: none;
}
.shop-t-10 .info-1 .desc {
color: #000;
font-size: 14px;
line-height: 21px;
display: none;
}
.shop-t-11 {
width: 600px;
margin: 17px auto 0 auto;
line-height: 26px;
}
.shop-t-11 .col-lg-15:nth-of-type(1) {
float: left;
width: 50%;
min-height: auto;
padding: 0;
text-align: center;
color: #808080;
}
.shop-t-11 .col-lg-15:nth-of-type(2) {
float: right;
width: 50%;
min-height: auto;
padding: 0;
text-align: center;
color: #808080;
}
.shop-t-11 .title {
font-size: 15px;
margin-bottom: 10px;
}
.shop-t-11 .col-lg-15 .c4-4 {
font-size: 14px;
}
.menu_pod_s a {
margin-right: 10px;
font-size: 12px;
}
@media (max-width: 1023px){
.shop-t-1 {
width: 100%;
padding: 0 15px;
}
.shop-t-3 img {
margin-right: 0;
width: 100%;
display: block;
}
.shop-t-2 {
margin-top: 0px;
}
.shop-t-7 .rows {
width: 31.9%;
vertical-align: top;
margin-bottom: 15px;
}
.shop-t-5 {
clear: both;
height: 60px;
}
.shop-t-9 .rows {
width: 32.3%;
}
}
@media (max-width: 479px){
}
.izdelie-online * {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.izdelie-online h1 {
color: #1b1b1b;
font-family: Gregor;
font-size: 35px;
line-height: 36px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
}
.izdelie-online h1 span {
color: #4b89ca;
}
.izdelie-online-1 {
width: 540px;
margin: 0 auto 60px auto;
}
.izdelie-online-2 {
background: url(../images/button2.png) no-repeat;
width: 215px;
color: #1b1b1b;
text-align: center;
display: block;
padding: 0px 0;
margin: 35px auto 0 auto;
text-transform: uppercase;
text-decoration: none;
font: bold 12px/40px LoraBold, "Times New Roman", Times, serif;
}
.izdelie-online-2 span {
position: relative;
top: -2px;
margin-right: -5px;
padding-left: 5px;
}
.izdelie-online-2:hover {
opacity: 0.7;
}
.izdelie-online-3 {
width: 640px;
margin: 50px auto 20px auto;
}
.izdelie-online-3 .izdelie-online-5 {
margin-top: 45px;
color: #fff !important;
}
.izdelie-online-3 h2 {
color: #1b1b1b;
font: normal 25px/35px Lora, "Times New Roman", Times, serif;
text-align: center;
text-transform: uppercase;
padding-bottom: 9px;
letter-spacing: 1px;
}
.izdelie-online-4 {
width: 520px;
margin: 0 auto 60px auto;
}
.izdelie-online-4 .swiper-slide .name {
text-align: center;
font-family: 'Lora', serif;
font-size: 16px;
}
.izdelie-online-4 .swiper-slide img {
display: block;
width: 83%;
margin: 0 auto;
}
.izdelie-online-4 .izdelie-online-2 {
margin: 20px auto 0 auto;
}
.izdelie-online-5 {
background: url(../images/izdelie-online-5.png) no-repeat;
width: 225px;
color: #fff;
background-size: 100% 100%;
text-align: center;
display: block;
padding: 0px 0;
margin: 25px auto 0 auto;
text-transform: uppercase;
text-decoration: none;
font: bold 12px/40px LoraBold, "Times New Roman", Times, serif;
cursor: pointer;
}
.izdelie-online-5:hover {
opacity: 0.7;
}
.izdelie-online-6 {
width: 620px;
margin: 0 auto 60px auto;
padding: 10px;
}
.izdelie-online-6 .swiper-button-prev,
.izdelie-online-9 .swiper-button-prev
{
top: 0;
left: 5px;
}
.izdelie-online-6 .swiper-button-next,
.izdelie-online-9 .swiper-button-next
{
top: 0;
right: 5px;
}
.izdelie-online-7, .izdelie-online-8 {
position: relative;
}
.izdelie-online-7:before {
z-index: 100;
content: '';
position: absolute;
top: -15px;
width: 90px;
height: 80px;
left: -14px;
background: url(img/corners-product.png) 0 0 no-repeat;
}
.izdelie-online-8:before {
position: absolute;
bottom: -15px;
width: 90px;
height: 80px;
content: '';
left: -14px;
z-index: 101;
background: url(img/corners-product.png) 0 100% no-repeat;
}
.izdelie-online-7:after {
position: absolute;
bottom: -15px;
width: 90px;
height: 80px;
content: '';
z-index: 101;
right: -14px;
background: url(img/corners-product.png) 100% 100% no-repeat;
}
.izdelie-online-8:after {
z-index: 100;
content: '';
position: absolute;
top: -15px;
width: 90px;
height: 80px;
right: -14px;
background: url(img/corners-product.png) 100% 0 no-repeat;
}
.izdelie-online-11 {
width: 1200px;
margin: 80px auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.izdelie-online-11 h2 {
color: #1b1b1b;
font: normal 25px/35px Lora, "Times New Roman", Times, serif;
text-align: center;
text-transform: uppercase;
padding-bottom: 9px;
letter-spacing: 1px;
}
.izdelie-online-11 .swiper-slide img {
width: 100%;
display: block;
}
.izdelie-online-11 .swiper-button-prev
{
top: -14px;
left: 5px;
}
.izdelie-online-11 .swiper-button-next
{
top: -14px;
right: 5px;
}
.izdelie-online-11 .name {
color: #1b1b1b;
font: normal 13px/14px "Times New Roman", Times, serif;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
margin-top: 20px;
}
.izdelie-online-12 {
clear: both;
height: 35px;
}
.izdelie-online-13 {
}
.izdelie-online-13 .form_right {
display: inline-block;
vertical-align: top;
width: 49%;
}
.izdelie-online-13 .form_left {
display: inline-block;
vertical-align: top;
width: calc(49% - 20px);
margin-right: 20px;
}
.izdelie-online-13 .feedback_form label {
color: #1b1b1b;
font: normal 16px/18px Lora, "Times New Roman", Times, serif;
display: block;
margin-bottom: 10px;
padding-right: 2px !important;
}
.izdelie-online-13 .corners {
position: relative;
margin-bottom: 15px;
}
.izdelie-online-13 .form-title {
font-size: 18px;
letter-spacing: 3px;
text-align: center;
text-transform: uppercase;
font-family: 'Lora', serif;
}
.izdelie-online-13 textarea {
height: 123px;
}
.izdelie-online-13 .wrappersw {
margin-bottom: 15px;
}
.izdelie-online-13 .type_file {
text-align: center;
font-size: 15px;
font-family: 'Lora', serif;
padding: 10px;
}
@media (max-width: 767px){
.izdelie-online-3 {
width: 100%;
}
.izdelie-online-6 {
width: 100%;
}
.izdelie-online-11 {
width: 100%;
}
#shop .pager {
margin: 30px 0 15px 0;
}
}
@media (max-width: 479px){
}
.date-srok {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px;
color: #000;
}
.date-srok i {
color: #000;
cursor:pointer;
}
.date-srok i:hover {
color: #666;
}
.date-srok p {
display: inline;
}
#sizeModal {
text-align: left;
font-size: 14px;
}
#sizeModal h2 {
font-weight: normal;
font-size: 19px;
text-align: center;
}
.page-content .add-holder .s-video {
display: none;
}
@media (max-width: 1023px){
.send-video {display: none;}
.page-content .add-holder .s-video {display: block; margin: 9px 0 0 0;}
}
.gallery-big-photo .youtube:after {
background: url(/templates/css/img/1384060.svg) no-repeat center center;
width: 80px;
height: 80px;
content: "";
left: calc(50% - 40px);
position: absolute;
top: calc(50% - 40px);
background-size: contain;
}
.gallery-big-photo .youtube:hover:after {
opacity: 0.9;
}
.youtube_img {
position: relative;
height: 92px;
display: inline-block;
}
.youtube_img:after {
background: url(/templates/css/img/1384060.svg) no-repeat center center;
width: 40px;
height: 40px;
content: "";
left: calc(50% - 20px);
position: absolute;
top: calc(50% - 20px);
background-size: contain;
z-index: 0;
}
.youtube_img:hover:after {
opacity: 0.9;
}
.page-content.product-page .slick-list:focus {
outline: none;
}
.gallery-big-photo .youtube:before {
background: url(/templates/css/img/video-play.png) no-repeat center center;
width: 391px;
height: 394px;
content: "";
left: -10px;
position: absolute;
top: 50px;
background-size: contain;
}
.gallery-big-photo .youtube-while:before {
background: url(/templates/css/img/video-play-while.png?1) no-repeat center center;
}
.t-v-e {
position: absolute;
bottom: 2px;
z-index: 1;
font-size: 12px;
text-align: center;
width: 100%;
color: #000;
}
@media (max-width: 767px){
.gallery-big-photo .youtube:before {
top: 17px;
width: 351px;
left: 10px;
}
}
.izdelie-online-6 .slider-for .slick-list,
.izdelie-online-8 .slider-for .slick-list {
overflow: hidden;
position: relative;
z-index: 1;
}
.izdelie-online-6 .izdelie-online-7 {
margin-bottom: 20px;
}
.izdelie-online-6 .gallery-big-photo .youtube:before,
.izdelie-online-8 .gallery-big-photo .youtube:before {
width: 371px;
height: 374px;
top: 4px;
}
.izdelie-online-6 .slick-list:focus,
.izdelie-online-8 .slick-list:focus {
outline: none;
}
.izdelie-online-6 .youtube_img,
.izdelie-online-8 .youtube_img {
height: auto;
}
fieldset {
border: none;
}
.shop-t-1 h3 {
font-size: 17px;
}
.product-page .price .doll {
font-size: inherit;
}
nav.ennav ul li {
margin: 0 10px;
}
nav.ennav ul {
letter-spacing: 2.2px;
}
.ui-widget.ui-widget-content li {
box-sizing: border-box;
}
.ui-widget.ui-widget-content li a {
text-decoration: none;
font-size: 15px;
display: inline-block;
width: 100%;
border-radius: 0;
border: none;
padding: 5px;
box-sizing: border-box;
}
.ui-widget.ui-widget-content li a:hover {
margin: 0;
}
.size_en {
display: inline-block;
margin-left: 8px;
cursor: pointer;
position: relative;
}
.size_en .active span {
border-bottom: 1px dashed;
}
.size_en .active {
font-size: 13px;
}
.size_en i.fas {
font-size: 11px;
vertical-align: middle;
margin-left: 3px;
}
.size_en .rows_size {
display: none;
position: absolute;
z-index: 1;
background: #fff;
border: 1px solid #ccc;
padding: 7px;
font-size: 14px;
list-style: none;
margin: 0;
border-radius: 3px;
box-shadow: 0 3px 6px rgba(0,0,0,.16);
}
.size_en .rows_size li {
list-style: none;
margin-bottom: 4px;
}
.size_en .rows_size li:hover {
color: #3c81c7;
}
.en_size_hide {
display: none;
}
.menu_lang {
text-align: center;
margin: 20px 0 0 0;
}
.menu_lang a {
text-decoration: none;
display: inline-block;
}
.menu_lang .ends {
margin-left: 15px;
}
.menu_lang img {
height: 30px;
vertical-align: middle;
}
.main-menu-en-ru .menu_lang span {
color: #fff;
border: none;
font-size: 12px;
}
.menu_lang span {
color: #000;
border: none;
font-size: 12px;
}
.menu_lang .active span {
border-bottom: 1px dashed;
}
.d24438
{
display: none;
}
input[name="phone"]::placeholder,
input[name="phone_2"]::placeholder,
input[name="phone_dostavka"]::placeholder {
color: #666;
}
.category-box .favorite {
cursor: pointer;
position: absolute;
right: 4px;
top: -1px;
width: 40px;
font-size: 25px;
padding: 7px 0;
vertical-align: middle;
z-index: 2000;
background: rgb(255,255,255, 0.8);
border-radius: 50%;
}
.category-box .favorite i {
font-size: 20px !important;
}
.gallery-big-photo .favorite {
cursor: pointer;
position: absolute;
z-index: 101;
top: 35px;
right: 35px;
width: 59px;
font-size: 25px;
padding: 14px 0;
vertical-align: middle;
background: rgb(255,255,255, 0.8);
border-radius: 50%;
text-align: center;
}
.gallery-big-photo .favorite:hover {
background: rgb(255,255,255, 0.95);
}
.gallery-big-photo .favorite i {
font-size: 30px !important;
}
/* 90 */
#favorits_cnt {
position: fixed;
top: calc(50% - 180px);
z-index: 115;
right: 0px;
background: rgb(255 127 153);
border-radius: 5px 0 0 5px;
font-size: 12px;
}
#favorits_cnt .text {
text-align: center;
padding: 8px;
}
#favorits_cnt .text a {
text-decoration: none;
color: #fff;
display: block;
}
.category-box .count_shop_f {
position: absolute;
z-index: 2000;
top: 28px;
right: 15px;
color: #000;
text-align: center;
font-size: 9px;
width: 17px;
line-height: 10px;
}
.gallery-big-photo .count_shop_f {
position: absolute;
z-index: 101;
top: 79px;
right: 53px;
color: #000;
text-align: center;
font-size: 12px;
width: 20px;
line-height: 10px;
}
.page-content .podarochnyj-sertifikat-1 {
font-size: 24px;
}
.podarochnyj-sertifikat-2 a {
text-decoration: none;
color: blue;
border-bottom: 1px dashed;
}
.podarochnyj-sertifikat-2 a:hover {
border-bottom: none;
}
.podarochnyj-sertifikat-3 {
margin: 0 auto;
background: #000;
color: #fff;
width: 200px;
padding: 6px;
text-align: center;
}
.text_sert_href {
text-decoration: none;
color: blue;
border-bottom: 1px dashed;
}
.text_sert_href:hover {
border-bottom: none;
}
.tags-pl {
margin-top: 30px;
}
.tags-pl h2 {
font-size: 24px;
line-height: 40px;
font-weight: normal;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
color: #1b1b1b;
margin: 0 0 30px;
font-family: 'Lora', serif;
}
.tags-pl .rows {
text-align: center;
line-height: 42px;
}
.tags-pl .rows a {
margin-right: 0px;
font-size: 20px;
line-height: 16px;
border-bottom: 2px dashed;
padding-bottom: 2px;
text-decoration: none;
color: blue;
transition: .2s linear;
}
.tags-pl .rows a:hover {
border-bottom: 2px #fff dashed;
color: red;
}
.tags-pl-2 {
margin-top: 30px;
}
.tags-pl-2 h2 {
font-size: 24px;
line-height: 40px;
font-weight: normal;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
color: #1b1b1b;
margin: 0 0 30px;
font-family: 'Lora', serif;
}
.tags-pl-2 .flex {
display: flex;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.tags-pl-2 .rows {
margin: 0 15px 25px 0;
text-align: center;
width: 200px;
}
.tags-pl-2 .flex img {
display: block;
width: 100%;
}
.jewler {
width: 195px;
text-transform: uppercase;
font-size: 11px;
text-decoration: none;
color: #1a1a1a;
height: 39px;
line-height: 39px;
margin-top: 7px;
font-weight: bold;
display: inline-block;
border: 0;
text-align: center;
padding: 0;
box-sizing: border-box;
font-family: 'Lora', serif;
letter-spacing: 0.4px;
border-radius: 0;
background: url(img/bg-btn.png) 0 0 no-repeat;
}
.jewler.black {
background: url(img/bg-btn-black.png) 0 0 no-repeat;
color: #fff;
}
.jewler.black:hover {
opacity: 0.8;
}
.jewler:hover {
position: relative;
}
/*
.jewler:hover:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.2);
}
*/
.date-srok p {
font-weight: bold;
}
.shop-t-1 a {
color: #000;
}
.container-filter-rows {
column-count: 2;
column-gap: 0;
}
.container-filter {
/*width: calc(50% - 10px);
float: left;*/
break-inside: avoid;
padding-right: 20px;
}
.container-filter1 {
padding-right: 0px;
}
.search_menu_admin {
text-align: center;
margin: 0 0 25px 0;
}
.search_menu_admin a {
display: inline-block;
margin: 0 10px;
}
.search_menu_admin a.active {
color: #fff;
background: #000;
padding: 0 8px;
text-decoration: none;
cursor: default;
}
.ya2 input[name="grv"] {
padding: 3px;
font-size: 16px;
height: auto;
display: block;
width: 90%;
margin: 0 auto;
pointer-events: painted;
}
#status-grv {
color: green;
pointer-events: painted;
font-size: 13px;
}
.vk-i-f {
border-bottom: none !important;
background: #fff;
border-radius: 4px;
display: inline-block;
}
.vk-i-f img {
max-width: 28px;
vertical-align: middle;
}
.wa__btn_popup {
position: fixed;
right: 15px;
bottom: 20px;
z-index: 9999;
border-radius: 50%;
width: 56px;
height: 56px;
background: rgb(45, 183, 66);
}
.wa__btn_popup:before {
content: '';
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: transparent url(../images/whatsapp_logo.svg) center center no-repeat;
background-size: 30px auto;
-webkit-background-size: 30px auto;
-moz-background-size: 30px auto;
transition: .4s ease all;
-webkit-transition: .4s ease all;
-moz-transition: .4s ease all;
}
.wa__btn_popup:after {
content: 'Нужна помощь? Напишите нам';
position: absolute;
z-index: 1;
width: 238px;
text-align: center;
height: 23px;
right: 57px;
top: 15px;
font-size: 16px;
color: #43474e;
background: #fff;
padding: 0 5px;
border-radius: 8px;
}
.category-page .sample {
margin-top: 5px;
}
.sample {
margin-bottom: 10px;
margin-top: -10px;
font-weight: bold;
display: block;
cursor: pointer;
}
.sample label {
cursor: pointer;
}
.sample.yes {
color: green;
}
.sample.no {
color: red;
}
.d3d {
margin-bottom: 10px;
margin-top: -10px;
font-weight: bold;
display: block;
cursor: pointer;
}
.d3d label {
cursor: pointer;
}
.d3d.yes {
color: green;
}
.d3d.no {
color: red;
}
a[disabled="disabled"] {
pointer-events: none;
}
.block-soc {
position: fixed;
top: 90px;
left: 10px;
z-index: 103;
}
.block-soc a {
display: block;
margin-bottom: 10px;
background: #fff;
border-radius: 4px;
}
.tab_map {
text-align: center;
padding-top: 30px;
margin-bottom: 20px;
}
.tab_map span {
cursor: pointer;
border: 1px solid #000;
display: inline-block;
padding: 1px 8px;
font-size: 16px;
/*border-bottom: none;*/
background: #000;
color: #fff;
position: relative;
margin-left: 10px;
}
.tab_map span.active {
background: #fff;
color: #000;
}
/*
.tab_map span.active:before {
position: absolute;
height: 1px;
background: #fff;
content: "";
bottom: -1px;
width: 100%;
left: 0;
}
*/
.map_iframe iframe {
/*border-top: 1px solid #000;*/
display: none;
}
.map_iframe iframe.active {
display: block;
}
.category-page .category-box a, .shop-t-11 .category-box a {
position: relative;
}
.category-box .shop_new {
position: absolute;
top: 3px;
left: 10px;
background: #fff url(../images/new_shop.png) center center no-repeat;
width: 40px;
height: 19px;
background-size: 40px;
border: 1px solid #fff;
border-radius: 5px;
z-index: 1;
}
.product-page .shop_new {
position: absolute;
top: 45px;
left: 35px;
background: #fff url(../images/new_shop.png) center center no-repeat;
width: 68px;
height: 32px;
background-size: 68px;
border: 1px solid #fff;
border-radius: 7px;
z-index: 1;
}
.d31615, .d31614, .d31493, .d31492, .d12679, .d12730 {
display: none;
}
.yuridicheskaya-informaciya {
margin-bottom: 45px;
}
.yuridicheskaya-informaciya td {
padding: 8px;
}
.ui-widget.ui-widget-content {
z-index: 9999 !important;
pointer-events: initial;
}
.reviews_yandex {
border: 1px solid #ccc;
border-radius: 5px;
padding: 8px;
width: 203px;
position: relative;
text-align: left;
height: 60px;
margin: 0 auto 25px auto;
}
.reviews_yandex a {
color: #000;
text-decoration: none;
display: block;
border: none;
}
.reviews_yandex .lo {
width: 100px;
}
.reviews_yandex .count {
font-size: 30px;
font-weight: 900;
position: absolute;
right: 30px;
top: 5px;
}
.reviews_yandex .zv {
background: url(/templates/images/zv.png) no-repeat;
width: 89px;
display: inline-block;
height: 20px;
background-size: contain;
position: absolute;
right: 10px;
top: 33px;
}
.reviews_yandex .och {
position: absolute;
right: 19px;
top: 53px;
font-size: 14px;
line-height: 17px;
border-bottom: 1px dashed;
}
.reviews_yandex:hover {
background: #f9f9f9;
cursor: pointer;
}
.reviews_yandex .otz {
position: absolute;
left: 18px;
top: 53px;
line-height: 17px;
border-bottom: 1px dashed;
font-size: 14px;
}
footer .reviews_yandex {
zoom: 0.8;
margin: inherit;
}
.reviews_yandex:hover {
background: inherit;
}
footer .reviews_yandex a {
border: none;
}
footer .reviews_yandex .count {
font-size: 28px;
top: 0px;
}
@media (max-width: 767px){
footer .reviews_yandex .count {
font-size: 23px;
}
}
ul.pager {
text-align: center;
}
.search-cod-header-mob {
vertical-align: middle;
}
.search-cod-header-mob.focus input[name="s"], .search-cod-header-mob.focus input[name="s_h"] {
width: calc(100% - 130px);
padding: 8px;
border: 1px solid #ccc;
font-size: 14px;
border: 1px solid #000;
border-radius: 5px;
vertical-align: middle;
margin-right: 8px;
}
.search-cod-header-mob.focus input[type="submit"] {
padding: 8px;
background: #000;
border: 1px solid #656565;
background-image: none;
color: #fff;
margin-left: 0px;
border-radius: 5px;
height: 34px;
vertical-align: middle;
line-height: 16px;
}
.search-cod-header-mob.focus {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #fff;
z-index: 9998;
padding: 20px;
box-sizing: border-box;
margin: 0;
box-shadow: 0px 6px 14px -10px #000000;
}
.search-cod-header input[name="s_h"] {
display: none;
}
.search-cod-header i {
display: none;
}
.search-cod-header-mob.focus i {
color: #000;
font-size: 30px;
padding: 22px;
vertical-align: middle;
display: inline-block;
z-index: 10;
position: absolute;
top: 0;
right: 0;
width: 31px;
vertical-align: middle;
}
.search-cod-header i {
display: none;
}
.price_flex {
display: flex;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.price_flex .zoloto_span {
margin-right: 20px;
}
.price_flex .zoloto_span_425,
.price_flex .zoloto_span_25,
.price_flex .zoloto_span_26,
.price_flex .zoloto_span_27 {
margin-right: 50px;
}
.price_flex .serebro_span {
}
@media (max-width: 767px){
.price_flex .zoloto_span, .price_flex .serebro_span {
width: 100%;
margin-right: 0;
}
}
.category-box .dost_size {
font-size: 13px;
margin: 11px 0 0 0;
width: 100%;
}
.category-box .dost_size span {
border: 1px solid #ccc;
padding: 1px 3px;
margin-right: 5px;
}
.header nav li .css34602 {
font-style: italic;
text-decoration: underline !important;
}
.eskizy-navigation {
display: flex;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
margin-bottom: 25px;
}
.eskizy-navigation img {
vertical-align: middle;
}
#hello_modal {
padding: 60px 40px 40px 40px;
background: #fff;
font-size: 18px;
max-width: 500px;
}
#hello_modal .site-form--center {
text-align: center;
margin-top: 20px;
}
#hello_modal .site-form-title {
text-align: center;
margin: 20px 0;
}
#hello_modal .site-btn--submit {
background: url(/templates/css/img/bg-btn-black.png) 0 0 no-repeat;
color: #fff;
text-transform: uppercase;
font-size: 11px;
text-decoration: none;
height: 32px;
padding: 0 10px;
background-size: cover;
line-height: 32px;
font-weight: bold;
display: inline-block;
text-align: center;
box-sizing: border-box;
font-family: 'Lora', serif;
letter-spacing: 1px;
cursor: pointer;
}
#hello_modal .fancybox-close-small {
background: transparent url('/templates/process/img/clz.png') no-repeat;
width: 30px;
height: 30px;
border-radius: 0;
}
#hello_modal .fancybox-button svg {
display: none !important;
}
.favorite_w {
font-size: 11px;
position: absolute;
top: 100px;
right: 14px;
border-radius: 5px;
padding: 0 4px;
cursor: pointer;
line-height: 19px;
z-index: 101;
background: rgb(255,255,255, 0.8);
width: 87px;
text-align: center;
}
.favorite_w i {
font-style: normal;
border-bottom: 1px dashed #000;
}
.favorite_w:hover i {
border: none;
}
.favorite_w:hover {
background: rgb(255,255,255, 0.95);
}
.favorite:hover ~ .favorite_w i {
border: none;
}
.shop-ok {
position: fixed;
top: 10px;
right: 10px;
color: #fff;
opacity: 0.8;
background: #000;
border-radius: 5px;
width: 200px;
z-index: 2001;
font-size: 13px;
padding: 10px;
line-height: 21px;
text-align: center;
}
#favorits_cnt .count {
writing-mode: vertical-lr;
text-orientation: upright;
font-size: 10px;
letter-spacing: -0.9px;
}
.before_fon {
position: relative;
}
.before_fon:before {
position: absolute;
width: 100%;
height: 100%;
content: "";
top: 0;
left: 0;
}
.clear_h {
display: none;
}
@media (max-width: 1023px){
.clear_h {
display: block;
width: 100%;
}
}
.shop-t-6 .mess {
border-bottom: 1px dashed;
text-decoration: none;
color: blue;
transition: .2s linear;
}
.shop-t-6 .mess:hover {
border: none;
color: #e41c6f;
}
#register select {
-webkit-appearance: none;
color: #000;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 10px;
background-position: calc(100% - 14px) 15px;
background-repeat: no-repeat;
padding-right:20px;
border: 1px solid #A39C9C;
}
#recaptchaResponse {
display: none;
}
.spinner_admin {
animation: spin 2s linear infinite; /* Бесконечное вращение */
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.modal-open .wa__btn_popup {
display: none;
}
#specifikaciya-3 .DatePicker {
width: 100px;
text-align: center;
}