@keyframes animatedMouse {
    0% { -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity:1;}
    100% { -moz-transform: translateY(40px); -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); opacity:0;}
    
}
@-moz-keyframes animatedMouse {
    0% { -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity:1;}
    100% { -moz-transform: translateY(40px); -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); opacity:0;}
}
@-webkit-keyframes animatedMouse {
    0% { -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity:1;}
    100% { -moz-transform: translateY(40px); -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); opacity:0;}
}
@-ms-keyframes animatedMouse {
    0% { -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity:1;}
    100% { -moz-transform: translateY(40px); -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); opacity:0;}
}
@-o-keyframes animatedMouse {
    0% { -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity:1;}
    100% { -moz-transform: translateY(40px); -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); opacity:0;}
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,big,em,img,q,small,strong,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	padding: 0;
	border: 0;
	outline: 0;
	margin: 0;
}

body {
	font-family: 'Dosis',Arial,Verdana,Helvetica,sans-serif,Tahoma;
	font-size: 16px;
	color: #000;
	padding: 0;
	margin: 0 auto;
	line-height:22px;
    font-weight:normal;
    background: #fff;
    overflow-x:hidden;
    
}

input, textarea, select {
	font-family: 'Dosis',Arial, Helvetica, sans-serif, Verdana,Tahoma;
	font-size: 14px;
}

a {
	text-decoration: none;
    color:black;
}

html {
	height: 100%;
}

* html {
	overflow-x: hidden;
}

ul,ol {
	list-style: none;
	
}

.clr {
	clear: both;
}

.tac {
	text-align:center;
}

.fl {
	float:left !important;
}

.fr {
	float:right !important;
}

.nomr,.mr0 {
    margin-right:0px !important;
}

#top-msg,#loader-text {
    position:fixed;
    top:20px;
    left:0px;
    width:100%;
    text-transform:uppercase;
    padding:10px 0px;
    text-align:center;
    background-color:#444;
    z-index:15;
    font-size:16px;
    color:white;
}

h1,h2,h3,h4,h5 {
    font-weight:normal;
    margin-bottom:20px;
    font-family:'PT Serif';
    text-transform:uppercase;
}

#loader-blocker {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:#fff;
    opacity:0.7;
    z-index:10;
}

.msgok {
    background-color:#298614 !important;
    color:white;
}
.msgerr {
    background-color:red !important;
    color:white;
}
.container {
    width:1400px;
    margin:0 auto;
    position:relative;
}
.container:after{
    display:block;
    content : '';
    clear:both;
}
.clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ".";
	clear: both;
	height: 0;
}
* html .clear             { zoom: 1; } 
*:first-child+html .clear { zoom: 1; } 

.grid1:after,.grid2:after,.grid3:after,.grid4:after,.grid5:after,.grid6:after,
.grid7:after,.grid8:after,.grid9:after,.grid10:after,.grid11:after,.grid12:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ".";
	clear: both;
	height: 0;
}
.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,
.grid7,.grid8,.grid9,.grid10,.grid11,.grid12 {
    float:left;
    box-sizing:border-box;
    
}
.grid1 img,.grid2 img,.grid3 img,.grid4 img,.grid5 img,.grid6 img,
.grid7 img,.grid8 img,.grid9 img,.grid10 img,.grid11 img,.grid12 img{
    width:100%;
    padding:10px;
    box-sizing:border-box;
    vertical-align:bottom;
}
.grid1 { width:8.3333%; }
.grid2 { width:16.6666%; }
.grid3 { width:25%; }
.grid4 { width:33.3333%; }
.grid5 { width:41.6666%; }
.grid6 { width:50%; }
.grid7 { width:58.3333%; }
.grid8 { width:66.6666%; }
.grid9 { width:75%; }
.grid10 { width:83.3333%; }
.grid11 { width:91.6666%; }
.grid12 { width:100%; }

#cookie-panel {
    position:fixed;
    left:20px;
    bottom:20px;
    width:50%;
    background:white;
    padding:20px;
    text-align:left;
    box-shadow:2px 2px 2px 2px rgba(0,0,0,0.4);
}
.close-cookie {
    float:right;
    background:#121212;
    color:white;
    margin:0px 0px 0px 20px;
    cursor:pointer;
    padding:10px 20px;
}

