/*
Designer: Xatai
Site: Xpert.az
Facebook: https://fb.com/xetai.isayev
*/

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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
html{height:100%;min-height:100%;}
body{min-height:100%; background-color: #efefef; min-width:300px;}
html,html a{-webkit-font-smoothing:antialiased}
body,select,input,textarea,button{font:normal 14px/1.5 'Myriad Pro', Arial, Helvetica, sans-serif; color:#000;outline:none}
a{outline:none;color:#000;text-decoration:none}
a img{border:0 none}
h1,h2,h3,h4,h5 {line-height:normal;font-weight:400;text-rendering:optimizeLegibility}
h1{font-size:23px}
h2{font-size:21px}
h3{font-size:20px}
h4{font-size:18px}
h5{font-size:16px}
strong,b{font-weight:700}
* {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.tr, .m-nav .owl-dots .owl-dot, .xform .xform-input input, .xform .xform-input select, .xform .xform-input textarea, .ex-links a, .top-menu .top-menu-wrap li li a, .input-wrap input,  .input-wrap textarea, .edit-tab-header ul li a, .navigation ul li a, .header-bottom .header-bottom-right .add-product a, .product-item .product-extra .product-extra-item.add-basket a, .footer-menu ul li a, .product-info .product-b a, .p-link, .pk, .xform .xform-row button, .btn-site, .btn-success, .breadcrumbs ul li a, .filter-sub-menu ul li a  {-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff'),
        url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
        url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Bold.eot');
    src: url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Bold.woff2') format('woff2'),
        url('../fonts/MyriadPro-Bold.woff') format('woff'),
        url('../fonts/MyriadPro-Bold.ttf') format('truetype'),
        url('../fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-SemiBold.eot');
    src: url('../fonts/MyriadPro-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-SemiBold.woff2') format('woff2'),
        url('../fonts/MyriadPro-SemiBold.woff') format('woff'),
        url('../fonts/MyriadPro-SemiBold.ttf') format('truetype'),
        url('../fonts/MyriadPro-SemiBold.svg#MyriadPro-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
		font-family: 'JISAZNRegular';
		src: url('../fonts/jaznr.eot');
		src: url('../fonts/jaznr.eot?#iefix') format('embedded-opentype'),
			url('../fonts/jaznr.woff') format('woff'),
			url('../fonts/jaznr.ttf') format('truetype'),
			url('../fonts/jaznr.svg#jaznr') format('svg');
		font-weight: normal;
		font-style: normal;
	}

/* Struktur */
.centered, .centered-b, .centered-v {width:1200px; margin:0 auto;}
.centered:after, .centered-b:after, .m-title:after, .product-page:after, .xform-row:after, .fpc .product-info .product-price:after, .q-col-wrap:after {display:block; content:""; clear:both;}
.clr:after {content: ""; display:block; clear:both;}
.m-title {border-bottom: 1px solid #ddd;padding: 15px 15px 0 15px; position:relative; margin-bottom:15px;}
.m-title.h-auto {height:auto;}
.m-title:before {content: ""; width: 100px; display: block; position: absolute; bottom: -2px; border-bottom: 3px solid #ff9800;}
.m-title h2 {float:left; font-size: 20px;font-weight: 600;line-height: 28px; color: #3c3c3c; padding-bottom:5px; position:relative;}
.m-title.with-b h2 {width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 30px;}
.m-title.m-center {text-align: center; margin-bottom: 0; border: 0; padding-top: 0;}
.m-title.m-center h2 {float:none;}
.m-title.m-center:before {left: 0;right: 0;margin: auto; bottom: -1px;}
.pt-5 {padding-top:5px;}
.pt-8{padding-top:8px;}
.pt-10{padding-top:10px;}
.pt-20{padding-top:20px;}
.no-margin {margin: 0 !important;}
.w-100 {width:100px;}
.w-150 {width:150px;}
.w-180 {width:180px;}
.w-80 {width:80px;}
.w-200 {width: 200px;}
.w-250 {width: 250px;}
.mw-80 {min-width:80px} 
.mw-100 {min-width:100px} 
.mw-180 {min-width:180px} 
.mw-200 {min-width:200px} 
.mw-300 {min-width:300px} 
.w-auto {white-space:nowrap;}
.ml-10 {margin-left:10px}
.mt-15 {margin-top:15px;}
.bt-0 {border-top: 0 !important;}
.pb-10 {padding-bottom: 10px !important;}
.pr-30 {padding-right: 30px;}
.mb-s-20 {margin-bottom:-20px;}
.mb-0 {margin-bottom:0 !important;}
.mx-380 {max-width:380px;}
.mb-12 {margin-bottom:12px !important;}

/* Header */
.header {background-color: #fbfbfb;}
.header-top {overflow:hidden; background-color: #ededed}
.header-top-left {float:left;}
.header-top-left ul li {float:left; margin-right:15px;}
.header-top-left ul li a {display:block; font-size: 14px; line-height: 24px; color: #5d5d5d}
.header-top-right {float:right; overflow:hidden;}
.header-top-right .language {height:24px; line-height: 24px; color: #5d5d5d; cursor: pointer;}
.header-top-right .language .lang-item {position:relative; padding-right:12px;}
.header-top-right .language .lang-item:after {content: ""; position:absolute; top:0; bottom: 0; margin: auto; right:0; background-size:cover; display:block; background-image: url(../images/down.svg); width: 8px; height: 8px;}
.header-bottom {position:relative;}
.header-bottom .logo {float:left; padding:22px 0; margin-right:50px;}
.header-bottom .logo a img {height:42px; display:block;}
.header-bottom .header-right {overflow:hidden;}
.header-bottom .search {overflow:hidden;}
.header-bottom .search .search-wrap {overflow:hidden; margin: 25px 0; height: 36px; border:1px solid #ccc; border-radius: 5px; position:relative;}
.header-bottom .search .search-wrap select {float:left; border: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none!important; background-image: url(../images/select.svg); background-position: 100% 0; background-repeat: no-repeat; color: #4e4e4e; height: 34px; padding: 0 22px 0 10px; font-size: 16px; background-size:contain; width: 120px;}
.header-bottom .search .search-wrap input[type="text"] {float:left; line-height: 1; height: 34px; border:0; padding: 0 50px 0 10px; width: 100%; display:block; font-size: 16px; color: #4e4e4e;}
.header-bottom .search .search-wrap button{position:absolute; top:0; right:0; height: 34px; border:none; background-color: #ededed; border-left: 1px solid #ccc; cursor: pointer; padding:7px 10px;}
.header-bottom .search .search-wrap button:before {content: ""; width:20px; height: 20px; display:block; background-size:cover; background-image: url(../images/search.svg); background-color: transparent; border:none; padding:0;}
.header-bottom .header-bottom-right {float:right; margin: 27px 0 27px 44px;}
.header-bottom .header-bottom-right .login-panel {overflow:hidden; float:left; padding: 4px 0;}
.header-bottom .header-bottom-right .lp {float:left; font-size:16px; line-height: 24px;}
.header-bottom .header-bottom-right .lp a {display:block; color: #4e4e4e; position:relative; padding-left:19px; margin-right: 20px;}
.header-bottom .header-bottom-right .lp a:before {content: ""; display:block; width: 14px; height: 14px; background-size:cover; position:absolute; left:0; top:0; bottom:0; margin: auto;}
.header-bottom .header-bottom-right .lp.login a:before {background-image: url(../images/login.svg);}
.header-bottom .header-bottom-right .lp.register a:before {background-image: url(../images/register.svg);}
.header-bottom .header-bottom-right .lp.logout a:before {background-image: url(../images/logout.svg);}
.header-bottom .header-bottom-right .user-ex {float:left; margin: 6px 0;}
.header-bottom .header-bottom-right .user-ex .u-item {float:left; }
.header-bottom .header-bottom-right .user-ex .u-item a {width:20px; height:20px; display:block; background-size:cover; position:relative; margin-right:20px;}
.header-bottom .header-bottom-right .user-ex .u-item.bskt a{background-image: url(../images/basket2.svg);}
.header-bottom .header-bottom-right .user-ex .u-item.ml a {background-image: url(../images/mail2.svg);}
.header-bottom .header-bottom-right .user-ex .u-item .u-count {background-color: #ff9800; font-size: 12px; line-height: 1; position: absolute; top: -7px; left: 11px; color: #fff; padding: 3px; border-radius: 8px; min-width: 16px; height: 16px; text-align: center;}
.header-bottom .header-bottom-right .add-product {float:left;}
.header-bottom .header-bottom-right .add-product a {display:block; color: #fff; border-radius: 3px; padding: 0 10px; font-size: 16px; height: 32px; line-height: 32px; background-color: #ff6767;}
.header-bottom .header-bottom-right .mobil-user {float:left; display:none; width:26px; height:26px; cursor:pointer; background-image: url(../images/register2.svg); background-size:cover; margin:3px 20px 3px 0;}
.top-menu {background-color: #ff9800; position:relative;}
.top-menu .top-menu-wrap {text-align:center;}
.top-menu .top-menu-wrap>ul {display:inline-block; vertical-align:top;}
.top-menu .top-menu-wrap>ul>li {display:table-cell; vertical-align:middle; position:relative; z-index:99; height:50px;}
.top-menu .top-menu-wrap>ul>li:before {content:""; position:absolute; top:0; bottom:0; margin: auto; height:26px; border-right:1px solid rgba(0, 0, 0, 0.16); right:0;}
.top-menu .top-menu-wrap>ul>li:last-child:before {content: none;}
.top-menu .top-menu-wrap>ul>li>a {overflow:hidden; display: table-caption;font-size: 18px; color: #fff; line-height:20px; padding: 5px 20px 5px 55px; position:relative;text-align: center;}
.top-menu .top-menu-wrap>ul>li>a:before {content: ""; position:absolute; display:block; width: 24px; height: 24px; background-size:cover; top:0; bottom: 0; margin: auto; left:15px; background-position: 0 0;}
.top-menu .top-menu-wrap>ul>li>a>span{white-space: nowrap; display: block;}
.top-menu .top-menu-wrap>ul>li.tortlar-piroqlar>a:before {background-image: url(../images/cake.svg);}
.top-menu .top-menu-wrap>ul>li.quru-meyve-cerez>a:before {background-image: url(../images/quru-meyve.svg?V6);}
.top-menu .top-menu-wrap>ul>li.bulkalar>a:before {background-image: url(../images/sweet.svg);}
.top-menu .top-menu-wrap>ul>li.diger>a:before {background-image: url(../images/cookies.svg);}
.top-menu .top-menu-wrap>ul>li.hazir>a:before {background-image: url(../images/hazir.svg);} 
.top-menu .top-menu-wrap>ul>li.ev-metbex>a:before {background-image: url(../images/ev-metbex.svg?v2);} 
.top-menu .top-menu-wrap>ul>li>a, .top-menu .top-menu-wrap>ul>li>a:before {-webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease;}
.top-menu .top-menu-wrap>ul>li:hover>a, .top-menu .top-menu-wrap>ul>li.opnd>a {background-color: #ee840e; color: #3c3c3c;}
.top-menu .top-menu-wrap>ul>li:hover>a:before, .top-menu .top-menu-wrap>ul>li.opnd>a:before  {background-position: -100% 0;}
.top-menu .top-menu-wrap>ul>li:hover>a:after {max-width:100%;}
.top-menu .top-menu-wrap>ul>li .mobil-down {display: none;z-index: 10;background-color: #ee840e; position: absolute;top: 0;bottom: 0;right: 0;padding: 13px;border-left: 1px solid #d68000; cursor:pointer; height:44px;}
.top-menu .top-menu-wrap>ul>li .mobil-down i {background-image: url(../images/down3.svg); width: 18px; height: 18px; display: block; background-size: cover; background-position: 0 0;}
.top-menu .top-menu-wrap>ul>li.opnd .mobil-down i {background-position: 0 100%;}
.top-menu .top-menu-wrap ul.sub-menu {display: none;}
.top-menu .top-menu-wrap ul li ul {background-color:#ee840e;position:absolute;left:0;top:50px; width:300px; overflow:hidden; border-bottom-left-radius: 3px; border-bottom-right-radius:3px; text-align:left;}
.top-menu .top-menu-wrap li li {padding: 0px 15px; float:left; width:50%;}
.top-menu .top-menu-wrap li li a {border-bottom: 1px solid rgba(0,0,0, 0.16); line-height: 20px; display: block; color: #fff; font-size: 16px; padding: 10px 0; padding: 8px 0;}
.top-menu .top-menu-wrap li li a:hover {color: #3c3c3c; padding-left:5px;}
.top-menu .top-menu-wrap li li:last-child a, .top-menu .top-menu-wrap li:nth-last-child(2) a {border-bottom:0;}
.mobil-search {display:none; float:right; padding:7px 0; cursor:pointer;}
.mobil-search i {width:26px; height:26px; display:block; background-size:cover; background-image: url(../images/search2.svg); background-position: 0 0;}
.mobil-search.opened i {background-position: 0 100%;}
.mobil-menu {display:none; float:left; padding:7px 0; cursor:pointer;}
.mobil-menu i {width:26px; height:26px; float:left; display:block; background-size:cover; background-image: url(../images/menu.svg); background-position: 0 0;}
.mobil-menu.opened i {background-position:0 100%;}
.mobil-menu span {overflow:hidden; display:block; height:26px; line-height:26px; font-size:21px; padding-left:10px; color: #fff;}

/* Main slider */
.main-slider {margin: 10px 0 20px 0; overflow:hidden; box-shadow:0px 0px 4px rgba(0, 0, 0, 0.26);}
.owl-carousel {display: none;width: 100%;-webkit-tap-highlight-color: transparent;/* position relative and z-index fix webkit rendering fonts issue */position: relative;z-index: 1;}
.owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y;touch-action: manipulation;-moz-backface-visibility: hidden;/* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel .owl-stage-outer {position: relative;overflow: hidden;/* fix for flashing background */-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);}
.owl-carousel .owl-item {position: relative;min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;}
.owl-carousel .owl-item img {display: block;width: 100%;}
.owl-carousel .owl-nav.disabled {display: none;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot {cursor: pointer;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot {background: none;color: inherit;border: none;padding: 0 !important;font: inherit;}
.owl-carousel.owl-loaded {display: block;}
.owl-carousel.owl-loading {opacity: 0;display: block;}
.owl-carousel.owl-hidden {opacity: 0;}
.owl-carousel.owl-refresh .owl-item {visibility: hidden;}
.owl-carousel.owl-drag .owl-item {-ms-touch-action: pan-y;touch-action: pan-y;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.owl-carousel.owl-grab {cursor: move;cursor: grab;}
.no-js .owl-carousel {display: block;}
.owl-height {transition: height 500ms ease-in-out;}
.m-nav .owl-nav [class*='owl-'] {position: absolute; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.owl-carousel.m-nav .owl-nav .owl-next {right: 15px;}
.owl-carousel.m-nav .owl-nav .owl-prev {left: 15px;}
.owl-carousel.m-nav .owl-nav [class*='owl-']:before {content: ""; display:block; width:40px; height:40px; background-size:cover; background-position:0 0; opacity:.8}
.owl-nav .owl-prev:before {background-image: url(../images/prev.svg);}
.owl-nav .owl-next:before {background-image: url(../images/next.svg);}
.m-nav .owl-dots {position: absolute; bottom: 15px; width: 100%; text-align: center; height: 18px;}
.m-nav .owl-dots .owl-dot {width: 18px; height: 18px; background-color: #fff; opacity: 0.8; border-radius: 50%; margin: 0 8px; display:inline-block; vertical-align:top;}
.m-nav .owl-dots .owl-dot.active, .m-nav .owl-dots .owl-dot:hover {background-color: #ff9800; opacity:.9;}
.main-slider-item .main-slider-text {position:absolute; width:80%; bottom:80px; text-align:center; left:0; right:0; margin:auto;}
.main-slider-item .main-slider-text .main-slider-t {display:inline-block; vertical-align:top; background-color: rgba(255, 152, 0, 0.8); font-size:24px; line-height:32px; font-weight:600; color: #fff; border-radius:5px; padding:5px 20px; text-shadow: 0 0 8px rgb(117,54,9);}

/* Product list */
.all-products {position:absolute; top: 15px; right:15px; height: 20px; border-right: 1px solid #ccc; margin: 5px 48px 8px 10px;}
.all-products a {font-size: 16px; color: #ff9800; font-weight: 600; line-height: 20px; padding-right: 10px;}
.p-wrap {padding:0 15px;}
.product-list {overflow:hidden; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.26); background-color: #fff; margin-bottom:20px; position:relative;}
.product-list.prof-l {box-shadow:none;}
.product-list .product-list-wrap {overflow:hidden; margin: 0 5px;}
.product-list.prof-l .product-list-wrap {margin: 0 -10px;}
.product-list .product-list-wrap .product-item {width:20%; float:left; padding: 0 10px 20px; position:relative;}
.product-list .product-list-wrap .product-item a {display:block; border-radius:3px; overflow:hidden; border: 1px solid #ddd;}
.product-item .product-image {position:relative;}
.product-item .product-image img {width:100%; display:block; max-height: 240px; object-fit: cover;}
.product-item .product-info {text-align:center; padding:10px; border-top:0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #fff;}
.product-item .product-info h2 {margin: 0; font-size: 19px; color: #3c3c3c; line-height: 26px; margin-bottom:5px; height:26px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.product-item .product-price {font-size: 21px; color: #ff9800; font-weight: 600; line-height: 28px; height: 30px;}
.azn {font-family: 'JISAZNRegular'}
.azn.mm {font-size:20px;}
.product-item .product-price>div {display:inline-block; vertical-align:top;}
.product-item .product-price .old-price {text-decoration:line-through; color: #a0a0a0; padding-right:8px;}
.product-item .product-price .b-price {}
.product-item .product-extra {text-align: center; position: absolute; bottom: 30px; width: 252px; margin: auto; left: 0; right: 0;}
.product-item .product-extra .product-extra-wrap {display:inline-block; vertical-align:top;}
.product-item .product-extra .product-extra-item {position:relative; width: 110px; float: left; margin: 0 8px;}
.product-item .product-extra .product-extra-item a {display:block; text-align:center; border: 1px solid #ddd; border-radius: 5px; height: 28px; line-height: 26px; font-size: 13px; font-weight: 600;}
.product-item .product-extra .product-extra-item.add-basket a {background-color: #ff9800; border-color: #ff9800; color: #fff;}
.product-item .product-extra .product-extra-item.enter a {background-color: #f5f5f5; color: #3f3f3f;}
.product-item .product-extra .product-extra-item.add-basket a:hover {background-color:#ee840e; border-color: #ee840e;}
.product-item .product-extra .product-extra-item a span {display:inline-block; vertical-align:top; position:relative; padding-left:20px; }
.product-item .product-extra .product-extra-item a span:before {content: ""; display:block; width:15px; height:15px; position:absolute; left:0; top:0; bottom:0; margin: auto; background-size:cover;}
.product-item .product-extra .product-extra-item.add-basket a span:before {background-image: url(../images/basket.svg);}
.product-item .product-extra .product-extra-item.enter a span:before {background-image: url(../images/enter.svg);}

/* Product list carousel */
.product-list .product-list-wrap.product-carousel {margin:0; overflow:visible}
.product-list .product-list-wrap.product-carousel .product-item {width:100%;  padding: 0 0 20px;}
.p-nav .owl-nav [class*='owl-'] {position: absolute; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.owl-carousel.p-nav .owl-nav {position:absolute; top:-42px; right:0; width:40px; height: 16px;}
.owl-carousel.p-nav .owl-nav .owl-next {right: 0;}
.owl-carousel.p-nav .owl-nav .owl-prev {left: 0;}
.owl-carousel.p-nav .owl-nav [class*='owl-']:before {content: ""; display:block; width:16px; height:16px; background-size:cover;}
.owl-carousel.p-nav .owl-nav .owl-prev:before {background-image: url(../images/prev2.svg?v3);}
.owl-carousel.p-nav .owl-nav .owl-next:before {background-image: url(../images/next2.svg?v3);}

/* Big panel */
.big-panel {overflow: hidden; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.26); background-color: #fff; margin-bottom: 20px;}
.big-panel-wrap {overflow:hidden; position:relative;}
.panel-item {float:left; padding: 1.667% 1.667% 0 0; width: 22%;}
.panel-item.first {width:34%; padding: 0 1.667% 0 0;}
.panel-item:not(.first) a {border-radius: 3px; overflow: hidden; border: 1px solid #ddd; display:block;}
.panel-item .panel-item-image img {width:100%; display:block;}



.big-panel-left .bg-text {position: absolute; top: 30px; left: 0; right: 0; text-align:center;}
.big-panel-left .bg-text span {display: inline-block; vertical-align: top; background-color: #ff9800; color: #fff; font-size: 30px; line-height: 40px; padding: 0 10px; border-radius: 2px; box-shadow: 0px 0px 4px 1px rgba(187, 123, 28, 0.63);}
.big-panel-left .bg-image {width:100%; height:100%;}
.big-panel-left .bg-image img {width:100%; display:block; height:100%; object-fit:cover;}
.big-panel .product-list {box-shadow:none; margin:0; position:absolute; width:100%; height:100%;}
.big-panel .product-list .product-list-wrap {height: 100%; margin: 0; padding: 10px; width: 100%;}
.big-panel .product-list .product-list-wrap .product-item {width:33.333333333%; height:50%; padding:10px;}
.big-panel .product-list .product-list-wrap .product-item a {height:100%; position:relative;}
.big-panel .product-item .product-info h2 {margin:0;}

/* Footer */
.footer {overflow:hidden; background-color: #313131;}
.footer .footer-top {overflow:hidden; padding: 20px 0;}
.footer .footer-col-wrap {overflow:hidden; margin: 0 -25px;}
.footer .footer-col-wrap .footer-col {width: 20%; float:left; padding: 0 25px;}
.footer .footer-col-wrap .footer-col.big {width:40%; padding-right:40px;}
.footer .footer-logo {margin-bottom:15px;}
.footer .footer-logo img {display:block; height:34px;}
.footer .site-info {font-size:15px; line-height:20px; color: #a7a7a7; margin-bottom:20px;}
.footer .footer-social {overflow:hidden;}
.footer .footer-social ul li {float:left; margin-right:10px;}
.footer .footer-social ul li a {width:32px; height:32px; display:block; border: 1px solid #a7a7a7; padding:7px; border-radius:50%;}
.footer .footer-social ul li a:before {content: ""; display:block; width:16px; height:16px; background-size:cover; background-position:0 0;}
.footer .footer-social ul li.fb a:before {background-image: url(../images/fb.svg);}
.footer .footer-social ul li.tw a:before {background-image: url(../images/tw.svg);}
.footer .footer-social ul li.ins a:before {background-image: url(../images/ins.svg);}
.footer .footer-social ul li.lnk a:before {background-image: url(../images/lnk.svg);}
.footer .footer-social ul li a:hover {border-color: #ff9800;}
.footer .footer-social ul li a:hover:before {background-position: 0 100%;}
.footer-col-title {color: #d8d8d8; font-size: 20px; line-height: 26px; height: 36px;margin-bottom: 16px;padding-bottom: 10px;position: relative;}
.footer-col-title:before {content: "";display: block;position: absolute;bottom: 0px;border-bottom: 2px solid #ff9800;width: 40px;}
.footer-menu ul li {margin-bottom:4px;}
.footer-menu ul li a {display: inline-block; vertical-align:top;  color: #a7a7a7; font-size:16px; line-height:24px;}
.footer-menu ul li a:hover {color: #ff9800;}
.footer .footer-bottom {color: #a7a7a7;font-size: 14px;padding: 6px 0;background-color: rgba(0, 0, 0, 0.16); line-height:20px}
.footer-contact ul li {color: #a7a7a7;font-size: 16px;line-height: 24px; margin-bottom:4px;}
.footer-contact ul li i {float:left; width:16px; height:16px; display:block; background-size:cover; margin: 4px 7px 4px 0;}
.footer-contact ul li.phone i {background-image:url(../images/phone.svg);}
.footer-contact ul li.mail i {background-image:url(../images/mail.svg);}
.footer-contact ul li.location i {background-image:url(../images/location.svg);}
.footer-contact ul li span {overflow:hidden; display:block;}
 
/* Product page */
.product-page {}
.product-page-left {width:252px; float:left; padding-right:20px;}
.product-page-right {overflow:hidden;}
.s-2 .product-page-right {width:100%; float:none;}
.product-filter {overflow: hidden; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.26); background-color: #fff; margin-bottom: 20px;}
.product-filter .product-filter-item {border-bottom:1px solid #ddd; padding:15px;}
.product-filter .product-filter-item:last-child {border:0;}
.product-filter .product-filter-item h2 {font-weight: 600; font-size: 18px; color: #3c3c3c; margin-bottom: 5px; line-height:24px}
.product-page .product-list .product-list-wrap .product-item {width:25%;}
.s-2.product-page .product-list .product-list-wrap .product-item {width:20%;}
.filter-sub-menu ul li a {font-size: 16px; line-height: 24px; color: #3c3c3c; border-bottom: 1px solid #e4dddd; display: block; padding: 2px 0px;}
.filter-sub-menu ul li a:hover, .filter-sub-menu ul li.active a {color:#ff9800;}
.filter-sub-menu ul li:last-child a {border:0;}
.filter-check-menu {padding-top: 5px;}
.filter-check-menu ul li {font-size: 16px; line-height: 24px; color: #3c3c3c; margin-bottom: 5px;}
.filter-check-menu input {display:none;}
.filter-check-menu ul li label {display:block; position:relative; cursor:pointer; padding-left:22px;}
.filter-check-menu ul li label:before {content: ""; position:absolute; width:12px; height:12px; border: 2px solid #bfbfbf; border-radius:3px; background-size:cover; margin: 4px 0; left:0;}
.filter-check-menu input:checked + label:before {background-image: url(../images/checkd.svg);}
.filter-check-menu input:checked + label {color: #ff9800}
.filter-mobile {display:none; text-align:center;}
.promoted {position: absolute; right: 6px; top: 6px; background-color: #ff9800; padding: 4px; border-radius: 50%;}
.promoted:before {content: ""; width: 16px; height: 16px; display: block; background-size: cover; background-image: url(../images/premium.svg);}

/* Scroll */
.scroll-wrapper {overflow: hidden;position: relative;height:100%;}
.scroll-wrapper > .scroll-content {overflow: scroll !important; padding-right: 16px;}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0;width: 0;}
.scroll-element {display: none;}
.scroll-element.scroll-y.scroll-scrolly_visible {display: block;}
.scrollbar-inner > .scroll-element,.scrollbar-inner > .scroll-element div{position: absolute;z-index: 10;}
.scrollbar-inner > .scroll-element div {display: block;height: 100%;left: 0;top: 0;width: 100%;}
.scrollbar-inner > .scroll-element.scroll-y {height: 100%;right: 0px;top: 0;width: 10px;}
.scrollbar-inner > .scroll-element .scroll-element_outer {overflow: hidden;}
.scrollbar-inner > .scroll-element .scroll-element_outer,.scrollbar-inner > .scroll-element .scroll-element_track,.scrollbar-inner > .scroll-element .scroll-bar {-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.scrollbar-inner > .scroll-element .scroll-bar {background-color: rgba(169, 169, 169, 0.62);}
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #ececec; }
.scrollbar-inner > .scroll-element:hover .scroll-bar, .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {background-color: #ff9800;}
.check-city {height:220px;}

/* Q col */
.q-col {margin-bottom:20px;}
.q-col-wrap {margin: 0 -10px;}
.q-col-wrap .q-col-item {float:left; width:33.333333333%; padding: 0 10px;}
.q-col-wrap .q-col-item a {display:block; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.14); border-radius: 4px; overflow: hidden;}
.q-col-item img {width:100%; display:block;}
 
/* Full product */
.full-product {}
.breadcrumbs {overflow:hidden; margin-bottom:10px; padding-top:20px;}
.breadcrumbs ul li {float: left; position: relative; padding-left: 22px; font-size: 14px; line-height: 16px; margin-bottom:10px;}
.breadcrumbs ul li:first-child {padding-left:0;}
.breadcrumbs ul li:before {content: "";display: block;width: 8px;height: 8px;background-size: cover;position: absolute;top: 0;bottom: 0;left: 7px;margin: auto;background-image: url(../images/breadcrumb.svg);}
.breadcrumbs ul li:first-child:before {content: none;}
.breadcrumbs ul li a {display:block; color: #8a8a8a; }
.breadcrumbs ul li a:hover {color: #1d1d1d;}
.breadcrumbs ul li span {display:block; color: #808080;}
.f-wrap {overflow: hidden;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.26); background-color: #fff;  padding: 15px; margin-bottom:20px;}
.full-product-wrap {overflow:hidden; margin: 0 -20px; position:relative;}
.full-product-wrap:before { position: absolute; top: 0; content: ""; border-right: 1px solid #ddd; height: 100%; right: 25%; }
.full-product-left{float: left;width: 75%;padding: 0 20px;}
.full-product-left .product-gallery {float:left; width:550px; padding-left:90px;}
.full-product-left .product-gallery-list-wrap {border: 1px solid #ddd; background-color: #f5f5f5;}
.full-product-left .product-gallery-list .gallery-item {position:relative; cursor: pointer;}
.full-product-left .product-gallery-list .gallery-item:before {content: ""; padding-top:75%; display:block;}
.full-product-left .product-gallery-list .gallery-item img {position:absolute; top:0; left:0; right:0; bottom:0; margin: auto; width:auto;}
.product-gallery-list .owl-dots {position:absolute; top:-6px; left:-90px; width:80px; bottom:-6px}
.product-gallery-list .owl-dots .owl-dot {width:80px; display:block; padding: 5px 0 !important;}
.product-gallery-list .owl-dots .owl-dot:nth-child(n+5) {display:none;}
.product-gallery-list .owl-dots .owl-dot span {background-size:cover; display:block; height:100%; border: 1px solid #ddd; background-position:center center;}

@font-face {
  font-family: 'lg';
  src: url("../fonts/lg.eot?n1z373");
  src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.lg-icon{font-family:'lg';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,0.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;border:none;outline:none}
.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}
.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}
.lg-actions .lg-next{right:20px}
.lg-actions .lg-next:before{content:"\e095"}
.lg-actions .lg-prev{left:20px}
.lg-actions .lg-prev:after{content:"\e094"}
@-webkit-keyframes lg-right-end {
0%{left:0}
50%{left:-30px}
100%{left:0}
}
@-moz-keyframes lg-right-end {
0%{left:0}
50%{left:-30px}
100%{left:0}
}
@-ms-keyframes lg-right-end {
0%{left:0}
50%{left:-30px}
100%{left:0}
}
@keyframes lg-right-end {
0%{left:0}
50%{left:-30px}
100%{left:0}
}
@-webkit-keyframes lg-left-end {
0%{left:0}
50%{left:30px}
100%{left:0}
}
@-moz-keyframes lg-left-end {
0%{left:0}
50%{left:30px}
100%{left:0}
}
@-ms-keyframes lg-left-end {
0%{left:0}
50%{left:30px}
100%{left:0}
}
@keyframes lg-left-end {
0%{left:0}
50%{left:30px}
100%{left:0}
}
.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}
.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}
.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%;background-color:rgba(0,0,0,0.45)}
.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:medium none;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}
.lg-toolbar .lg-icon:hover{color:#FFF}
.lg-toolbar .lg-close:after{content:"\e070"}
.lg-toolbar .lg-download:after{content:"\e0f2"}
.lg-sub-html{background-color:rgba(0,0,0,0.45);bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}
.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}
.lg-sub-html p{font-size:12px;margin:5px 0 0}
#lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle}
.lg-toolbar,.lg-prev,.lg-next{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,0.25,1) 0s,opacity .35s cubic-bezier(0,0,0.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,0.25,1) 0s,opacity .35s cubic-bezier(0,0,0.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,0.25,1) 0s,opacity .35s cubic-bezier(0,0,0.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,0.25,1) 0s,opacity .35s cubic-bezier(0,0,0.25,1) 0s,color .2s linear}
.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
.lg-outer{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:0;-webkit-transition:opacity .15s ease 0;-o-transition:opacity .15s ease 0;transition:opacity .15s ease 0}
.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lg-outer.lg-visible{opacity:1}
.lg-outer.lg-css3 .lg-item.lg-prev-slide,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-current{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-current{-webkit-transition-duration:0!important;transition-duration:0!important;opacity:1}
.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}
.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}
.lg-outer .lg{height:100%;width:100%;position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}
.lg-outer .lg-inner{width:100%;height:100%;position:absolute;left:0;top:0;white-space:nowrap}
.lg-outer .lg-item{background:url(../images/loading.gif) no-repeat scroll center center transparent;display:none!important}
.lg-outer.lg-css3 .lg-prev-slide,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide{display:inline-block!important}
.lg-outer.lg-css .lg-current{display:inline-block!important}
.lg-outer .lg-item,.lg-outer .lg-img-wrap{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}
.lg-outer .lg-item:before,.lg-outer .lg-img-wrap:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}
.lg-outer .lg-item.lg-complete{background-image:none}
.lg-outer .lg-item.lg-current{z-index:1060}
.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}
.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0;-o-transition:opacity .15s ease 0;transition:opacity .15s ease 0}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}
.lg-outer .lg-empty-html{display:none}
.lg-outer.lg-hide-download #lg-download{display:none}
.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0;-o-transition:opacity .15s ease 0;transition:opacity .15s ease 0}
.lg-backdrop.in{opacity:1}
.lg-css3.lg-no-trans .lg-prev-slide,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-current{-webkit-transition:none 0 ease 0!important;-moz-transition:none 0 ease 0!important;-o-transition:none 0 ease 0!important;transition:none 0 ease 0!important}
.lg-css3.lg-use-css3 .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.lg-css3.lg-fade .lg-item{opacity:0}
.lg-css3.lg-fade .lg-item.lg-current{opacity:1}
.lg-css3.lg-fade .lg-item.lg-prev-slide,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-current{-webkit-transition:opacity .1s ease 0;-moz-transition:opacity .1s ease 0;-o-transition:opacity .1s ease 0;transition:opacity .1s ease 0}
.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0;-moz-transition:-moz-transform 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0;-o-transition:-o-transform 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0;transition:transform 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0}
.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{-webkit-transition:left 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0;-moz-transition:left 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0;-o-transition:left 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0;transition:left 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0}
.fpc .product-info {padding: 0 0 0 20px; overflow:hidden;}
.fpc .product-info .product-name {color: #3c3c3c; font-size: 26px; margin-bottom:25px; font-weight: 600; line-height: 30px;}
.fpc .product-info .p-count, .product-info .cake-weight {overflow:hidden; margin-bottom:15px;}
.fpc .product-info .p-label {float:left; width:100px; font-size: 18px; line-height:22px; padding:4px 20px 4px 0; color: #6b6b6b;}
.fpc .product-info .p-label.p-b {width: 170px; padding: 4px 10px 4px 0;}
.fpc  .product-info .p-count .p-select, .product-info .p-count .p-number {overflow:hidden; position:relative;}
.fpc .product-info .p-count .p-number input, .product-info .p-count .p-select select {padding: 0 24px;  background-image: url(../images/select2.svg); background-position: 100% 0; background-repeat: no-repeat; line-height: 28px; height: 30px; font-size: 17px; color: #343e5c; font-weight: 600; min-width:80px; border-radius: 5px; border: 1px solid rgba(255, 152, 0, 0.51); background-color: #fff;}
.fpc .product-info .p-count .p-number .p-number-wrap {width:80px; position:relative;}
.fpc .product-info .p-count .p-number input {width:80px; text-align:center;} 
.fpc .product-info .p-count .p-select select {padding: 0 23px 0 8px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none!important; background-image: url(../images/select2.svg); background-position: 100% 0; background-repeat: no-repeat;color: #343e5c;background-size:contain;}
.fpc .product-info .p-count .p-number .p-a {position:absolute; top:0; bottom:0; margin: auto; color: #ff9800; cursor:pointer; width:12px; height:12px; background-size:cover;}
.fpc .product-info .p-count .p-number .p-a.plus {right:8px; background-image: url(../images/plus.svg);}
.fpc .product-info .p-count .p-number .p-a.minus {left:8px; background-image: url(../images/minus.svg);}
.fpc .product-info .p-weight {overflow:hidden;font-size: 18px; line-height:30px; color: #343e5c;}
.fpc .product-info .product-price {font-size: 26px; color: #ff9800; font-weight: 600; line-height: 30px; margin-bottom:20px;clear: both;}
.fpc .product-info .product-price>div {float:left; line-height: 30px; height: 30px;}
.fpc .product-info .product-price .product-old-price {text-decoration: line-through; color: #a0a0a0; padding-right: 12px;}
.azn.nn {font-size:24px;}
.p-buttons {overflow:hidden;}
.fpc .product-info .p-buttons .product-b {width:200px;}
.fpc .product-info .p-buttons .product-b a {background-color: #ff9800; color: #fff; display: block; text-align: center; border-radius: 5px; height: 36px; line-height: 36px; font-size: 17px; font-weight: 600;}
.fpc .product-info .p-buttons .product-b a:hover {background-color: #ee840e;}
.fpc .product-info .p-buttons .product-b a span {display: inline-block; vertical-align: top; position: relative; padding-left: 28px; height:36px; line-height: 36px;}
.fpc .product-info .p-buttons .product-b a span:before {content: ""; display: block; width: 20px; height: 20px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-size: cover;}
.fpc .product-info .p-buttons .product-add-basket a span:before {background-image: url(../images/basket.svg);}
.fpc .product-info .p-buttons.with-buy {margin: 0 -10px;}
.fpc .product-info .p-buttons.with-buy .product-b {float:left; width:50%; max-width: 200px;}
.fpc .product-info .p-buttons.with-buy .product-b {padding:0 10px;}
.fpc .product-info .p-buttons .product-checkout a {background-color: #ff6767}
.fpc .product-info .p-buttons .product-checkout a span:before {background-image: url(../images/checkout.svg);}

.full-product-right {float:left; width:25%; padding: 0 20px;}
.full-product-right .seller {border-bottom: 1px solid #e9e9e9; padding: 0 0 10px 0; display:block; font-size:18px; lijne-height:24px; color: #626262;}
.full-product-right .seller span {color: #007ec7;}
.full-product-right .seller-info {margin-bottom:20px; overflow:hidden;}
.full-product-right .seller-info ul li {border-bottom: 1px solid #e9e9e9;}
.full-product-right .seller-info ul li a, .full-product-right .seller-info ul li span {padding: 5px 0 5px 50px; display:block; position:relative; line-height:38px; font-size: 16px; color: #636363;}
.full-product-right .seller-info ul li a:before, .full-product-right .seller-info ul li span:before {content: ""; display:block; position:absolute; top:0; bottom:0; left:0; margin: auto; width:38px; height:38px; background-size:cover;}
.full-product-right .seller-info ul li.delivery a:before {background-image: url(../images/delivery.svg);}
.full-product-right .seller-info ul li.s-contact a:before {background-image: url(../images/s-contact.svg);}
.full-product-right .seller-info ul li.s-call a:before {background-image: url(../images/s-call.svg);}
.full-product-right .seller-info ul li.s-number span:before {background-image: url(../images/s-number.svg);}
.full-product-right .seller-info ul li.s-call .mob-num {display:none; font-size:18px; font-weight:600;}
.full-product-right .product-share {margin-bottom:20px;}
.full-product-right .product-share .share-text {float: left; font-size: 17px; line-height: 26px; padding: 0 15px 0 0; color: #6b6b6b;}
.full-product-right .product-share .share-items {float:left;}
.full-product-right .complaint a {font-size:16px; line-height:20px; color: #6b6b6b; display:inline-block; vertical-align:top;}
.full-product-right .complaint a:before {content: ""; display:inline-block; vertical-align:top; width:12px; height:12px; background-size:cover; background-image: url(../images/compl.svg); margin: 4px 4px 4px 0;}
.product-tabs {overflow:hidden;}
.product-tabs .product-tab-header ul {border-bottom: 2px solid #ddd;}
.product-tabs .product-tab-header ul li {float:left; font-size: 20px;font-weight: 600;color: #3c3c3c;position: relative;}
.product-tabs .product-tab-header ul li a {position:relative; color:#7e7e7e; padding: 0 25px 5px; display:block; line-height: 30px;height: 36px;}
.product-tabs .product-tab-header ul li a:after {content: "";display: block;position: absolute;bottom: -2px;border-bottom: 2px solid #ddd; left:0; width:100%;}
.product-tabs .product-tab-header ul li.active a {color: #3c3c3c}
.product-tabs .product-tab-header ul li.active a:after {border-color:#ff9800;}
.tab-panel {display:none;padding: 15px;font-size: 16px;color: #383838;line-height: 24px; border: 1px solid #ddd;border-top: 0; background-color: #f5f5f5;}
#tab1 {display:block;}
.tab-panel b {font-weight:600;}

/* Register */
.register-block {width:600px; margin: 0 auto 20px;}
.register-block .register-panel {padding:20px;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.26); border-radius:4px; background-color: #fff;}
.verify {font-size: 18px; line-height: 28px; background-color: #c4eda2; color: #396d0f; padding: 5px 10px; border-radius: 5px;}

/* Inputs and buttons */
.xform label {color: #6d6d6d; font-size: 17px; font-weight:600; line-height: 24px; display: block; margin-bottom: 2px;}
.xform .xform-row {margin-bottom:12px;}
.xform .xform-row .x-form-half-wrap {overflow:hidden; margin:0 -15px;}
.xform .xform-row .x-form-half-wrap .x-form-half{float:left; width:50%; padding:0 15px;}
.xform .xform-input {position:relative;}
.xform .xform-input input, .xform .xform-input select, .xform .xform-input textarea {width: 100%; border: 1px solid #ddd; height: 36px; line-height: 1; padding: 0 10px; background-color: #f5f5f5; -webkit-box-shadow: inset 1px 1px 1px 1px #e8e8e8; -moz-box-shadow: inset 1px 1px 1px 1px #e8e8e8; box-shadow: inset 1px 1px 1px 1px #e8e8e8; border-radius: 4px; font-size:16px; display:block;}
.xform .xform-input.with-icon input {padding: 0 45px 0 10px;}
.xform .xform-input.with-icon select {padding: 0 65px 0 10px;}
.xform .xform-input textarea {padding:10px; height:130px; resize:none;}
.xform .xform-input input:focus, .xform .xform-input select:focus, .xform .xform-input textarea:focus{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border-color: #ff9800; background-color: #fff;}
.xform .xform-input select {-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none!important; background-image: url(../images/select3.svg); background-position: 100% 0; background-repeat: no-repeat; color: #4e4e4e; padding: 0 22px 0 10px; background-size: contain;}
.xform .xform-input input[type="file"] {position: absolute; top: 0; left: 0; opacity: 0; width: 0; display: block; padding: 0; margin: 0; border: 0;} 
.xform-input>i {position: absolute; top: 0; right: 0; bottom: 0; width: 36px; padding: 9px;}
.xform-input>i:before {content: ""; width: 18px; height: 18px; background-size: cover; display: block;}
.xform-input>i:after {content: ""; position: absolute; border-left: 1px solid #ddd; top: 5px; bottom: 5px; left: -1px;}
.xform-input.r-mail i:before {background-image: url(../images/r-mail.svg);}
.xform-input.r-name i:before {background-image: url(../images/r-name.svg);}
.xform-input.r-pass i:before {background-image: url(../images/r-pass.svg);}
.xform-input.r-phone i:before {background-image: url(../images/r-phone.svg);}
.xform-input.r-city i:before {background-image: url(../images/r-city.svg);}
.xform-input.r-cins i:before {background-image: url(../images/r-cins.svg);}
.xform-input.r-home i:before {background-image: url(../images/r-home.svg);}
.xform-input.r-post i:before {background-image: url(../images/r-post.svg);}
.xform-input.r-card i:before {background-image: url(../images/r-card.svg);}
.xform-input.r-bank i:before {background-image: url(../images/r-bank.svg);}
.xform-input.r-numb i:before {background-image: url(../images/r-numb.svg);}
.xform-input.r-mon i:before {background-image: url(../images/r-mon.svg);}
.xform-input.r-year i:before {background-image: url(../images/r-year.svg);}
.xform .xform-row.center {text-align:center;}
.xform .xform-row button {display: inline-block; vertical-align: top; background-color: #ff9800; border: 0; color: #fff; font-size: 18px; line-height: 24px; padding: 6px 22px; border-radius: 4px; cursor: pointer;}
.xform .xform-row button:hover, .xform .xform-row button:focus {background-color: #ee840e;}
.xform .xform-row input[type="checkbox"] {display:none;}
.xform .xform-row .check {margin:0; line-height:18px; font-weight:normal;}
.xform .xform-row .check i {width: 18px; height: 18px; display: block; float: left; background-size: cover; background-image: url(../images/nocheck.svg); cursor: pointer;}
.xform .xform-row .check span {overflow: hidden; padding-left: 5px; line-height: 18px; display: block; font-size: 16px;}
.xform .xform-row .check span a {color: #ff9800;}
.xform .xform-row input[type="checkbox"]:checked + label i {background-image: url(../images/checked.svg);}
.label {display: inline-block; font-size: 13px; padding: 6px 8px; line-height: 12px; font-weight: 600; color: #FFF; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; vertical-align: top;}
.label-success {background-color: #65B688;}
.label-danger {background-color: #D65C4F;}

/* Profile */
.profile {overflow: hidden; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.26); background-color: #fff; padding: 15px; margin-bottom: 20px;}
.profile-wrap {overflow:hidden; margin: 0 -20px 0; position:relative;}
.profile-wrap:before {position: absolute; top: 0; content: ""; border-right: 1px solid #ddd; height: 100%; left: 300px; }
.profile-left {float: left;width: 300px;padding: 0 20px;}
.profile-left .profile-avatar {width:100%;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow:hidden; margin-bottom:20px; background-size:cover; background-position: center center;}
.profile-left .profile-avatar:before {content: ""; display:block; padding-top:100%;}
.profile-left .profile-avatar img {width:100%; display:block;}
.profile-left .profile-buttons ul li {border:1px solid #ddd; font-size:18px; line-height:24px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-bottom:10px; background-color: #f5f5f5; color: #3c3c3c;}
.profile-left .profile-buttons ul li span, .profile-left .profile-buttons ul li a {padding:6px 8px; display:block; color: #3c3c3c; overflow:hidden;}
.profile-left .profile-buttons .p-b {float:left;}
.profile-left .profile-buttons .badge {float: right; background-color: #ff9800; color: #fff; font-size: 16px; padding: 0 5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; min-width: 22px; height:22px; line-height:22px; text-align: center; margin: 1px 0;}
.profile-left .profile-buttons ul li .p-b:before {content: ""; float:left; display:block; width:16px; height:16px; margin: 4px 6px 4px 0; background-size:cover;}
.profile-left .profile-buttons ul li.p-counter .p-b:before {background-image: url(../images/p-counter.svg);}
.profile-left .profile-buttons ul li.p-view .p-b:before {background-image: url(../images/p-view.svg);}
.profile-left .profile-buttons ul li.p-contact .p-b:before {background-image: url(../images/p-contact.svg);}
.profile-left .profile-buttons ul li.p-padd .p-b:before {background-image: url(../images/product-add.svg);}
.profile-right {overflow:hidden; padding:0 20px;}
.profile-right-top {margin-bottom:38px;}
.profile-right-top .profile-name {font-size: 28px; font-weight: 600; color: #3c3c3c; line-height: 32px;}
.profile-tabs {overflow: hidden;}
.profile-tabs .profile-tab-header ul {border-bottom: 2px solid #ddd; margin: 0 -10px;}
.profile-tabs .profile-tab-header ul li {float:left; font-size: 20px;font-weight: 600;color: #3c3c3c;position: relative; width:33.33333333333%; text-align:center; padding:0 10px 10px;}
.profile-tabs .profile-tab-header ul li a, .profile-tabs .profile-tab-header ul li span {position:relative; color:#7e7e7e; line-height: 36px; height: 36px; padding: 0 10px; display:block; background-color: #efefef;}
.profile-tabs .profile-tab-header ul li.active a, .profile-tabs .profile-tab-header ul li.active span {color: #fff; background-color: #ff9800;}
.profile-tabs .profile-tab-header ul li.active a:after, .profile-tabs .profile-tab-header ul li.active span:after {border-color:#ff9800;}
.profile-tabs .profile-tab-header ul li a u {background-color: #ff9800; font-size:14px; line-height:16px; color: #fff; padding:0 3px; border-radius:4px; min-width:18px; height:16px; text-align:center; text-decoration:none; display:inline-block; vertical-align:middle; margin-left:4px; font-weight:normal;}
.profile-tabs .profile-tab-header ul li.active a u {background-color:#fff; color:#ff9800;}
.profile-tabs .product-list .product-list-wrap .product-item {width:25%;}
.pd {position:relative;}
.p-link {display:inline-block; vertical-align:top;}
.pd .p-link {padding-right: 62px;}
.p-link:hover {color: #ff9800;}
.p-image {padding:5px 10px 5px 0; float:left;}
.p-image img {height:46px; display:block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.p-name {overflow:hidden; display:table; height:56px;}
.p-name span {display:table-cell; vertical-align:middle;}
.p-ad {background-color: #ff9800; border-radius: 3px; padding: 0 5px; color: #fff; font-size: 14px; line-height:18px; height:18px; display:inline-block; vertical-align:top; cursor:pointer; position: absolute; right: 10px; top: 0; bottom: 0; margin: auto;}
.b-price {display:inline-block; vertical-align:top;}
.b-price.b-old-price {text-decoration:line-through; color: #a0a0a0; padding-right:8px;}
.b-det {display: inline-block; vertical-align: top; background-color: #ff9800; border-radius: 3px;}
.b-det a {display:block; padding: 0 5px; color: #fff;}
.b-det-row {overflow:hidden;background-color: #fe9801; margin-bottom: 10px;}
.b-det-row:last-child {margin-bottom:0;}
.b-det-row .b-det-left {float: left; padding: 2px 10px; background-color: #fe9801; color: #fff; font-weight: 600; width:120px;}
.b-det-row .b-det-right {overflow:hidden; padding: 2px 10px; background-color: #e2e2e2;}
.e-time {font-size: 14px; font-style: italic; color: #808080;} 

/* X table */
.x-table {overflow-y:hidden;}
.x-table .x-table-wrap {width:100%; display:table; border-collapse:collapse;}
.x-table ul {display:table-row; border-bottom: 1px solid #ddd;}
.x-table ul li {display: table-cell; padding: 5px 10px; font-size: 16px; line-height:22px; vertical-align: middle;}
.x-table .x-table-head {border-bottom:0;}
.x-table .x-table-head li {font-weight: 600; color: #3c3c3c; background-color: #f5f5f5; line-height: 24px; padding: 0 10px;}
.x-actions a {display:inline-block; vertical-align:top; overflow:hidden;}
.x-table .x-table-head li a {color: #3c3c3c;}
.x-actions a i {float:left; width:18px; height:18px; display:block; background-size:cover;}
.x-actions a i.edit-dark {background-image: url(../images/edit-dark.svg);}
.x-actions a i.reply-dark {background-image: url(../images/reply-dark.svg);}
.x-actions a i.trash-red {background-image: url(../images/trash-red.svg);}

/* Modal */
.openmodal {overflow: hidden;margin-right: 17px;}
.modal {display: none;min-width: 300px;position: fixed;z-index: 999999;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.68);overflow-x: hidden;overflow-y: auto; text-align:center;}
.modal .modalwindow {position: relative;display: inline-block;vertical-align:top;height: 100%;margin: 0 auto;-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s; text-align:left; max-width:100%;}
.modal .modalwindow .modaliclik {display: table;width:100%;height: 100%; padding:20px 10px;}
.modal .modalwindow .modaliclik .modalpage {display: table-cell;vertical-align: middle;height: 100%;}
.modal .modalwindow .modaliclik .modalpage .modalcontent {border-radius: 6px;background-color: #fff;padding: 0 24px 20px 24px; overflow: hidden; position: relative; }
.modal .modalwindow.logmodal {width: 400px;}
.modal .modalwindow.medmodal {width: 550px;}
.modal .modalwindow .modaliclik .modalpage .xclose {width: 14px; height: 14px; background-image: url(../images/xclose.svg); top: 19px; right: 24px; cursor: pointer; position: absolute; background-size:cover;}
.modal .modalwindow .modaliclik .modalpage .xclose.icon-black {background-image: url(../images/xclose2.svg);}
@-webkit-keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}
@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}
.modal .modalwindow .modaliclik .modalpage .modalcontent h1{font-size: 24px; font-weight: 600; background-color: #ff9800; margin: 0 -24px 15px -24px; padding: 10px 40px 10px 24px; color: #fff; line-height: 30px;}
.modal .modalwindow .modaliclik .modalpage .modalcontent h1.green {background-color: #65b967 !important;}
.ex-links {overflow:hidden; font-size:15px; line-height:20px; }
.ex-links a {color: #3c3c3c;}
.ex-links .ex-left {float:left;}
.ex-links .ex-right {float:right;}
.ex-links a:hover {color: #ff9800;}
.modaltext {font-size:18px; line-height: 24px; color: #3c3c3c;}
.modal-info {padding: 40px 0 20px 0;}
.t-center {text-align:center; padding-bottom:10px;}
.mb-text {font-size:20px; line-height:26px; font-weight:600; color: #3c3c3c; margin-bottom:30px;}
.mb-buttons {display:inline-block; vertical-align:top;}
.mb-buttons .mb-button {float:left; margin:0 10px;}
.mb-buttons .mb-button a {color: #fff; display:block; border-radius: 3px; padding: 0 20px; font-size: 16px; height: 34px; line-height: 34px; background-color: #ff9800; font-weight:600; margin-bottom:10px;}
.mob-u {}
.mob-u ul {width:200px; text-align:left; margin: 0 auto;}
.mob-u ul li {font-size: 18px; line-height: 24px; border-bottom:1px solid #ddd;}
.mob-u ul li:last-child {border-bottom:0;}
.mob-u ul li a {display: inline-block; vertical-align:top; color: #4e4e4e; position: relative; padding: 7px 0 7px 24px;}
.mob-u ul li a:before {content: "";display: block;width: 16px;height: 16px;background-size: cover;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.mob-u ul li.cab a:before{background-image: url(../images/register.svg);}
.mob-u ul li.exit a:before{background-image: url(../images/logout.svg);}
.mob-u ul li.ml a:before{background-image: url(../images/mail3.svg);}
.mob-u ul li.bsk a:before{background-image: url(../images/basket3.svg);}
.mob-u ul li a span {background-color: #ff9800;font-size: 14px;line-height: 16px;color: #fff;padding: 0 3px;border-radius: 4px;min-width: 18px;height: 16px;text-align: center;text-decoration: none;display: inline-block;vertical-align: top;margin: 3px 0 3px 4px; font-weight: normal;}
.success-text {font-size: 20px; line-height: 26px; font-weight: 600; color: #65b967}
#js_custom_core_message {font-size: 20px; line-height: 26px; font-weight: 600; color:#333;}

/* Panel */
.panel {}
.panel-body {padding:15px; border: 1px solid #ddd; background-color: #fff;}
.form-group {margin-bottom: 20px;}
.form-group:after {content: ""; display: block; clear: both;}
.panel .form-group:first-child {margin-top: 5px;}
.form-horizontal .control-label {float: left; margin: 0; padding: 7px 20px 7px 0;}
.input-wrap {position: relative;}
.form-group>label {color: #333; font-weight: 600; margin-bottom: 4px; display: block; font-size: 16px; line-height: 20px;}
.form-horizontal .input-wrap {overflow: hidden;}
.input-wrap input, .select-wrap select, .input-wrap textarea {width: 100%; border: 1px solid #ddd; height: 34px; line-height: 1; padding: 0 10px; background-color: #f5f5f5; -webkit-box-shadow: inset 1px 1px 1px 1px #e8e8e8; -moz-box-shadow: inset 1px 1px 1px 1px #e8e8e8; box-shadow: inset 1px 1px 1px 1px #e8e8e8; border-radius: 4px; font-size:16px; display:block;}
.select-wrap select {-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none!important; background-size:contain;background-image: url(../images/select.svg); background-position: 100% 0; background-repeat: no-repeat;padding: 0 22px 0 10px;}
.input-wrap textarea {padding:10px; height:100px;}
.input-wrap input:focus, .select-wrap select:focus, .input-wrap textarea:focus {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border-color: #ff9800; background-color: #fff;}
.select-wrap {position: relative; float: left;}
.file-wrap {overflow: hidden;}
.no-js-f {position:relative;}
.no-js-f input[type="file"] {position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0; width:0;}
.switch-wrap {float: left; display: inline-block; vertical-align: top;}
.switch-wrap input {display: none;}
.switch-button label {display:block; position: relative; background-color: #CCC; border: 1px solid #ccc; width: 60px; height: 30px; margin: 2px 0; cursor: pointer; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.switch-button label:after {background-color: #fff; height: 100%; position: absolute; top: 0px; left: 0px; width: 50%; content: ""; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.switch-button input:checked + label {background-color: #27C24C; border-color: #27C24C;}
.switch-button input:checked + label:after {margin-left: 50%;}
.x-row {margin: 0 -15px;}
.x-row:after {display:block; content:""; clear:both;}
.col-zl-3, .col-yl-6 {padding: 0 15px; float:left;}
.input-group {position: relative; width:100%; display: table; border-collapse: separate;}
.input-group-addon {display: table-cell; width:1%; border: 1px solid #ddd; background-color: #fafafa; border-radius: 4px; white-space: nowrap; padding:8px 10px; font-size:14px; line-height:16px; color:#555; font-weight:600;}
.input-group-addon:first-child {border-right: 0; border-bottom-right-radius: 0; border-top-right-radius: 0;}
.input-group-addon:last-child {border-left: 0; border-bottom-left-radius: 0; border-top-left-radius: 0;}
.input-group input {display:table-cell; min-width:60px;}
.input-group input:not(:first-child):not(:last-child) {border-radius: 0;}
.input-group input:first {border-bottom-right-radius: 0; border-top-right-radius: 0;} 
.input-group input:last-child {border-bottom-left-radius: 0; border-top-left-radius: 0;} 
.x-repeat {position:relative;}
.v-close {width:16px ;height:16px; display:block; position:absolute; top:0; bottom:20px; right:20px; margin: auto; cursor: pointer;}
.close-red {background-image: url(../images/close-red.svg);}
.icon {background-size: cover; background-position: 0 0; display: block; width: 16px; height: 16px; float: left;}
.btn {display: inline-block; vertical-align: top; padding: 7px 16px; font-size: 15px; line-height: 18px; font-weight: 600; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; border: 1px solid transparent; text-align: center; white-space: nowrap; color: #333;}
.btn, .x-tab .tab-nav>ul>li>a { -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.btn-success {background-color: #65B688; border-color: #65B688; color: #fff;}
.btn-success:hover, .btn-success:focus {background-color: #60a27d; border-color: #60a27d;}
.btn-site {background-color: #ff9800; border-color: #ff9800; color: #fff;}
.btn-site:hover, .btn-site:focus {background-color: #ee840e; border-color: #ee840e;}
.btn .icon {margin-right: 6px;}
.w-h-14 {width: 14px; height: 14px; margin: 2px 5px 2px 0;}
.add {background-image: url(../images/add.svg);}
.attach {background-image: url(../images/attach.svg);}
.text-right {text-align: right;}
.text-center {text-align: center;}
.x-tab .tab-nav {border-bottom: 1px solid #ddd;}
.x-tab .tab-nav:after {content: ""; display: block; clear: both;}
.x-tab .tab-nav>ul>li {float: left; margin-bottom: -1px; position: relative;}
.x-tab .tab-nav>ul>li>a { margin-right: -1px; font-weight: 600; color: #333; padding: 12px 14px; display: block; line-height: 18px; font-size: 15px; border: 1px solid transparent;}
.x-tab .tab-nav>ul>li.active>a {cursor: default; border: 1px solid #ddd; color: #428BCA; border-top-color: #ff9800; border-bottom-color: transparent; background-color: #fff;}
.x-tab.skin2 .tab-nav>ul>li.active>a {background-color: #f8f8f8;}
.tab-pane {display:none;}
.x-tab .cke_chrome{border-top:0 !important;}
.x-tab.rel-b .tab-nav {border-bottom:0; margin-bottom:20px;}
.x-tab.rel-b .tab-nav>ul>li {margin:0;}
.x-tab.rel-b .tab-nav>ul>li>a {padding: 7px 14px;}
.x-tab.rel-b .tab-nav>ul>li.active>a {border-bottom-color: #ddd;}
.x-tab.rel-b .tab-panel {padding:0; border:0;}
.mini-input input {width: 100px; display: inline-block; vertical-align: top; margin-right: 10px;}
.hidden {display:none;}
.inputfile + label{color:#428BCA;margin:0;border-radius:4px;overflow:hidden;padding:0}
.inputfile:focus + label,.inputfile.has-focus + label,.inputfile + label:hover{border-color:#0974a9}
.inputfile + label span,.inputfile + label strong{padding:7px 12px}
.inputfile + label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; border: 1px solid #ddd; height: 34px; line-height: 32px; padding: 0 10px; background-color: #f5f5f5; -webkit-box-shadow: inset 1px 1px 1px 1px #e8e8e8; -moz-box-shadow: inset 1px 1px 1px 1px #e8e8e8; box-shadow: inset 1px 1px 1px 1px #e8e8e8; border-radius: 4px; font-size: 16px; display: block; border-top-right-radius:0; border-bottom-right-radius:0; font-weight: 600; border-right:0;}
.inputfile:focus + label span,.inputfile.has-focus + label span {    -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #ff9800; background-color: #fff;} 
.i-file {border-top-left-radius:0; border-bottom-left-radius:0; float:right;}
.cd-info {clear:both; margin-bottom:20px;}
.cd-info-wrap {padding: 5px 10px; background-color: rgba(254, 152, 0, 0.42); color: #2d2d2d; font-size: 16px; line-height: 24px; border-radius: 4px; font-weight: 600;}
.cd-info-wrap a {color:#f00; font-weight:bold;}

/* Message */
.message-panel {}
.message-panel:after {content: ""; display: block; clear: both;}
.message-u {border-bottom: 1px solid #ddd; padding-bottom:15px; margin-bottom:15px; overflow:hidden;}
.message-profile {overflow:hidden;float:left; width: 300px; max-width:100%;}
.message-del {float:right;}
.message-profile-img {width:80px; height:80px; float:left; border-radius:4px; overflow:hidden; margin-right:10px;}
.message-profile-img img {display:block; width:100%; height:100%;}
.message-profile-name {overflow:hidden; margin-bottom:15px;}
.message-profile-name a {color: #3c3c3c; font-size:18px; line-height:24px; font-weight:600; word-break:break-word;}
.message-top {max-height:600px; overflow-x:auto;}
.msg {margin-bottom:10px; text-align:left;}
.msg:after {content: ""; display: block; clear: both;}
.msg-item {background-color: #e8e8e8; vertical-align:top; padding: 10px 15px; font-size: 18px; line-height: 24px; border-radius: 14px;}
.msg-item.mytext {float:right; background-color: #ffc98a; margin-left:40px;}
.msg-item.youtext {float:left; margin-right:40px;}
.msg-item time {color: #8c8c8c; font-size:15px; line-height:20px; padding-top:4px; display:block;}
.msg-item.mytext time {color: #bd7015; text-align:right;}
.message-bottom {border-top: 1px solid #ddd; padding-top:15px; margin-top:15px;}
.message-send {float:right; margin-left:20px;}
.message-textarea {overflow:hidden;}
.message-textarea textarea {height:80px; resize:none;}
.pk:hover {color: #ff9800;}

/* Profile edit */
.edit-tab-header {overflow:hidden; margin-bottom:10px;}
.edit-tab-header ul li {float:left; margin-right:20px; margin-bottom:10px;}
.edit-tab-header ul li a {font-weight: 600; display: block; font-size: 18px; line-height: 24px; color: #6f6f6f; padding: 5px 10px; border: 1px solid #ccc; background-color: rgba(204, 204, 204, 0.18);}
.edit-tab-header ul li a:hover {color: #ff9800; border-color: #ff9800;}
.edit-tab-header ul li.active a {color: #ff7b0a; border-color: #ff9800; background-color: rgba(254, 152, 1, 0.12);}
.t-panel {display:none;}
.btn.edit-l {color: #fff; font-size: 15px; line-height: 18px; font-weight: 600; display: inline-block; margin: 0;}
.res-1 .xform .xform-row {margin-bottom:0;}
.res-1 .xform .xform-row .x-form-half-wrap .x-form-half, .res-1 .xform .xform-row .xform-full {margin-bottom:12px;}

/* Static page */
.static-block {width: 1000px; margin: 0 auto 20px;}
.static-block .static-panel {padding: 20px; border-radius: 4px; background-color: #fff; font-size:18px; line-height:24px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.26);}
.static-panel a {color: #ff9800; display:inline-block;}
.static-panel p {margin-bottom:8px;}

/* Alerts */
.alert {padding: 15px; margin-bottom: 15px; font-size:16px; line-height:22px;}
.alert-success {background-color: #dff0d8; border: 1px solid #d6e9c6; color: #3c763d;}
.alert-danger {background-color: #f2dede; border: 1px solid #ebccd1; color: #a94442;}

/* Navigation */
.navigation {text-align:center; overflow:hidden; margin-top:20px; margin-bottom:20px; clear:both;}
.navigation ul {overflow:hidden; display:inline-block; vertical-align:top;}
.navigation ul li {float:left; margin:3px 3px 5px;}
.navigation ul li a, .navigation ul li span {min-width:26px; font-size:14px; height:26px; display:block; line-height:26px; padding: 0 5px;  color: #fff; border-radius: 3px; font-weight:bold; position:relative;}
.navigation ul li a {background-color: #5a5a5a;}
.navigation ul li span, .navigation ul li a:hover {background-color: #ff9800;}
.navigation ul li a.icp {padding: 7px 5px;}
.navigation ul li a.icp:before {content: ""; display:block; width:12px; height:12px; margin:0 auto; background-size:cover;}
.navigation ul li a.icp.icprev:before, .navigation ul li a.icp.first:before {background-image: url(../images/prev.svg);}
.navigation ul li a.icp.icnext:before, .navigation ul li a.icp.last:before {background-image: url(../images/next.svg);}
.navigation ul li a.icp.first {padding: 0 6px 0 18px;}
.navigation ul li a.icp.last {padding: 0 18px 0 6px;}
.navigation ul li a.icp.first:before, .navigation ul li a.icp.last:before {position:absolute; top:0; bottom:0; margin: auto;}
.navigation ul li a.icp.first:before {left:3px;}
.navigation ul li a.icp.last:before {right:3px;}

/* Notifications, messages */
#global_ajax_message {position: fixed;background: #CEEEB2;top: 0;left: 0;color: #000;font-weight: bold;font-size: 10pt;z-index: 1000000;width: 100%;height: 70px;line-height: 70px;text-align: center;display: none;}
.valid_message {background: #CEEEB2;margin: 4px 0 4px 0;color: #000;font-weight: bold;font-size: 10pt;padding: 4px;}
.error_message {margin: 0 0 8px 0;color: #362C37;font-weight: normal;font-size: 13px;padding: 8px 0 8px 25px;border: 1px #E68F8F solid;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
div.message {margin: 6px 0 6px 0;color: #6B6B6B;font-weight: bold;font-size: 10pt;padding: 4px;display: none;background: #FEFBD9;border: 1px #EEE9B5 solid;}
div.message {display: block;}
.alert_input {border: 1px #b70000 solid !important;background: #fff;}

/* Checkout */
.checkout-block {width: 1000px; margin: 0 auto 20px;}
.checkout .checkout-panel {padding: 20px; border-radius: 4px; background-color: #fff; font-size:18px; line-height:24px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.26);}
.check-product {overflow:hidden;}
.check-product .cp-left {width:44%; float:left;}
.check-product .cp-left .cp-image {width:100%; height:300px; border: 1px solid #ddd; background-color: #f5f5f5;}
.check-product .cp-left .cp-image img {width: 100%; display: block; object-fit: contain; height: 100%;}
.checkout-panel .product-info .p-label {width:200px;}
.product-info .p-z {overflow: hidden; font-size: 20px; line-height: 30px; color: #343e5c; font-weight: 600;}
.product-info .p-z .p-z-price {display:inline-block; vertical-align:top;}
.product-info .p-z .p-z-price.p-old {padding-right:10px; text-decoration: line-through; color: #a0a0a0;}
.azn.zz {font-size: 20px;}
.checkout-panel .product-add-basket {float:right;}
.sum {color: #848484; padding-right: 20px;}
.checkout-panel .product-info .product-price {background-color: #efefef; padding: 3px 15px; border-radius: 5px;}
.product-sell {text-align:right;}
.product-sell button {display: inline-block; vertical-align: top; background-color: #ff9800; border: 0; color: #fff; font-size: 17px; line-height: 22px; padding: 4px 16px; border-radius: 4px; cursor: pointer;}

/* Ads */
.v-info {font-size: 16px; line-height: 24px; background-color: #c4eda2; color: #396d0f; padding: 5px 10px; border-radius: 5px;}