/*
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%;}pr
body{min-height:100%; min-width:310px;}
html,html a{-webkit-font-smoothing:antialiased}
body,select,input,textarea,button{font:normal 14px/1.5 'Roboto', 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, .header, .header-wrap .logo a, .header-right .h-right, .top-menu ul li a, .main-slider-wrap .slick-arrow, .m-dots .slick-dots li button,.wp-item .wp-item-image img, .wp-item .wp-title, .wp-item .wp-title:before, .top-menu>ul>li.dropdown a:before, .sub-menu ul li a, .sub-menu ul li a:before, .fixed-social ul li a, .product-item .product-image:after, .product-extra a, .pagination ul li a, .search-results .s-item a, .cat-image, .ck-form-item input, .language-list{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}

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

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

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

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

/* Struktur */
.xsayt {overflow:hidden;}
.centered {width:1100px; margin:0 auto;}
.centered:after, .header:after, .header-wrap:after, .about-panel-wrap:after, .works-panel-wrap:after, .catalog-wrap:after, .footer-wrap .footer-top:after, .sub-menu .sub-menu-wrap:after, .m-content:after, .contact-wrap:after, .contact-cols:after, .sub-menu ul li a:after, .ck-form-row:after, .product-thumbs:after{display:block; content:""; clear:both;}
.container {padding-top:96px;}
.a-title {margin-bottom:30px;}
.a-title h2 {font-size: 30px; display:inline-block; vertical-align:top; font-weight: bold; color: #333; line-height: 36px; padding-bottom: 16px; position:relative;}
.a-title h2:before {content: ""; width:70px; height:2px; background-color: #2ac3dd; position:absolute; bottom:0}
.a-title h2:after {content: ""; width:70px; height:1px; background-color: #2ac3dd; position:absolute; bottom:4px;}
.a-title.a-left h2:before, .a-title.a-left h2:after {left:0;}
.a-title.a-center {text-align:center;}
.a-title.a-center h2:before, .a-title.a-center h2:after {left:0; right:0; margin: auto;}
.ck-form-row {margin: 0 -15px;}
.ck-form-row .ck-form-item {float:left; width:50%; padding: 0 15px; margin-bottom:20px;}

/* Header */ 
.header {padding: 8px 0; position: fixed; width: 100%; top: 0; left: 0; z-index: 1000000; background-color: #fff; box-shadow: 1px 0 3px 0px rgba(0, 0, 0, 0.25); min-width:310px;}
.header-wrap .logo {float:left;}
.header-wrap .logo a {display:block; width:80px; height: 80px; background-size:cover; background-image: url(../images/logo.svg);}
.header-wrap .mobile-menu {display:none; float:left; padding:4px 12px 4px 0; margin: 16px 0; cursor:pointer;}
.header-wrap .mobile-menu:before {content: ""; display:block; width:20px; height:20px; background-size:cover; background-image: url(../images/menu.svg);}
.header-wrap .header-right {float:right;}
.header-right .top-menu {float:left; margin-right:2px;}
.top-menu>ul>li {float:left; margin: 0 13px;}
.top-menu>ul>li>a {display:block; font-size:15px; line-height:24px; color:#373737; font-weight:bold; padding: 28px 0; position:relative;}
.top-menu>ul>li.active>a, .top-menu>ul>li:hover>a {color:#2ac3dd}
.top-menu>ul>li.simp {position:relative;}
.top-menu>ul>li.dropdown>a:before {content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #2ac3dd; position: absolute; bottom: -8px; right: 0; margin: auto; left: 0; opacity:0; z-index:1000;}
.top-menu>ul>li.selected>a:before {opacity:1;}
.sub-menu {display:none; position:absolute; left:0; z-index:999; width:260px}
.sub-menu .sub-menu-wrap {border-top:2px solid #2ac3dd; background-color:#fff; padding:10px; margin-top: 8px; box-shadow: 0 5px 5px 0 rgba(0,0,0,.03);}
.sub-menu ul {}
.sub-menu ul li {margin: 0 15px;}
.sub-menu ul li a {display:block; font-size:15px; line-height:20px; color:#373737; font-weight:bold; padding: 10px 0; position:relative;}
.sub-menu ul li .cat-image {float:left; width:40px; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.15); margin-right:10px; border-radius:6px; overflow:hidden;}
.sub-menu ul li .cat-image img {width:100%; display:block;}
.sub-menu ul li a span {overflow:hidden; display:table-cell; height:40px; vertical-align:middle;}
/* .sub-menu ul li a:hover {padding-left:10px;} */
/* .sub-menu ul li a:before {content: ""; position:absolute; left:-15px; width:10px; height:10px; display:block; background-size:cover; background-image: url(../images/arrow.svg); opacity:0; top:13px;} */
.sub-menu ul li a:hover {color:#2ac3dd}
.sub-menu ul li a:hover .cat-image {box-shadow: 0 0 1px 1px rgba(246, 142, 52, 0.53)}
/* .sub-menu ul li a:hover:before {opacity:1; left:-4px;} */
.mega .sub-menu {width:100%;}
.mega .sub-menu .sub-menu-wrap {width:100%; padding:20px 0;}
.mega .sub-menu .sub-menu-col {width:25%; float:left; border-left:1px solid #d9d9d9;}
.mega .sub-menu .sub-menu-col:first-child {border:0;}
.menu-close {display:none; position: absolute; right: 10px; top: 10px; width: 26px; height: 26px; background-image: url(../images/close.svg); background-size: cover; cursor: pointer;}
.header-right .h-right {float:left;border-left: 1px solid #b7b7b7; margin: 28px 0; padding-left:12px;}
.h-right .search-button {padding:4px 0; float:left;}
.h-right .search-button:before {content:""; width:16px; height:16px; background-image: url(../images/search.svg); cursor:pointer; display:block;}
.h-right .basket {margin-left:15px; float:left;}
.h-right .basket .basket-wrap {}
.h-right .basket .basket-wrap a {position:relative; cursor:pointer; padding:4px 0; display:block;}
.h-right .basket .basket-wrap a:before {content: ""; width:16px; height:16px; background-image: url(../images/basket.svg); display:block;}
.h-right .basket .basket-wrap span {width: 14px; height: 14px; background-color: #2ac3dd; border-radius: 50%; color: #fff; position: absolute; top: -3px; right: -6px; text-align: center; font-size: 11px; line-height:15px;}
.h-right .language {float:left; margin-left:17px; cursor:pointer; user-select:none;}
.h-right .language .current-language {position:relative; line-height:24px; font-size:15px; padding-left:18px; font-weight:bold; color:#373737; text-transform: uppercase;}
.h-right .language .current-language:before {content: ""; position:absolute; width:16px; height:16px; display:block; background-image: url(../images/language.svg); left:0; top:4px;}
.h-right .language .language-list {opacity:0; visibility:hidden; position: absolute; border: 1px solid #ccc; background-color: #fff; border-radius: 6px; padding: 2px 0;}
.h-right .language .language-list.l-open {opacity:1; visibility: visible;}
.language-list ul li {font-weight: bold; color: #373737; font-size: 15px; line-height: 18px; padding: 3px 10px;}

/* Fixed header */
.fixed .header {padding:4px 0;}
.fixed .header-wrap .logo a {width:50px; height:50px;}
.fixed .top-menu>ul>li>a {padding:13px 0;}
.fixed .header-right .h-right, .fixed .header-wrap .mobile-menu {margin:13px 0;}
.fixed .sub-menu .sub-menu-wrap {margin-top:4px;}
.fixed .top-menu>ul>li.dropdown>a:before {bottom:-4px;}

/* Fixed social */
.fixed-social {position:fixed; right:0; z-index:100000; height:120px; top:0; bottom:0; margin: auto;}
.fixed-social ul li {padding: 3px 0;}
.fixed-social ul li a {display:block; padding: 6px; border-top-left-radius:3px; border-bottom-left-radius:3px;}
.fixed-social ul li a:before {content: ""; width:22px; height:22px; background-size:cover; display:block;}
.fixed-social ul li.f-fb a {background-color:#3b5998;}
.fixed-social ul li.f-ins a {background-color:#c13584;}
.fixed-social ul li.f-wp a {background-color:#25d366;}
.fixed-social ul li.f-fb a:before {background-image: url(../images/f-fb.svg);}
.fixed-social ul li.f-ins a:before {background-image: url(../images/f-ins.svg);}
.fixed-social ul li.f-wp a:before {background-image: url(../images/f-wp.svg);}
.fixed-social ul li a:hover {background-color:#2ac3dd;}

/* Search panel */
.search-panel {position:absolute; top:0; bottom:0; width:100%; background-color:#fff; display:none;}
.search-panel .centered, .srt .centered {position:relative;}
.search-panel .search-panel-wrap, .search-panel .centered {height:100%; position:relative;}
.search-wrap {position:absolute; height:40px; top:0; bottom:0; margin: auto; left:0; right:40px;}
.search-wrap input {height: 100%; width: 100%; display: block; border: 2px solid #2ac3dd; background-color: #fff; padding: 0 36px 0 10px; font-size:16px; color:#000;}
.search-wrap button {position:absolute; top:0; bottom:0; margin: auto; right:10px; width:20px; height:20px; background-size:cover; background-image: url(../images/search.svg); border:0; background-color:transparent; cursor:pointer; opacity:0.6}
.search-close {position:absolute; right:0; top:0; bottom:0; width:30px; height:30px; background-image: url(../images/close.svg); background-size:cover; margin: auto; cursor:pointer;}
.search-open .search-panel {display: block;}
.search-results {position: absolute; top: 100%; right: 40px; left: 0; background-color: #fff; box-shadow: 1px 0 3px 0px rgba(0, 0, 0, 0.25);}
.search-results .s-item a {display:block;overflow:hidden; padding:10px;}
.s-item .s-item-image {width:90px; float:left; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.15); margin-right:15px;}
.s-item .s-item-image img {width:100%; display:block;}
.s-item .s-item-info {overflow:hidden;}
.s-item-info .s-item-title {font-size:20px; line-height:26px; font-weight:bold; color:#626060; margin-bottom:7px;}
.s-item-info .s-item-title span {color: #2ac3dd; padding-right: 10px;}
.s-item-info .s-item-category {color:#585656; font-weight:600; font-size:15px; line-height:19px;}
.search-results .s-item a:hover {background-color: #f1f1f1;}

/* Main slider */
.main-slider {position:relative;}
.main-slider-wrap .main-slider-item {background-size:cover; background-position: center center; padding-top: 36.8%; vertical-align:top;}
.main-slider-item .main-slider-text {position:absolute; top:0; bottom:0; left:0; right:0; z-index:10;}
.main-slider-text .mst-a {width: 100%; max-width: 1000px; table-layout: fixed; display: table; height: 100%; text-align: center; margin: 0 auto;}
.main-slider-text .mst-b {display:table-cell; height:100%; vertical-align:middle;}
.main-slider-text .mst-b span {display: inline-block; vertical-align: top; background-color: rgb(0,0,0, 0.46); font-size: 30px; line-height: 42px; color: #fff; font-weight: bold; text-shadow: 2px 2px 1px #000; padding: 10px;}
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slick-active .animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.main-slider-wrap .slick-arrow {position: absolute; top: 50%; font-size: 0; border: 0; padding: 7px; margin: 0; background-color: rgba(0, 0, 0, 0.43); border-radius: 3px; cursor: pointer; margin-top:-17px; z-index:999999; opacity:0;}
.main-slider-wrap .slick-arrow.slick-next {right:15px;}
.main-slider-wrap .slick-arrow.slick-prev {left:15px;}
.main-slider-wrap .slick-arrow:before {content: ""; display:block; width:20px; height:20px; background-size:cover; }
.main-slider-wrap .slick-arrow.slick-next:before {background-image: url(../images/next.svg);}
.main-slider-wrap .slick-arrow.slick-prev:before {background-image: url(../images/prev.svg);}
.main-slider-wrap:hover .slick-arrow {opacity:1;}
.m-dots {position:absolute; width:100%;text-align:center; bottom:15px;}
.m-dots .slick-dots {display:inline-block; vertical-align:top;} 
.m-dots .slick-dots li {float:left; margin: 0 5px;}
.m-dots .slick-dots li button {cursor: pointer; margin: 0; padding: 0; font-size: 0; width: 12px; height: 12px; border-radius: 50%; border: 0; background-color: #ffd6b4; border:1px solid #2ac3dd}
.m-dots .slick-dots li.slick-active button {background-color:#2ac3dd;}

/* Slick slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block; width:100%;}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;}
.slick-arrow.slick-hidden{display:none}

/* About panel */
.about-panel {padding:50px 0;}
.about-panel .a-title {margin-bottom:22px;}
.about-panel .about-panel-wrap {position:relative;}
.about-panel-wrap .about-panel-text {width:50%;}
.about-panel-text .ab-text {font-size: 16px; line-height: 24px; color:#373737;}
.about-panel-text .ab-text p {margin-bottom:10px;}
.about-panel-text .ab-button {margin-top:20px;}
.about-panel-text .ab-button a {display: inline-block; font-size: 15px; background-color: #2ac3dd; vertical-align: top; color: #fff; padding: 3px 10px; line-height: 24px; border-radius: 2px;}
.about-panel-wrap .about-panel-image {position: absolute; right: 0; top: 0; height: 100%; width:50%; padding: 0 0 0 50px}
.about-panel-image .ab-image {width:100%; height:100%; background-size:cover; background-position: 0 0; position:relative; min-height: 340px;} 
/* .about-panel-image .ab-image:after {content: ""; position:absolute; width:100%; height:100%; right:-20px; background-color:#e6e6e6; top:-20px; z-index:-1;} */

/* Works panel */
.works-panel {padding: 50px 0; background-color: #f4f4f4;}
.works-panel-wrap {margin: 0 -10px;}
.works-panel-wrap .wp-item {float:left; padding:0 10px; width:25%;}
.works-panel-wrap .wp-item a {border: 4px solid #fff; box-shadow: 0px 4px 10px 0px rgba(230,230,230,1); display:block;}
.wp-item .wp-item-image {overflow:hidden;}
.wp-item .wp-item-image img {width:100%; display:block;}
.wp-item .wp-title {background-color: #ffffff; text-align: center; font-weight: 600; padding: 12px 10px; font-size: 18px; line-height: 24px; color: #373737; border-bottom: 1px solid #2ac3dd; position:relative;}
.wp-item .wp-title span {position:relative; z-index:10;}
.wp-item .wp-title:before {content: ""; height:0; position:absolute; width:100%; background-color:#2ac3dd; top:0; left:0;}
.works-panel-wrap .wp-item a:hover .wp-item-image img {-webkit-transform: scale3D(1.1,1.1,1); transform: scale3D(1.1,1.1,1);}
.works-panel-wrap .wp-item a:hover .wp-title{color:#fff;}
.works-panel-wrap .wp-item a:hover .wp-title:before {height:100%;}

/* Catalog */
.catalog {padding:50px 0; background-image: url(../images/p/catalog-bg.jpg); background-size:cover; background-attachment: fixed;  border-bottom: 10px solid #CCC}
.catalog .a-title h2 {color:#fff;}
.catalog .ct-text {text-align: center; font-size: 18px; line-height: 24px; color: #dbdbdb; margin-bottom: 50px;}
.catalog-wrap {margin: 0 -10px; overflow:hidden;}
.catalog-wrap .catalog-item {width:25%; float:left; padding: 0 10px;}
.catalog-item .catalog-a {text-align: center; background-color: rgba(250, 250, 250, 0.9); padding: 20px 10px; border-top: 3px solid #2ac3dd;}
.catalog-a .ct-title {color: #373737; font-weight:bold; font-size:19px; line-height:24px; margin-bottom:20px;}
.catalog-a .ct-button a {background-color: #2ac3dd; color: #fff; display: inline-block; vertical-align: top; padding: 4px 15px 4px 35px; font-size: 14px; line-height: 20px; border-radius: 2px; position:relative;}
.catalog-a .ct-button a:before {content: ""; width: 14px; height: 14px; position: absolute; left: 15px; background-image: url(../images/download.svg); background-size: cover; top: 0; bottom: 0; margin: auto;}

/* Footer */ 
.footer {background-color:#323232;}
.footer-wrap {}
.footer-wrap .footer-top {padding:44px 0;}
.footer-top .f-col-wrap {overflow:hidden;}
.f-col-wrap .f-col {float:left; width: 25%; text-align:center; padding:0 10px; border-right: 1px solid #838383;}
.f-col-wrap .f-col:last-child {float:right; width:24%; border-right:0; padding-left:10px;}
.f-col .f-left-icon {display:inline-block; vertical-align:top; margin-bottom:16px;}
.f-col .f-left-icon i {float:left; width:38px; height:38px; background-size:cover; display:block; margin: 0 10px;}
.f-col .f-left-icon i.email {background-image: url(../images/email.svg?v1);}
.f-col .f-left-icon i.whatsapp {background-image: url(../images/whatsapp.svg?v1);}
.f-col .f-left-icon i.telegram {background-image: url(../images/telegram.svg?v1);}
.f-col .f-left-icon i.viber {background-image: url(../images/viber.svg?v1);}
.f-col .f-left-icon i.location {background-image: url(../images/location.svg?v1);}
.f-col h3 {font-size: 16px; line-height: 22px; color: #2ac3dd; margin: 0 0 16px 0;}
.f-col span {display: block; color: #ccc; font-size: 17px; line-height: 21px;}
.f-social ul li {text-align:left;}
.f-social ul li:first-child {margin-bottom:22px;}
.f-social ul li a {position: relative; line-height: 36px; display: block; padding: 0 0 0 50px; font-size: 18px; color: #ccc;}
.f-social ul li a:before {content: ""; display:block; width:36px; height:36px; background-size:cover; position:absolute; left:0; top:0;}
.f-social ul li.fb a:before {background-image: url(../images/fb.svg?v1);}
.f-social ul li.ins a:before {background-image: url(../images/ins.svg?v1);}
.footer .footer-bottom {background-color: #222121}
.footer-bottom .footer-bottom-wrap {text-align: center; color: #ccc; font-size: 14px; line-height: 18px; padding: 10px;}

/* Page top */
.page-top {position:relative; box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.15); overflow:hidden; background-color:#f5f5f5;}
.page-top .page-top-a {float:left; padding:15px 0 10px 0; position:relative; z-index:1;}
.page-top .page-title {color:#262626; font-size:32px; line-height:38px; margin-bottom:10px; font-weight:600;}
.page-top .speedbar {overflow:hidden;}
.speedbar span {font-size:16px; line-height:22px; color:#7d7d7d; float:left; padding-left:22px; position:relative; margin-bottom:5px;}
.speedbar span:before {content: ""; display: block; width: 10px; height: 10px; background-size: cover; position: absolute; top: 0; bottom: 0; left: 6px; margin: auto; background-image: url(../images/speedbar.svg?v2);}
.speedbar span.home {padding-left:18px;}
.speedbar span.home:before {width:12px; height:12px; background-image: url(../images/home.svg?v1); left:0;}
.speedbar span a {display:block; color:#262626;}

/* Products */
.products {padding:40px 0;}
.products.mn {padding:50px 0 20px; background-color: #f4f4f4;}
.products .sub-cats {margin-bottom:20px; text-align:center;}
.products .sub-cats .sub-cats-wrap {display:inline-block; vertical-align:top;}
.sub-cats-wrap .sub-item {float:left; margin: 0 8px 16px;}
.sub-cats-wrap .sub-item a {display: block; background-color: #ededed; font-weight: 600; font-size: 16px; line-height: 24px; padding: 5px 15px; border-radius: 4px; color:#222;}
.sub-cats-wrap .sub-item.active a {background-color: #2ac3dd; color:#fff;}
.products .products-wrap {margin: 0 -15px;} 
.products-wrap .product-item {width: 25%; float:left; padding: 0 15px 30px; position:relative;} 
.products-wrap .product-item .pdm {position:relative; overflow:hidden; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.15); border-radius:6px; overflow:hidden;}
.products-wrap .product-item .pdm>a {display:block; overflow:hidden;}
.product-item .product-image {position:relative;}
.product-item .product-image:after {content: ""; opacity: 0; display: block; background-color: rgba(230, 230, 230, 0.64); position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.product-item .product-image img {width:100%; display:block;}
.product-item .product-info {overflow: hidden; padding: 0 10px; background-color: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.15);}
.product-info .product-title {color:#626060; font-size:17px; line-height:24px; padding:8px 0; font-weight:bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.product-title span {color:#2ac3dd; padding-right:10px;}
.product-info .product-size {padding: 7px 0; font-size: 14px; line-height: 20px; border-top:1px solid #ddd; color:#6e6e6e;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.product-size span {padding-right:6px;}
.product-info .product-price {padding: 5px 0; border-top:1px solid #ddd;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 18px; font-weight: 600; line-height: 24px; color: #2ac3dd;}
.product-item .product-extra {}
.product-extra a {width:130px; display: block; position: absolute; background-color: #2ac3dd; color: #fff; border-radius: 3px; padding: 5px 5px 5px 32px; font-size: 16px; line-height: 18px; top:50%;}
.product-extra a:before {content: ""; width:14px; height:14px; top:0; left: 10px; background-size:cover; display:block; position:absolute; bottom:0; margin:auto;}
.product-extra a.p-details {margin:-70px 0 0 -65px; left:-65px;}
.product-extra a.p-basket {margin:-26px -65px 0 0; right:-65px;}
.product-extra a.p-details:before {background-image: url(../images/details.svg?V1);}
.product-extra a.p-basket:before {background-image: url(../images/basket2.svg);}
.products-wrap .product-item .pdm:hover .product-image:after {opacity: 1;}
.products-wrap .product-item .pdm:hover .product-extra a.p-details {left:50%;}
.products-wrap .product-item .pdm:hover .product-extra a.p-basket {right:50%;}
.product-extra a:hover {background-color:#6e6e6e;}

/* Modal */
.openmodal {overflow: hidden; margin-right: 17px;}
.modal {display: none; min-width: 300px; position: fixed; z-index: 9999999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.6); overflow-y: auto;}
.modal-wrap {position: relative; display: table; height: 100%; padding: 20px 0; margin: 0 auto; -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; table-layout:fixed;}
.modal-wrap .modal-content {display: table-cell; vertical-align: middle; height: 100%;}
.modal-wrap .modal-content .modal-a {position:relative;}
.x-close {position:absolute; right:-12px; top:-12px; border-radius:50%; background-color:#fff; cursor:pointer; padding:4px; box-shadow: rgba(51, 51, 51, 0.13) 0px 4px 12px 0px; z-index:100;}
.x-close:before {content: ""; width:24px; height:24px; display:block; background-size:cover; background-image: url(../images/close.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}
}

/* Product modal */
.product-a {background-color:#fff; width:940px; max-width:100%; border-radius:4px; overflow:hidden;}
.m-head {background-color:#ececec; color:#686868; font-weight:600; padding:16px; font-size:20px;}
.m-content {padding:16px;}
.m-content .m-content-left {width:55%; float:left; padding-right:20px;}
.m-content-left .m-content-gallery {box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.15); margin-bottom:20px;}
.m-content-gallery .m-content-image {position:relative; vertical-align:top;}
.m-content-gallery .m-content-image i {position:absolute; display:block; bottom:10px; right:10px; background-color: rgba(255,255, 255, 0.83); padding:5px; border-radius:5px;}
.m-content-gallery .m-content-image i:after {content: ""; display:block; width:24px; height:24px; background-image: url(../images/zoom.svg?v2);}
.m-content-gallery .m-content-image img {width:100%; display:block;}
.m-content-gallery .slick-arrow {position: absolute; top: 50%; font-size: 0; border: 0; padding: 12px; margin: 0; background-color: rgba(0, 0, 0, 0.33); border-radius: 3px; cursor: pointer; margin-top:-22px; z-index:999999;}
.m-content-gallery .slick-arrow.slick-next {right:0; border-top-right-radius:0; border-bottom-right-radius:0;}
.m-content-gallery .slick-arrow.slick-prev {left:0; border-top-left-radius:0; border-bottom-left-radius:0;}
.m-content-gallery .slick-arrow:before {content: ""; display:block; width:20px; height:20px; background-size:cover; }
.m-content-gallery .slick-arrow.slick-next:before {background-image: url(../images/next.svg);}
.m-content-gallery .slick-arrow.slick-prev:before {background-image: url(../images/prev.svg);}
.product-thumbs {margin: 0 -11px;}
.product-thumbs ul li {float:left; padding: 0 11px; width:33.333333333%;}
.product-thumbs.two ul li {width:50%;}
.thumbnails {box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.15); cursor:pointer; padding: 4px; height: 80px;}
.product-thumbs ul li.slick-active .thumbnails {box-shadow: 0 0 1px 1px rgb(245,130,31, 0.4)}
.thumbnails img {height:100%; margin: 0 auto; display:block;}
.m-content .m-content-right {float:left; width:45%;}
.m-content-right .m-product-title {font-weight:bold; color:#5e5d5d; font-size:26px; line-height:32px; margin-bottom:20px;}
.m-content-right .m-product-title span {color:#2ac3dd}
.m-content-right .m-product-detail {font-size: 16px; line-height: 24px; color: #727272; min-height:240px; margin-bottom:20px;}
.m-product-buttons {}
.m-content-right .m-product-detail .product-price {font-size: 22px; font-weight: 600; line-height: 26px; margin: 10px 0; color: #2ac3dd;}
.m-product-detail .product-colors {overflow:hidden; margin: 5px 0 12px}
.product-colors .product-color {float:left; margin-right:12px;}
.product-colors .product-color input {display:none;}
.product-colors .product-color label {display:block; width: 26px; height:26px; border:2px solid #e0e3e4; cursor:pointer; border-radius:50%; transition: all .15s ease-in-out;}
.product-color input:checked + label {border-color:#2ac3dd;}
.f-black.product-color label {background-color: #000;}
.f-gold.product-color label {background-color: #fddf0d;}
.m-product-buttons .mpb {margin-bottom:15px;}
.mpb a {display: block; text-align: center; color: #fff; font-weight: 600; font-size: 16px; line-height: 24px; border-radius: 4px; padding: 5px 10px;}
.mpb.whatsapp a {background-color:#25d366;}
.mpb.basket a {background-color:#2ac3dd;}
.mpb a span {display:inline-block; vertical-align:top; position:relative; padding-left:26px;}
.mpb a span:before {content: ""; display:block; width:20px; height:20px; position:absolute; left:0; top:2px; background-size:cover; }
.mpb.whatsapp a span:before {background-image: url(../images/e-whatsapp.svg?v1);}
.mpb.basket a span:before {background-image: url(../images/e-basket.svg?V1);}
.n-button {position: absolute; top: 0; bottom: 0; margin: auto; width: 56px; height: 56px; opacity: 0.9;}
.n-button a {display:block;}
.n-button a:before {content:""; display:block; background-size: cover;  width: 56px; height: 56px;}
.n-button span {display:none;}
.n-button.n-prev {left:-80px;}
.n-button.n-prev a:before {background-image: url(../images/n-prev.svg);}
.n-button.n-next {right:-80px;}
.n-button.n-next a:before {background-image: url(../images/n-next.svg);}

/* Gallery */
@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: normal;font-variant: normal;text-transform: none;line-height: 1;/* Better Font Rendering =========== */-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; background:none; border:0;}
.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;}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {pointer-events: none;opacity: 0.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";}
.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 0.2s linear;-o-transition: color 0.2s linear;transition: color 0.2s linear;}
.lg-toolbar .lg-icon:hover {color: #FFF;}
.lg-toolbar .lg-close:after {content: "\e070";}
.lg-toolbar .lg-download:after {content: "\e0f2";}
#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 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.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 .lg-thumb-outer {background-color: #0D0A0A;bottom: 0;position: absolute;width: 100%;z-index: 1080;max-height: 350px;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {cursor: -webkit-grab;cursor: -moz-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab;}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {cursor: move;cursor: -webkit-grabbing;cursor: -moz-grabbing;cursor: -o-grabbing;cursor: -ms-grabbing;cursor: grabbing;}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {-webkit-transition-duration: 0s !important;transition-duration: 0s !important;}
.lg-outer.lg-thumb-open .lg-thumb-outer {-webkit-transform: translate3d(0, 0%, 0);transform: translate3d(0, 0%, 0);}
.lg-outer .lg-thumb {padding: 10px 0;height: 100%;margin-bottom: -5px;}
.lg-outer .lg-thumb-item {border-radius: 5px;cursor: pointer;float: left;overflow: hidden;height: 100%;border: 2px solid #FFF;border-radius: 4px;margin-bottom: 5px;}
@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {-webkit-transition: border-color 0.25s ease;-o-transition: border-color 0.25s ease;transition: border-color 0.25s ease;}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {border-color: #a90707;}
.lg-outer .lg-thumb-item img {width: 100%;height: 100%;object-fit: cover;}
.lg-outer.lg-has-thumb .lg-item {padding-bottom: 120px;}
.lg-outer.lg-can-toggle .lg-item {padding-bottom: 0;}
.lg-outer .lg-toogle-thumb {background-color: #0D0A0A;border-radius: 2px 2px 0 0;color: #999;cursor: pointer;font-size: 24px;height: 39px;line-height: 27px;padding: 5px 0;position: absolute;right: 20px;text-align: center;top: -39px;width: 50px;}
.lg-outer .lg-toogle-thumb:after {content: "\e1ff";}
.lg-outer .lg-toogle-thumb:hover {color: #FFF;}
.lg-outer .lg-caret {border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px dashed;bottom: -10px;display: inline-block;height: 0;left: 50%;margin-left: -5px;position: absolute;vertical-align: middle;width: 0;}
.group:after {content: "";display: table;clear: both;}
.lg-outer {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 10000050;opacity: 0;-webkit-transition: opacity 0.15s ease 0s;-o-transition: opacity 0.15s ease 0s;transition: opacity 0.15s ease 0s;}
.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: 0s !important;transition-duration: 0s !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 0.15s ease 0s;-o-transition: opacity 0.15s ease 0s;transition: opacity 0.15s ease 0s;}
.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-fullscreen:after {content: "\e20c";}
.lg-fullscreen-on .lg-fullscreen:after {content: "\e20d";}
.lg-backdrop {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10000040;background-color: #000;opacity: 0;-webkit-transition: opacity 0.15s ease 0s;-o-transition: opacity 0.15s ease 0s;transition: opacity 0.15s ease 0s;}
.lg-backdrop.in {opacity: 1;}
.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-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 0.1s ease 0s;-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;}
.lg-outer .lg-video-cont {display: inline-block;vertical-align: middle;max-width: 1140px;max-height: 100%;width: 100%;padding: 0 5px;}
.lg-outer .lg-video {width: 100%;height: 0;padding-bottom: 56.25%;overflow: hidden;position: relative;}
.lg-outer .lg-video .lg-object {display: inline-block;position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}
.lg-outer .lg-video .lg-video-play {width: 84px;height: 59px;position: absolute;left: 50%;top: 50%;margin-left: -42px;margin-top: -30px;z-index: 1080;cursor: pointer;}
.lg-outer .lg-has-iframe .lg-video {-webkit-overflow-scrolling: touch;overflow: auto;}
.lg-outer .lg-has-html5 .lg-video-play {background: transparent url("../images/video-play.png") no-repeat scroll 0 0;height: 64px;margin-left: -32px;margin-top: -32px;width: 64px;opacity: 0.8;}
.lg-outer .lg-has-html5:hover .lg-video-play {opacity: 1;}
.lg-outer .lg-has-youtube .lg-video-play {background: url("../images/youtube-play.png") no-repeat scroll 0 0 transparent;}
.lg-outer .lg-video-object {width: 100% !important;height: 100% !important;position: absolute;top: 0;left: 0;}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {display: none;}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {visibility: visible;}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1;} 
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s; }
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; }
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; }
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
#lg-zoom-in:after {content: "\e311";}
#lg-actual-size {font-size: 20px;}
#lg-actual-size:after {content: "\e033";}
#lg-zoom-out {opacity: 0.5;pointer-events: none;}
#lg-zoom-out:after {content: "\e312";}
.lg-zoomed #lg-zoom-out {opacity: 1;pointer-events: auto;}

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

/* Alert */
.alert {position: relative; padding: 12px 20px; margin-bottom: 25px; border: 1px solid transparent; border-radius:3px; font-size:17px; line-height:26px;}
.alert.alert-danger {color: #8b0c12; background: #dfc4c4; border-color: rgba(253, 197, 195, 0.3);}
.alert.alert-success {color: #05592b; background: #ebf1ed; border-color: rgba(188, 231, 199, 0.3); width: 600px; font-weight: 600; font-size:20px;}
.alert-heading {font-size:19px; margin-bottom:10px; line-height:28px;}
.search-n { font-size: 18px; line-height: 24px; margin-bottom: 20px; }
.message.success {display:block;}
.modal-wrap .alert {margin: 0;}

/* Contact */
.contact {padding:40px 0;}
.contact-wrap .contact-cols {margin: 0 -15px;}
.contact-cols .contact-col {padding: 0 15px 30px; margin-top:24px;}
.contact-col .cc-col {border-radius:4px; background-color:#fff; padding:0 10px 5px 10px; box-shadow: 0 0 4px 1px rgb(0, 0, 0, 0.28); text-align:center;}
.contact-col .cc-col .cc-icon {display: block; margin: 0 auto 0; border-radius: 50%; box-shadow: 0 0 4px 1px rgb(0, 0, 0, 0.28); width: 100px; height: 100px; position: relative; top: -24px; background-color: #fff; padding:24px;}
.contact-col .cc-col .cc-icon:before {content: ""; display:block; width:52px; height:52px; background-size:cover;}
.cc-col.office .cc-icon:before {background-image: url(../images/office.svg);}
.cc-col.manager .cc-icon:before {background-image: url(../images/manager.svg);}
.cc-col.address .cc-icon:before {background-image: url(../images/address.svg);}
.cc-col .cc-title {font-weight: 600; font-size: 20px; line-height: 24px; margin-top: -4px; color: #333; margin-bottom:15px;}
.cc-col .cc-b {min-height: 68px;}
.cc-col .cc-z {display:inline-block; vertical-align:top;}
.cc-col .cc-a {overflow:hidden; display:inline-block; vertical-align:top;margin-bottom:10px;}
.cc-col .cc-z .cc-a {display:block;}
.cc-col .cc-a i{float:left; margin:2px 10px 2px 0; width:20px; height:20px; display:block; background-size:cover;}
.cc-a .c-wp {background-image: url(../images/s-wp.svg);}
.cc-a .c-vb {background-image: url(../images/s-vb.svg);}
.cc-a .c-tg {background-image: url(../images/s-tg.svg);}
.cc-col .cc-a span {overflow:hidden; font-size:18px; line-height:24px;}
.contact-shops {border-radius: 4px; background-color: #fff; padding: 20px; box-shadow: 0 0 4px 1px rgb(0, 0, 0, 0.28); margin-bottom: 30px; font-size: 18px; line-height: 24px;}
.contact-social {text-align:center; margin-bottom:10px;} 
.contact-social .c-social-wrap {display:inline-block; vertical-align:top; margin: 0 -10px;}
.c-social-wrap .c-social-item {float:left; padding: 0 10px 20px;}
.c-social-item a {display:block; overflow:hidden; padding: 10px 20px 10px 50px; position:relative; font-size:16px; line-height:20px; color:#fff; font-weight:600; border-radius:20px; overflow:hidden;}
.c-social-item.mail a{background-color: #6b6b6b}
.c-social-item.fcb a{background-color:#3b5998}
.c-social-item.ins a{background-color: #c13584}
.c-social-item i {position:absolute; display:block; left:20px;}
.c-social-item i:before {content: ""; display:block; width:20px; height:20px; background-size:cover;}
.c-social-item.fcb i:before {background-image:url(../images/f-fb.svg);}
.c-social-item.ins i:before {background-image:url(../images/f-ins.svg);}
.c-social-item.mail i:before {background-image:url(../images/mail.svg);}
#map {height: 360px; width: 100%;}

/* About */
.about {padding:40px 0;}
.about p {margin-bottom:15px; font-size:16px; line-height:24px;}
.about img {max-width:100%;}
.about img.left {margin-right:20px;}

/* Cart */
.cart  {padding:40px 0;}
.cart-v {}
.x-table {overflow-y:hidden; margin-bottom:15px;}
.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: 10px; font-size: 17px; line-height:22px; vertical-align: middle; text-align:center;}
.x-table ul li:first-child {text-align:left;}
.x-table .x-table-head {border-bottom:0;}
.x-table .x-table-head li {font-weight: 600; color: #fff; background-color: #2ac3dd; line-height: 24px; padding: 7px 10px; white-space: nowrap;}
.p-link {display: inline-block; vertical-align: top;}
.p-image {width:80px; height:80px; margin: 5px 15px 5px 0; float: left; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.15);}
.p-image img {width:100%; display:block;}
.p-name {overflow: hidden;}
.p-name .p-name-a {display: table-cell; vertical-align: middle; font-weight: 600; color: #626060; height: 90px;}
.p-name .p-name-a span {color: #2ac3dd; padding-right: 10px;}
.p-color {color: #727272; font-weight: normal; font-size: 14px; line-height: 16px; margin-top: 5px;}
.x-actions i {display: inline-block; vertical-align: top; width: 18px; height: 18px; background-size: cover; background-image: url(../images/trash-red.svg); cursor:pointer;}
.mw-250 {min-width: 250px;}
.mw-100 {min-width: 100px;}
.mw-80 {min-width: 80px;}
.w-150 {width: 150px;}
.w-100 {width: 100px;}
.empty-cart {text-align: center; font-size: 22px; font-weight: 600; color: #2ac3dd; line-height: 30px; padding: 80px 20px; border: 1px solid #2ac3dd;}
.quant {width:100px; position:relative; margin:0 auto;}
.quant .p-a {position: absolute; top: 0; bottom: 0; margin: auto; cursor: pointer; padding:9px;}
.quant .p-a:before {content: ""; display:block;width: 12px; height: 12px; background-size: cover;}
.quant .p-a.minus {left:0;}
.quant .p-a.plus {right:0;}
.quant .p-a.minus:before {background-image: url(../images/minus.svg?v1);}
.quant .p-a.plus:before {background-image: url(../images/plus.svg?v1);}
.quant input {padding: 0 30px; background-position: 100% 0; background-repeat: no-repeat; line-height: 28px; height: 30px; font-size: 17px; color: #343e5c; font-weight: 600; width:100%; display:block; border-radius: 5px; border: 1px solid rgb(42 195 221 / 50%); background-color: #fff; text-align:center;}
.x-table-info {overflow:hidden; margin-bottom:50px;}
.x-table-info .delete-carts {float: right; position: relative; border: 1px solid #ccc; color: #737373; font-size: 16px; line-height: 24px; padding: 5px 15px 5px 36px; cursor: pointer; margin-left: 10px;}
.x-table-info .delete-carts:before {content: ""; position:absolute; left:15px; top:0; bottom:0; margin: auto;width: 16px; height: 16px; background-size: cover; background-image: url(../images/trash.svg); cursor: pointer;}
.x-table-info .all-d {overflow: hidden; background-color: #f5f5f5; padding: 6px 10px; font-size: 16px; line-height: 24px; color: #424242}
.all-d b {font-weight:600;}
.cart-v .a-title.a-center h2 {font-size:26px; line-height:30px; padding-bottom:12px;}
.ck-form-row {margin: 0 -15px;}
.ck-form-row .ck-form-item {float:left; width:50%; padding: 0 15px; margin-bottom:20px;}
.ck-form-item label {font-size: 16px; font-weight: 600; color: #717171; margin-bottom: 3px; display: block;}
.ck-form-item input {display: block; width: 100%; border: 2px solid #cecece; font-size: 16px; line-height: 24px; padding: 6px 10px; border-radius:6px;}
.ck-form-item input:focus {border-color:#2ac3dd;}
.ck-button {text-align:center; margin-top:10px;}
.ck-button button {display: inline-block; vertical-align: top; font-size: 16px; background-color: #2ac3dd; border: 0; color: #fff; padding: 6px 20px; border-radius: 18px; cursor: pointer; font-weight: 600;}
.ck-button button i {display:block; width:24px; height:24px; background-size:cover; background-image: url(../images/spin.svg); margin: 0 50px;}
.ck-form-check {margin-bottom:20px;}
.lp-check label {position:relative;  line-height:16px; font-size:14px; color: #717171; padding-left:24px; cursor:pointer; display:block;}
.lp-check label:before {content: ""; position:absolute; left:0; top:0; width: 14px; height: 14px; border-radius: 2px; border: 1px solid #282828; display:block;}
.lp-check label:after {content: none; position:absolute; left:0; top:0; width: 16px; height: 16px; display:block; background-size:cover; background-image: url(../images/check.svg); z-index:10;}
.lp-check input {display:none;}
.lp-check input:checked ~ label:after {content:""}

/* Message modal */
#message {z-index: 99999999;}
.message { display: none; min-width: 300px; position: fixed; z-index: 999999999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.6); overflow-y: auto;}
.openmessage {overflow: hidden; margin-right: 17px;}
.x-message {background-color:#fff; width:600px; max-width:100%; border-radius:4px; overflow:hidden;}
.x-message-text {padding:15px; font-size: 20px; line-height: 26px; font-weight: 600; background-color: #fff; color:#65b967; border-bottom:1px solid #ccc;}
.m-close {position:absolute; right:-12px; top:-12px; border-radius:50%; background-color:#fff; cursor:pointer; padding:4px; box-shadow: rgba(51, 51, 51, 0.13) 0px 4px 12px 0px; z-index:100;}
.m-close:before {content: ""; width:24px; height:24px; display:block; background-size:cover; background-image: url(../images/close.svg);}
.x-m-buttons {overflow:hidden; padding:15px 15px 0 15px;}
.x-m-buttons .x-b {border: 1px solid #b8b8b8; font-size: 16px; line-height: 24px; border-radius: 4px; padding: 5px 15px; display:block;}
.x-m-buttons .x-m-ct {float: left; background-color: #f5f5f5; font-weight: 600; cursor: pointer; color: #4b4b4b; margin-bottom:15px;}
.x-m-buttons .x-m-bt {float: right; border-color: #2ac3dd; background-color: #2ac3dd; font-weight: 600; cursor: pointer; color: #fff; margin-bottom:15px;}