#header {
    position:fixed;
    background:rgba(255,255,255,1);
    width:100%;
    top:-65px;
    left:0px;
    z-index:10;
    border-bottom:1px solid #000;
    transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
}
#header.header {
    top:0px;
}
#header.fixHead {
    top:0px;
    
}
.socials-btns {
    height:20px;
    padding-bottom:20px;
}
.socials-btns .fb-like,.socials-btns iframe {
    display:inline-block;
    vertical-align:middle;
}
.baner-box {
    height:800px;
}
.baner {
    background: url(/media/img/bg.jpg) no-repeat center center / cover;
    width:100%;
    height:800px;
    left:0px;
    position:fixed;
    top:0px;
     
}
#menu .mn-main {
    display:inline-block;
    font-family:'PT Serif';
    text-transform: uppercase;
    padding:20px 20px;
    font-size:13px;
    position:relative;
}
#menu .mn-main:hover {
    color:#4e818c;
}
#menu .mn-main:hover .mn-main-sub {
    display:block;
}
#menu .mn-main.on .mn-item-main {
    font-weight:bold;
}
.mn-main-sub {
    position:absolute;
    top:50px;
    left:0px;
    display:none;
    white-space:nowrap;
    padding:30px 30px 10px 30px;
    background: rgba(255,255,255,0.9);
}
.mn-main-sub .sub-item {
    color:#4e818c;
    border-top:1px solid #000;
    display:block;
    white-space:nowrap;
    font-size:12px;
    padding:10px 0px;
    color:black;
}
.mn-main-sub .sub-item:hover {
    
    color:#4e818c;
}
.mn-main-sub .mn-main-sub-col {
    display:inline-block;
    vertical-align:top;
    padding-right:40px;
}
.head-icons {
    float:right;
    padding:13px 0px 0px 0px;
}
.head-icon {
    display:inline-block;
    cursor:pointer;
}
.head-icon span {
    display:inline-block;
    width:30px;
    height:30px;
    
}
.head-icon.menu-icon {
    margin:8px 0px 0px 10px;
    display:none;
}
.head-icon.menu-icon span {
    background: url(/media/img/menu_icon.png) no-repeat center center;
}
.logo {
    background:url(/media/img/logo.png) no-repeat center center / contain;
    position:absolute;
    width:500px;
    height:150px;
    left:50%;
    top:200px;
    transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    max-width:80%;
}
.menu-logo {
    background:url(/media/img/logo.png) no-repeat center center / contain;
    height:50px;
    width:150px;
    vertical-align:middle;
    display:none;
}
.header .menu-logo {
    display:inline-block;
}
.head-icon.cart-icon{margin-left:20px;}
.head-icon.cart-icon span { background:url(/media/img/cart_icon.png) no-repeat center center / 24px; }
.head-icon.facebook-icon span { background:url(/media/img/facebook_icon.png) no-repeat center center / 24px; }
.head-icon.pl-icon span { background:url(/media/img/pl.jpg) no-repeat center center; }
.head-icon.en-icon span { background:url(/media/img/en.jpg) no-repeat center center; }
.head-icon.instagram-icon span { background:url(/media/img/instagram_icon.png) no-repeat center center / 24px; }
.head-icon.youtube-icon span { background:url(/media/img/youtube_icon.png) no-repeat center center / 24px; }

#footer {
    background:#fff url(/media/img/logo.png) no-repeat center 20px / 160px;
    padding:100px 0px 0px 0px;
    text-align:center;
    border-top:1px solid #000;
    margin-top:40px;
}
.foot-info {
    padding:0px 10px;
}
.foot-item {
    padding:10px 0px;
    color:#888;
    font-size:14px;
}
.foot-item small {
    font-size:14px;
}
#main {
    background:#fff;
    padding:50px 0px;
    position:relative;
}
#main.main {
    padding:100px 0px 50px 0px;
}
.home {
    text-align:center;
    padding:0px 10px;
}
h1 {
    font-family:'PT Serif';
    font-size:16px;
    text-transform:uppercase;
}
.home .txt {
    color:#666;
}
.category {
    text-align:center;
}
.category h2 {
    font-size:14px;
    color:#666;
    text-transform: none;
}
.ph {
    display:inline-block;
    vertical-align:top;
    overflow:hidden;
    cursor:pointer;
}
.ph img {
    width:100%;
    transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
}
.ph:hover img {
    transform:scale(1.2);
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -ms-transform:scale(1.2);
}
.prod {
    display:inline-block;
    vertical-align:top;
    overflow:hidden;
    width:20%;
}
.prod img {
    width:100%;
    vertical-align:bottom;
}
.prod-content {
    overflow:hidden;
}
.prod .img {
    position:relative;
    overflow:hidden;
    
}
.prod .img img {
    transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
}
.prod:hover img {
    transform:scale(1.2);
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -ms-transform:scale(1.2);
}
.prod .promobar {
    background:#c60000;
    color:white;
    padding:2px 0px;
    text-align:center;
    position:absolute;
    width:200px;
    right:-60px;
    top:30px;
    z-index:2;
    font-size:11px;
    text-transform: uppercase;
    transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    display:none;
}
.prod.prod-promo .promobar {
    display:block;
}
.prod .prod-descr {
    position:absolute;
    bottom:0px;
    width:100%;
    left:0px;
    padding:20px 0px;
    background:rgba(255,255,255,0.5);
    transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
}
.prod:hover .prod-descr {
    background:rgba(255,255,255,0.95);
}
.similar .prod .prod-descr {
    display:none;
}
.prod .price s {
    display:inlnie-block;
    padding-left:10px;
    font-size:12px;
}
.prod h3 {
    margin:0px;
    font-size:14px;
}
.category .txt-short {
    color:#666;
    width:50%;
    padding:20px 20px;
    margin:0 auto;
}
.category .txt {
    color:#666;
    
    padding:20px 20px;
    margin:0 auto;
}
.txt p {
    padding-bottom:20px;
}
.product {
    padding:0px 20px 50px 20px;
}
.others {
    padding:0px 20px;
}
.product-descr {
    padding:0px 0px 50px 0px;
}
.product-descr .txt {
    padding:20px;
}
.product-title {
    background:#f5f5f5;
    font-size:18px;
    color:#da1448;
    padding:10px 20px;
}
.product-left {
    float:left;
    width:50%;
    box-sizing:border-box;
    padding:20px 0px;
}
.product-right {
    float:right;
    width:50%;
    box-sizing:border-box;
    padding:20px 0px 20px 30px;
}

.product .big-img {
    border:1px solid #ddd;
    padding:10px;
}
.product .img-content {
    padding:30px;
}
.product .img-item {
    padding-top:100%;
    position:relative;
}
.product .big-img img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto auto;
    position:absolute;
    top:50%;left:50%;
    transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    display:table-cell;
}
.product .thumbs {
    margin-top:5px;
}
.product .thumb {
    display:inline-block;
    vertical-align:top;
    cursor:pointer;
    box-sizing:border-box;
    padding:5px;
    width:25%;
}
.product .owl-item  .thumb{
    width:100%;
}
.product .thumb:hover .thumb-cont {
    border:1px solid #121212;
}
.product .thumb-cont {
    padding-top:100%;
    position:relative;
    border:1px solid #ddd;
}
.product .thumb img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto auto;
    position:absolute;
    top:50%;left:50%;
    transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    display:table-cell;
}
.product h1 {
    margin:0px;
}
.product .txt {
    font-size:15px;
    margin-top:30px;
}
.product .price-box {
    border-top:1px solid #121212;
    
    margin-top:20px;
    
}
.product .price-panel {
    float:right;
    width:50%;
    box-sizing:border-box;
    padding-left:20px;
    text-align:right;
}

.info-icon {
    padding: 20px 0px 10px 0;
    text-align: right;
    
}

#cart-btn {
    padding:14px 20px;
    border:1px solid #121212;
    color:white;
    background:#121212;
    font-size:30px;
    
    display:inline-block;
    text-transform: uppercase;
}
#cart-btn:hover {
    color:black;
    background:#fff;
}
#qty {
    width:20px;
    padding:4px 10px;
    border:1px solid #ddd;
}
#shipping-info-days {
    display:block;
    font-size:14px;
    font-weight:300;
}

#price {
    font-size:22px;
    padding:20px 0px 20px 0px;
}
#price strong {
    font-size:38px;
}
#price s {
    display:block;
    font-size:18px;
    padding:4px 0px 0px 0px;
}
.add-btn {
    margin:0px;
    font-size:12px;
}
.add-btn strong {
    font-size:12px;
    padding:4px 10px;
}
.add-btn span {
    width:30px;
    height:30px;
}
.add-btn.on span {
    background:#515151 url(/media/img/fav_icon_on.png) no-repeat scroll center center;
}

.par {
    border:1px solid #ddd;
    margin:0px 0px 2px 0px;
    width:48%;
    display:inline-block;
}
.par .name {
    display:inline-block;
    vertical-align:top;
    padding:4px 10px;
    font-size:13px;
    width:45%;
    color:#555;
    box-sizing:border-box;
}
.par .value {
    display:inline-block;
    vertical-align:top;
    padding:4px 10px;
    font-size:15px;
    width:45%;
    font-weight:bold;
    color:#121212;
    box-sizing:border-box;
}
.similars {
    float:left;
    width:50%;
    text-align:left;
    margin-top:20px;
    box-sizing:border-box;
    border-right:1px solid #121212;
}
.similars .hd {
    
    font-family:'PT Serif';
    font-size:14px;
    text-transform: uppercase;
    padding:0px 0px 20px 0px;
}

.field {
    margin:10px 0px;
    display:inline-block;
    vertical-align:top;
    width:100%;
    box-sizing:border-box;
    
}
.field-image {
    width:100%;
    display:block;
}
.field:after {
    clear:both;
    content : '';
    display:block;
}
.field .input {
    position:relative;
    width:50%;
    float:left;
}
.field .label {
    float:left;
    width: 50%;
}
.field label {
    color: #111;
    font-size: 12px;
    text-align: left;
    padding:5px 10px 4px 0px;
    display:block;
}
.field .value,.field .value-inp {
    border:1px solid #ddd;
    border-radius:0px;
    min-height:25px;
    cursor:pointer;
    font-size:16px;
    padding:4px 10px;
    text-align:left;
    background:#ffffff url(/media/img/arr_down.png) no-repeat right center;
}
.field.field-image .value {
    display:none;
}
.field-image.field .label {
    width:100%;
    background:#f5f5f5;
    padding:3px 10px;
    color:black;
    margin-bottom:10px;
}
.field-image.field .label label {
    color:black;
    font-size:15px;
}
.field .inputs {
    position:absolute;
    width:100%;
    background-color:#f6f6f6;
    text-align:left;
    display:none;
    z-index:2;
    max-height:200px;
    overflow-y:auto;
    
}
.field .inputs span {
    font-size:14px;
    color:#777;
    display:block;
    padding:3px 20px;
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    cursor:pointer;
}
.field .value-inp {
    padding:0px 0px;
    background-color:#f7f7f7;
    box-shadow:1px 1px 2px 0px #ddd inset;
}

.field .inputs span.on {
    color:black;
}
.field .inputs span:hover {
    color:black;
}
.frame {
    color:#000000;
    padding: 20px;
    position: absolute;
    z-index: 12;
}

.popup-box {
    background-color:#ffffff;
    padding:10px;
    position:relative;
    z-index:13;
}

.popup-box-shade {
   background-color:black;
   left:0px;
   top:0px;
   width:100%;
   height:100%;
   z-index:12;
   position:absolute;
   opacity:0.1;
}

.frame h1 {
   font-size:24px;
   margin:0px 0px 10px 0px;
}

.frame-close {
    position:absolute;
    width:25px;
    height:25px;
    background: url(/media/img/frame_close.png) no-repeat 0px 0px;
    top:-10px;
    right:-10px;
    z-index:5;
}
.frame .content:after {
    display:block;
    clear:both;
    content :'';
}
.cart-popup .img {
    width:30%;
    padding-top:30%;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
    display:inline-block;
}
.cart-popup .params {
    width:70%;
    display:inline-block;
    box-sizing:border-box;
    padding:0px 0px 0px 20px;
    vertical-align:top;
}
.cart-popup {
    width:600px;
    max-width:100%;
    
}.cart-popup .btns {
    margin:20px 0px 0px 0px;
    text-align:right;
    border-top:1px solid #121212;
    padding-top:10px;
}
.cart-popup .btn {
    padding:10px 20px;
    background:#121212;
    color:white;
    text-transform: uppercase;
    display:inline-block;
    cursor:pointer;
}
.cart-popup .continue-btn {
    background:#eee;
    color:black;
}
.cart-popup h4 {
    font-size:30px;
    line-height:34px;
}
.cart-popup .price strong {
    font-size:30px;
    color:#121212;
}
.cart-popup h3 {
    padding:10px;
    border-bottom:1px solid #121212;
}
.cart-popup .price {
    font-size:20px;
    text-align:right;
}

.art {
    width:50%;
    display:inline-block;
    vertical-align:top;
    box-sizing:border-box;
    margin-bottom:40px;
}
.article-right .art {
    width:100%;
}
.art-content {
    padding:0px 20px 0px 0px;
}
.art .img {
    width:30%;
    padding-top:40%;
    position:relative;
    float:left;
}
.art h2 {
    font-family:'PT Serif';
    font-size:14px;
    line-height:20px;
    text-transform:uppercase;
}
.category .art .txt {
    padding:0px 0px 10px 0px;
}
.article-left {
    float:left;
    width:60%;
    box-sizing:border-box;
    padding:0px 20px 0px 0px;
}
.article-right {
    float:left;
    width:40%;
    box-sizing:border-box;
    border-left:1px solid #121212;
    padding:0px 0px 0px 20px;
}
.art .art-txt {
    float:left;
    width:70%;
    box-sizing:border-box;
    padding:10px 0px 0px 30px;
    text-align:left;
}
.art .more {
    padding:5px 10px;
    background:#121212;
    color:#fff;
    display:inline-block;
    text-transform: uppercase;
    font-size:12px;
}
.art .img img {
    width:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
}
.art .date {
    color:#888;
    padding:0px 0px 10px 0px;
}
.category .art:nth-child(3n+1) {
    float:left;
}
.category .art:nth-child(3n+1) .img {
    width:50%;
    padding-top:70%;
}
.category .art:nth-child(3n+1) .art-txt {
    width:50%;
}
.article .txt-lead {
    font-size:18px;
    line-height:22px;
}
.article .big-img {
    padding:20px 0px;
    text-align:center;
}
.article .big-img img {
    max-width:100%;
}
.mouse-icon {
    width:40px;
    height:70px;
    border:2px solid #121212;
    border-radius:30px;
    position:absolute;
    left:50%;
    margin-left:-20px;
    bottom:50px;
}
.mouse-icon span {
    width:10px;height:10px;
    position:absolute;
    left:50%;
    margin-left:-5px;
    border-radius:20px;
    background:#121212;
    top:10px;
    
    animation: animatedMouse 1s linear infinite;
    -moz-animation: animatedMouse 1s linear infinite;
    -webkit-animation: animatedMouse 1s linear infinite;
    -ms-animation: animatedMouse 1s linear infinite;
    -o-animation: animatedMouse 1s linear infinite; 
}

#map {
    height:430px;
    margin:10px;
}
.cat {
    display:inline-block;
    width:25%;
    box-sizing:border-box;
    padding:10px;
    overflow:hidden;
}
.cat .img-content {
    overflow:hidden;
}
.cat .img {
    padding-top:150%;
    background-repeat: no-repeat;
    background-size:cover;
    background-position:center center;
    overflow:hidden;
    transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
}

.cat:hover .img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.cat h2 {
    font-size:14px;
}
.photo-slider.owl-carousel .owl-item { 
    vertical-align:top;
}
.subcats {
    padding:10px 0px 10px 0px;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    margin-bottom:20px;
}
.subcats a {
    display:inline-block;
    padding:10px 20px;
    
}
.subcats a.on {
    font-weight:bold;
    
}
