@charset "UTF-8";
.compare_list ul li .over:after,.copyright #ham3d .ham3d,.icons-ar,.icons-arrowUp,.icons-ham3d,.icons-ham3d2,.icons-hand,.icons-icon0,.icons-icon46,.icons-magnifier_scroll,.icons-play,.icons-quote1,.icons-quote2,.icons-sprite,.icons-triangle,.m_table_scroll_alert .scroll_alert .icon_hand,.magnifier-lens:after,.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left ul li:after,.quote:after,.quote:before,.videoBox .videoBoxPlay:after {
  background-image:url(../images/icons-s32b8095815.png);
  background-repeat:no-repeat
}
.icons-ar {
  background-position:0 0;
  height:9px;
  width:15px
}
.icons-arrowUp {
  background-position:0 -9px;
  height:9px;
  width:17px
}
.icons-ham3d {
  background-position:0 -18px;
  height:30px;
  width:30px
}
.copyright #ham3d .ham3d,
.icons-ham3d2 {
  background-position:0 -48px;
  height:20px;
  width:19px
}
.icons-hand,
.m_table_scroll_alert .scroll_alert .icon_hand {
  background-position:0 -68px;
  height:18px;
  width:14px
}
.compare_list ul li .over:after,
.icons-icon0 {
  background-position:0 -86px;
  height:13px;
  width:22px
}
.icons-icon46,
.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left ul li:after {
  background-position:0 -99px;
  height:25px;
  width:15px
}
.icons-magnifier_scroll,
.magnifier-lens:after {
  background-position:0 -124px;
  height:35px;
  width:25px
}
.icons-play,
.videoBox .videoBoxPlay:after {
  background-position:0 -159px;
  height:80px;
  width:80px
}
.icons-quote1,
.quote:before {
  background-position:0 -239px;
  height:68px;
  width:88px
}
.icons-quote2,
.quote:after {
  background-position:0 -307px;
  height:68px;
  width:88px
}
.icons-triangle {
  background-position:0 -375px;
  height:6px;
  width:15px
}
* {
  outline:0 dotted
}
#cd_cart #remove_comp:after,
#userpanel .userpanel__sidebar ul li a:after,
.basketBoxAddress .more:before,
.basketBoxSendItem .item .itm:after,
.blcCategories ul li.moreLvl>a span:after,
.block.toggleBlock .blockTitle span:after,
.boxAddressItem .item .itm .delete:before,
.boxAddressItem .item .itm .edit:before,
.boxAddressItem .item .itm:after,
.cd-cart-items li .remove:before,
.chb label span:before,
.content #sidebar_toggle:before,
.ff,
.filter_view>a:after,
.mobileMenu .masehMenu #mobileMenu li a.hasChildren:not(:only-child):after,
.mobileMenu .masehMenu #mobileMenu li a:not(:only-child):after,
.mobileMenu .masehMenu .mobileMenu__title .mobileMenu__title--close:after,
.modal .modal-close:after,
.nums .minus:after,
.nums .plus:after,
.rdl label span:before,
.select2.select2-container--default .select2-selection--single .select2-selection__arrow:after,
.send_cm_list ul li .send_cm_list--bottom .send_cm_list--rate .send_cm_list--rateLike:after,
.slick-next:after,
.slick-prev:after {
  display:inline-block;
  font-family:Material-Design-Iconic-Font;
  -webkit-font-feature-settings:normal;
  font-feature-settings:normal;
  -webkit-font-kerning:auto;
  font-kerning:auto;
  -webkit-font-language-override:normal;
  font-language-override:normal;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-synthesis:weight style;
  font-variant:normal;
  text-rendering:auto
}
body {
  font-family:Ham3d;
  padding:0!important;
  overflow-x:hidden!important;
  background:#fff;
  font-size:14px
}
body.overflow_hidden {
  overflow-y:hidden!important
}
.tooltip .tooltip-inner {
  font-family:Ham3d;
  font-size:13px;
  padding-bottom:5px;
  word-wrap:none-break;
  min-width:70px;
  padding-top:5px;
  text-align:center
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin:0
}
ol,
p,
ul {
  margin-bottom:0
}
.container-fluid {
  padding-left:10px;
  padding-right:10px;
  overflow:hidden
}
.container {
  padding-left:10px;
  padding-right:10px
}
.row {
  margin-left:-10px;
  margin-right:-10px
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  padding-left:10px;
  padding-right:10px
}
a {
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
a:hover {
  outline:0!important;
  text-decoration:none
}
a:focus {
  outline:0!important;
  text-decoration:none
}
button:hover,
span:hover {
  outline:0!important
}
button:focus,
span:focus {
  outline:0!important
}
img,
svg {
  max-width:100%;
  height:auto
}
.poss {
  position:static!important
}
.posr {
  position:relative!important
}
.mirror {
  -webkit-transform:scale(-1,1);
  transform:scale(-1,1);
  display:inline-block
}
.clear {
  content:"";
  display:table;
  clear:both
}
.compare_list ul li .over:after,
.copyright #ham3d .ham3d,
.like_unlike a:before,
.m_table_scroll_alert .scroll_alert .icon_hand,
.quote:after,
.quote:before,
.spr,
.videoBox .videoBoxPlay:after {
  display:block;
  content:""
}
.more_dots {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.cj {
  text-align:justify;
  -moz-text-align-last:center;
  text-align-last:center
}
.chb label,
.mobileMenu .masehMenu .mobileMenu__title,
.ns,
.rdl label,
.sizeWrap li label>div {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.c1,
.cd-cart-items li .count,
.select_box .btn.active i,
.select_box .btn:active i,
a,
body {
  color:#000
}
.btn:focus,
.btn:hover,
.c2,
.cd-cart-items li .time_offer .time_offer_bottom,
.cd-cart-items li .time_offer .time_offer_top .time_offer_top_left,
.cd-cart-items li .time_offer .time_offer_top .time_offer_top_right,
.closeSearchModal,
.compare_list .compare_btn,
.copyright #copyright,
.copyright #copyright a,
.copyright #ham3d a,
.copyright #ham3d p,
.modal .modal-close:hover:after,
.modal#searchModal .modal-content .searchModal_content,
.paginationContainer .pagination li.active a,
.paginationContainer .pagination li.active a i:before,
.paginationContainer .pagination li:hover a,
.paginationContainer .pagination li:hover a i:before,
.payWays>ul li label input:checked~span:before {
  color:#fff
}
#cd_cart .end_pay .total_price span,
.advancedSearch .advancedSearchScroll #advancedSearchProducts ul li .title,
.basketBox h5,
.basketBoxSendItem .item input:checked~.itm b.title,
.basketBoxSendItem .item input:checked~.itm i,
.blcCategories ul li.moreLvl>a span:after,
.block .blockTitle,
.block.toggleBlock .blockTitle span:after,
.boxAddressItem .item input:checked~.itm .delete,
.boxAddressItem .item input:checked~.itm .edit,
.boxAddressItem .item input:checked~.itm b.title,
.boxAddressItem .item input:checked~.itm i,
.boxAddressItem .item input:checked~.itm p,
.breadcrumbs .breadcrumb li:last-child a,
.btn.btnCancle:hover,
.c3,
.cd-cart-items li .price_area .new_price,
.cd-cart-items li .title,
.contactForm h1,
.content #sidebar_toggle,
.information_edit_tab h2,
.legal_information_content .legal_information_chk,
.ordersTable table tr th,
.payWays>ul li label input:checked~span,
.post,
.post p,
.recover_pass,
.sampleTab .tabs ul li.active a,
.userpanelHead,
.userpanel_box h2 {
  color:#000
}
#cd_cart strong,
.advancedSearch #advancedSearchBox .advancedSearchArticles ul li:hover a,
.advancedSearch #advancedSearchBox .advancedSearchBox ul li a:hover,
.advancedSearch .advancedSearchScroll #advancedSearchProducts ul li:hover .title,
.backToShop__in #backToShop:hover,
.basketTable .col1 .desc b:hover,
.block .searchBox .searchBox__btn:hover:after,
.c4,
.nums .minus:hover:after,
.nums .plus:hover:after,
.ordersTable table tr td .orderViewLink:hover,
.ordersTable table tr td .order_view_tbl,
.recover_pass:hover,
.select_box .select_box_title,
.userpanel_box h2 i {
  color:#586db4
}
.breadcrumbs .breadcrumb li a:hover,
.c5 {
  color:#ee377c
}
.b1 {
  background-color:#000
}
.b2 {
  background-color:#fff
}
.b3 {
  background-color:#000
}
.b4 {
  background-color:#586db4
}
.b5 {
  background-color:#ee377c
}
.mb20 {
  margin-bottom:20px
}
.mb10 {
  margin-bottom:10px
}
.mb0 {
  margin-bottom:0
}
.p20 {
  padding:20px
}
.p10 {
  padding:10px
}
.p0 {
  padding:0
}
.mobileMenu {
  right:-300px;
  direction:rtl;
  z-index:2147483647;
  width:300px;
  position:fixed;
  top:0;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.mobileMenu .mobileMenuBg {
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  right:-300px;
  background:#fff;
  width:300px;
  position:fixed;
  height:120%;
  z-index:-1;
  top:0
}
@media only screen and (max-width:991px) {
  .mobileMenu .mobileMenuBg.active {
    right:0
  }
}
.mobileMenu .siteBg {
  background:#000;
  right:0;
  top:0;
  width:100%;
  z-index:-2;
  height:120%;
  display:none;
  position:fixed;
  filter:alpha(Opacity=80);
  opacity:.8
}
@media only screen and (max-width:991px) {
  .mobileMenu .siteBg.active {
    display:block
  }
}
.mobileMenu .masehMenu {
  -webkit-overflow-scrolling:touch
}
.mobileMenu .masehMenu .mobileMenu__title {
  margin:0;
  position:relative;
  color:#fff;
  font-size:14px;
  padding:10px 15px;
  background:#586db4
}
.mobileMenu .masehMenu .mobileMenu__title .mobileMenu__title--close {
  top:50%;
  display:block;
  cursor:pointer;
  position:absolute;
  text-align:center;
  left:10px;
  width:25px;
  height:25px;
  background:0 0;
  margin-top:-12.5px
}
.mobileMenu .masehMenu .mobileMenu__title .mobileMenu__title--close:after {
  color:#fff;
  content:"";
  font-size:16px;
  line-height:25px
}
.mobileMenu .masehMenu .mobileMenu__title .mobileMenu__title--close:hover {
  background:#fff
}
.mobileMenu .masehMenu .mobileMenu__title .mobileMenu__title--close:hover:after {
  color:#586db4
}
.mobileMenu .masehMenu #mobileMenu {
  margin:0;
  padding:0;
  width:100%;
  display:block;
  list-style:none;
  height:calc(100vh - 41.5px);
  overflow-y:auto
}
.mobileMenu .masehMenu #mobileMenu li {
  margin:0;
  -webkit-tap-highlight-color:transparent
}
.mobileMenu .masehMenu #mobileMenu li a {
  color:#333;
  display:block;
  position:relative;
  text-decoration:none;
  background-color:#f5f5f5;
  padding:10px 25px 10px 10px;
  border-bottom:1px solid #e1e1e1
}
.mobileMenu .masehMenu #mobileMenu li a span.icon {
  position:relative;
  top:2px;
  margin-left:2px
}
.mobileMenu .masehMenu #mobileMenu li a:not(:only-child) {
  background:#f5f5f5
}
.mobileMenu .masehMenu #mobileMenu li a:not(:only-child):after {
  content:"\f278";
  font-size:21px;
  display:block;
  position:absolute;
  top:50%;
  margin-top:-15px;
  left:17px
}
.mobileMenu .masehMenu #mobileMenu li a:not(:only-child).hasChildren:after {
  content:"\f273";
  font-size:21px;
  display:block;
  position:absolute;
  top:50%;
  margin-top:-15px;
  left:17px
}
.mobileMenu .masehMenu #mobileMenu li ul {
  margin:0;
  padding:0
}
.mobileMenu .masehMenu #mobileMenu li ul li a {
  background-color:#fff;
  padding-right:40px
}
.mobileMenu .masehMenu #mobileMenu li ul li ul li a {
  background-color:#fff;
  padding-right:60px
}
.mobileMenu .masehMenu #mobileMenu ul {
  display:none
}
@media only screen and (max-width:991px) {
  .mobileMenu.active {
    right:0
  }
}
.toggleMenu {
  float:right;
  height:40px;
  width:32px;
  margin-left:0;
  margin-right:10px;
  outline:medium none;
  position:relative;
  cursor:pointer;
  display:none;
  z-index:2
}
.toggleMenu:after {
  height:2px;
  background:#000;
  -webkit-box-shadow:0 5px 0 #000,0 10px 0 #000;
  box-shadow:0 5px 0 #000,0 10px 0 #000;
  top:14px;
  position:absolute;
  content:"";
  width:20px;
  right:2px
}
.toggleMenu i {
  right:32px;
  color:#000;
  font-size:12px;
  top:10px;
  width:80px;
  display:block;
  font-style:normal;
  position:absolute
}
@media only screen and (max-width:991px) {
  .toggleMenu {
    display:block
  }
}
.btn {
  border-radius:5px;
  float:center;
  color:#fff;
  border:1px solid #fff;
  padding:0 10px;
  font-size:14px;
  height:50px;
  /*line-height:48px;*/
  background:#586db4;
  position:relative;
  text-align:center;
  overflow:hidden;
  z-index:1;
  min-width:110px;
  margin-left:auto;
  margin-right:auto;
  display:block;
  -webkit-backface-visibility:hidden;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.btn:focus,
.btn:hover {
  background-color:#ee377c
}
.form-group {
  margin-bottom:20px
}
.form-group label {
  color:#000;
  font-size:14px;
  margin-bottom:6px;
  font-weight:400
}
.form-control {
  border-radius:5px;
  height:50px;
  border:1px solid #d9d9d9;
  background-color:#fff;
  -webkit-box-shadow:none;
  box-shadow:none;
  color:#000
}
.form-control:-moz-placeholder {
  color:#666;
  opacity:1
}
.form-control::-moz-placeholder {
  color:#666;
  opacity:1
}
.form-control:-ms-input-placeholder {
  color:#666;
  opacity:1
}
.form-control::-webkit-input-placeholder {
  color:#666;
  opacity:1
}
.form-control:focus {
  background-color:#fff;
  border-color:#d9d9d9;
  -webkit-box-shadow:none;
  box-shadow:none;
  color:#000
}
textarea.form-control {
  height:100px
}
.chb label {
  position:relative;
  margin-bottom:10px;
  font-weight:400
}
.chb label span {
  display:inline-block;
  margin-left:4px
}
.chb label span:before {
  display:inline-block;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  position:relative;
  margin-left:10px;
  content:"";
  font-size:21px;
  top:4px;
  color:grey
}
.chb label input {
  position:absolute;
  right:0;
  top:0;
  width:100%;
  height:100%;
  cursor:pointer;
  z-index:1;
  display:block;
  filter:alpha(Opacity=0);
  opacity:0
}
.chb label input:checked~span:before {
  content:"";
  color:#ee377c
}
.rdl label {
  position:relative;
  margin-bottom:10px;
  font-weight:400
}
.rdl label span {
  display:inline-block;
  margin-left:7px
}
.rdl label span:before {
  display:inline-block;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  position:relative;
  content:"";
  font-size:21px;
  top:4px;
  color:grey
}
.rdl label input {
  position:absolute;
  right:0;
  top:0;
  width:100%;
  height:100%;
  cursor:pointer;
  z-index:1;
  display:block;
  filter:alpha(Opacity=0);
  opacity:0
}
.rdl label input:checked~span:before {
  content:"";
  color:#ee377c
}
body.modal-open footer,
body.modal-open header,
body.modal-open main {
  -webkit-filter:blur(10px);
  filter:blur(10px)
}
.closeSearchModal {
  position:absolute;
  left:30px;
  top:30px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:12px;
  z-index:5
}
.closeSearchModal svg {
  margin-right:12px
}
.modal {
  text-align:center;
  padding:0!important
}
.modal:before {
  content:'';
  display:inline-block;
  vertical-align:middle;
  *vertical-align:auto;
  *zoom:1;
  *display:inline;
  height:100%;
  vertical-align:middle;
  margin-right:-4px
}
@media only screen and (max-width:414px) {
  .modal:before {
    content:none
  }
}
@media only screen and (max-width:414px) {
  .modal {
    padding-left:17px;
    padding-right:17px
  }
}
.modal .modal-dialog {
  display:inline-block;
  vertical-align:middle;
  *vertical-align:auto;
  *zoom:1;
  *display:inline;
  vertical-align:middle;
  text-align:right
}
.modal .modal-dialog.modal-sm {
  width:380px
}
@media only screen and (max-width:767px) {
  .modal .modal-dialog.modal-sm {
    margin-right:auto;
    margin-left:auto
  }
}
@media only screen and (max-width:414px) {
  .modal .modal-dialog.modal-sm {
    width:96%
  }
}
.modal .modal-dialog.modal-md {
  width:470px
}
@media only screen and (max-width:567px) {
  .modal .modal-dialog.modal-md {
    margin-right:auto;
    margin-left:auto;
    width:96%
  }
}
@media only screen and (max-width:767px) {
  .modal .modal-dialog.modal-lg {
    margin-right:auto;
    margin-left:auto;
    width:96%
  }
}
.modal .modal-dialog.modal-container {
  width:1170px
}
@media only screen and (max-width:1199px) {
  .modal .modal-dialog.modal-container {
    width:950px
  }
}
@media only screen and (max-width:991px) {
  .modal .modal-dialog.modal-container {
    width:720px
  }
}
@media only screen and (max-width:767px) {
  .modal .modal-dialog.modal-container {
    margin-right:auto;
    margin-left:auto;
    width:96%
  }
}
.modal .modal-dialog.modal-container .modal-body {
  padding:0
}
.modal .modal-title {
  display:block;
  font-size:19px;
  text-align:center;
  position:relative;
  padding-right:0;
  padding-left:0;
  width:100%;
  padding-bottom:5px;
  font-weight:700;
  text-align:center;
  margin-bottom:20px;
  padding-top:20px
}
@media only screen and (max-width:767px) {
  .modal .modal-title {
    margin-bottom:20px;
    font-size:16px
  }
}
.modal .modal-close {
  position:absolute;
  left:20px;
  top:20px;
  display:block;
  cursor:pointer;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  background-color:#fff;
  width:30px;
  text-align:center;
  height:30px;
  z-index:2999;
  border-radius:0
}
.modal .modal-close:after {
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  content:"\f136";
  font-size:16px;
  line-height:30px;
  color:#111;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.modal .modal-close:hover {
  background-color:#111
}
.modal .modal-content {
  border-radius:0;
  -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.16);
  box-shadow:0 0 20px 0 rgba(0,0,0,.16);
  border:none;
  overflow:hidden
}
.modal .modal-content .modal-body {
  overflow:hidden;
  padding:0 20px 20px
}
@media only screen and (max-width:767px) {
  .modal .btn {
    min-width:100px
  }
}
@media only screen and (max-width:360px) {
  .modal .btn {
    width:100%;
    margin-left:0;
    margin-right:0;
    margin-bottom:10px
  }
}
@media only screen and (max-width:767px) {
  .modal .form-group {
    margin-bottom:10px
  }
}
.modal#commentModal .your__comment__in__modal {
  margin-top:-10px;
  padding-bottom:10px
}
.modal#commentModal .your__comment__in__modal .img_cnt {
  display:inline-block;
  vertical-align:middle;
  margin-right:5px;
  position:relative;
  top:-5px
}
.modal#commentModal .your__comment__in__modal b {
  font-size:15px;
  display:inline-block;
  margin-bottom:10px
}
@media only screen and (max-width:767px) {
  .modal#commentModal .your__comment__in__modal {
    margin-top:0
  }
}
.modal#searchModal {
  z-index:99999
}
.modal#searchModal .modal-close,
.modal#searchModal .modal-title {
  display:none
}
.modal#searchModal .modal-content {
  border-radius:0;
  -webkit-box-shadow:none;
  box-shadow:none;
  background-color:transparent
}
@media only screen and (max-width:767px) {
  .modal#searchModal .modal-content .searchModal_content {
    padding-top:40px
  }
}
@media only screen and (max-width:414px) {
  .modal#searchModal .modal-content .searchModal_content {
    padding-top:100px
  }
}
.modal#searchModal .modal-content .searchModal_content .searchInModal {
  width:100%;
  max-width:580px;
  margin-left:auto;
  margin-right:auto;
  position:relative
}
.modal#searchModal .modal-content .searchModal_content .searchInModal .search_inp {
  height:65px;
  padding-right:0;
  padding-left:40px;
  color:#fff;
  font-size:18px;
  width:100%;
  display:block;
  border:none;
  border-bottom:1px solid #fff;
  border-radius:0;
  background-color:transparent
}
.modal#searchModal .modal-content .searchModal_content .searchInModal .search_inp:-moz-placeholder {
  color:#fff;
  opacity:1
}
.modal#searchModal .modal-content .searchModal_content .searchInModal .search_inp::-moz-placeholder {
  color:#fff;
  opacity:1
}
.modal#searchModal .modal-content .searchModal_content .searchInModal .search_inp:-ms-input-placeholder {
  color:#fff;
  opacity:1
}
.modal#searchModal .modal-content .searchModal_content .searchInModal .search_inp::-webkit-input-placeholder {
  color:#fff;
  opacity:1
}
@media only screen and (max-width:667px) {
  .modal#searchModal .modal-content .searchModal_content .searchInModal .search_inp {
    font-size:16px
  }
}
@media only screen and (max-width:567px) {
  .modal#searchModal .modal-content .searchModal_content .searchInModal .search_inp {
    font-size:15px
  }
}
@media only screen and (max-width:414px) {
  .modal#searchModal .modal-content .searchModal_content .searchInModal .search_inp {
    font-size:13px
  }
}
.modal#searchModal .modal-content .searchModal_content .searchInModal .search_btn {
  text-align:center;
  border:none;
  height:65px;
  width:35px;
  position:absolute;
  left:0;
  top:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background-color:transparent;
  border-radius:0;
  padding:0
}
.modal .register__page__info .form-control {
  border:1px solid #d9d9d9;
  color:grey;
  font-size:13px;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.modal .register__page__info .form-control:focus {
  border-color:#586db4
}
.modal .register__page__info .select2 {
  margin-bottom:0
}
.modal .register__page__info .select2.select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-size:14px;
  color:#000
}
.modal .register__page__info .select2.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size:14px;
  color:#000
}
.modal .register__page__info ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-left:-10px;
  margin-right:-10px;
  padding-bottom:20px
}
.modal .register__page__info ul>li {
  padding-left:10px;
  padding-right:10px;
  max-width:50%;
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%
}
@media only screen and (max-width:567px) {
  .modal .register__page__info ul>li {
    max-width:100%;
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%
  }
}
.modal .register__page__info ul>li.w100 {
  max-width:100%;
  -webkit-box-flex:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%
}
.modal .change_modal__main .form-control {
  border:1px solid #d9d9d9;
  color:grey;
  font-size:13px;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.modal .change_modal__main .form-control:focus {
  border-color:#ff8300
}
.modal .change_modal__main .select2.select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-size:14px;
  color:#000
}
.modal .change_modal__main .select2.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size:14px;
  color:#000
}
.modal#shareModal .share_modal__main {
  display:-ms-flexbox;
  display:-webkit-box;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-right:0;
  margin-left:0
}
.modal#shareModal .share_modal__main .btn.btn2 {
  margin-top:0
}
.modal#shareModal .share_modal__main .share_modal__content {
  padding-right:0;
  padding-left:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%;
  padding:0 21px 0;
  display:-ms-flexbox;
  display:-webkit-box;
  display:flex;
  -ms-flex-direction:column;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  -ms-flex-pack:justify;
  -webkit-box-pack:justify;
  justify-content:space-between;
  position:relative;
  width:100%;
  min-height:1px;
  -webkit-box-flex:0
}
@media only screen and (max-width:767px) {
  .modal#shareModal .share_modal__main .share_modal__content {
    -ms-flex:0 0 100%;
    -webkit-box-flex:0;
    flex:0 0 100%;
    max-width:100%
  }
}
.modal#shareModal .share_modal__main .share_modal__content .share_modal__content__title {
  margin-bottom:5px;
  color:#565656;
  font-size:14px
}
.modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row {
  display:-ms-flexbox;
  display:-webkit-box;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin:0 -10px 30px
}
@media only screen and (max-width:767px) {
  .modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row {
    margin-bottom:10px
  }
}
.modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row.share_modal__content__row--input {
  margin-bottom:0
}
.modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row.share_modal__content__row--url {
  margin-bottom:10px
}
.modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row .social__network {
  width:100%;
  text-align:center;
  padding-top:10px
}
.modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row .social__network li {
  display:inline-block;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row .social__network li:hover {
  filter:alpha(Opacity=75);
  opacity:.75
}
@media only screen and (max-width:360px) {
  .modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row .social__network li {
    margin-left:-1.5px;
    margin-right:-1.5px
  }
}
.modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row .share_modal__content__col {
  position:relative;
  width:100%;
  min-height:1px;
  padding-right:10px;
  padding-left:10px
}
.modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row .share_modal__content__col .btn-group-share {
  margin-right:-12px
}
@media only screen and (max-width:480px) {
  .modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row .share_modal__content__col .btn-group-share {
    margin-right:-2px
  }
}
.modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row .share_modal__content__col .btn-group-share li {
  float:right;
  margin-right:12px
}
@media only screen and (max-width:480px) {
  .modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row .share_modal__content__col .btn-group-share li {
    margin-right:1px
  }
}
.modal#shareModal .share_modal__main .share_modal__content .share_modal-url {
  position:relative
}
.modal#shareModal .share_modal__main .share_modal__content .share_modal-url .share_modal__content__title {
  margin-bottom:10px
}
.modal#shareModal .share_modal__main .share_modal__content .share_modal-url .share_modal__content__field {
  padding-left:20px;
  text-align:left
}
.modal#alartModal .alert_modal__main {
  display:-ms-flexbox;
  display:-webkit-box;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-right:0;
  margin-left:0
}
.modal#alartModal .alert_modal__main .alert_modal__content {
  padding-right:0;
  padding-left:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%;
  padding:0;
  display:-ms-flexbox;
  display:-webkit-box;
  display:flex;
  -ms-flex-direction:column;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  -ms-flex-pack:justify;
  -webkit-box-pack:justify;
  justify-content:space-between;
  position:relative;
  width:100%;
  min-height:1px;
  -webkit-box-flex:0
}
@media only screen and (max-width:991px) {
  .modal#alartModal .alert_modal__main .alert_modal__content {
    padding:0
  }
}
.modal#alartModal .alert_modal__main .alert_modal__content .alert_modal__content__title {
  margin-bottom:5px;
  color:#565656;
  font-size:14px;
  margin-top:10px
}
.modal#alartModal .alert_modal__main .alert_modal__content .alert_modal__content__row {
  display:-ms-flexbox;
  display:-webkit-box;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin:0 -10px 0
}
.modal#alartModal .alert_modal__main .alert_modal__content .alert_modal__content__row .alert_modal__content__status {
  border-bottom:1px solid #eee;
  padding-bottom:10px;
  margin-top:10px
}
.modal#alartModal .alert_modal__main .alert_modal__content .alert_modal__content__row .alert_modal__content__status .filter_state {
  padding:8px 7px;
  overflow:hidden
}
.modal#alartModal .alert_modal__main .alert_modal__content .alert_modal__content__row .alert_modal__content__status .filter_state strong {
  color:#666;
  font-size:13px;
  font-weight:400;
  float:right;
  height:23px;
  line-height:23px
}
.modal#alartModal .alert_modal__main .alert_modal__content .alert_modal__content__row .alert_modal__content__status .filter_state .filter_state_checkbox {
  float:left
}
.modal#alartModal .alert_modal__main .alert_modal__content .alert_modal__content__row .alert_modal__content__col {
  position:relative;
  width:100%;
  min-height:1px;
  padding-right:10px;
  padding-left:10px
}
.modal#alartModal .alert_modal__main .alert_modal__content .alert_modal__content__row .alert_modal__content__params {
  margin-bottom:10px
}
.modal#alartModal .alert_modal__main .alert_modal__content .alert_modal__content__row .alert_modal__content__params li:last-child {
  margin-bottom:0
}
.modal#alartModal .filterState {
  margin-bottom:10px
}
.modal#alartModal .filterState:last-child {
  margin-bottom:0
}
@media only screen and (max-width:414px) {
  .modal#loginModal #registerPageArea,
  .modal#registerModal #registerPageArea {
    margin-top:70px
  }
}
.modal#loginModal .modal-content,
.modal#registerModal .modal-content {
  overflow:visible;
  background-color:transparent;
  border-radius:0;
  -webkit-box-shadow:none;
  box-shadow:none
}
.modal#loginModal .modal-content .modal-body,
.modal#registerModal .modal-content .modal-body {
  overflow:visible;
  padding:0
}
.modal#loginModal .modal-content .modal-body #registerPageArea,
.modal#registerModal .modal-content .modal-body #registerPageArea {
  background-color:#fff;
  -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.16);
  box-shadow:0 0 20px 0 rgba(0,0,0,.16)
}
.modal#galleryModal {
  padding-top:0
}
.modal#galleryModal img {
  border-radius:0
}
.modal#galleryModal .modal-title {
  padding-left:20px
}
.modal#galleryModal .modal-content .modal-body {
  padding:0
}
.modal#galleryModal .galleryModal_content {
  position:relative
}
.modal#galleryModal .galleryModal_content #gallery_modal_left {
  width:140px;
  position:absolute;
  left:0;
  top:0;
  z-index:1
}
@media only screen and (max-width:480px) {
  .modal#galleryModal .galleryModal_content #gallery_modal_left {
    width:130px
  }
}
@media only screen and (max-width:414px) {
  .modal#galleryModal .galleryModal_content #gallery_modal_left {
    width:100px
  }
}
.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left {
  height:calc(100vh - 220px)
}
@media all and (orientation:landscape) and (max-height:700px) {
  .modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left {
    height:450px
  }
}
.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left .tabs {
  position:relative
}
.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left .tabs:after {
  content:'';
  display:block;
  width:1px;
  height:100%;
  background:#ececec;
  right:19px;
  top:0;
  position:absolute
}
.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left ul {
  padding-right:20px
}
.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left ul li {
  text-align:center;
  border-bottom:1px solid #ececec;
  position:relative
}
.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left ul li:first-child {
  border-top:1px solid #ececec
}
.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left ul li:last-child {
  border-bottom:1px solid #ececec
}
.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left ul li:after {
  content:'';
  right:-14px;
  top:50%;
  margin-top:-13px;
  position:absolute;
  display:none;
  z-index:2
}
.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left ul li a {
  width:100%;
  display:block;
  height:100%;
  padding:10px
}
.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left ul li a img {
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  filter:alpha(Opacity=70);
  opacity:.7
}
.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left ul li.active a img {
  filter:alpha(enabled=false);
  opacity:1
}
.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left ul li.active:after {
  display:block
}
.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left .slimScrollBar,
.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left .slimScrollRail {
  display:block!important
}
.modal#galleryModal .galleryModal_content #gallery_modal_right {
  width:100%;
  padding-right:20px;
  padding-left:140px;
  float:right;
  position:relative;
  display:table;
  table-layout:fixed
}
@media only screen and (max-width:480px) {
  .modal#galleryModal .galleryModal_content #gallery_modal_right {
    padding-left:130px
  }
}
@media only screen and (max-width:414px) {
  .modal#galleryModal .galleryModal_content #gallery_modal_right {
    padding-left:100px
  }
}
.modal#galleryModal .galleryModal_content #gallery_modal_right .gallery_modal_right {
  height:calc(100vh - 220px);
  text-align:center;
  vertical-align:middle;
  display:table-cell;
  width:100%
}
.modal#galleryModal .galleryModal_content #gallery_modal_right .gallery_modal_right video {
  width:75%
}
@media all and (orientation:landscape) and (max-height:700px) {
  .modal#galleryModal .galleryModal_content #gallery_modal_right .gallery_modal_right {
    height:450px;
    display:block
  }
  .modal#galleryModal .galleryModal_content #gallery_modal_right .gallery_modal_right img {
    height:400px;
    margin-top:25px
  }
}
.select_box {
  padding-top:20px;
  padding-right:20px
}
.select_box .select_box_title {
  display:block;
  font-size:13px;
  font-weight:700;
  padding-right:10px;
  margin-bottom:15px
}
.select_box .btn-group {
  width:100%
}
.select_box ul {
  width:100%
}
.select_box ul li {
  width:100%;
  display:block;
  margin:0 -10px;
  overflow:hidden
}
.select_box ul li.box2 .btn-group label {
  padding:15px 20px;
  width:calc(25% - 20px)
}
@media only screen and (max-width:991px) {
  .select_box ul li.box2 .btn-group label {
    width:calc(50% - 20px)
  }
}
.select_box ul li label {
  float:right;
  margin:0 10px 30px!important;
  width:calc(14.2% - 20px);
  border:solid 1px #ddd;
  padding:8px 5px;
  text-align:center;
  -webkit-box-shadow:none;
  box-shadow:none;
  outline:0;
  font-size:12px
}
@media only screen and (max-width:991px) {
  .select_box ul li label {
    width:calc(25% - 20px)
  }
}
@media only screen and (max-width:480px) {
  .select_box ul li label {
    width:calc(33.33% - 20px)
  }
}
.select_box .btn {
  position:relative;
  float:right;
  border-radius:0!important;
  float:center;
  color:#6a6666;
  border:none;
  padding:10px;
  font-size:13px;
  height:auto;
  position:relative;
  text-align:center;
  overflow:hidden;
  z-index:1;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  background-color:#fcfcfc;
  border:1px solid #ddd
}
@media only screen and (max-width:480px) {
  .select_box .btn {
    padding:3px
  }
}
.select_box .btn i {
  font-size:14px;
  font-style:normal;
  display:block;
  color:#666;
  padding-right:0
}
.select_box .btn.active,
.select_box .btn:active {
  background-color:#fff;
  border-color:#212121;
  -webkit-box-shadow:none;
  box-shadow:none
}
.select_box .btn.active i,
.select_box .btn:active i {
  font-weight:700
}
.sizeModalWrapper {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.sizeModalWrapper table th {
  text-align:center;
  background-color:#f7f7f7;
  color:#000;
  font-weight:700
}
.sizeModalWrapper table td {
  text-align:center
}
.sizeModalWrapper .sampleTab {
  width:100%;
  padding:40px
}
@media only screen and (max-width:767px) {
  .sizeModalWrapper .sampleTab {
    padding:20px
  }
}
.sizeModalWrapper .sampleTab .tabs ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.sizeModalWrapper .sampleTab .tabs ul li {
  -webkit-box-flex:1;
  -ms-flex:1 0 auto;
  flex:1 0 auto
}
.sizeModalWrapper .sampleProduct {
  padding:30px;
  background-color:#f7f7f7
}
@media only screen and (max-width:991px) {
  .sizeModalWrapper .sampleProduct {
    display:none
  }
}
.sizeModalWrapper .sampleProduct__image {
  border-radius:20px
}
.sizeModalWrapper .sampleProduct__title {
  margin-top:20px;
  font-size:18px;
  color:#000;
  font-weight:700
}
.sizeModalWrapper .sampleProduct__detail {
  margin-top:10px;
  font-size:12px;
  line-height:24px
}
.slick-dots {
  padding-right:0;
  padding-left:0;
  list-style:none;
  text-align:center
}
.slick-dots li {
  background:#fff;
  width:10px;
  height:10px;
  font-size:0;
  border:2px solid #586db4;
  cursor:pointer;
  border:none;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  display:inline-block;
  vertical-align:middle;
  *vertical-align:auto;
  *zoom:1;
  *display:inline;
  border-radius:50%;
  -webkit-box-shadow:none;
  box-shadow:none;
  margin-left:5px;
  margin-right:5px
}
.slick-dots li:hover {
  background:#586db4;
  -webkit-box-shadow:none;
  box-shadow:none;
  border:none
}
.slick-dots li.slick-active {
  background:#586db4;
  -webkit-box-shadow:none;
  box-shadow:none;
  border:none
}
.slick-dots li button {
  padding:0;
  width:100%;
  height:100%;
  border:none;
  display:block;
  background-color:transparent
}
.slick-next {
  border-radius:5px;
  right:-15px;
  border:1px solid #bfbfbf;
  padding:0;
  background-color:#fff;
  width:40px;
  height:40px;
  -webkit-box-shadow:none;
  box-shadow:none;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  top:50%;
  font-size:0;
  position:absolute;
  z-index:1;
  text-align:center;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  display:block
}
.slick-next:after {
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  content:"";
  font-size:23px;
  color:#bfbfbf;
  line-height:38px
}
.slick-next:hover {
  background-color:#586db4;
  -webkit-box-shadow:none;
  box-shadow:none
}
.slick-next:hover:after {
  color:#fff
}
.slick-prev {
  border-radius:5px;
  left:-15px;
  border:1px solid #bfbfbf;
  padding:0;
  background-color:#fff;
  width:40px;
  height:40px;
  -webkit-box-shadow:none;
  box-shadow:none;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  top:50%;
  font-size:0;
  position:absolute;
  z-index:1;
  text-align:center;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  display:block
}
.slick-prev:after {
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  content:"";
  font-size:23px;
  color:#bfbfbf;
  line-height:38px
}
.slick-prev:hover {
  background-color:#586db4;
  -webkit-box-shadow:none;
  box-shadow:none
}
.slick-prev:hover:after {
  color:#fff
}
.slick-slider {
  position:relative;
  display:block;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -ms-touch-action:pan-y;
  touch-action:pan-y;
  -webkit-tap-highlight-color:transparent
}
.slick-list {
  position:relative;
  overflow:hidden;
  display:block;
  margin:0;
  padding:0
}
.slick-list:focus {
  outline:0
}
.slick-list.dragging {
  cursor:pointer;
  cursor:hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
}
.slick-track {
  position:relative;
  left:0;
  top:0;
  display:block
}
.slick-track:after,
.slick-track:before {
  content:"";
  display:table
}
.slick-track:after {
  clear:both
}
.slick-loading .slick-track {
  visibility:hidden
}
.slick-slide {
  float:left;
  height:100%;
  min-height:1px;
  display:none
}
[dir=rtl] .slick-slide {
  float:right
}
.slick-slide img {
  display:block
}
.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;
  border:1px solid transparent
}
.slick-arrow.slick-hidden {
  display:none
}
.select2 {
  width:100%!important;
  max-width:100%!important;
  min-width:100%!important
}
.select2 .select2-search--inline .select2-search__field {
  line-height:50px;
  margin-top:0;
  padding-right:5px
}
.select2.select2-container--default .select2-selection--multiple {
  background-color:#fff;
  border:1px solid #d9d9d9;
  border-radius:0;
  line-height:1;
  min-height:50px
}
.select2.select2-container--default .select2-selection--multiple b {
  display:none
}
.select2.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  color:#4d4d4d
}
.select2.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-radius:5px;
  background-color:#f7f7f7;
  border-color:#d9d9d9;
  line-height:47px
}
.select2.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-left:3px
}
.select2.select2-container--default .select2-selection--multiple .select2-selection__clear {
  float:left;
  margin-top:15px;
  margin-left:6px
}
.select2.select2-container--default .select2-selection--single {
  background-color:#fff;
  border:1px solid #d9d9d9;
  border-radius:5px;
  height:50px
}
.select2.select2-container--default .select2-selection--single b {
  display:none
}
.select2.select2-container--default .select2-selection--single .select2-selection__arrow:after {
  line-height:50px;
  content:'\f2f9';
  font-size:21px;
  color:#666
}
.select2.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2.select2-container--default .select2-selection--single .select2-selection__rendered {
  height:50px;
  line-height:50px;
  color:#666;
  font-size:14px
}
.img-responsive {
  height:auto!important
}
.breadcrumbs {
  padding-top:25px;
  padding-bottom:25px
}
@media only screen and (max-width:767px) {
  .breadcrumbs {
    padding-bottom:10px;
    padding-top:5px
  }
}
.breadcrumbs .breadcrumb {
  margin:0;
  padding:0;
  border-radius:0;
  background-color:transparent;
  font-size:13px
}
.breadcrumbs .breadcrumb li {
  color:#000
}
.breadcrumbs .breadcrumb li+li:before {
  position:relative;
  top:3px;
  padding:0 10px;
  content:'/';
  font-size:16px;
  color:#000
}
@media only screen and (max-width:1199px) {
  .breadcrumbs .breadcrumb li+li:before {
    padding:0 5px 0 7px
  }
}
.breadcrumbs .breadcrumb li a {
  color:#000
}
.breadcrumbs .breadcrumb li a:hover {
  font-weight:700
}
.fabShowColor .table {
  text-align:center
}
.fabShowColor .table thead tr th {
  text-align:center;
  padding-bottom:10px
}
.fabShowColor .table tbody {
  font-size:20px;
  font-weight:700
}
.fabShowColor .table span {
  padding:5px 40px
}
.fabShowFonts .table {
  text-align:center
}
.fabShowFonts .table thead tr th {
  text-align:center;
  padding-bottom:5px
}
.fabShowFonts .table tbody {
  font-size:17px;
  font-weight:700
}
.fabShowFonts .table tbody tr td {
  padding:4px 5px 2px
}
.fabShowFonts .table tbody tr:nth-child(2n+1) td {
  background-color:#f7f7f7
}
.btn.btn-success {
  color:#fff;
  background-color:#5cb85c;
  border:1px solid #4cae4c
}
.btn.btn-success:hover {
  background-color:rgba(92,184,92,.85)
}
.btn.btn-danger {
  color:#fff;
  background-color:#d9534f;
  border-color:#d43f3a
}
.btn.btn-danger:hover {
  background-color:rgba(217,83,79,.85)
}
.filterState>strong {
  font-size:12px;
  margin-left:10px;
  font-weight:400;
  display:inline-block;
  vertical-align:middle;
  color:#000
}
.filterState .filterStateCheckbox {
  display:inline-block;
  position:relative;
  width:45px;
  height:25px;
  overflow:hidden;
  vertical-align:middle
}
.filterState .filterStateCheckbox label {
  display:block;
  margin:0;
  width:100%;
  height:100%;
  position:relative
}
.filterState .filterStateCheckbox label input {
  margin:0;
  width:100%;
  display:block;
  height:100%;
  position:absolute;
  right:0;
  top:0;
  cursor:pointer;
  z-index:2;
  filter:alpha(Opacity=0);
  opacity:0
}
.filterState .filterStateCheckbox label input:checked+i {
  background:#586db4
}
.filterState .filterStateCheckbox label input:checked+i:after {
  -webkit-transform:translate3d(20px,0,0);
  transform:translate3d(20px,0,0)
}
.filterState .filterStateCheckbox label i {
  border-radius:12.5px;
  background-color:#d9d9d9;
  display:block;
  width:100%;
  height:100%;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.4s;
  transition-duration:.4s
}
.filterState .filterStateCheckbox label i:after {
  border-radius:50%;
  content:'';
  display:block;
  height:15px;
  width:15px;
  background-color:#fff;
  pointer-events:none;
  position:absolute;
  left:6px;
  top:5px;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.4s;
  transition-duration:.4s
}
.filterState--v2 {
  margin-right:40px
}
@media only screen and (max-width:767px) {
  .filterState--v2 {
    margin-right:20px
  }
}
.filterState--v2 .filterStateCheckbox label input:checked+i {
  background:#586db4
}
.filterState--v2 .filterStateCheckbox label input:checked+i:after {
  -webkit-transform:translate3d(20px,0,0);
  transform:translate3d(20px,0,0)
}
.numsWrapper {
  border:1px solid #d9d9d9;
  border-radius:10px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  overflow:hidden
}
.numsWrapper span {
  width:100px;
  height:63px;
  line-height:63px;
  background-color:#f7f7f7;
  border-radius:0 10px 10px 0;
  color:#002d59;
  font-size:14px;
  font-weight:700;
  display:block;
  text-align:center
}
.nums {
  width:150px;
  display:inline-block;
  vertical-align:middle;
  position:relative;
  overflow:hidden;
  height:50px;
  border-radius:10px;
  border:solid 1px #d9d9d9
}
.nums .plus {
  width:50px;
  height:50px;
  display:block;
  text-align:center;
  position:absolute;
  right:0;
  top:0;
  background-color:#fff
}
.nums .plus:after {
  color:grey;
  font-size:21px;
  line-height:50px;
  content:'\f278';
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.nums .minus {
  width:50px;
  height:50px;
  display:block;
  text-align:center;
  position:absolute;
  left:0;
  top:0;
  background-color:#fff
}
.nums .minus:after {
  color:grey;
  font-size:21px;
  line-height:50px;
  content:'\f273';
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.nums #number {
  border:none;
  width:100%;
  height:50px;
  padding-left:50px;
  padding-right:50px;
  text-align:center;
  color:grey;
  font-size:18px
}
.block {
  border-radius:10px;
  border:none;
  border:1px solid #d9d9d9;
  margin-bottom:20px;
  position:relative;
  overflow:hidden
}
@media only screen and (max-width:767px) {
  .block {
    background-color:#fff
  }
}
.block.toggleBlock .blockTitle {
  cursor:pointer
}
.block.toggleBlock .blockTitle span {
  position:absolute;
  left:20px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.block.toggleBlock .blockTitle span:after {
  content:'\f278';
  font-size:21px;
  font-weight:400;
  line-height:1.4
}
.block.toggleBlock .blockTitle.active span:after {
  content:'\f273'
}
.block .blockTitle {
  text-align:right;
  padding:0;
  background-color:#f7f7f7;
  line-height:28px;
  font-weight:700;
  font-size:16px;
  position:relative;
  padding:15px 20px
}
@media only screen and (max-width:767px) {
  .block .blockTitle {
    font-size:13px
  }
}
.block .blockTitle img {
  margin-left:5px
}
.block .blc {
  padding:20px
}
.block .blc p {
  line-height:2
}
.block .blc.forScroll>ul {
  max-height:230px
}
.block .blc b {
  margin-top:10px;
  float:left;
  display:inline-block;
  width:14px;
  height:14px;
  border:1px solid #d9d9d9;
  border-radius:3px
}
.block .blc.chb ul li {
  font-size:14px;
  color:#4d4d4d
}
.block .blc.chb ul li:last-child label {
  margin-bottom:0
}
.block .blc.chb ul li label {
  font-weight:400;
  overflow:hidden;
  width:100%;
  display:block
}
@media only screen and (max-width:991px) {
  .block .blc.chb ul li label {
    margin-bottom:5px;
    font-size:13px
  }
}
.block .blc.chb ul li label b {
  color:grey;
  font-weight:400;
  margin-top:10px;
  float:left
}
.block .searchBox {
  margin-bottom:15px
}
.block .searchBox .searchBox__inp {
  border-radius:0;
  height:40px
}
.block .searchBox .searchBox__btn {
  width:40px;
  height:40px
}
.block .searchBox .searchBox__btn:after {
  line-height:40px;
  color:#999
}
.blcCategories ul li {
  margin-bottom:15px
}
.blcCategories ul li>a {
  color:#000;
  font-size:14px;
  display:block;
  padding-right:0;
  position:relative
}
@media only screen and (max-width:991px) {
  .blcCategories ul li>a {
    font-size:13px
  }
}
.blcCategories ul li>a.active,
.blcCategories ul li>a:hover {
  color:#586db4
}
.blcCategories ul li.moreLvl>a {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  position:relative
}
.blcCategories ul li.moreLvl>a span:after {
  content:'\f2f9';
  font-size:21px;
  line-height:1
}
.blcCategories ul li.moreLvl>a.open span:after {
  content:'\f2fc'
}
.blcCategories ul li.moreLvl ul {
  padding-right:10px;
  margin-top:10px
}
.blcCategories ul li.moreLvl ul li a {
  position:relative;
  color:#999
}
.blcCategories ul li.moreLvl ul li a:before {
  content:"";
  width:4px;
  height:4px;
  background-color:#999;
  margin-left:0;
  vertical-align:middle;
  display:inline-block;
  border-radius:50%
}
.blcCategories ul li.moreLvl ul li a.active,
.blcCategories ul li.moreLvl ul li a:hover {
  color:#000
}
.blcCategories ul li.moreLvl ul li a.active:before,
.blcCategories ul li.moreLvl ul li a:hover:before {
  background-color:#586db4
}
.blcCategories ul li:last-child {
  margin-bottom:0
}
.slider_block {
  padding-bottom:10px
}
.slider_block .slider_block__in {
  margin-bottom:20px;
  position:relative;
  overflow:hidden;
  color:#4d4d4d
}
.slider_block .slider_block__in .slider_block__in__r {
  float:right;
  width:50%;
  text-align:right
}
.slider_block .slider_block__in .slider_block__in__l {
  float:left;
  width:50%;
  text-align:left
}
.slider_block .slider_block__in .amountMin {
  width:100%;
  border:none;
  text-align:inherit;
  background-color:transparent;
  font-size:14px;
  color:#000;
  margin-bottom:2px
}
@media only screen and (max-width:991px) {
  .slider_block .slider_block__in .amountMin {
    font-size:13px
  }
}
.slider_block .slider_block__in .amountMax {
  width:100%;
  border:none;
  text-align:inherit;
  background-color:transparent;
  font-size:14px;
  color:#000;
  margin-bottom:2px
}
@media only screen and (max-width:991px) {
  .slider_block .slider_block__in .amountMax {
    font-size:13px
  }
}
.slider_block .from {
  color:#4d4d4d;
  font-size:14px;
  line-height:24px;
  text-align:inherit
}
.slider_block .to {
  color:#4d4d4d;
  font-size:14px;
  line-height:24px;
  text-align:inherit
}
.slider_block .ui-widget-content {
  border:none;
  border-radius:0!important;
  width:96%;
  margin-left:auto;
  margin-right:auto;
  height:2px;
  background-color:#d9d9d9;
  -webkit-box-shadow:none;
  box-shadow:none
}
@media only screen and (max-width:1199px) {
  .slider_block .ui-widget-content {
    width:95%
  }
}
.slider_block .ui-widget-header {
  background-color:#586db4;
  -webkit-box-shadow:none;
  box-shadow:none
}
.slider_block .ui-state-default,
.slider_block .ui-widget-content .ui-state-default,
.slider_block .ui-widget-header .ui-state-default {
  background-color:#fff;
  border-radius:2px;
  height:15px;
  -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.16);
  box-shadow:0 0 10px 0 rgba(0,0,0,.16);
  border:solid 3px #586db4;
  margin-top:-2px;
  width:15px;
  text-align:center;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:0s;
  transition-duration:0s
}
.sortBy {
  border:solid 1px #bfbfbf;
  position:relative;
  width:292px;
  padding-right:87px;
  border-radius:0;
  margin-bottom:20px;
  overflow:hidden
}
@media only screen and (max-width:991px) {
  .sortBy {
    width:200px
  }
}
@media only screen and (max-width:567px) {
  .sortBy {
    width:100%;
    margin-bottom:10px;
    margin-left:0
  }
}
.sortBy strong {
  display:block;
  line-height:48px;
  height:48px;
  width:87px;
  text-align:center;
  font-weight:400;
  color:#000;
  font-size:14px;
  background-color:#fff;
  position:absolute;
  right:0;
  top:0
}
.sortBy .select2.select2-container--default .select2-selection--single {
  height:48px;
  border:none
}
.sortBy .select2.select2-container--default .select2-selection--single .select2-selection__rendered {
  height:48px;
  line-height:48px
}
.myForm {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -ms-flex-line-pack:start;
  align-content:flex-start;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
.myForm>div {
  -ms-flex-item-align:stretch;
  align-self:stretch
}
@media only screen and (max-width:991px) {
  .myForm {
    display:block
  }
}
.myForm .form-group {
  position:relative
}
.myForm .form-group i.zmdi {
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  position:absolute;
  left:12px;
  bottom:12px
}
.myForm .form-group.form-group--attach label {
  padding:0 12px;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  margin-bottom:0;
  width:100%;
  cursor:pointer;
  border-radius:5px;
  height:50px;
  line-height:50px;
  border:1px solid #d9d9d9;
  background-color:#fff;
  -webkit-box-shadow:none;
  box-shadow:none;
  color:#000
}
.myForm .form-group.form-group--attach label:hover {
  background-color:#fff;
  border-color:#d9d9d9;
  -webkit-box-shadow:none;
  box-shadow:none;
  color:#d9d9d9
}
.myForm .form-group.form-group--attach label:hover i {
  color:#d9d9d9
}
.btn.btnCancle {
  background-color:transparent;
  border:none;
  color:#4d4d4d
}
.lightGalleryAlbum>ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-left:-10px;
  margin-right:-10px
}
@media only screen and (max-width:767px) {
  .lightGalleryAlbum>ul {
    margin-left:-5px;
    margin-right:-5px
  }
}
.lightGalleryAlbum>ul>li {
  padding-left:10px;
  padding-right:10px;
  margin-bottom:20px;
  -webkit-box-flex:0;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%
}
@media only screen and (max-width:767px) {
  .lightGalleryAlbum>ul>li {
    padding-left:5px;
    padding-right:5px;
    margin-bottom:10px;
    -webkit-box-flex:0;
    -ms-flex:0 0 33.33%;
    flex:0 0 33.33%;
    max-width:33.33%
  }
}
.lightGalleryAlbum>ul>li img {
  display:block;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.paginationContainer {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:100%;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding-top:20px;
  padding-bottom:40px
}
@media only screen and (max-width:767px) {
  .paginationContainer {
    padding-top:20px;
    padding-bottom:20px
  }
}
.paginationContainer .pagination {
  text-align:center;
  margin-top:0;
  margin-bottom:0
}
.paginationContainer .pagination li {
  display:inline-block;
  vertical-align:middle;
  *vertical-align:auto;
  *zoom:1;
  *display:inline;
  vertical-align:middle;
  padding-left:3px;
  padding-right:3px
}
.paginationContainer .pagination li.pag-prev {
  position:relative
}
.paginationContainer .pagination li.pag-prev a {
  background-color:#f2f2f2;
  color:#fff
}
.paginationContainer .pagination li.pag-prev:before {
  content:"";
  position:absolute;
  left:0;
  display:inline-block;
  height:30px;
  width:1px
}
.paginationContainer .pagination li.pag-next {
  position:relative
}
.paginationContainer .pagination li.pag-next a {
  background-color:#f2f2f2;
  color:#fff
}
.paginationContainer .pagination li.pag-next:before {
  content:"";
  position:absolute;
  right:0;
  display:inline-block;
  height:30px;
  width:1px
}
.paginationContainer .pagination li a {
  border:none;
  margin-right:1px;
  margin-left:1px;
  width:30px;
  height:30px;
  text-align:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding:0;
  color:#999;
  font-size:14px;
  background-color:transparent;
  border-radius:5px;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
@media only screen and (max-width:414px) {
  .paginationContainer .pagination li a {
    margin-left:0;
    margin-right:0
  }
}
.paginationContainer .pagination li a i:before {
  color:#999;
  font-size:21px;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.paginationContainer .pagination li.active a,
.paginationContainer .pagination li:hover a {
  background:#586db4
}
.basketBoxAddress>.row {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -ms-flex-line-pack:start;
  align-content:flex-start;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
.basketBoxAddress>.row>div {
  margin-bottom:20px;
  -ms-flex-item-align:stretch;
  align-self:stretch
}
@media only screen and (max-width:767px) {
  .basketBoxAddress>.row>div {
    margin-bottom:10px
  }
}
@media only screen and (max-width:991px) {
  .basketBoxAddress>.row {
    display:block
  }
}
.basketBoxAddress .more {
  min-height:148px;
  text-align:center;
  border:1px dashed #d9d9d9;
  padding-top:50px;
  color:#999;
  font-size:16px;
  display:block
}
.basketBoxAddress .more:before {
  content:'\f278';
  vertical-align:middle;
  display:inline-block;
  font-size:21px;
  margin-left:8px;
  position:relative;
  top:-1px
}
.basketBoxAddress .more:hover {
  border-color:#666
}
.boxAddressItem {
  font-weight:400;
  width:100%;
  height:100%
}
.boxAddressItem .item {
  height:100%;
  display:block;
  position:relative
}
.boxAddressItem .item input {
  position:absolute;
  right:0;
  top:0;
  filter:alpha(Opacity=0);
  opacity:0;
  width:100%;
  height:100%;
  display:block;
  cursor:pointer;
  z-index:2
}
.boxAddressItem .item input:checked~.itm {
  border-color:#586db4
}
.boxAddressItem .item input:checked~.itm .delete:hover {
  color:#ff4000
}
.boxAddressItem .item input:checked~.itm:after {
  content:"";
  color:#fff
}
.boxAddressItem .item input:checked~.itm:before {
  background-color:#586db4
}
.boxAddressItem .item .itm {
  border-radius:15px;
  background-color:#fff;
  border:1px solid #d9d9d9;
  padding-right:55px;
  padding-top:15px;
  padding-bottom:35px;
  padding-left:10px;
  overflow:hidden;
  height:100%;
  position:relative;
  width:100%;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.boxAddressItem .item .itm:after {
  display:inline-block;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  position:relative;
  content:"";
  font-size:21px;
  margin-left:7px;
  top:4px;
  color:#999;
  position:absolute;
  right:8px;
  top:50%;
  margin-top:-7.5px;
  height:15px;
  line-height:15px
}
.boxAddressItem .item .itm .edit {
  position:absolute;
  font-size:12px;
  bottom:15px;
  z-index:3;
  right:55px;
  color:#666
}
.boxAddressItem .item .itm .edit:before {
  content:'\f158';
  font-size:17px;
  display:inline-block;
  position:relative;
  top:3px;
  margin-left:6px;
  color:#000
}
.boxAddressItem .item .itm .edit:hover {
  color:#000
}
.boxAddressItem .item .itm .delete {
  position:absolute;
  font-size:12px;
  right:130px;
  bottom:15px;
  z-index:3;
  color:#666
}
.boxAddressItem .item .itm .delete:before {
  content:'\f136';
  font-size:16px;
  color:#ff4000;
  display:inline-block;
  margin-left:6px;
  position:relative;
  top:3px
}
.boxAddressItem .item .itm .delete:hover {
  color:#ff4000
}
.boxAddressItem .item .itm:before {
  background-color:#f7f7f7;
  position:absolute;
  right:0;
  width:35px;
  content:'';
  top:0;
  display:block;
  height:100%;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.boxAddressItem .item .itm b.title {
  font-size:14px;
  color:#666;
  font-weight:700;
  display:block;
  margin-bottom:10px
}
.boxAddressItem .item .itm i {
  color:#666;
  font-size:12px;
  font-style:normal;
  display:block;
  margin-bottom:10px
}
.boxAddressItem .item .itm p {
  margin-bottom:10px;
  font-size:12px;
  color:#666;
  overflow:hidden;
  line-height:1.8
}
.basketBoxSend>.row {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -ms-flex-line-pack:start;
  align-content:flex-start;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
.basketBoxSend>.row>div {
  margin-bottom:20px;
  -ms-flex-item-align:stretch;
  align-self:stretch
}
@media only screen and (max-width:767px) {
  .basketBoxSend>.row>div {
    margin-bottom:10px
  }
}
@media only screen and (max-width:991px) {
  .basketBoxSend>.row {
    display:block
  }
}
.basketBoxSendItem {
  font-weight:400;
  width:100%;
  height:100%
}
.basketBoxSendItem .item {
  height:100%;
  display:block;
  position:relative;
  background-color:#fff;
  border-radius:15px
}
.basketBoxSendItem .item input {
  position:absolute;
  right:0;
  top:0;
  filter:alpha(Opacity=0);
  opacity:0;
  width:100%;
  height:100%;
  display:block;
  cursor:pointer;
  z-index:2
}
.basketBoxSendItem .item input:checked~.itm {
  border-color:#586db4
}
.basketBoxSendItem .item input:checked~.itm:after {
  content:"";
  color:#fff
}
.basketBoxSendItem .item input:checked~.itm:before {
  background-color:#586db4
}
.basketBoxSendItem .item .itm {
  border-radius:15px;
  border:1px solid #d9d9d9;
  padding-right:55px;
  padding-top:15px;
  padding-bottom:25px;
  padding-left:10px;
  overflow:hidden;
  height:100%;
  position:relative;
  width:100%;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  min-height:121px
}
.basketBoxSendItem .item .itm:after {
  display:inline-block;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  position:relative;
  content:"";
  font-size:21px;
  margin-left:7px;
  top:4px;
  color:#999;
  position:absolute;
  right:8px;
  top:50%;
  margin-top:-7.5px;
  height:15px;
  line-height:15px
}
.basketBoxSendItem .item .itm:before {
  background-color:#f7f7f7;
  position:absolute;
  right:0;
  width:35px;
  content:'';
  top:0;
  display:block;
  height:100%;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.basketBoxSendItem .item .itm b.title {
  font-size:14px;
  color:#4d4d4d;
  font-weight:700;
  display:block;
  margin-bottom:10px
}
.basketBoxSendItem .item .itm i {
  color:#999;
  font-size:14px;
  font-style:normal;
  display:block;
  position:absolute;
  bottom:10px;
  left:10px;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.basketBoxSendItem .item .itm p {
  margin-bottom:12px;
  font-size:12px;
  color:#999;
  overflow:hidden
}
@media only screen and (max-width:991px) {
  .basketBoxSendItem .item .itm p {
    font-size:11px
  }
}
.basketBoxSendItem .item .itm strong {
  font-weight:400;
  color:#999;
  font-size:12px;
  display:block
}
.payWays {
  width:100%;
  max-width:560px;
  margin-left:auto;
  margin-right:auto
}
.payWays>ul {
  margin-left:-10px;
  margin-right:-10px;
  text-align:center
}
.payWays>ul li {
  display:inline-block;
  vertical-align:middle;
  padding-left:10px;
  padding-right:10px;
  width:185px
}
@media only screen and (max-width:567px) {
  .payWays>ul li {
    width:100%;
    margin-bottom:0
  }
}
.payWays>ul li label {
  width:100%;
  background-color:#fff
}
.payWays>ul li label>span {
  border-radius:5px;
  border:1px solid #d9d9d9;
  display:block;
  height:45px;
  line-height:43px;
  width:100%;
  color:grey;
  font-size:14px;
  font-weight:700;
  overflow:hidden;
  position:relative;
  padding-right:25px;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.payWays>ul li label>span>b {
  position:relative;
  top:0
}
.payWays>ul li label>span:before {
  z-index:1;
  right:8px;
  line-height:45px;
  color:#999;
  font-size:21px;
  top:-1px;
  font-weight:400;
  position:absolute
}
.payWays>ul li label>span:after {
  position:absolute;
  right:0;
  height:100%;
  top:0;
  background-color:#f7f7f7;
  width:34px;
  content:'';
  display:block;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.payWays>ul li label input {
  z-index:2
}
.payWays>ul li label input:checked~span {
  border:1px solid #586db4
}
.payWays>ul li label input:checked~span:after {
  background-color:#586db4
}
.payTypeInBank {
  text-align:center;
  position:relative;
  z-index:2;
  padding-top:5px
}
.payTypeInBank ul li {
  display:inline-block;
  margin-left:3px;
  margin-right:3px;
  margin-bottom:5px;
  vertical-align:middle
}
@media only screen and (max-width:991px) {
  .payTypeInBank ul li {
    margin-left:0;
    margin-right:0;
    width:31.33%
  }
}
@media only screen and (max-width:767px) {
  .payTypeInBank ul li {
    margin-left:2px;
    margin-right:2px;
    width:auto
  }
}
.payTypeInBank ul li input {
  width:100%;
  display:block;
  height:100%;
  position:absolute;
  right:0;
  top:0;
  content:'';
  cursor:pointer;
  z-index:1;
  filter:alpha(Opacity=0);
  opacity:0
}
.payTypeInBank ul li input:checked~img {
  border-color:#000
}
.payTypeInBank ul li label {
  margin-bottom:0;
  position:relative
}
.payTypeInBank ul li label img {
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  border:1px solid #e1e4f0
}
.colorSelect {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.colorSelect label {
  margin:0;
  position:relative
}
.colorSelect label input {
  width:100%;
  display:block;
  height:100%;
  position:absolute;
  right:0;
  top:0;
  margin:0;
  cursor:pointer;
  z-index:1;
  filter:alpha(Opacity=0);
  opacity:0
}
.colorSelect label input:checked~span {
  border-color:#ee377c;
  -webkit-box-shadow:0 2px 7px 0 rgba(0,0,0,.3);
  box-shadow:0 2px 7px 0 rgba(0,0,0,.3)
}
.colorSelect label span {
  border-radius:2px;
  width:40px;
  height:40px;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  position:relative;
  border:1px solid #d9d9d9;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
@media only screen and (max-width:991px) {
  .colorSelect label span {
    width:30px;
    height:30px
  }
}
.colorSelect label i {
  border-radius:2px;
  width:36px;
  height:36px;
  font-size:10px;
  color:#000;
  font-weight:700;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
@media only screen and (max-width:991px) {
  .colorSelect label i {
    width:26px;
    height:26px
  }
}
.colorSelect label img {
  border-radius:2px;
  width:36px;
  height:36px;
  display:inline-block
}
@media only screen and (max-width:991px) {
  .colorSelect label img {
    width:26px;
    height:26px
  }
}
.colorSelect li {
  display:inline-block;
  vertical-align:middle;
  line-height:0;
  margin-left:5px
}
.colorSelect li:last-child {
  margin-left:0
}
.colorSelect li.more span {
  background-color:#d9d9d9
}
.sizeSelect li {
  display:inline-block;
  vertical-align:middle;
  margin:5px
}
.sizeSelect li:last-child {
  margin-left:0
}
.sizeSelect li label {
  margin:0;
  position:relative
}
.sizeSelect li label input {
  width:100%;
  display:block;
  height:100%;
  position:absolute;
  right:0;
  top:0;
  cursor:pointer;
  z-index:1;
  filter:alpha(Opacity=0);
  opacity:0
}
.sizeSelect li label input:checked~span {
  border-color:#ee377c
}
.sizeSelect li label span {
  direction:ltr;
  text-align:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  min-width:124px;
  padding-left:10px;
  padding-right:10px;
  height:60px;
  line-height:58px;
  font-size:14px;
  color:#000;
  font-weight:400;
  border-radius:10px;
  background-color:#fff;
  border:1px solid #d9d9d9;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.sizeSelect li label span img {
  margin-left:10px
}
.searchBox {
  position:relative;
  width:100%
}
.searchBox .searchBox__inp {
  height:60px;
  width:100%;
  border:1px solid #d9d9d9;
  border-radius:0;
  padding-left:50px;
  padding-right:10px;
  margin-bottom:20px;
  font-size:10px;
  color:#000;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
@media only screen and (max-width:991px) {
  .searchBox .searchBox__inp {
    font-size:13px
  }
}
.searchBox .searchBox__inp:focus {
  border-color:#586db4
}
.searchBox .searchBox__btn {
  position:absolute;
  left:15px;
  top:15px;
  border:none;
  text-align:center;
  background-color:transparent;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.searchBox .searchBox__btn:hover {
  fill:#586db4
}
.sampleTab .tabs {
  text-align:center
}
.sampleTab .tabs ul {
  margin-left:-10px;
  margin-right:-10px
}
.sampleTab .tabs ul li {
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  display:inline-block;
  vertical-align:middle;
  margin-left:-2px;
  margin-right:-2px;
  padding-left:10px;
  padding-right:10px
}
@media only screen and (max-width:480px) {
  .sampleTab .tabs ul li {
    width:33.33%
  }
}
.sampleTab .tabs ul li a {
  padding-left:15px;
  padding-right:15px;
  height:45px;
  line-height:40px;
  color:#999;
  font-size:16px;
  position:relative;
  display:block;
  text-align:center;
  font-weight:700
}
@media only screen and (max-width:767px) {
  .sampleTab .tabs ul li a {
    font-size:14px;
    padding-left:0;
    padding-right:0
  }
}
@media only screen and (max-width:567px) {
  .sampleTab .tabs ul li a {
    font-size:13px
  }
}
.sampleTab .tabs ul li a:after {
  bottom:0;
  height:4px;
  background-color:#586db4;
  width:100%;
  display:block;
  content:'';
  position:absolute;
  right:0;
  border-radius:5px 5px 0 0;
  filter:alpha(Opacity=0);
  opacity:0;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.sampleTab .tabs ul li.active a:after {
  filter:alpha(enabled=false);
  opacity:1
}
.sampleTab .tab-content {
  padding:20px 0
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform:none;
    transform:none
  }
  15% {
    -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
    transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
  }
  30% {
    -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);
    transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
  }
  45% {
    -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
    transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
  }
  60% {
    -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);
    transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
  }
  75% {
    -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
    transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
  }
  100% {
    -webkit-transform:none;
    transform:none
  }
}
@keyframes wobble {
  0% {
    -webkit-transform:none;
    transform:none
  }
  15% {
    -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
    transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
  }
  30% {
    -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);
    transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
  }
  45% {
    -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
    transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
  }
  60% {
    -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);
    transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
  }
  75% {
    -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
    transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
  }
  100% {
    -webkit-transform:none;
    transform:none
  }
}
.m_table_scroll_alert {
  display:none
}
@media only screen and (max-width:991px) {
  .m_table_scroll_alert {
    display:block;
    margin-bottom:10px;
    position:relative;
    width:100%;
    height:35px;
    line-height:30px;
    padding:0 5px;
    background:#fcf8e3;
    border:1px dashed #f1e1c1;
    border-radius:4px;
    color:#d2bd81
  }
}
.m_table_scroll_alert .scroll_alert {
  margin-left:5px
}
.m_table_scroll_alert .scroll_alert .icon_hand {
  display:inline-block;
  margin-right:5px;
  vertical-align:middle;
  -webkit-animation-name:wobble;
  animation-name:wobble;
  -webkit-animation-duration:4s;
  animation-duration:4s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite
}
@media only screen and (max-width:991px) {
  .ordersTable {
    overflow-x:auto
  }
}
.ordersTable table {
  width:100%
}
@media only screen and (max-width:991px) {
  .ordersTable table {
    width:1000px
  }
}
.ordersTable table tr {
  overflow:hidden;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.ordersTable table tr th {
  padding:15px 10px;
  text-align:center;
  background:#ee377c;
  font-size:14px;
  font-weight:400
}
@media only screen and (max-width:1199px) {
  .ordersTable table tr th {
    font-size:12px
  }
}
.ordersTable table tr th:last-child {
  border-left:none
}
.ordersTable table tr td {
  text-align:center;
  padding:10px;
  border:1px solid #e8e8e8;
  font-size:13px;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.ordersTable table tr td .orderViewLink {
  display:block;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  font-weight:700;
  line-height:30px
}
.ordersTable table tr:hover td {
  background-color:#f8f8f8
}
.videoBox {
  position:relative;
  padding-left:0;
  padding-right:0;
  line-height:0;
  border-radius:10px;
  overflow:hidden
}
.videoBox video {
  width:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center center;
  object-position:center center
}
.videoBox .videoBoxPlay {
  position:absolute;
  z-index:1;
  width:100%;
  height:100%;
  top:0;
  left:0
}
.videoBox .videoBoxPlay:before {
  width:100%;
  display:block;
  height:100%;
  position:absolute;
  right:0;
  top:0;
  content:'';
  background-color:rgba(0,0,0,.25)
}
.videoBox .videoBoxPlay:after {
  position:absolute;
  right:50%;
  top:50%;
  -webkit-transform:translateX(50%) translateY(-50%);
  transform:translateX(50%) translateY(-50%);
  z-index:100
}
@media only screen and (max-width:767px) {
  .videoBox .videoBoxPlay:after {
    -webkit-transform:translateX(50%) translateY(-50%) scale(.5);
    transform:translateX(50%) translateY(-50%) scale(.5)
  }
}
.map {
  width:100%;
  height:300px
}
.advancedSearch {
  position:absolute;
  width:100%;
  top:100%;
  right:0;
  background-color:#fff;
  display:none;
  z-index:999;
  -webkit-box-shadow:0 5px 13px 0 rgba(0,0,0,.15);
  box-shadow:0 5px 13px 0 rgba(0,0,0,.15)
}
@media only screen and (max-width:767px) {
  .advancedSearch {
    display:none!important
  }
}
.advancedSearch h6 {
  font-weight:700;
  padding-bottom:10px;
  margin-bottom:10px;
  font-size:15px;
  border-bottom:1px solid #bdbdbd;
  padding-top:5px;
  clear:both
}
.advancedSearch .row>div:nth-child(2):after {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:block;
  content:'';
  background-color:#f9f9f9
}
.advancedSearch .more {
  width:100%;
  margin-top:20px;
  margin-bottom:20px;
  float:right;
  padding-left:12px;
  padding-right:10px;
  padding-top:15px;
  padding-bottom:4px;
  font-size:13px;
  color:grey;
  font-weight:400;
  border-top:1px solid #d9d9d9;
  clear:both;
  text-align:center
}
.advancedSearch .advancedSearchScroll {
  padding:20px
}
.advancedSearch .advancedSearchScroll #advancedSearchProducts {
  height:365px;
  overflow-y:auto
}
.advancedSearch .advancedSearchScroll #advancedSearchProducts ul li {
  padding-left:10px;
  margin-bottom:10px;
  overflow:hidden
}
.advancedSearch .advancedSearchScroll #advancedSearchProducts ul li img {
  float:right;
  border:1px solid #edecec;
  margin-left:8px;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  border-radius:10px
}
.advancedSearch .advancedSearchScroll #advancedSearchProducts ul li .title {
  font-size:12px;
  display:block;
  margin-bottom:5px;
  margin-top:5px
}
.advancedSearch .advancedSearchScroll #advancedSearchProducts ul li .price {
  color:#666;
  font-size:12px
}
.advancedSearch .advancedSearchScroll #advancedSearchProducts ul li:hover img {
  border-color:#586db4
}
.advancedSearch #advancedSearchBox {
  padding:20px;
  position:relative;
  z-index:2
}
.advancedSearch #advancedSearchBox .advancedSearchBox {
  margin-bottom:35px
}
.advancedSearch #advancedSearchBox .advancedSearchBox ul {
  height:105px;
  overflow-y:auto
}
.advancedSearch #advancedSearchBox .advancedSearchBox ul li {
  font-weight:500;
  margin-bottom:9px;
  font-size:12px
}
.advancedSearch #advancedSearchBox .advancedSearchBox ul li a {
  color:#333
}
.advancedSearch #advancedSearchBox .advancedSearchBox ul li a:before {
  width:6px;
  height:6px;
  display:inline-block;
  margin-left:8px;
  margin-right:2px;
  border-radius:50%;
  background-color:#0263cc;
  content:''
}
.advancedSearch #advancedSearchBox .advancedSearchBox:last-child {
  margin-bottom:0
}
.advancedSearch #advancedSearchBox .advancedSearchArticles ul {
  height:140px;
  overflow-y:auto
}
.advancedSearch #advancedSearchBox .advancedSearchArticles ul li {
  overflow:hidden;
  margin-bottom:10px;
  color:#333;
  font-size:12px;
  line-height:24px
}
.advancedSearch #advancedSearchBox .advancedSearchArticles ul li a {
  display:block
}
.advancedSearch #advancedSearchBox .advancedSearchArticles ul li:last-child {
  margin-bottom:0
}
.advancedSearch #advancedSearchBox .advancedSearchArticles ul li img {
  border:1px solid #edecec;
  margin-left:10px;
  float:right
}
.m-0 {
  margin:0!important
}
.mt-0 {
  margin-top:0!important
}
.mb-0 {
  margin-bottom:0!important
}
.mr-0 {
  margin-right:0!important
}
.ml-0 {
  margin-left:0!important
}
.mx-0 {
  margin-right:0!important;
  margin-left:0!important
}
.my-0 {
  margin-top:0!important;
  margin-bottom:0!important
}
.p-0 {
  padding:0!important
}
.pt-0 {
  padding-top:0!important
}
.pb-0 {
  padding-bottom:0!important
}
.pr-0 {
  padding-right:0!important
}
.pl-0 {
  padding-left:0!important
}
.px-0 {
  padding-right:0!important;
  padding-left:0!important
}
.py-0 {
  padding-top:0!important;
  padding-bottom:0!important
}
* {
  outline:0
}
.d-none {
  display:none
}
.d-block {
  display:block
}
.d-inline {
  display:inline
}
.d-inline-block {
  display:inline-block
}
.d-table {
  display:table
}
.d-table-cell {
  display:table-cell
}
.h100 {
  height:100%!important
}
.w100 {
  width:100%!important
}
i {
  font-style:normal!important
}
.overH {
  overflow:hidden!important
}
.overV {
  overflow:visible!important
}
.relative {
  clear:both;
  position:relative
}
.flex1 {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1
}
.flex-grow {
  -webkit-box-flex:1;
  -moz-flex-grow:1;
  -ms-flex-positive:1;
  flex-grow:1
}
.inb {
  display:inline-block;
  vertical-align:middle;
  *vertical-align:auto;
  *zoom:1;
  *display:inline;
  margin-right:-2px;
  margin-left:-2px
}
.no-resize {
  resize:none
}
.imgHoverZoom {
  overflow:hidden;
  position:relative;
  display:block
}
.imgHoverZoom:before {
  content:"";
  display:block;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  top:0;
  opacity:0;
  background-color:rgba(0,0,0,.5);
  z-index:10;
  pointer-events:none;
  -webkit-transition:all .35s;
  transition:all .35s
}
.imgHoverZoom img {
  -webkit-transition:all .35s cubic-bezier(.39,.575,.565,1);
  transition:all .35s cubic-bezier(.39,.575,.565,1)
}
.imgHoverZoom .seeMore {
  -webkit-transition:all .35s;
  transition:all .35s;
  opacity:0
}
.imgHoverZoom:hover:before {
  -webkit-transition:all .35s;
  transition:all .35s;
  opacity:1
}
.imgHoverZoom:hover .seeMore {
  opacity:1;
  -webkit-transform:translateX(50%) translateY(-50%);
  transform:translateX(50%) translateY(-50%);
  -webkit-transition:all .4s ease-out;
  transition:all .4s ease-out
}
.imgHoverZoom:hover .seeMore:after {
  width:100%
}
.imgHoverZoom:hover img {
  -webkit-transition:all 4s cubic-bezier(.39,.575,.565,1);
  transition:all 4s cubic-bezier(.39,.575,.565,1);
  -webkit-transform:scale(1.2);
  transform:scale(1.2)
}
#cd_shadow_layer {
  position:fixed;
  min-height:100%;
  width:100%;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(0,0,0,.75);
  z-index:999;
  display:none
}
#cd_shadow_layer.is_visible {
  display:block
}
#cd_cart {
  position:fixed;
  top:0;
  height:100%;
  width:360px;
  padding:0 20px;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  -webkit-box-shadow:0 0 20px rgba(0,0,0,.2);
  box-shadow:0 0 20px rgba(0,0,0,.2);
  z-index:9999;
  right:-100%;
  background:#fff;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
@media only screen and (min-width:768px) {
  #cd_cart {
    width:400px
  }
}
@media only screen and (max-width:480px) {
  #cd_cart {
    width:100%;
    -webkit-box-shadow:none;
    box-shadow:none
  }
}
#cd_cart.speed_in {
  right:0
}
#cd_cart strong {
  height:50px;
  line-height:50px;
  font-size:18px;
  border-bottom:1px solid #dedede;
  font-weight:500;
  display:block
}
#cd_cart #remove_comp {
  position:absolute;
  display:block;
  cursor:pointer;
  top:17px;
  left:15px;
  width:18px;
  height:18px;
  text-align:center
}
#cd_cart #remove_comp:after {
  position:absolute;
  display:block;
  content:'\f136';
  font-size:24px;
  line-height:18px
}
#cd_cart .end_pay {
  position:absolute;
  bottom:20px;
  right:0;
  width:100%;
  padding:0 20px;
  display:block;
  background:#fff
}
#cd_cart .end_pay .btn {
  height:45px;
  line-height:45px;
  font-size:15px;
  text-align:center;
  display:inline-block;
  width:100%
}
#cd_cart .end_pay .btn:after {
  position:relative;
  top:-2px
}
#cd_cart .end_pay .total_price {
  height:59px;
  line-height:59px;
  font-size:14px;
  border-top:1px solid #ccc;
  color:#000;
  font-weight:500;
  padding:0 12px;
  margin-top:5px
}
#cd_cart .end_pay .total_price span {
  float:left;
  font-size:17px
}
.cd-cart-items {
  padding-left:15px;
  padding-top:20px;
  overflow-y:auto;
  height:calc(100vh - 170px);
  margin-bottom:20px
}
.cd-cart-items li {
  margin-bottom:20px;
  overflow:hidden
}
.cd-cart-items li .img__cnt {
  padding:5px;
  text-align:center;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  float:right;
  border:1px solid #d9d9d9;
  margin-left:15px;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.cd-cart-items li .title {
  font-weight:500;
  font-size:13px
}
.cd-cart-items li .remove {
  display:block;
  margin-top:2px;
  margin-bottom:2px;
  color:red
}
.cd-cart-items li .remove:before {
  font-size:16px;
  content:'\f154';
  margin-left:5px;
  position:relative;
  top:-2px;
  display:inline-block;
  vertical-align:middle;
  *vertical-align:auto;
  *zoom:1;
  *display:inline
}
.cd-cart-items li .price_area {
  width:100%;
  text-align:left;
  margin-bottom:1px
}
.cd-cart-items li .price_area .old_price {
  text-decoration:line-through;
  color:#000;
  display:block;
  font-size:13px
}
.cd-cart-items li .price_area .old_price span {
  color:#000
}
.cd-cart-items li .price_area .new_price {
  display:block;
  font-size:16px;
  font-weight:500
}
.cd-cart-items li .time_offer {
  width:68px;
  height:29px;
  float:left;
  clear:both
}
.cd-cart-items li .time_offer .time_offer_top {
  width:100%;
  height:13px;
  font-size:11px
}
.cd-cart-items li .time_offer .time_offer_top .time_offer_top_right {
  width:29px;
  line-height:15px;
  height:16px;
  background:red;
  text-align:center;
  float:right
}
.cd-cart-items li .time_offer .time_offer_top .time_offer_top_left {
  width:38px;
  line-height:15px;
  height:16px;
  background:red;
  text-align:center;
  float:left
}
.cd-cart-items li .time_offer .time_offer_top .time_offer_top_left i {
  font-style:normal
}
.cd-cart-items li .time_offer .time_offer_bottom {
  width:100%;
  height:15px;
  font-size:11px;
  background:#39c0c3
}
.cd-cart-items li .time_offer .time_offer_bottom span {
  width:16px;
  height:15px;
  line-height:13px;
  text-align:center;
  float:left;
  background:#0da39f
}
.cd-cart-items li .time_offer .time_offer_bottom .time {
  width:52px;
  height:15px;
  line-height:13px;
  text-align:center;
  float:left
}
.cd-cart-items li .count {
  display:block
}
.cd-cart-items li:hover .img__cnt {
  border-color:#586db4
}
.rowGrid {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-left:-10px;
  margin-right:-10px
}
.rowGrid .form-group {
  margin-bottom:0
}
.colGrid1 {
  -webkit-box-flex:1;
  -ms-flex:1 0 100%;
  flex:1 0 100%;
  max-width:100%;
  padding:10px
}
.colGrid2 {
  -webkit-box-flex:1;
  -ms-flex:1 0 50%;
  flex:1 0 50%;
  max-width:50%;
  padding:10px
}
.colGrid3 {
  -webkit-box-flex:1;
  -ms-flex:1 0 33.33%;
  flex:1 0 33.33%;
  max-width:33.33%;
  padding:10px
}
.colGrid4 {
  -webkit-box-flex:1;
  -ms-flex:1 0 25%;
  flex:1 0 25%;
  max-width:25%;
  padding:10px
}
.colGrid5 {
  -webkit-box-flex:1;
  -ms-flex:1 0 20%;
  flex:1 0 20%;
  max-width:20%;
  padding:10px
}
.colGrid6 {
  -webkit-box-flex:1;
  -ms-flex:1 0 16.66%;
  flex:1 0 16.66%;
  max-width:16.66%;
  padding:10px
}
.sidebarGrid {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
@media only screen and (max-width:991px) {
  .sidebarGrid {
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse
  }
}
.sidebarGrid #sidebar {
  -webkit-box-flex:0;
  -ms-flex:0 0 274px;
  flex:0 0 274px;
  max-width:274px
}
@media only screen and (max-width:991px) {
  .sidebarGrid #sidebar {
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
    padding:0
  }
}
.sidebarGrid #content {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(100% - 274px);
  flex:0 0 calc(100% - 274px);
  max-width:calc(100% - 274px);
  padding-right:20px
}
@media only screen and (max-width:991px) {
  .sidebarGrid #content {
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
    padding:0
  }
}
.container {
  max-width:1600px;
  width:100%;
  margin-left:auto;
  margin-right:auto
}
input[type=text],
textarea {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}
.coverHead {
  padding-top:15px;
  padding-bottom:15px;
  background-color:#f2f2f2
}
@media only screen and (max-width:767px) {
  .coverHead {
    padding-top:10px;
    padding-bottom:10px
  }
}
.coverHead #coverHead h1,
.coverHead #coverHead h2,
.coverHead #coverHead h3 {
  font-weight:700;
  font-size:24px;
  margin-bottom:10px
}
@media only screen and (max-width:767px) {
  .coverHead #coverHead h1,
  .coverHead #coverHead h2,
  .coverHead #coverHead h3 {
    font-size:20px
  }
}
.coverHead .breadcrumb {
  margin:0;
  padding:0;
  background-color:transparent
}
.coverHead .breadcrumb li {
  color:#000
}
.coverHead .breadcrumb li+li:before {
  content:'/';
  color:#000
}
.post {
  line-height:30px;
  font-size:14px
}
@media only screen and (max-width:767px) {
  .post {
    line-height:26px;
    font-size:13px
  }
}
.post p {
  line-height:30px;
  font-size:14px
}
.post .title {
  color:#000;
  font-weight:700;
  font-size:18px;
  margin-bottom:15px
}
@media only screen and (max-width:767px) {
  .post .title {
    margin-bottom:10px
  }
}
.leaflet-control {
  display:none
}
.generalSlider .slick-list {
  margin-left:-10px;
  margin-right:-10px
}
.generalSlider .slick-slide {
  margin-left:10px;
  margin-right:10px
}
.descBox {
  background-color:#fff;
  position:relative
}
.descBox.full .descBox__info {
  height:auto
}
.descBox.full .descBox__btn {
  text-align:center
}
.descBox.full .descBox__btn--title1 {
  display:none
}
.descBox.full .descBox__btn--title2 {
  display:inline-block
}
.descBox.full .descBox__btn .zmdi-chevron-down {
  display:none;
  line-height:0;
  vertical-align:middle
}
.descBox.full .descBox__btn .zmdi-chevron-up {
  display:inline-block;
  line-height:0;
  vertical-align:middle
}
.descBox__title {
  width:100%;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:15px
}
@media only screen and (max-width:767px) {
  .descBox__title {
    margin-bottom:10px
  }
}
.descBox__title .title {
  color:#000;
  font-size:28px;
  font-weight:700;
  text-align:right
}
@media only screen and (max-width:991px) {
  .descBox__title .title {
    font-size:24px
  }
}
@media only screen and (max-width:767px) {
  .descBox__title .title {
    font-size:20px
  }
}
.descBox__info {
  margin-top:10px;
  height:120px;
  line-height:30px;
  font-size:14px;
  overflow:hidden;
  text-align:right
}
.descBox__btn {
  color:#000;
  font-size:14px;
  display:block;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-top:20px;
  text-align:center
}
.descBox__btn--title1 {
  display:inline-block
}
.descBox__btn--title2 {
  display:none
}
.descBox__btn .zmdi-chevron-down {
  display:inline-block;
  margin-right:5px;
  line-height:0;
  vertical-align:middle
}
.descBox__btn .zmdi-chevron-up {
  display:none;
  margin-right:5px;
  line-height:0;
  vertical-align:middle
}
.mediaPageLink {
  background-image:url(../../img/bg-gallery.jpg);
  padding-top:50px;
  border-radius:10px;
  margin-bottom:30px
}
@media only screen and (max-width:767px) {
  .mediaPageLink {
    padding-top:20px
  }
}
.mediaPageLink .headerTitle {
  text-align:center;
  color:#fff
}
.mediaPageLink>ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-top:50px
}
@media only screen and (max-width:767px) {
  .mediaPageLink>ul {
    margin-top:20px
  }
}
.mediaPageLink>ul li {
  padding-left:10px;
  padding-right:10px
}
.mediaPageLink a {
  padding:10px 50px;
  display:inline-block;
  background-color:rgba(255,255,255,.3);
  border-radius:10px 10px 0 0;
  color:#fff;
  font-weight:700;
  font-size:16px
}
@media only screen and (max-width:767px) {
  .mediaPageLink a {
    padding:7px 25px;
    font-size:13px
  }
}
.mediaPageLink a.active {
  background-color:#ee377c
}
.mediaPage {
  margin-top:40px;
  margin-bottom:40px
}
@media only screen and (max-width:767px) {
  .mediaPage {
    margin-top:20px;
    margin-bottom:20px
  }
}
.mediaPage #mediaList>ul {
  display:-webkit-box;
  display:-moz-flex;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-left:-10px;
  margin-right:-10px;
  margin-top:10px
}
@media only screen and (max-width:767px) {
  .mediaPage #mediaList>ul {
    margin-left:-5px;
    margin-right:-5px
  }
}
.mediaPage #mediaList>ul>li {
  padding:10px;
  -webkit-box-flex:0;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%;
  position:relative;
  margin-bottom:10px
}
@media only screen and (max-width:1199px) {
  .mediaPage #mediaList>ul>li {
    -webkit-box-flex:0;
    -ms-flex:0 0 33.33%;
    flex:0 0 33.33%;
    max-width:33.33%
  }
}
@media only screen and (max-width:991px) {
  .mediaPage #mediaList>ul>li {
    -webkit-box-flex:0;
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%
  }
}
@media only screen and (max-width:767px) {
  .mediaPage #mediaList>ul>li {
    padding:5px
  }
}
.mediaPage #mediaList>ul>li .mediaBox {
  display:block
}
.mediaBox__image {
  border-radius:10px;
  position:relative;
  overflow:hidden
}
.mediaBox__image--overlay {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background:-webkit-gradient(linear,right top,left bottom,from(rgba(88,109,180,.9)),to(rgba(44,55,90,.9)));
  background:linear-gradient(to bottom left,rgba(88,109,180,.9) 0,rgba(44,55,90,.9) 100%);
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  border-radius:10px;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  opacity:0;
  z-index:0
}
.mediaBox__image img {
  width:100%
}
.mediaBox__desc {
  margin-top:15px;
  text-align:center;
  font-size:16px;
  font-weight:700
}
@media only screen and (max-width:991px) {
  .mediaBox__desc {
    font-size:14px
  }
}
@media only screen and (max-width:767px) {
  .mediaBox__desc {
    font-size:13px
  }
}
.mediaBox:hover .mediaBox__image--overlay {
  opacity:1
}
.mediaBox:hover .mediaBox__desc {
  color:#586db4
}
.header {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding-top:12px;
  padding-bottom:15px;
  position:relative;
  min-height:90px
}
.header__menu {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.header__menu li a {
  display:block;
  margin-left:18px;
  font-size:14px;
  font-weight:700;
  color:#000;
  -webkit-transition:all .3s ease;
  transition:all .3s ease
}
.header__menu li a:hover {
  color:#586db4
}
@media only screen and (max-width:1199px) {
  .header__menu li a {
    margin-left:10px;
    font-size:13px
  }
}
@media only screen and (max-width:991px) {
  .header__menu {
    display:none
  }
}
.header__detail {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.header__detail li a {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-right:30px;
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
  position:relative
}
.header__detail li a svg {
  -webkit-transition:all .3s ease;
  transition:all .3s ease
}
.header__detail li a:hover {
  color:#586db4
}
@media only screen and (max-width:1199px) {
  .header__detail li a {
    margin-right:15px
  }
}
.header__detail--items .itemTitle {
  display:inline-block;
  margin-left:10px
}
@media only screen and (max-width:991px) {
  .header__detail--items .itemTitle {
    display:none
  }
}
.header__detail--items .searchTitle {
  margin-left:0
}
.header__detail--items .basketCount {
  width:20px;
  height:20px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  border-radius:50%;
  color:#fff;
  background-color:#586db4;
  margin-left:5px
}
.header__logo {
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
@media only screen and (max-width:767px) {
  .header__logo img {
    width:100px
  }
}
@media only screen and (max-width:991px) {
  .header__logo {
    position:static;
    -webkit-transform:none;
    transform:none
  }
}
#header {
  position:relative;
  border-bottom:1px solid #d9d9d9;
  min-height:90px
}
#header .container-fluid {
  overflow:visible
}
#cd-search {
  position:absolute;
  bottom:-101px;
  width:100%;
  height:100px;
  background:#fff;
  z-index:1;
  left:0;
  right:0;
  z-index:3;
  opacity:0;
  visibility:hidden;
  -webkit-transition:opacity .3s 0s,visibility 0s .3s;
  transition:opacity .3s 0s,visibility 0s .3s
}
#cd-search form {
  height:100%
}
#cd-search form input {
  width:100%;
  height:100%;
  padding:0 2em;
  font-size:3.2rem;
  font-weight:300;
  border:none;
  outline:0;
  color:#000;
  text-align:right
}
#cd-search form input::-webkit-input-placeholder {
  color:#d9d9d9
}
#cd-search form input::-moz-placeholder {
  color:#d9d9d9
}
#cd-search form input:-ms-input-placeholder {
  color:#d9d9d9
}
#cd-search form input::-ms-input-placeholder {
  color:#d9d9d9
}
#cd-search form input::placeholder {
  color:#d9d9d9
}
@media only screen and (max-width:767px) {
  #cd-search form input {
    padding:0 1em
  }
}
.is-visible {
  opacity:1!important;
  visibility:visible!important;
  -webkit-transition:opacity .3s 0s,visibility 0s 0s;
  transition:opacity .3s 0s,visibility 0s 0s
}
#userArea {
  position:absolute;
  -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.1);
  box-shadow:0 0 10px 0 rgba(0,0,0,.1);
  background-color:#fff;
  width:186px;
  top:45px;
  padding:10px 20px;
  border-radius:10px;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  display:none;
  z-index:5
}
#userArea a {
  margin-right:0
}
#userArea p {
  text-align:center;
  line-height:24px;
  font-size:12px;
  margin-bottom:10px
}
.userArea {
  margin-right:auto;
  position:relative;
  z-index:2
}
.userAreaLink {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-right:30px
}
.userAreaLink i {
  margin-left:5px
}
@media only screen and (max-width:1199px) {
  .userAreaLink {
    margin-right:15px
  }
}
.loginLinkModal {
  width:140px;
  display:block;
  margin-left:auto;
  margin-right:auto;
  border-radius:10px;
  background-color:#fff;
  border:2px solid #586db4;
  text-align:center;
  color:#586db4;
  height:45px;
  line-height:41px;
  margin-bottom:10px;
  font-size:14px;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
.loginLinkModal:hover {
  border-color:#ee377c;
  color:#fff!important
}
.registerLinkModal {
  width:140px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin-left:auto;
  margin-right:auto;
  border-radius:10px;
  background-color:#586db4;
  text-align:center;
  height:45px;
  line-height:45px;
  margin-bottom:10px;
  font-size:14px;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  color:#fff!important
}
.registerLinkModal:hover {
  color:#fff!important
}
.search-icon {
  width:40px;
  height:30px;
  position:relative;
  cursor:pointer;
  margin:auto
}
.search-line {
  width:15px;
  height:2px;
  background:#333;
  display:inline-block;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  position:absolute;
  top:20px;
  left:14px;
  -webkit-transition:all .3s ease-in 0s;
  transition:all .3s ease-in 0s
}
.active .search-line {
  width:30px;
  left:0;
  top:15px;
  -webkit-transition:all .3s ease-out 0s;
  transition:all .3s ease-out 0s
}
.search-circle {
  width:20px;
  height:20px;
  border:2px solid #333;
  display:inline-block;
  position:absolute;
  top:0;
  left:0;
  border-radius:50%;
  -webkit-transition:top .3s ease-in 0s,left .3s ease-in 0s,border-radius .3s ease-in 0s,border-width .3s ease-in 0s,width .3s ease-in 0s,height .3s ease-in 0s,background-color .1s ease-in 0s;
  transition:top .3s ease-in 0s,left .3s ease-in 0s,border-radius .3s ease-in 0s,border-width .3s ease-in 0s,width .3s ease-in 0s,height .3s ease-in 0s,background-color .1s ease-in 0s;
  background-color:#fff
}
.active .search-circle {
  width:0;
  height:0;
  border-width:0;
  top:12px;
  left:12px;
  -webkit-transition:top .3s ease-in 0s,left .3s ease-in 0s,border-radius 0s ease-in .3s,border-width .3s ease-in 0s,width .3s ease-in 0s,height .3s ease-in 0s,background-color 0s ease-in .3s;
  transition:top .3s ease-in 0s,left .3s ease-in 0s,border-radius 0s ease-in .3s,border-width .3s ease-in 0s,width .3s ease-in 0s,height .3s ease-in 0s,background-color 0s ease-in .3s
}
.active .second-line {
  -webkit-transform:rotate(135deg);
  transform:rotate(135deg)
}
.megaMenuWrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.megaMenu {
  min-height:450px;
  border-radius:10px;
  z-index:99;
  background:#fff;
  position:absolute;
  top:80px;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  width:100%;
  border:1px solid #d9d9d9;
  overflow:hidden;
  display:none
}
.megaMenu__tabs {
  background-color:rgba(88,109,180,.2);
  -webkit-box-flex:1;
  -ms-flex:1 0 221px;
  flex:1 0 221px;
  max-width:221px
}
.megaMenu__tabs--list {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
}
.megaMenu__tabs--list li a {
  background-color:transparent!important;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:14px;
  font-weight:400;
  color:#000;
  border:none!important
}
.megaMenu__tabs--list li a img {
  margin-left:10px
}
.megaMenu__tabs--list li a:hover {
  background-color:transparent!important;
  border:none!important;
  font-weight:700;
  color:#586db4!important
}
.megaMenu__tabs--list li.active a {
  background-color:transparent!important;
  border:none!important;
  font-weight:700;
  color:#586db4!important
}
.megaMenu__tabs--list li:hover a {
  background-color:transparent!important;
  border:none!important;
  font-weight:700;
  color:#586db4!important
}
.megaMenu__tabs--content {
  padding:30px 20px;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  max-width:100%
}
.megaMenu__tabs--content .megamenuContentList {
  -webkit-column-count:3;
  -moz-column-count:3;
  column-count:3;
  -webkit-column-fill:auto;
  -moz-column-fill:auto;
  column-fill:auto;
  max-height:387px
}
.megaMenu__tabs--content .megamenuHeadTitle {
  font-size:14px;
  font-weight:700;
  color:#586db4;
  line-height:30px
}
.megaMenu__tabs--content .megamenuHeadLink {
  font-size:12px;
  font-weight:400;
  color:#000;
  line-height:30px
}
.megaMenu__tabs--image {
  -webkit-box-flex:1;
  -ms-flex:1 0 418px;
  flex:1 0 418px;
  max-width:418px;
  margin-left:0
}
.megaMenu__tabs--image a {
  display:block;
  margin-left:15px!important;
  margin-top:15px;
  margin-bottom:15px
}
.megaMenu__tabs--image a img {
  width:100%;
  border-radius:10px
}
@media only screen and (max-width:1199px) {
  .megaMenu__tabs--image {
    -webkit-box-flex:1;
    -ms-flex:1 0 318px;
    flex:1 0 318px;
    max-width:318px
  }
}
.slideShow .slick-slide img {
  width:100%
}
.slideShow .slick-prev {
  right:auto!important;
  left:1%;
  background-color:transparent;
  border:none
}
@media only screen and (max-width:1199px) {
  .slideShow .slick-prev {
    left:calc((100vw - 950px)/ 2)
  }
}
@media only screen and (max-width:991px) {
  .slideShow .slick-prev {
    left:calc((100vw - 720px)/ 2)
  }
}
@media only screen and (max-width:767px) {
  .slideShow .slick-prev {
    left:20px
  }
}
.slideShow .slick-prev::after {
  font-size:50px;
  color:#000
}
@media only screen and (max-width:767px) {
  .slideShow .slick-prev::after {
    font-size:30px
  }
}
.slideShow .slick-prev:hover {
  background-color:transparent!important
}
.slideShow .slick-prev:hover::after {
  color:#586db4
}
@media only screen and (max-width:767px) {
  .slideShow .slick-prev:hover::after {
    font-size:30px
  }
}
.slideShow .slick-next {
  left:auto!important;
  right:1%;
  background-color:transparent;
  border:none
}
@media only screen and (max-width:1199px) {
  .slideShow .slick-next {
    right:calc((100vw - 950px)/ 2)
  }
}
@media only screen and (max-width:991px) {
  .slideShow .slick-next {
    right:calc((100vw - 720px)/ 2)
  }
}
@media only screen and (max-width:767px) {
  .slideShow .slick-next {
    right:20px
  }
}
.slideShow .slick-next::after {
  font-size:50px;
  color:#000
}
@media only screen and (max-width:767px) {
  .slideShow .slick-next::after {
    font-size:30px
  }
}
.slideShow .slick-next:hover {
  background-color:transparent!important
}
.slideShow .slick-next:hover::after {
  color:#586db4
}
.specials {
  margin:30px 0
}
.specials__cols {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  min-height:420px;
  background-repeat:no-repeat;
  background-size:cover;
  border-radius:10px;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
.specials__cols--title {
  font-size:36px;
  font-weight:700;
  color:#fff;
  line-height:40px;
  text-align:center;
  line-height:50px;
  text-shadow:0 3px 0 rgba(255,255,255,.25);
  -webkit-filter:drop-shadow(0 3px 0 rgba(255, 255, 255, .25));
  filter:drop-shadow(0 3px 0 rgba(255, 255, 255, .25))
}
@media only screen and (max-width:991px) {
  .specials__cols--title {
    font-size:16px;
    line-height:2;
    color:#586db4
  }
}
.specials__cols--discount {
  margin-top:20px;
  margin-bottom:25px
}
.specials__cols--arrows {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-top:12px;
  margin-bottom:24px
}
.specials__cols--arrows button {
  background-color:#fff;
  border:1px solid #bfbfbf;
  border-radius:5px;
  width:40px;
  height:40px;
  outline:0;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-shadow:none;
  box-shadow:none;
  margin-left:20px
}
.specials__cols--arrows button:last-of-type {
  margin-left:0
}
.specials__cols--arrows button svg {
  fill:#bfbfbf
}
@media only screen and (max-width:991px) {
  .specials__cols--arrows {
    margin-bottom:20px;
    display:none
  }
}
.specials__cols--btn {
  background-color:#586db4
}
@media only screen and (max-width:991px) {
  .specials__cols--btn {
    margin-left:0!important;
    margin-right:auto!important
  }
}
@media only screen and (max-width:991px) {
  .specials__cols {
    margin-bottom:20px;
    min-height:auto!important;
    background-image:none!important;
    -webkit-box-orient:horizontal!important;
    -webkit-box-direction:normal!important;
    -ms-flex-direction:row!important;
    flex-direction:row!important;
    -webkit-box-pack:justify!important;
    -ms-flex-pack:justify!important;
    justify-content:space-between!important
  }
}
@media only screen and (max-width:991px) {
  .specials {
    margin:20px 0;
    padding:20px
  }
}
@media only screen and (max-width:767px) {
  .specials {
    margin:0;
    padding:20px 0;
    padding-bottom:0
  }
}
.products__image {
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:10px
}
.products__image .timerBox {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  border-radius:0 0 10px 10px;
  background-color:rgba(88,109,180,.5);
  min-height:50px;
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
  right:0
}
.products__image .timerBox__list {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  color:#fff;
  margin-left:10px;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:reverse;
  -ms-flex-direction:row-reverse;
  flex-direction:row-reverse
}
.products__image .timerBox__list li {
  font-size:18px;
  font-weight:500;
  color:#fff
}
.products__image .timerBox__list li+li::after {
  content:":";
  padding:0 3px;
  font-size:18px;
  font-weight:500;
  color:#fff
}
@media only screen and (max-width:767px) {
  .products__image .timerBox__list li {
    font-size:14px
  }
}
.products__image--pic {
  display:block
}
.products__image--pic img {
  width:100%;
  border-radius:10px;
  -webkit-transition:all 1.35s ease;
  transition:all 1.35s ease
}
.products__image--discount {
  position:absolute;
  top:15px;
  right:15px;
  width:45px;
  height:45px;
  border-radius:23px;
  background-color:#ee377c;
  color:#fff;
  font-size:16px;
  font-weight:700;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
@media only screen and (max-width:767px) {
  .products__image--discount {
    font-size:12px;
    width:35px;
    height:35px
  }
}
.products__title {
  font-size:16px;
  font-weight:700;
  color:#000;
  margin-top:10px;
  margin-bottom:5px;
  display:block;
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
  min-height:45px;
  text-align:center;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient:vertical
}
@media only screen and (max-width:767px) {
  .products__title {
    font-size:12px
  }
}
.products__content {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
.products__price {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:100%
}
.products__price--new {
  font-size:18px;
  font-weight:700;
  color:#252f63
}
.products__price--new .unit {
  font-size:14px;
  font-weight:400;
  color:#252f63;
  margin-right:5px;
  display:inline-block
}
@media only screen and (max-width:767px) {
  .products__price--new {
    font-size:14px
  }
}
.products__price--old {
  font-size:14px;
  font-weight:400;
  color:#999;
  margin-right:5px;
  display:inline-block;
  text-decoration:line-through;
  margin-right:20px
}
@media only screen and (max-width:767px) {
  .products__price--old {
    font-size:12px
  }
}
.products__price .priceBlack {
  color:#000
}
.products__price .priceBlack .unit {
  color:#000
}
.products:hover .products__title {
  color:#586db4
}
.products:hover .products__image--pic img {
  -webkit-transform:scale(1.2);
  transform:scale(1.2)
}
.specialSlider .slick-slide {
  margin:0 10px
}
.categories {
  margin:40px 0
}
.categories .categoriesItem {
  position:relative;
  display:block
}
.categories .categoriesItem__overlay {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background:-webkit-gradient(linear,right top,left bottom,from(rgba(88,109,180,.9)),to(rgba(44,55,90,.9)));
  background:linear-gradient(to bottom left,rgba(88,109,180,.9) 0,rgba(44,55,90,.9) 100%);
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  border-radius:10px;
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
  opacity:0;
  z-index:0
}
@media only screen and (max-width:991px) {
  .categories .categoriesItem__overlay {
    display:none
  }
}
.categories .categoriesItem__overlay .btn {
  background-color:transparent
}
.categories .categoriesItem__overlay .btn:hover {
  background-color:#ee377c
}
.categories .categoriesItem__image {
  position:relative;
  display:block
}
.categories .categoriesItem__image img {
  width:100%;
  border-radius:10px
}
.categories .categoriesItem__image--tags {
  height:50px;
  min-width:126px;
  font-size:24px;
  font-weight:700;
  color:#fff;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  border:1px solid transparent;
  position:absolute;
  left:-38px;
  top:80px;
  border-radius:5px 5px 0 0;
  -webkit-transform:rotate(90deg)!important;
  transform:rotate(90deg)!important;
  background:-webkit-gradient(linear,right top,left top,from(#465382),to(#586db4));
  background:linear-gradient(to left,#465382 0,#586db4 100%);
  z-index:2;
  -webkit-transition:all .3s ease;
  transition:all .3s ease
}
@media only screen and (max-width:991px) {
  .categories .categoriesItem__image--tags {
    left:50%;
    top:unset;
    bottom:0;
    -webkit-transform:translateX(-50%) rotate(0)!important;
    transform:translateX(-50%) rotate(0)!important;
    font-size:16px;
    height:40px
  }
}
@media only screen and (max-width:767px) {
  .categories .categoriesItem__image--tags {
    min-width:70px;
    padding:0 10px;
    font-size:12px;
    height:30px
  }
}
@media only screen and (max-width:480px) {
  .categories .categoriesItem__image--tags {
    height:20px
  }
}
.categories .categoriesItem:hover .categoriesItem__overlay {
  opacity:1
}
.categories .categoriesItem:hover .categoriesItem__image--tags {
  border-color:#fff
}
@media only screen and (max-width:767px) {
  .categories {
    margin:20px 0
  }
}
.newProducts {
  padding-top:20px;
  background:-webkit-gradient(linear,left top,left bottom,from(#586db4),to(rgba(70,83,130,0)));
  background:linear-gradient(to bottom,#586db4 0,rgba(70,83,130,0) 100%)
}
.newProducts .newProSection__header {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin-bottom:20px
}
.newProducts .newProSection__header--title {
  font-size:24px;
  font-weight:700;
  color:#fff;
  text-shadow:0 3px 0 rgba(255,255,255,.25);
  -webkit-filter:drop-shadow(0 3px 0 rgba(255, 255, 255, .25));
  filter:drop-shadow(0 3px 0 rgba(255, 255, 255, .25))
}
@media only screen and (max-width:767px) {
  .newProducts .newProSection__header--title {
    font-size:16px
  }
}
.newProducts .newProSection__header--btn {
  margin-right:auto;
  margin-left:0;
  background-color:transparent;
  -webkit-transition:all .3s ease;
  transition:all .3s ease
}
.newProducts .newProSection__header--btn:hover {
  background-color:#ee377c
}
.mainBanners {
  margin:40px 0
}
.mainBanners__items {
  position:relative;
  display:block;
  overflow:hidden
}
.mainBanners__items img {
  width:100%;
  border-radius:10px
}
.mainBanners__items::before {
  position:absolute;
  top:50%;
  left:50%;
  z-index:2;
  display:block;
  content:'';
  width:0;
  height:0;
  background:rgba(255,255,255,.2);
  border-radius:100%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  filter:alpha(Opacity=0);
  opacity:0
}
.mainBanners__items:hover::before {
  -webkit-animation:circle 1.75s;
  animation:circle 1.75s
}
@media only screen and (max-width:991px) {
  .mainBanners .rowGrid .colGrid2 {
    -webkit-box-flex:1;
    -ms-flex:1 0 100%;
    flex:1 0 100%;
    max-width:100%
  }
}
@media only screen and (max-width:991px) {
  .mainBanners {
    margin:20px 0
  }
}
.blogSection {
  margin:30px 0
}
.blogSection__header {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin-bottom:20px
}
.blogSection__header--title {
  font-size:24px;
  font-weight:700;
  color:#586db4;
  -webkit-filter:drop-shadow(0 3px 0 rgba(255, 255, 255, .25));
  filter:drop-shadow(0 3px 0 rgba(255, 255, 255, .25))
}
@media only screen and (max-width:767px) {
  .blogSection__header--title {
    font-size:16px
  }
}
.blogSection__header--btn {
  margin-left:0;
  min-width:100px;
  background-color:#f2f2f2;
  border-color:#586db4;
  color:#586db4;
  -webkit-box-shadow:0 3px 6px rgba(0,0,0,.16);
  box-shadow:0 3px 6px rgba(0,0,0,.16)
}
@media only screen and (max-width:991px) {
  .blogSection .rowGrid .colGrid2 {
    -webkit-box-flex:1;
    -ms-flex:1 0 100%;
    flex:1 0 100%;
    max-width:100%
  }
}
@media only screen and (max-width:991px) {
  .blogSection {
    margin-bottom:20px
  }
}
@media only screen and (max-width:767px) {
  .blogSection {
    margin-bottom:0
  }
}
.blogItem {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.blogItem__image {
  -webkit-box-flex:1;
  -ms-flex:1 0 313px;
  flex:1 0 313px;
  max-width:313px;
  position:relative
}
.blogItem__image img {
  width:100%;
  border-radius:10px
}
.blogItem__image::after {
  content:"";
  position:absolute;
  min-width:100px;
  height:2px;
  background:-webkit-gradient(linear,left top,left bottom,from(#586db4),to(#465382));
  background:linear-gradient(to bottom,#586db4 0,#465382 100%);
  top:15px;
  left:-70px;
  -webkit-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out
}
@media only screen and (max-width:991px) {
  .blogItem__image::after {
    display:none
  }
}
.blogItem__image::before {
  content:"";
  background:-webkit-gradient(linear,right top,left bottom,from(rgba(88,109,180,.9)),to(rgba(44,55,90,.9)));
  background:linear-gradient(to bottom left,rgba(88,109,180,.9) 0,rgba(44,55,90,.9) 100%);
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  border-radius:10px;
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
  opacity:0
}
@media only screen and (max-width:991px) {
  .blogItem__image::before {
    display:none
  }
}
@media only screen and (max-width:1199px) {
  .blogItem__image {
    -webkit-box-flex:1;
    -ms-flex:1 0 290px;
    flex:1 0 290px;
    max-width:290px
  }
}
@media only screen and (max-width:567px) {
  .blogItem__image {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    max-width:100%
  }
}
.blogItem__content {
  margin-right:20px;
  padding-top:15px;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  max-width:100%
}
.blogItem__content--title {
  font-size:16px;
  font-weight:700;
  margin-bottom:5px;
  line-height:30px;
  color:#000;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient:vertical
}
@media only screen and (max-width:767px) {
  .blogItem__content--title {
    font-size:14px
  }
}
.blogItem__content--desc {
  font-size:14px;
  font-weight:400;
  margin-bottom:15px;
  line-height:30px;
  color:#000;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:3;
  line-clamp:3;
  -webkit-box-orient:vertical
}
@media only screen and (max-width:767px) {
  .blogItem__content--desc {
    font-size:12px
  }
}
.blogItem__content--tag {
  height:30px;
  border-radius:5px;
  background:-webkit-gradient(linear,left top,right bottom,from(#586db4),to(#465382));
  background:linear-gradient(to right bottom,#586db4 0,#465382 100%);
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding:0 10px
}
.blogItem__content--tag span {
  font-size:12px;
  font-weight:400;
  color:#fff;
  display:inline-block
}
.blogItem__content--tag .tagName {
  padding-left:4px;
  border-left:1px solid rgba(255,255,255,.5)
}
.blogItem__content--tag .tagDate {
  padding-right:4px
}
@media only screen and (max-width:567px) {
  .blogItem__content {
    margin-right:0;
    margin-top:20px;
    padding-top:0
  }
}
.blogItem:hover .blogItem__content--title {
  color:#586db4
}
.blogItem:hover .blogItem__image:after {
  left:0;
  opacity:0
}
.blogItem:hover .blogItem__image::before {
  opacity:1
}
@media only screen and (max-width:567px) {
  .blogItem {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
  }
}
.serviceItem {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
.serviceItem__text {
  margin-top:10px;
  color:#444b54;
  font-size:14px;
  font-weight:500;
  line-height:30px;
  -webkit-transition:all .3s ease;
  transition:all .3s ease
}
.serviceItem__text:hover {
  color:#586db4
}
@media only screen and (max-width:567px) {
  .serviceItem__text {
    margin-top:0;
    font-size:12px
  }
}
.instaSection__header {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin-bottom:15px
}
.instaSection__header--title {
  font-size:24px;
  font-weight:700;
  color:#152429
}
@media only screen and (max-width:991px) {
  .instaSection__header--title {
    font-size:16px
  }
}
.instaSection__header--link {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-size:16px;
  font-weight:700;
  color:#586db4;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-transition:all .3s ease;
  transition:all .3s ease
}
.instaSection__header--link svg {
  margin-right:5px;
  fill:#586db4;
  -webkit-transition:all .3s ease;
  transition:all .3s ease
}
.instaSection__header--link:hover {
  color:#ee377c
}
.instaSection__header--link:hover svg {
  fill:#ee377c
}
.instaBoxes {
  position:relative;
  overflow:hidden
}
.instaBoxes__image img {
  width:100%;
  border-radius:15px
}
.instaBoxes__overlay {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  border-radius:15px;
  background:rgba(88,109,180,.8);
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
  opacity:0
}
.instaBoxes:hover .instaBoxes__overlay {
  opacity:1
}
.colGrid7 {
  -webkit-box-flex:1;
  -ms-flex:1 0 14.28%;
  flex:1 0 14.28%;
  max-width:14.28%;
  padding:10px
}
@media only screen and (max-width:1199px) {
  .colGrid7 {
    -webkit-box-flex:1;
    -ms-flex:1 0 16.66%;
    flex:1 0 16.66%;
    max-width:16.66%
  }
}
@media only screen and (max-width:991px) {
  .colGrid7 {
    -webkit-box-flex:1;
    -ms-flex:1 0 25%;
    flex:1 0 25%;
    max-width:25%
  }
}
@media only screen and (max-width:767px) {
  .colGrid7 {
    -webkit-box-flex:1;
    -ms-flex:1 0 50%;
    flex:1 0 50%;
    max-width:50%
  }
}
.generalNews {
  background-repeat:no-repeat;
  background-size:cover;
  margin-top:30px;
  margin-bottom:40px;
  min-height:132px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  border-radius:10px 10px 0 0;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  position:relative
}
.generalNews__header {
  font-size:24px;
  font-weight:700;
  color:#000;
  margin-bottom:30px
}
@media only screen and (max-width:767px) {
  .generalNews__header {
    font-size:16px!important;
    margin:20px
  }
}
.generalNews__formBox {
  background-color:#fff;
  border-radius:10px;
  padding:12px 18px 13px 20px;
  min-width:568px;
  -webkit-transform:translateY(100%);
  transform:translateY(100%);
  margin-bottom:40px;
  position:absolute;
  bottom:0
}
.generalNews__formBox .form-group {
  margin-bottom:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.generalNews__formBox .form-group .form-control {
  background-color:#dee8ff;
  border:none;
  border-radius:10px
}
.generalNews__formBox .form-group .form-control::-webkit-input-placeholder {
  color:grey
}
.generalNews__formBox .form-group .form-control::-moz-placeholder {
  color:grey
}
.generalNews__formBox .form-group .form-control:-ms-input-placeholder {
  color:grey
}
.generalNews__formBox .form-group .form-control::-ms-input-placeholder {
  color:grey
}
.generalNews__formBox .form-group .form-control::placeholder {
  color:grey
}
@media only screen and (max-width:767px) {
  .generalNews__formBox .form-group .form-control::-webkit-input-placeholder {
    font-size:12px
  }
  .generalNews__formBox .form-group .form-control::-moz-placeholder {
    font-size:12px
  }
  .generalNews__formBox .form-group .form-control:-ms-input-placeholder {
    font-size:12px
  }
  .generalNews__formBox .form-group .form-control::-ms-input-placeholder {
    font-size:12px
  }
  .generalNews__formBox .form-group .form-control::placeholder {
    font-size:12px
  }
}
@media only screen and (max-width:767px) {
  .generalNews__formBox .form-group .form-control {
    font-size:12px
  }
}
.generalNews__formBox--btn {
  -webkit-box-flex:1;
  -ms-flex:1 0 128px;
  flex:1 0 128px;
  max-width:128px;
  margin-right:10px;
  height:50px;
  border-radius:10px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background:-webkit-gradient(linear,left top,left bottom,from(#586db4),to(#465382));
  background:linear-gradient(to bottom,#586db4 0,#465382 100%);
  color:#fff;
  border-color:#586db4;
  -webkit-transition:all .3s ease;
  transition:all .3s ease
}
.generalNews__formBox--btn:hover {
  background:-webkit-gradient(linear,left top,left bottom,from(#ee377c),to(#ee377c));
  background:linear-gradient(to bottom,#ee377c 0,#ee377c 100%);
  border-color:transparent
}
@media only screen and (max-width:767px) {
  .generalNews__formBox--btn {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    max-width:100%;
    min-width:60px!important
  }
}
@media only screen and (max-width:767px) {
  .generalNews__formBox {
    position:static;
    -webkit-transform:none;
    transform:none;
    min-height:auto;
    background-size:cover;
    padding:10px;
    min-width:400px;
    margin-bottom:20px
  }
}
@media only screen and (max-width:567px) {
  .generalNews__formBox {
    min-width:310px
  }
}
@media only screen and (max-width:767px) {
  .generalNews {
    margin:20px 0
  }
}
.cta {
  background-color:#f7f7f7;
  padding:20px 0;
  margin-top:20px
}
@media only screen and (max-width:767px) {
  .cta {
    margin-top:0
  }
}
@media only screen and (max-width:991px) {
  .cta .rowGrid .colGrid4 {
    -webkit-box-flex:1;
    -ms-flex:1 0 50%;
    flex:1 0 50%;
    max-width:50%
  }
}
@media only screen and (max-width:767px) {
  .cta {
    padding:10px 0
  }
}
.ctaItems {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
@media only screen and (max-width:767px) {
  .ctaItems {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
}
.ctaItems__image {
  -webkit-box-flex:1;
  -ms-flex:1 0 50px;
  flex:1 0 50px;
  max-width:50px
}
.ctaItems__content {
  margin-right:10px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  line-height:24px;
  color:#000;
  font-size:12px;
  font-weight:700
}
@media only screen and (max-width:767px) {
  .ctaItems__content {
    margin-right:0;
    text-align:center
  }
}
@-webkit-keyframes circle {
  0% {
    opacity:1
  }
  40% {
    opacity:1
  }
  100% {
    width:200%;
    height:200%;
    opacity:0
  }
}
@keyframes circle {
  0% {
    opacity:1
  }
  40% {
    opacity:1
  }
  100% {
    width:1200px;
    height:1200px;
    opacity:0
  }
}
@media only screen and (max-width:991px) {
  .services .rowGrid .colGrid4 {
    -webkit-box-flex:1;
    -ms-flex:1 0 33.33%;
    flex:1 0 33.33%;
    max-width:33.33%
  }
}
@media only screen and (max-width:767px) {
  .services .rowGrid .colGrid4 {
    -webkit-box-flex:1;
    -ms-flex:1 0 50%;
    flex:1 0 50%;
    max-width:50%
  }
}
@media only screen and (max-width:991px) {
  .services {
    margin-bottom:20px
  }
}
.wideSlider {
  display:none
}
@media only screen and (max-width:767px) {
  .wideSlider {
    display:block;
    overflow-x:auto;
    margin-left:-10px
  }
  .wideSlider__list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-right:10px
  }
  .wideSlider__list li {
    padding-left:5px;
    padding-right:5px
  }
  .wideSlider__list li .productsMobile {
    width:170px
  }
}
.newProductsMain {
  margin-top:20px
}
@media only screen and (max-width:767px) {
  .newProductsMain {
    margin-top:0
  }
}
.blogMobileSec {
  margin:20px 0
}
.compare_list {
  z-index:3
}
@media only screen and (max-width:991px) {
  .titlebreak {
    display:none!important
  }
}
.instaSlider .slick-slide {
  margin:0 10px
}
.instaSlider .slick-list {
  margin:0 -10px
}
.instaSliderBox {
  margin-bottom:20px
}
.comments__top {
  overflow:hidden;
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding-top:10px;
  padding-bottom:45px;
  border-bottom:1px solid #d9d9d9;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
@media only screen and (max-width:767px) {
  .comments__top {
    padding:0;
    padding-bottom:0;
    margin-bottom:45px
  }
}
@media only screen and (max-width:480px) {
  .comments__top {
    margin-bottom:0
  }
}
.comments__top .commentWrapper {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  width:100%
}
@media only screen and (max-width:767px) {
  .comments__top .commentWrapper {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
}
.comments__top .commentWrapper .headerTitle {
  font-size:24px;
  margin-bottom:0;
  font-weight:700;
  margin-left:20px;
  padding-left:20px;
  border-left:1px solid #d9d9d9;
  display:inline-block;
  padding-top:8px;
  padding-bottom:8px
}
.comments__top .commentWrapper .headerTitle:after {
  display:none
}
.comments__top .commentWrapper .headerTitle img {
  margin-left:5px
}
@media only screen and (max-width:767px) {
  .comments__top .commentWrapper .headerTitle {
    border-left:none;
    font-size:18px
  }
}
.comments__top .commentWrapper p {
  display:inline-block;
  font-size:16px;
  color:#000
}
.comments__top .commentWrapper .btn {
  margin-left:0
}
@media only screen and (max-width:767px) {
  .comments__top .commentWrapper .btn {
    margin-top:0;
    margin-left:auto
  }
}
@media only screen and (max-width:767px) {
  .comments__top .btn {
    margin-top:20px;
    margin-bottom:20px
  }
}
@media only screen and (max-width:667px) {
  .comments__top .btn {
    position:static;
    float:none;
    min-width:unset;
    width:160px;
    margin-left:auto;
    margin-right:auto;
    display:block
  }
}
.comments__top p {
  line-height:30px;
  font-size:14px;
  color:grey
}
@media only screen and (max-width:667px) {
  .comments__top p {
    width:100%;
    line-height:2;
    margin-bottom:10px;
    font-size:13px
  }
}
.comments__top .commentRate {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
@media only screen and (max-width:767px) {
  .comments__top .commentRate {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
    padding-top:10px;
    padding-bottom:20px
  }
}
.comments__top .commentRate strong {
  margin-left:15px;
  display:block;
  font-size:16px;
  font-weight:700;
  color:#000;
  line-height:31px;
  margin-bottom:0
}
@media only screen and (max-width:767px) {
  .comments__top .commentRate strong {
    margin-left:0;
    margin-bottom:10px
  }
}
.comments__top .commentRate b {
  color:#666;
  font-size:14px;
  margin-right:5px
}
.comments .headerTitle {
  font-size:24px;
  font-weight:700;
  color:#000;
  margin-bottom:10px
}
.cm-header {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:30px
}
@media only screen and (max-width:767px) {
  .cm-header {
    margin-bottom:10px
  }
}
.cm-header .cm-header__btn .btn {
  background-color:#bfbfbf;
  border:none;
  font-size:14px;
  color:#fff
}
.cm-header .cm-header__btn .btn:hover {
  background-color:grey
}
.cm-header__info {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.cm-header__info--title {
  font-weight:700;
  font-size:20px
}
@media only screen and (max-width:767px) {
  .cm-header__info .divider2 {
    display:none
  }
}
.cm-header__info--detail {
  font-size:14px;
  font-weight:400;
  color:grey;
  margin-right:50px
}
@media only screen and (max-width:767px) {
  .cm-header__info--detail {
    display:none
  }
}
.send_cm_list {
  margin-bottom:0
}
.send_cm_list ul li {
  border-bottom:1px solid #d9d9d9;
  padding:20px 0;
  margin-bottom:0
}
.send_cm_list ul li:last-child {
  border-bottom:none
}
.send_cm_list ul li .cm-wrapper {
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start
}
@media only screen and (max-width:767px) {
  .send_cm_list ul li .cm-wrapper {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
  }
}
.send_cm_list ul li .send_cm_list--top {
  -webkit-box-flex:1;
  -ms-flex:1 0 180px;
  flex:1 0 180px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  padding-left:20px;
  -webkit-transform:translateY(-45px);
  transform:translateY(-45px)
}
@media only screen and (max-width:767px) {
  .send_cm_list ul li .send_cm_list--top {
    -webkit-transform:unset;
    transform:unset;
    -webkit-box-flex:1;
    -ms-flex:1 0 auto;
    flex:1 0 auto;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px
  }
}
.send_cm_list ul li .send_cm_list--top .img-user {
  margin-bottom:5px
}
.send_cm_list ul li .send_cm_list--bottom .all_txt p {
  color:#000;
  line-height:30px;
  font-size:14px
}
.send_cm_list ul li .send_cm_list--bottom .send_cm_list--rate {
  margin-top:5px
}
@media only screen and (max-width:991px) {
  .send_cm_list ul li .send_cm_list--bottom .send_cm_list--rate {
    text-align:center
  }
}
.send_cm_list ul li .send_cm_list--bottom .send_cm_list--rate strong {
  font-size:14px;
  font-weight:400;
  margin-top:7px;
  color:#000
}
.send_cm_list ul li .send_cm_list--bottom .send_cm_list--rate .send_cm_list--rateLike {
  display:inline-block;
  vertical-align:middle;
  margin-right:10px;
  border:1px solid #d9d9d9;
  background-color:#fff;
  color:#b3b3b3;
  border-radius:13px;
  font-size:14px;
  padding-left:12px;
  padding-right:12px;
  height:25px;
  line-height:25px
}
@media only screen and (max-width:991px) {
  .send_cm_list ul li .send_cm_list--bottom .send_cm_list--rate .send_cm_list--rateLike {
    margin:10px auto
  }
}
.send_cm_list ul li .send_cm_list--bottom .send_cm_list--rate .send_cm_list--rateLike:after {
  content:'\f1de';
  font-size:16px;
  margin-right:5px;
  display:inline-block;
  vertical-align:middle;
  position:relative;
  top:-2px
}
.send_cm_list ul li .send_cm_list--bottom .send_cm_list--rate .send_cm_list--rateLike.active,
.send_cm_list ul li .send_cm_list--bottom .send_cm_list--rate .send_cm_list--rateLike:hover {
  background-color:#586db4;
  border-color:#586db4;
  color:#fff
}
.send_cm_list ul li.answer>.cm-wrapper {
  margin-bottom:0;
  border:none
}
.send_cm_list ul li.answer .answer-cm {
  padding-right:180px;
  padding-top:20px
}
@media only screen and (max-width:767px) {
  .send_cm_list ul li.answer .answer-cm {
    padding-right:0
  }
}
.send_cm_list ul li.answer .answer-cm .cm-wrapper {
  padding:20px;
  margin-bottom:0;
  border-radius:10px;
  border:1px solid #d9d9d9;
  background-color:#f7f7f7;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start
}
.send_cm_list ul li.answer .answer-cm .send_cm_list--top {
  -webkit-box-flex:1;
  -ms-flex:1 0 auto;
  flex:1 0 auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  padding-left:0;
  padding-bottom:0;
  width:100%;
  -webkit-transform:unset;
  transform:unset
}
@media only screen and (max-width:767px) {
  .send_cm_list ul li.answer .answer-cm .send_cm_list--top {
    margin-bottom:0
  }
}
.send_cm_list ul li.answer .answer-cm .send_cm_list--top .date {
  margin-right:auto
}
.send_cm_list ul li.answer .answer-cm .send_cm_list--top img {
  margin-left:10px
}
.like_unlike a {
  display:block;
  font-size:13px;
  color:#999;
  position:relative;
  padding-left:22px;
  float:right;
  margin-right:20px
}
@media only screen and (max-width:414px) {
  .like_unlike a {
    float:left;
    margin-right:10px
  }
}
.like_unlike a:last-child {
  margin-left:0
}
.like_unlike a:before {
  width:16px;
  height:15px;
  position:absolute;
  left:0;
  top:1px;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.like_unlike a:hover {
  color:#fff;
  background-color:#000
}
.date {
  font-size:14px;
  line-height:14px;
  color:#000;
  margin-top:5px
}
.cm-title {
  font-size:16px;
  line-height:28px;
  font-weight:400;
  color:#000;
  font-weight:700
}
.divider2 {
  display:block;
  width:1px;
  height:17px;
  background-color:#d9d9d9;
  margin:0 20px
}
@media only screen and (max-width:667px) {
  .divider2 {
    margin:0 10px
  }
}
.commentsTop {
  padding-bottom:20px;
  border-bottom:1px solid #d9d9d9
}
.commentsTop__header {
  margin-bottom:10px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.commentsTop__header .headerTitle {
  font-size:24px;
  margin-bottom:0!important
}
@media only screen and (max-width:767px) {
  .commentsTop__header .headerTitle {
    font-size:20px
  }
}
.commentsTop__header .btn {
  margin:0;
  height:40px;
  line-height:38px
}
.commentsTop__header .btn:after {
  display:none
}
.commentsTop__info {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
@media only screen and (max-width:767px) {
  .commentsTop__info {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
  }
}
.commentsTop__info p {
  font-size:13px
}
@media only screen and (max-width:767px) {
  .commentsTop__info p {
    margin-top:10px;
    margin-bottom:10px
  }
}
.commentsTop__info .rateBox {
  display:inline-block
}
.commentsTop__info .rateBox p {
  font-size:12px
}
@media only screen and (max-width:767px) {
  .commentsTop__info .rateBox p {
    display:none
  }
}
.basketStepSec {
  padding-top:30px;
  padding-bottom:40px
}
@media only screen and (max-width:767px) {
  .basketStepSec {
    padding-top:20px;
    padding-bottom:20px
  }
}
.basketStepSec .basketStep {
  text-align:center
}
.basketStepSec .basketStep>ul {
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.basketStepSec .basketStep .basketStepItem {
  -webkit-box-flex:1;
  -ms-flex:1 0 25%;
  flex:1 0 25%;
  max-width:25%;
  text-align:center;
  position:relative;
  font-size:16px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.basketStepSec .basketStep .basketStepItem:first-child:before {
  display:none!important
}
.basketStepSec .basketStep .basketStepItem:last-child:after {
  display:none!important
}
.basketStepSec .basketStep .basketStepItem:before {
  content:"";
  display:block;
  height:4px;
  width:calc(50% - 40px);
  position:absolute;
  top:32px;
  right:0;
  z-index:-1;
  background-color:#1cc371;
  border-radius:10px;
  border-top-right-radius:0;
  border-bottom-right-radius:0
}
.basketStepSec .basketStep .basketStepItem:after {
  content:"";
  display:block;
  height:4px;
  width:calc(50% - 40px);
  position:absolute;
  top:32px;
  left:0;
  z-index:-1;
  background-color:#1cc371;
  border-radius:10px;
  border-top-left-radius:0;
  border-bottom-left-radius:0
}
.basketStepSec .basketStep .basketStepItem__image {
  border-radius:50%;
  border:2px solid #1cc371;
  background-color:#1cc371;
  line-height:0;
  position:relative
}
.basketStepSec .basketStep .basketStepItem__image svg {
  fill:#fff
}
.basketStepSec .basketStep .basketStepItem__title {
  color:#000;
  font-size:18px;
  font-weight:700;
  margin-top:10px
}
@media only screen and (max-width:991px) {
  .basketStepSec .basketStep .basketStepItem__title {
    font-size:14px
  }
}
@media only screen and (max-width:767px) {
  .basketStepSec .basketStep .basketStepItem__title {
    font-size:12px
  }
}
.basketStepSec .basketStep .basketStepItem__order {
  border-radius:10px;
  font-size:10px;
  width:70px;
  height:20px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  background-color:rgba(28,195,113,.1);
  color:#1cc371;
  font-weight:700;
  margin-top:10px
}
@media only screen and (max-width:767px) {
  .basketStepSec .basketStep .basketStepItem__order {
    font-size:9px;
    width:60px
  }
}
.basketStepSec .basketStep .basketStepItem.active .basketStepItem__order {
  color:#3c3ec6;
  background-color:rgba(60,62,198,.2)
}
.basketStepSec .basketStep .basketStepItem.active .basketStepItem__image {
  background-color:#586db4;
  border-color:#fff
}
.basketStepSec .basketStep .basketStepItem.active .basketStepItem__image svg {
  fill:#fff
}
.basketStepSec .basketStep .basketStepItem.active .basketStepItem__image:before {
  content:"";
  position:absolute;
  left:-5px;
  right:-5px;
  top:-5px;
  bottom:-5px;
  border:2px solid #586db4;
  border-radius:50%;
  line-height:0
}
.basketStepSec .basketStep .basketStepItem.active:after {
  background-color:#586db4
}
.basketStepSec .basketStep .basketStepItem.active~.basketStepItem .basketStepItem__order {
  border:1px solid #bfbfbf;
  color:#989898;
  background-color:#fff
}
.basketStepSec .basketStep .basketStepItem.active~.basketStepItem .basketStepItem__image {
  background-color:#fff;
  border-color:#bfbfbf
}
.basketStepSec .basketStep .basketStepItem.active~.basketStepItem .basketStepItem__image svg {
  fill:#a6a6a6
}
.basketStepSec .basketStep .basketStepItem.active~.basketStepItem:before {
  background-color:#d9d9d9
}
.basketStepSec .basketStep .basketStepItem.active~.basketStepItem:after {
  background-color:#d9d9d9
}
.basketPage {
  margin-bottom:0
}
.basketPage .loginAreaPage {
  margin-top:40px;
  margin-bottom:40px
}
@media only screen and (max-width:767px) {
  .basketPage .loginAreaPage {
    margin-top:20px;
    margin-bottom:20px
  }
}
.basketBill {
  width:100%;
  overflow:hidden;
  padding:22px 30px;
  background-color:#f2f2f2;
  border-radius:10px
}
@media only screen and (max-width:767px) {
  .basketBill {
    margin-top:20px;
    padding:20px
  }
}
.basketBill .btn {
  margin-top:15px;
  width:100%;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  font-size:14px;
  font-weight:700
}
.basketBill .btn:after {
  display:none
}
@media only screen and (max-width:767px) {
  .basketBill .btn {
    margin-top:10px;
    width:150px
  }
}
.basketBill .title {
  font-size:18px;
  font-weight:700;
  color:#000;
  text-align:center;
  margin-bottom:15px
}
.basketBill p {
  font-size:12px;
  line-height:24px;
  color:#000;
  display:block
}
.basketBill ul {
  width:100%;
  line-height:30px;
  margin-bottom:15px
}
.basketBill ul li {
  overflow:hidden;
  font-size:14px;
  color:grey
}
@media only screen and (max-width:767px) {
  .basketBill ul li {
    font-size:13px
  }
}
.basketBill ul li span {
  float:left
}
.basketBill ul li:last-child {
  font-weight:700;
  font-size:14px;
  color:#000;
  margin-bottom:0
}
.basketBack {
  color:grey;
  font-size:12px;
  margin-top:20px;
  margin-bottom:20px;
  display:block;
  text-align:center
}
.basketBack:hover {
  color:#000
}
@media only screen and (max-width:991px) {
  .basketTable {
    margin-bottom:10px;
    overflow-x:auto
  }
}
.basketTable table {
  width:100%
}
@media only screen and (max-width:991px) {
  .basketTable table {
    width:850px
  }
}
@media only screen and (max-width:767px) {
  .basketTable table {
    width:100%
  }
}
.basketTable table tr {
  position:relative;
  width:100%;
  margin-bottom:20px;
  border-right:0;
  border-left:0;
  padding:10px;
  border:1px solid #d9d9d9;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  border-radius:10px
}
@media only screen and (max-width:767px) {
  .basketTable table tr {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
}
.basketTable table tr>td {
  display:block
}
.basketTable .col1 {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
@media only screen and (max-width:767px) {
  .basketTable .col1 {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    width:100%;
    -webkit-box-flex:1;
    -ms-flex:1 0 auto;
    flex:1 0 auto;
    margin-bottom:10px
  }
}
@media only screen and (max-width:567px) {
  .basketTable .col1 {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
    -webkit-box-flex:1;
    -ms-flex:1 0 auto;
    flex:1 0 auto;
    margin-bottom:10px
  }
}
.basketTable .col1 .col1__img {
  -webkit-box-flex:0;
  -ms-flex:0 0 115px;
  flex:0 0 115px;
  margin-left:15px;
  text-align:center
}
@media only screen and (max-width:767px) {
  .basketTable .col1 .col1__img {
    margin:0;
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto
  }
}
.basketTable .col1 .col1__img img {
  border-radius:10px;
  position:relative;
  z-index:2
}
@media only screen and (max-width:767px) {
  .basketTable .col1 .col1__img img {
    border-radius:10px
  }
}
.basketTable .col1 .desc {
  line-height:2
}
@media only screen and (max-width:1199px) {
  .basketTable .col1 .desc {
    font-size:13px;
    padding-right:10px
  }
}
@media only screen and (max-width:767px) {
  .basketTable .col1 .desc {
    padding-top:10px;
    padding-right:0
  }
}
.basketTable .col1 .desc b {
  margin-bottom:5px;
  display:block;
  color:#000;
  font-size:16px;
  line-height:30px;
  font-weight:700;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
@media only screen and (max-width:1199px) {
  .basketTable .col1 .desc b {
    font-size:13px
  }
}
.basketTable .col1 .desc ul li {
  margin-bottom:2px;
  color:#000;
  font-size:14px
}
.basketTable .col1 .desc ul li a {
  color:#000
}
.basketTable .col1 .desc ul li a i {
  display:inline-block;
  margin-right:0;
  width:10px;
  height:10px;
  border-radius:50%;
  border:1px solid #d9d9d9
}
.basketTable .col1 .desc ul li:last-child {
  margin-bottom:0
}
@media only screen and (max-width:1199px) {
  .basketTable .col1 .desc ul li {
    font-size:13px
  }
}
.basketTable .col1 .desc ul li .colorSelect {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  margin-right:10px
}
.basketTable .col1 .desc ul li .colorSelect i {
  width:16px;
  height:16px
}
.basketTable .col1 .desc ul li .colorSelect span {
  width:20px;
  height:20px
}
.basketTable .col2 {
  -webkit-box-flex:0;
  -ms-flex:0 0 200px;
  flex:0 0 200px;
  line-height:45px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  color:#666
}
@media only screen and (max-width:1360px) {
  .basketTable .col2 {
    -webkit-box-flex:0;
    -ms-flex:0 0 145px;
    flex:0 0 145px
  }
}
@media only screen and (max-width:1199px) {
  .basketTable .col2 {
    -webkit-box-flex:0;
    -ms-flex:0 0 100px;
    flex:0 0 100px
  }
}
@media only screen and (max-width:767px) {
  .basketTable .col2 {
    -webkit-box-flex:1;
    -ms-flex:1 0 50%;
    flex:1 0 50%;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
  }
}
@media only screen and (max-width:567px) {
  .basketTable .col2 {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    margin-bottom:10px
  }
}
.basketTable .col3 {
  -webkit-box-flex:0;
  -ms-flex:0 0 300px;
  flex:0 0 300px
}
@media only screen and (max-width:1360px) {
  .basketTable .col3 {
    -webkit-box-flex:0;
    -ms-flex:0 0 240px;
    flex:0 0 240px
  }
}
@media only screen and (max-width:991px) {
  .basketTable .col3 {
    -webkit-box-flex:0;
    -ms-flex:0 0 190px;
    flex:0 0 190px
  }
}
@media only screen and (max-width:767px) {
  .basketTable .col3 {
    -webkit-box-flex:1;
    -ms-flex:1 0 50%;
    flex:1 0 50%;
    text-align:left
  }
}
.basketTable .col3 .basketTable__price {
  text-align:center
}
.basketTable .col3 .basketTable__price--precent {
  background-color:#ee377c;
  border-radius:50%;
  color:#fff;
  font-weight:700;
  font-size:16px;
  width:45px;
  height:45px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-right:10px
}
@media only screen and (max-width:767px) {
  .basketTable .col3 .basketTable__price--precent {
    font-size:14px;
    width:35px;
    height:35px
  }
}
.basketTable .col3 .basketTable__price--old {
  text-decoration:line-through;
  color:#989898;
  font-weight:700;
  font-size:16px;
  display:inline-block
}
.basketTable .col3 .basketTable__price--new {
  font-weight:700;
  font-size:24px;
  margin-top:10px
}
.basketTable .col3 .basketTable__price--new span {
  font-size:16px;
  font-weight:400
}
.basketTable .col4 {
  text-align:center;
  -webkit-box-flex:0;
  -ms-flex:0 0 70px;
  flex:0 0 70px
}
@media only screen and (max-width:991px) {
  .basketTable .col4 {
    -webkit-box-flex:0;
    -ms-flex:0 0 40px;
    flex:0 0 40px
  }
}
@media only screen and (max-width:767px) {
  .basketTable .col4 {
    -webkit-box-flex:1;
    -ms-flex:1 0 50%;
    flex:1 0 50%;
    text-align:left;
    position:absolute;
    z-index:1;
    left:10px;
    top:10px
  }
}
.basketTable .col4 a {
  line-height:0;
  display:inline-block
}
.basketTable .col4 .icon {
  font-size:28px;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
@media only screen and (max-width:767px) {
  .basketTable .col4 .icon {
    font-size:20px
  }
}
.basketTable .col4 .icon.ham3d-edit {
  margin-left:10px;
  color:#fff
}
.basketTable .col4 .icon.ham3d-close {
  color:#ff7171
}
.basketTable .col4 .icon:hover {
  filter:alpha(Opacity=75);
  opacity:.75
}
.colorView {
  font-size:12px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:5px 5px 5px 20px;
  border:1px solid #d9d9d9;
  border-radius:20px
}
.colorView .color {
  width:30px;
  height:30px;
  display:inline-block;
  margin-left:10px;
  border-radius:100%
}
.recover_pass {
  text-align:center;
  display:block;
  font-size:14px;
  margin-top:20px;
  margin-bottom:30px
}
#basketStep21 {
  padding-left:195px;
  padding-right:195px
}
@media only screen and (max-width:1199px) {
  #basketStep21 {
    padding-left:100px;
    padding-right:100px
  }
}
@media only screen and (max-width:991px) {
  #basketStep21 {
    padding-left:0;
    padding-right:0
  }
}
@media only screen and (max-width:767px) {
  #basketStep21 {
    padding-bottom:10px;
    padding-top:20px
  }
}
.information_edit_tab h2 {
  margin-bottom:20px;
  text-align:center;
  font-size:16px;
  font-weight:700
}
.information_edit_tab .form-group {
  position:relative;
  margin-bottom:20px
}
@media only screen and (max-width:767px) {
  .information_edit_tab .form-group {
    margin-bottom:10px
  }
}
.information_edit_tab .form-group .zmdi {
  position:absolute;
  left:15px;
  top:13px;
  font-size:21px;
  color:#666
}
.legal_information_content .legal_information {
  overflow:hidden;
  position:relative;
  margin-top:-5px;
  padding-top:10px;
  padding-bottom:10px
}
.legal_information_content .legal_information .over_area {
  width:100%;
  height:100%;
  background-color:rgba(255,255,255,.6);
  position:absolute;
  right:0;
  top:0;
  z-index:5
}
.legal_information_content .legal_information_chk {
  margin-top:0;
  font-size:16px
}
.legal_information_content .legal_information_chk.chb label span {
  margin-left:0
}
.legal_information_content .legal_information_chk.chb label span:before {
  margin-left:2px
}
.legal_information_content .legal_information_chk label {
  line-height:1.67
}
@media only screen and (max-width:480px) {
  .legal_information_content .legal_information_chk {
    font-size:13px
  }
}
.legal_information_content p {
  margin-bottom:20px;
  font-size:14px;
  line-height:1.8;
  color:#666
}
@media only screen and (max-width:480px) {
  .legal_information_content p {
    font-size:13px;
    line-height:1.7
  }
}
.backToShop {
  padding-top:40px;
  padding-bottom:50px
}
@media only screen and (max-width:767px) {
  .backToShop {
    padding-top:20px;
    padding-bottom:20px
  }
}
.backToShop__cnt {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:relative;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
.backToShop__cnt:before {
  width:100%;
  display:block;
  height:1px;
  position:absolute;
  right:0;
  top:50%;
  margin-top:.5px;
  content:'';
  background-color:#d9d9d9;
  z-index:-1
}
.backToShop__in {
  background-color:#fff;
  padding-left:20px;
  padding-right:20px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
@media only screen and (max-width:480px) {
  .backToShop__in {
    padding-left:5px;
    padding-right:5px
  }
}
.backToShop__in #backToShop {
  color:grey;
  font-size:14px;
  height:45px;
  line-height:45px;
  margin-left:10px
}
@media only screen and (max-width:480px) {
  .backToShop__in #backToShop {
    font-size:12px;
    margin-left:5px
  }
}
.backToShop__in #backToShopLink {
  width:150px;
  margin-right:10px;
  height:50px;
  line-height:48px;
  text-align:center;
  border-radius:10px;
  font-size:16px;
  background-color:#586db4;
  color:#fff
}
.backToShop__in #backToShopLink:hover {
  background-color:#ee377c
}
@media only screen and (max-width:480px) {
  .backToShop__in #backToShopLink {
    margin-left:5px;
    width:100px;
    height:40px;
    line-height:38px;
    font-size:13px
  }
}
.basketBox {
  background:#fff;
  border:1px solid #d9d9d9;
  padding:30px;
  border-radius:10px;
  margin-bottom:30px
}
@media only screen and (max-width:767px) {
  .basketBox {
    padding:15px
  }
}
.basketBox h5 {
  font-size:18px;
  font-weight:700;
  margin-bottom:15px
}
@media only screen and (max-width:767px) {
  .basketBox h5 {
    font-size:16px
  }
}
.basketBox h5 span {
  font-size:14px;
  font-weight:400
}
.basketBoxAddress .btn-bar {
  width:100%;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
}
.basketBoxAddress .btn-bar .btn-add {
  color:#000;
  font-size:16px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.basketBoxAddress .btn-bar .btn-cancel {
  color:red;
  font-size:16px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.basketBoxAddress .btn-bar .icon {
  font-size:12px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  margin-left:5px
}
.basketBoxAddress .addressBox {
  width:100%;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:20px;
  margin-top:20px;
  border:1px solid #d9d9d9;
  border-radius:10px
}
@media only screen and (max-width:767px) {
  .basketBoxAddress .addressBox {
    padding:10px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
  }
}
.basketBoxAddress .addressBox.active {
  border-color:#586db4
}
.basketBoxAddress .addressBox label {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  cursor:pointer
}
.basketBoxAddress .addressBox label input {
  margin-left:10px
}
.basketBoxAddress .addressBox label .addressBox__data {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  margin-right:20px
}
@media only screen and (max-width:767px) {
  .basketBoxAddress .addressBox label .addressBox__data {
    margin-right:10px
  }
}
.basketBoxAddress .addressBox label .addressBox__data .title {
  color:#999;
  font-size:14px
}
.basketBoxAddress .addressBox label .addressBox__data .value {
  color:#000;
  font-size:14px;
  margin-top:10px
}
.basketBoxAddress .addressBox .btn-box {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:left;
  -ms-flex-pack:left;
  justify-content:left
}
.basketBoxAddress .addressBox .btn-box a {
  color:#000;
  font-size:12px;
  padding-left:15px;
  padding-right:15px
}
.basketBoxAddress .addressBox .btn-box a svg {
  vertical-align:middle;
  margin-left:5px
}
.basketBoxAddress .addressBox .btn-box a:hover {
  color:#586db4
}
.basketBoxAddress .addressBox .btn-box .divider {
  background-color:#586db4;
  width:1px;
  height:18px;
  display:inline-block;
  margin:0 5px
}
.basketBoxTime__wrapper {
  text-align:center;
  border:1px solid #d9d9d9;
  border-radius:10px
}
.basketBoxTime__wrapper .dayBox {
  text-align:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  border-bottom:1px solid #d9d9d9
}
@media only screen and (max-width:767px) {
  .basketBoxTime__wrapper .dayBox {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
}
.basketBoxTime__wrapper .dayBox label {
  line-height:30px;
  text-align:center;
  display:inline-block;
  padding:10px 15px;
  cursor:pointer;
  margin-bottom:0;
  font-weight:400
}
.basketBoxTime__wrapper .dayBox label input {
  display:none
}
.basketBoxTime__wrapper .dayBox li.active label {
  border-bottom:2px solid #ee377c;
  font-weight:700
}
.basketBoxTime__wrapper .timeBox {
  padding:20px;
  text-align:center
}
.basketBoxTime__wrapper .timeBox.text-right .colTime {
  border-left:none;
  border-bottom:1px solid #d9d9d9;
  margin-bottom:10px
}
.basketBoxTime__wrapper .timeBox.rdl label span:before {
  top:0
}
.basketBoxTime__wrapper .timeBox .colTime {
  border-left:1px solid #d9d9d9
}
.basketBoxTime__wrapper .timeBox .colTime:last-child {
  border:0
}
.basketBoxTime__wrapper .timeBox label {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  cursor:pointer
}
.basketBoxTime__wrapper .timeBox label input {
  margin-left:5px
}
.basketBoxDelivery__box {
  width:100%;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:20px;
  border:1px solid #d9d9d9;
  border-radius:10px
}
@media only screen and (max-width:767px) {
  .basketBoxDelivery__box {
    padding:10px
  }
}
.basketBoxDelivery__box.active {
  border-color:#586db4
}
.basketBoxDelivery__box input {
  margin-left:10px
}
.basketBoxDelivery__box--data {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  margin-right:30px
}
@media only screen and (max-width:767px) {
  .basketBoxDelivery__box--data {
    margin-right:10px
  }
}
.basketBoxDelivery__box--data .title {
  color:#000;
  font-size:14px;
  font-weight:700
}
.basketBoxDelivery__box--data .des {
  color:#999;
  font-size:14px;
  margin-top:10px
}
.basketBoxDelivery__box--data .price-box {
  color:#000;
  font-size:14px;
  text-align:left;
  margin-top:20px
}
.basketBoxLegal {
  width:100%;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
}
@media only screen and (max-width:767px) {
  .basketBoxLegal {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
  }
}
.basketBoxLegal .section-title {
  font-size:14px
}
.basketBoxLegal .btn {
  margin-left:0
}
.basketBoxLegal .btn:after {
  display:none!important
}
.basketBoxLegal label {
  width:100%;
  color:grey;
  font-size:12px;
  padding-left:20px
}
.basketBoxLegal label .brand {
  color:#000;
  font-weight:700
}
.basketBoxLegal label input {
  margin-left:5px
}
.basketBoxLegal .basketBoxLegal__edit {
  display:inline-block;
  color:grey;
  margin:10px 23px 0 0
}
@media only screen and (max-width:767px) {
  .basketBoxLegal .basketBoxLegal__edit {
    margin-bottom:10px
  }
}
.basketBoxLegal .basketBoxLegal__edit:hover {
  color:#586db4
}
.basketBoxProductBox {
  text-align:center
}
.basketBoxProductBox--image {
  text-align:center;
  display:block
}
.basketBoxProductBox--image img {
  border:1px solid #d9d9d9;
  border-radius:5px;
  margin-left:auto;
  margin-right:auto
}
.basketBoxProductBox--title {
  text-align:center;
  margin-top:15px
}
.basketBoxProductBox--title .title {
  display:block;
  text-align:center;
  font-size:12px;
  line-height:24px;
  font-weight:700;
  color:#000
}
.basketBoxProductBox--title ul {
  line-height:25px
}
.basketBoxProductBox--title ul li {
  color:grey;
  font-size:12px
}
.basketBoxProductBox--title ul li span {
  font-size:12px;
  color:#000
}
.basketBoxPayment .rdlPay {
  padding:18px 20px;
  border:1px solid #d9d9d9;
  border-radius:10px;
  margin-top:20px
}
@media only screen and (max-width:767px) {
  .basketBoxPayment .rdlPay {
    padding:5px 10px
  }
}
.basketBoxPayment .rdlPay label {
  margin-bottom:0
}
.basketBoxPayment .rdlPay img {
  margin-left:20px
}
@media only screen and (max-width:767px) {
  .basketBoxPayment .rdlPay img {
    display:none
  }
}
.basketBoxOrder__textarea {
  width:100%;
  height:80px;
  padding:10px;
  border:1px solid #d9d9d9;
  border-radius:10px;
  outline:0;
  resize:none
}
@media only screen and (max-width:767px) {
  .basketBoxOrder__textarea {
    margin-bottom:20px
  }
}
.basketBoxOrder .form-coupon {
  width:100%;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:0;
  margin-top:10px;
  border:1px solid #d9d9d9;
  border-radius:10px
}
.basketBoxOrder .form-coupon form {
  width:100%;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
}
.basketBoxOrder .form-coupon input {
  background-color:transparent;
  width:calc(100% - 90px);
  color:#000;
  font-size:14px;
  font-weight:400;
  text-align:right;
  border:0;
  outline:unset;
  padding-right:20px
}
.basketBoxOrder .form-coupon ::-webkit-input-placeholder {
  color:#000
}
.basketBoxOrder .form-coupon ::-moz-placeholder {
  color:#000
}
.basketBoxOrder .form-coupon :-ms-input-placeholder {
  color:#000
}
.basketBoxOrder .form-coupon ::-ms-input-placeholder {
  color:#000
}
.basketBoxOrder .form-coupon ::placeholder {
  color:#000
}
.basketBoxOrder .form-coupon :-ms-input-placeholder {
  color:#000
}
.basketBoxOrder .form-coupon ::-ms-input-placeholder {
  color:#000
}
.basketBoxSummary .basketBoxSummary__value {
  margin-bottom:20px;
  background-color:#f2f2f2;
  width:100%;
  color:#000;
  font-size:14px;
  font-weight:400;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:10px;
  border:1px solid #d9d9d9;
  border-radius:10px
}
.basketProductItem {
  width:100%;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:15px;
  margin-top:20px;
  border:1px solid #d9d9d9;
  border-radius:10px;
  position:relative
}
.basketProductItem__image img {
  width:130px;
  height:130px;
  -o-object-fit:contain;
  object-fit:contain;
  border-radius:10px
}
.basketProductItem__desc {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  padding:0 20px 0 0
}
.basketProductItem__desc--title {
  color:#000;
  font-size:12px;
  font-weight:700
}
.basketProductItem__desc--title:hover {
  color:#586db4
}
.basketProductItem__desc .desc {
  color:#000;
  font-size:12px;
  font-weight:400;
  margin-top:7px
}
.basketProductItem__desc .desc .title {
  color:#000
}
.loginAreaWrap {
  background-color:#fff;
  border-radius:0;
  -webkit-box-shadow:0 10px 20px rgba(0,0,0,.05);
  box-shadow:0 10px 20px rgba(0,0,0,.05);
  padding-top:70px;
  padding-bottom:70px;
  text-align:center;
  padding:25px;
  position:relative;
  border:1px solid #d9d9d9;
  border-radius:10px
}
@media only screen and (max-width:991px) {
  .loginAreaWrap {
    padding:20px
  }
}
.loginArea {
  width:100%;
  max-width:365px;
  margin-left:auto;
  margin-right:auto
}
@media only screen and (max-width:767px) {
  .loginArea {
    padding-left:0;
    padding-right:0
  }
}
.loginArea .numberCode {
  position:absolute;
  left:20px;
  top:14px;
  font-weight:700;
  font-size:14px
}
.loginArea__content {
  position:relative;
  overflow:hidden
}
.loginArea__content--logo {
  max-width:100px
}
.loginArea__content--desc {
  font-size:12px;
  text-align:center;
  margin-bottom:20px
}
.loginArea__content img {
  margin-bottom:20px
}
.loginArea__detail {
  font-size:12px;
  color:#000;
  line-height:20px;
  margin-top:20px;
  text-align:center
}
@media only screen and (max-width:991px) {
  .loginArea__detail {
    margin-top:10px
  }
}
.loginArea__desc {
  font-size:14px;
  color:#000;
  line-height:20px;
  margin-top:10px;
  margin-bottom:20px;
  text-align:center
}
.loginArea .chb {
  margin-bottom:10px
}
.loginAreaTitle {
  margin-top:10px;
  margin-bottom:20px;
  width:100%;
  color:#000;
  font-size:18px;
  font-weight:700;
  text-align:center;
  line-height:25px;
  display:block
}
.loginAreaTitle p {
  margin-top:10px;
  display:block;
  line-height:20px;
  text-align:center;
  width:100%;
  font-size:14px;
  font-weight:400
}
.loginAreaPage {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  background-size:cover;
  background-position:center center;
  position:relative
}
@media only screen and (max-width:991px) {
  .loginAreaPage {
    padding:20px
  }
}
.backToHome {
  font-size:12px;
  position:relative;
  z-index:1;
  color:#fff;
  margin-top:20px;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.backToHome svg {
  vertical-align:middle;
  fill:#fff;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  margin-left:5px
}
.backToHome:hover {
  color:#000
}
.backToHome:hover svg {
  fill:#000
}
.recover_pass {
  text-align:center;
  display:block;
  font-size:14px;
  margin-top:20px;
  margin-bottom:30px
}
.category_page {
  padding-bottom:30px
}
@media only screen and (max-width:767px) {
  .category_page {
    padding-bottom:30px
  }
}
#category_page {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-top:20px
}
#category_page .category_page--sidebar {
  -webkit-box-flex:0;
  -ms-flex:0 0 296px;
  flex:0 0 296px;
  max-width:296px;
  padding-left:20px
}
@media only screen and (max-width:991px) {
  #category_page .category_page--sidebar {
    -webkit-box-flex:0;
    -ms-flex:0 0 250px;
    flex:0 0 250px;
    max-width:250px
  }
}
@media only screen and (max-width:767px) {
  #category_page .category_page--sidebar {
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
    width:100%;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px
  }
}
#category_page .category_page--sidebar .sidebar {
  margin-left:0;
  position:relative
}
@media only screen and (max-width:767px) {
  #category_page .category_page--sidebar .sidebar {
    margin-left:0;
    height:auto;
    padding:5px
  }
}
#category_page .category_page--sidebar .sidebar .searchBox {
  border-radius:10px
}
#category_page .category_page--sidebar .sidebar .searchBox .searchBox__inp {
  font-size:13px;
  padding-right:15px;
  border-radius:10px
}
#category_page .category_page--content {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(100% - 296px);
  flex:0 0 calc(100% - 296px);
  max-width:calc(100% - 296px)
}
@media only screen and (max-width:991px) {
  #category_page .category_page--content {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(100% - 250px);
    flex:0 0 calc(100% - 250px);
    max-width:calc(100% - 250px)
  }
}
@media only screen and (max-width:767px) {
  #category_page .category_page--content {
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
  }
}
#category_page .category_page--content .adsArea {
  margin-bottom:20px
}
#category_page .category_page--content .adsArea img {
  min-height:100px
}
.page_products {
  border:1px solid #d9d9d9;
  border-radius:10px;
  padding:10px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:20px
}
.page_products--sort {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-bottom:0
}
@media only screen and (max-width:767px) {
  .page_products--sort {
    margin-bottom:10px
  }
}
.page_products--sort>li {
  padding-left:10px;
  padding-right:10px;
  margin-left:5px;
  margin-right:5px;
  display:block;
  height:22px;
  line-height:22px;
  border-radius:11px
}
@media only screen and (max-width:767px) {
  .page_products--sort>li {
    padding-left:6px;
    padding-right:6px;
    margin-left:3px;
    margin-right:3px
  }
}
.page_products--sort>li>a {
  color:grey;
  font-size:12px
}
.page_products--sort>li.active,
.page_products--sort>li:hover {
  background-color:#586db4
}
.page_products--sort>li.active>a,
.page_products--sort>li:hover>a {
  color:#fff;
  font-size:12px
}
.content #sidebar_toggle {
  display:none;
  clear:both;
  font-size:15px;
  padding-top:7px;
  padding-bottom:10px;
  border-top:2px solid #586db4;
  border-bottom:2px solid #586db4;
  line-height:28px;
  padding-bottom:13px;
  position:relative;
  text-align:center;
  width:100%;
  margin-top:20px;
  margin-bottom:20px
}
.content #sidebar_toggle:before {
  content:'';
  font-size:20px;
  color:#666;
  display:inline-block;
  margin-left:10px;
  line-height:30px;
  position:relative;
  top:5px
}
@media only screen and (max-width:767px) {
  .content #sidebar_toggle {
    display:block
  }
}
@media only screen and (max-width:767px) {
  .sidebar_toggle_aside {
    -webkit-transition-property:all;
    transition-property:all;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    position:fixed;
    z-index:99999999;
    right:-110%;
    top:0;
    background:#fff;
    overflow-y:auto;
    height:100%
  }
  .sidebar_toggle_aside.active {
    right:0
  }
}
.sidebar_toggle_aside .apply_filter {
  display:none;
  margin-top:10px;
  height:50px;
  line-height:50px;
  font-size:15px;
  float:none;
  margin-right:auto;
  margin-left:auto;
  margin-bottom:0;
  border-radius:0
}
@media only screen and (max-width:767px) {
  .sidebar_toggle_aside .apply_filter {
    display:block
  }
}
.sidebar_toggle_aside .apply_filter.btnClose {
  margin:0;
  margin-bottom:10px;
  height:auto;
  line-height:unset;
  text-align:left
}
.sidebar_toggle_aside .apply_filter.btnClose i {
  vertical-align:middle
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius:3px;
  background-color:#586db4;
  width:5px
}
.mCSB_scrollTools .mCSB_draggerRail {
  border-radius:3px;
  background-color:#d9d9d9;
  width:5px
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color:#586db4
}
.search__filter__area {
  margin-bottom:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
}
.search__filter__area .blogSearch {
  width:auto;
  -webkit-box-flex:1;
  -ms-flex:1 0 auto;
  flex:1 0 auto
}
.search__filter__area .blogSearch .searchInp {
  border:1px solid #d9d9d9;
  border-radius:25px
}
.search__filter__area .sortBy {
  margin-bottom:0;
  margin-left:20px
}
@media only screen and (max-width:767px) {
  .search__filter__area .sortBy {
    margin-left:0;
    margin-bottom:10px
  }
}
.search__filter__area.mediaFilter {
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start
}
.search__filter__area .filter_view {
  margin-right:auto
}
@media only screen and (max-width:991px) {
  .search__filter__area .filter_view {
    display:none
  }
}
.search__filter__area--chb {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.search__filter__area--chb .chb {
  margin-left:30px
}
.search__filter__area--chb .chb label span:before {
  margin-left:0
}
.filter_view {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border-radius:5px;
  height:45px;
  background-color:#fff;
  padding-left:2px;
  padding-right:2px
}
@media only screen and (max-width:991px) {
  .filter_view {
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
  }
}
@media only screen and (max-width:767px) {
  .filter_view {
    display:none
  }
}
.filter_view>a {
  width:45px;
  height:45px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  border-radius:5px
}
.filter_view>a.grid_show {
  margin-left:2px
}
.filter_view>a.grid_show:after {
  content:''
}
.filter_view>a.list_show:after {
  content:''
}
.filter_view>a:after {
  font-size:24px;
  color:#999;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.filter_view>a.active:after,
.filter_view>a:hover:after {
  color:#000
}
#products>ul {
  display:-webkit-box;
  display:-moz-flex;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-left:-10px;
  margin-right:-10px;
  margin-top:10px
}
@media only screen and (max-width:767px) {
  #products>ul {
    margin-left:-5px;
    margin-right:-5px
  }
}
#products>ul>li {
  padding:10px;
  -webkit-box-flex:0;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%;
  position:relative
}
@media only screen and (max-width:1199px) {
  #products>ul>li {
    -webkit-box-flex:0;
    -ms-flex:0 0 33.33%;
    flex:0 0 33.33%;
    max-width:33.33%
  }
}
@media only screen and (max-width:991px) {
  #products>ul>li {
    -webkit-box-flex:0;
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%
  }
}
@media only screen and (max-width:767px) {
  #products>ul>li {
    padding:5px
  }
}
.magnifier-preview {
  z-index:2!important
}
.magnifier-lens {
  top:0;
  left:0;
  z-index:2!important;
  cursor:none;
  display:block;
  position:absolute;
  border:solid 1px #ccc;
  overflow:hidden;
  filter:alpha(Opacity=50);
  opacity:.5;
  background:#fff!important
}
.magnifier-lens:after {
  position:absolute;
  top:50%;
  right:50%;
  display:block;
  margin-right:-12.5px;
  margin-top:-17.5px;
  content:""
}
@media only screen and (max-width:991px) {
  .magnifier-lens {
    display:none!important
  }
}
.compare_list {
  position:fixed;
  bottom:0;
  right:0;
  width:100%;
  background-color:#fff;
  z-index:100;
  padding-left:20px;
  padding-right:20px;
  -webkit-box-shadow:.484px -1.941px 1px 0 rgba(0,0,0,.1);
  box-shadow:.484px -1.941px 1px 0 rgba(0,0,0,.1)
}
@media only screen and (max-width:991px) {
  .compare_list {
    display:none
  }
}
.compare_list .container {
  max-width:100%
}
.compare_list .compare_btn {
  float:left;
  padding-left:30px;
  padding-right:30px;
  height:65px;
  line-height:65px;
  text-align:center;
  background-color:#586db4;
  font-size:15px;
  margin-left:-10px
}
.compare_list .compare_btn:hover {
  background-color:#ee377c
}
@media only screen and (max-width:767px) {
  .compare_list .compare_btn {
    margin-left:0;
    height:40px;
    line-height:40px
  }
}
@media only screen and (max-width:480px) {
  .compare_list .compare_btn {
    width:50%;
    padding-left:0;
    padding-right:0;
    text-align:center
  }
}
.compare_list .remove_all {
  float:left;
  padding-left:30px;
  padding-right:30px;
  height:65px;
  line-height:65px;
  text-align:center;
  color:#f10000;
  background-color:#f8f8f8;
  font-size:15px
}
.compare_list .remove_all:hover {
  background-color:#f3f3f3
}
.compare_list .remove_all span {
  position:relative;
  top:1px
}
@media only screen and (max-width:767px) {
  .compare_list .remove_all {
    height:40px;
    line-height:40px
  }
}
@media only screen and (max-width:480px) {
  .compare_list .remove_all {
    width:50%;
    padding-left:0;
    padding-right:0;
    text-align:center
  }
}
.compare_list ul {
  float:right;
  padding-top:8px;
  margin-left:-10px;
  margin-right:-10px
}
@media only screen and (max-width:567px) {
  .compare_list ul {
    margin-left:-5px;
    margin-right:-5px
  }
}
@media only screen and (max-width:767px) {
  .compare_list ul {
    width:100%;
    clear:both;
    margin-bottom:10px
  }
}
.compare_list ul li {
  padding-left:10px;
  padding-right:10px;
  float:right;
  position:relative
}
@media only screen and (max-width:567px) {
  .compare_list ul li {
    padding-left:5px;
    padding-right:5px
  }
}
.compare_list ul li .remove_item {
  position:absolute;
  left:0;
  top:-12px
}
.compare_list ul li .remove_item i:before {
  font-size:20px;
  color:#000;
  position:relative;
  top:-1.5px;
  left:1.5px;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.compare_list ul li .remove_item:hover i:before {
  color:#fd3413
}
.compare_list ul li .over {
  display:none;
  width:175px;
  height:260px;
  position:absolute;
  top:-275px;
  right:-55px;
  text-align:center;
  background-color:#fff;
  -webkit-box-shadow:0 0 21px 0 rgba(0,0,0,.15);
  box-shadow:0 0 21px 0 rgba(0,0,0,.15);
  font-size:14px;
  font-weight:700;
  padding-top:20px
}
.compare_list ul li .over:after {
  right:50%;
  margin-right:-11px;
  position:absolute;
  bottom:-13px
}
.compare_list ul li .over img {
  margin-bottom:20px;
  display:block;
  margin-left:auto;
  margin-right:auto
}
.compare_list ul li .item {
  background-color:#fff;
  display:block;
  width:50px;
  height:50px;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  border:1px solid #e8e8e8
}
.compare_list ul li .item>a {
  display:block;
  text-align:center
}
.compare_list ul li:hover .item {
  border-color:#333
}
.compare_list ul li:hover .item .over {
  display:block
}
@media only screen and (max-width:767px) {
  .compare_list ul li:hover .item .over {
    display:none
  }
}
.compare_list h6 {
  float:right;
  margin-left:50px;
  height:65px;
  font-size:15px;
  line-height:65px
}
@media only screen and (max-width:767px) {
  .compare_list h6 {
    height:40px;
    line-height:40px
  }
}
.compareView {
  display:block;
  position:absolute;
  height:30px;
  z-index:9;
  color:#fff;
  font-size:12px;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  bottom:15px;
  right:50%;
  -webkit-transform:translateX(50%);
  transform:translateX(50%);
  z-index:1;
  background:rgba(255,255,255,.5);
  border-radius:5px;
  padding:6px
}
.compareView .chb label {
  margin:0;
  color:#000
}
.compareView .chb label span {
  color:#000;
  line-height:0
}
.compareView .chb label span:before {
  margin-left:0;
  color:#000
}
.compareView .chb label input {
  margin:0
}
.compareView .chb label input:checked~span:before {
  color:#000
}
.compareView .chb label span {
  margin:0
}
.compareView .chb label span:before {
  margin:0
}
.compareColor {
  display:block;
  position:absolute;
  top:10px;
  left:10px;
  height:30px;
  z-index:9
}
.compareColor li span {
  width:10px;
  height:10px;
  border:1px solid #d9d9d9;
  display:inline-block;
  border-radius:50%
}
.singlePage {
  padding-top:30px;
  padding-bottom:30px
}
@media only screen and (max-width:767px) {
  .singlePage {
    padding-top:20px;
    padding-bottom:20px
  }
}
.singlePage .numsContainer {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:100%
}
.singlePage .numsContainer>span {
  font-size:14px;
  margin-left:5px;
  white-space:nowrap
}
.singlePage .nums {
  width:200px;
  border-radius:5px;
  height:50px
}
.singlePage .nums #number {
  height:48px
}
.singlePage .nums .minus {
  width:50px;
  height:48px
}
.singlePage .nums .minus:after {
  line-height:48px
}
.singlePage .nums .plus {
  width:50px;
  height:48px
}
.singlePage .nums .plus:after {
  line-height:48px
}
.singlePage__dataWrapper {
  background-color:#fff;
  border-radius:20px;
  margin-top:20px;
  margin-bottom:20px;
  position:relative
}
@media only screen and (max-width:767px) {
  .singlePage__dataWrapper {
    padding:0;
    margin-top:30px
  }
}
.singlePage .title {
  font-size:14px;
  font-weight:700;
  color:#000;
  margin-bottom:10px
}
.singlePage .title span {
  font-size:14px;
  font-weight:400
}
.singlePage__price {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:30px
}
@media only screen and (max-width:767px) {
  .singlePage__price {
    margin-bottom:20px
  }
}
.singlePage__price--new {
  font-weight:700;
  font-size:24px;
  color:#000;
  margin-right:auto
}
@media only screen and (max-width:767px) {
  .singlePage__price--new {
    font-size:16px
  }
}
.singlePage__price--new span {
  margin-right:5px;
  font-weight:400;
  font-size:16px;
  color:#000
}
@media only screen and (max-width:767px) {
  .singlePage__price--new span {
    font-size:12px
  }
}
.singlePage__price--old {
  color:#989898;
  position:relative;
  font-weight:700;
  font-size:16px;
  margin-right:10px
}
@media only screen and (max-width:767px) {
  .singlePage__price--old {
    font-size:14px
  }
}
.singlePage__price--old:after {
  content:"";
  position:absolute;
  right:0;
  left:0;
  top:50%;
  margin-top:-1px;
  display:inline-block;
  background-color:#989898;
  height:1px
}
.singlePage__price--precent {
  background-color:#ee377c;
  border-radius:50%;
  color:#fff;
  font-weight:700;
  font-size:16px;
  width:45px;
  height:45px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-right:10px
}
@media only screen and (max-width:767px) {
  .singlePage__price--precent {
    font-size:14px;
    width:35px;
    height:35px
  }
}
.singlePage__btn {
  background-color:#586db4;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  font-weight:700;
  color:#fff;
  font-size:14px;
  border-radius:5px;
  height:50px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
@media only screen and (max-width:767px) {
  .singlePage__btn {
    margin-top:20px
  }
}
.singlePage__btn svg {
  vertical-align:middle;
  margin-right:15px
}
.singlePage__btn:hover {
  background-color:#ee377c
}
.singlePage__cat {
  margin-bottom:30px
}
@media only screen and (max-width:767px) {
  .singlePage__cat {
    margin-bottom:20px
  }
}
.singlePage__cat li {
  color:#000;
  font-size:14px;
  margin-bottom:20px;
  font-weight:700
}
.singlePage__cat li:last-child {
  margin-bottom:0
}
.singlePage__cat li a {
  color:#000;
  font-weight:400;
  display:inline-block
}
.singlePage__gallery {
  position:relative;
  padding-left:111px;
  max-width:535px
}
@media only screen and (max-width:767px) {
  .singlePage__gallery {
    margin-top:0;
    margin-bottom:0;
    padding-left:0
  }
}
.singlePage__gallery img {
  width:100%
}
.singlePage__color {
  margin-bottom:30px
}
@media only screen and (max-width:767px) {
  .singlePage__color {
    margin-bottom:20px
  }
}
.singlePage__size {
  margin-bottom:30px
}
@media only screen and (max-width:767px) {
  .singlePage__size {
    margin-bottom:20px
  }
}
.innerPageTitle {
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:1px solid #d9d9d9
}
.innerPageTitle h1,
.innerPageTitle__title {
  margin-bottom:20px;
  font-size:24px;
  line-height:40px;
  font-weight:700;
  color:#000
}
@media only screen and (max-width:991px) {
  .innerPageTitle h1,
  .innerPageTitle__title {
    line-height:30px;
    font-size:18px
  }
}
.innerPageTitle__item {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:100%
}
@media only screen and (max-width:767px) {
  .innerPageTitle__item {
    margin-top:10px
  }
}
.innerPageTitle__item .singleShare {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.innerPageTitle__item .singleShare li {
  margin-left:20px
}
.innerPageTitle__item .singleShare li:last-child {
  margin:0
}
.innerPageTitle__item .singleShare li i {
  font-size:21px;
  color:#999;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.innerPageTitle__item .singleShare li i:hover {
  color:#ee377c
}
.innerPageTitle .rateBox {
  margin:0
}
.single_slideshow_big {
  overflow:hidden;
  border-radius:10px
}
@media only screen and (max-width:767px) {
  .single_slideshow_big {
    border-radius:10px
  }
}
.single_slideshow_mini {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:absolute;
  left:0;
  top:0;
  height:100%;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
}
@media only screen and (max-width:767px) {
  .single_slideshow_mini {
    position:static;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    margin-top:10px
  }
}
.single_slideshow_mini .item {
  padding-left:5px;
  padding-right:5px;
  margin-bottom:10px;
  border-radius:10px
}
@media only screen and (max-width:767px) {
  .single_slideshow_mini .item {
    margin-bottom:0
  }
}
.single_slideshow_mini .item.more {
  margin-bottom:0;
  width:91px;
  height:54px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  background-color:#f2f2f2
}
@media only screen and (max-width:767px) {
  .single_slideshow_mini .item.more {
    height:auto;
    border-radius:5px
  }
}
@media only screen and (max-width:767px) {
  .single_slideshow_mini .item.more img {
    -webkit-transform:scale(.8);
    transform:scale(.8)
  }
}
.single_slideshow_mini .item a {
  border-radius:10px;
  display:block;
  overflow:hidden
}
@media only screen and (max-width:767px) {
  .single_slideshow_mini .item a {
    border-radius:5px
  }
}
.rateBox {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-top:10px;
  margin-bottom:10px
}
@media only screen and (max-width:767px) {
  .rateBox {
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    margin-top:0;
    margin-bottom:0
  }
}
.rateBox p {
  font-size:12px;
  color:#000;
  display:inline-block;
  margin-left:5px
}
.rateBox .rate_cnt {
  display:inline-block
}
.rateBox b {
  font-size:14px;
  color:#000;
  font-weight:400;
  margin-left:5px;
  margin-right:5px
}
.sizeWrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin:0;
  margin-top:0;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start
}
.sizeWrap li {
  padding:2.5px
}
.sizeWrap li label {
  margin-bottom:0;
  cursor:pointer;
  position:relative
}
.sizeWrap li label input {
  opacity:0;
  position:absolute
}
.sizeWrap li label input:checked~div {
  border-color:#ee377c;
  -webkit-box-shadow:0 2px 7px 0 rgba(0,0,0,.3);
  box-shadow:0 2px 7px 0 rgba(0,0,0,.3)
}
.sizeWrap li label>div {
  pointer-events:none;
  border:1px solid #bfbfbf;
  border-radius:3px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:40px;
  height:40px;
  font-size:14px;
  font-family:iransans
}
@media only screen and (max-width:767px) {
  .sizeWrap li label>div {
    width:30px;
    height:30px
  }
}
.sizeWrap li.finish .alarmSize {
  position:absolute;
  top:-4px;
  right:-4px
}
.sizeWrap li.finish label input:checked~div {
  border-color:#d9d9d9
}
.sizeWrap li.finish label>div {
  border-color:#d9d9d9;
  color:#bfbfbf
}
.infoSize {
  color:#586db4;
  background-color:rgba(88,109,180,.15);
  border:1px solid #586db4;
  border-radius:5px;
  padding:7px 14px;
  position:absolute;
  left:0;
  top:0
}
@media only screen and (max-width:767px) {
  .infoSize {
    padding:5px 10px;
    top:-5px
  }
}
.infoSize svg {
  vertical-align:middle;
  margin-left:10px;
  fill:#586db4;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
@media only screen and (max-width:767px) {
  .infoSize svg {
    max-width:20px;
    margin-left:5px
  }
}
.infoSize:hover {
  background-color:#586db4;
  color:#fff
}
.infoSize:hover svg {
  fill:#fff
}
.iconSize {
  width:30px;
  height:30px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  color:#000;
  border:1px solid #bfbfbf;
  border-radius:3px;
  font-size:14px;
  background-color:#fff;
  margin-left:3px;
  margin-right:3px
}
.singleMobileBig__slider img {
  border-radius:10px
}
.singleMobileBig__slider .slick-list {
  margin-left:-10px;
  margin-right:-10px
}
.singleMobileBig__slider .slick-slide {
  margin-left:10px;
  margin-right:10px
}
.singleContent #contentInfo {
  margin-bottom:50px
}
@media only screen and (max-width:991px) {
  .singleContent #contentInfo {
    margin-bottom:40px
  }
}
@media only screen and (max-width:767px) {
  .singleContent #contentInfo {
    margin-bottom:20px
  }
}
.singleContent #contentTbl {
  margin-bottom:50px
}
@media only screen and (max-width:991px) {
  .singleContent #contentTbl {
    margin-bottom:40px
  }
}
@media only screen and (max-width:767px) {
  .singleContent #contentTbl {
    margin-bottom:20px
  }
}
.tbl_cnt .rowGrid .colGrid2 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -ms-flex-line-pack:start;
  align-content:flex-start;
  margin-bottom:10px;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:0 10px
}
@media only screen and (max-width:991px) {
  .tbl_cnt .rowGrid .colGrid2 {
    -ms-flex:1 0 100%;
    -webkit-box-flex:1;
    flex:1 0 100%;
    max-width:100%
  }
}
.tbl_cnt .rowGrid .colGrid2 .stl_r {
  width:30%;
  padding:12px 20px;
  -ms-flex-item-align:stretch;
  align-self:stretch;
  font-size:14px;
  color:#000;
  background-color:#f7f7f7;
  border:1px solid #d9d9d9;
  border-radius:0 10px 10px 0
}
@media only screen and (max-width:1199px) {
  .tbl_cnt .rowGrid .colGrid2 .stl_r {
    width:calc(30% - 0px)
  }
}
@media only screen and (max-width:991px) {
  .tbl_cnt .rowGrid .colGrid2 .stl_r {
    font-size:13px
  }
}
@media only screen and (max-width:767px) {
  .tbl_cnt .rowGrid .colGrid2 .stl_r {
    font-size:12px;
    padding:10px;
    width:calc(33% - 4px)
  }
}
@media only screen and (max-width:567px) {
  .tbl_cnt .rowGrid .colGrid2 .stl_r {
    border-radius:23px;
    font-weight:700;
    -ms-flex-item-align:normal;
    align-self:normal;
    width:100%;
    font-size:13px;
    padding-bottom:8px;
    margin-bottom:5px
  }
}
.tbl_cnt .rowGrid .colGrid2 .stl_l {
  font-size:14px;
  color:#000;
  background-color:#fff;
  border:1px solid #d9d9d9;
  border-right:none;
  border-radius:10px 0 0 10px;
  width:70%;
  padding:12px 20px;
  -ms-flex-item-align:stretch;
  align-self:stretch
}
@media only screen and (max-width:1199px) {
  .tbl_cnt .rowGrid .colGrid2 .stl_l {
    width:70%
  }
}
@media only screen and (max-width:991px) {
  .tbl_cnt .rowGrid .colGrid2 .stl_l {
    font-size:13px
  }
}
@media only screen and (max-width:767px) {
  .tbl_cnt .rowGrid .colGrid2 .stl_l {
    font-size:12px;
    padding:10px;
    width:67%
  }
}
@media only screen and (max-width:567px) {
  .tbl_cnt .rowGrid .colGrid2 .stl_l {
    -ms-flex-item-align:normal;
    align-self:normal;
    width:100%;
    border-radius:23px;
    border-right:1px solid #d9d9d9
  }
}
.gallerySliderSec {
  padding-top:40px;
  padding-bottom:40px;
  margin-bottom:20px
}
@media only screen and (max-width:991px) {
  .gallerySliderSec {
    background-image:none;
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:20px
  }
}
@media only screen and (max-width:767px) {
  .gallerySliderSec {
    padding-top:20px
  }
}
.gallerySlider__box {
  border-radius:10px;
  position:relative;
  overflow:hidden;
  -webkit-box-shadow:0 10px 10px rgba(0,0,0,.16);
  box-shadow:0 10px 10px rgba(0,0,0,.16)
}
.gallerySlider__box img {
  width:100%
}
.gallerySlider .slick-list {
  margin-left:-10px;
  margin-right:-10px;
  overflow:visible
}
.gallerySlider .slick-slide {
  margin-left:10px;
  margin-right:10px
}
@media only screen and (min-width:992px) {
  .gallerySlider .slick-prev {
    margin-left:-15px
  }
}
@media only screen and (min-width:992px) {
  .gallerySlider .slick-next {
    margin-right:-15px
  }
}
.gallerySlider .slick-dots {
  position:absolute;
  bottom:-50px;
  right:50%;
  -webkit-transform:translateX(50%);
  transform:translateX(50%)
}
@media only screen and (max-width:767px) {
  .gallerySlider .slick-dots {
    bottom:-30px
  }
}
.gallerySlider .slick-dots li.slick-active {
  width:20px;
  border-radius:10px;
  background:#fff
}
.gallerySliderWrapper {
  text-align:center;
  position:relative
}
.gallerySliderWrapper .headerTitle {
  position:absolute;
  top:40px;
  right:50%;
  -webkit-transform:translateX(50%);
  transform:translateX(50%);
  color:#fff
}
@media only screen and (max-width:767px) {
  .gallerySliderWrapper .headerTitle {
    top:10px
  }
}
@media only screen and (max-width:767px) {
  .gallerySliderWrapper .ef1 {
    max-width:280px
  }
}
@media only screen and (max-width:767px) {
  .gallerySliderWrapper .ef2 {
    max-width:280px
  }
}
.sloganSec {
  background-image:url(../../img/bg-about.jpg);
  position:relative;
  margin-bottom:140px
}
@media only screen and (max-width:991px) {
  .sloganSec {
    overflow:hidden;
    margin-bottom:40px
  }
}
@media only screen and (max-width:767px) {
  .sloganSec {
    margin-bottom:20px;
    margin-bottom:20px
  }
}
.sloganSec:before {
  content:"";
  display:block;
  background-color:#fff;
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:40%
}
@media only screen and (max-width:991px) {
  .sloganSec:before {
    display:none
  }
}
@media only screen and (min-width:992px) {
  .sloganSec__image {
    -webkit-transform:translateY(100px);
    transform:translateY(100px)
  }
}
.sloganSec__image img {
  width:100%
}
.sloganSec__row {
  position:relative;
  z-index:1
}
@media only screen and (min-width:768px) {
  .sloganSec__row {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }
}
.sloganSec .sloganIitem {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  height:100%;
  color:#fff;
  padding:20px
}
.sloganSec .sloganIitem .headerTitle {
  color:#fff
}
.sloganSec .sloganIitem__desc {
  color:#fff;
  font-size:24px;
  font-weight:700
}
@media only screen and (max-width:767px) {
  .sloganSec .sloganIitem__desc {
    font-size:18px
  }
}
.contactMap {
  position:relative;
  height:500px;
  left:0;
  right:0;
  bottom:0;
  border-radius:0;
  overflow:hidden;
  z-index:-1
}
@media only screen and (max-width:1199px) {
  .contactMap {
    height:200px;
    right:0;
    border-radius:0;
    width:100%;
    position:static
  }
}
.contactForm {
  position:absolute;
  left:0;
  top:0;
  padding:30px;
  padding-top:18px;
  overflow:hidden;
  border-radius:0;
  border:1px solid #d9d9d9;
  background-color:#fff;
  max-width:535px;
  z-index:1
}
@media only screen and (max-width:1199px) {
  .contactForm {
    max-width:430px;
    padding:20px
  }
}
@media only screen and (max-width:991px) {
  .contactForm {
    max-width:unset;
    width:100%;
    position:static;
    margin-bottom:20px
  }
}
.contactForm .btn {
  margin-left:0;
  margin-top:13px
}
@media only screen and (max-width:991px) {
  .contactForm .btn {
    margin-top:20px
  }
}
.contactForm h1 {
  text-align:center;
  margin-bottom:10px;
  font-weight:400;
  font-size:24px
}
@media only screen and (max-width:767px) {
  .contactForm h1 {
    margin-bottom:20px;
    font-size:19px
  }
}
.contactForm p {
  margin-bottom:20px;
  font-size:14px;
  color:#666;
  line-height:30px;
  text-align:center
}
.contactForm .sec__code {
  float:right
}
@media only screen and (max-width:991px) {
  .contactForm .sec__code {
    float:none
  }
}
.contactPage {
  background-color:#586db4;
  position:relative;
  overflow:visible;
  z-index:9;
  min-height:380px;
  padding-top:80px
}
@media only screen and (max-width:991px) {
  .contactPage {
    padding-top:40px;
    min-height:0
  }
}
@media only screen and (max-width:767px) {
  .contactPage {
    padding-top:20px;
    min-height:0
  }
}
.contactPage__list li {
  margin-bottom:40px
}
.contactBox {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  color:#fff;
  font-size:14px;
  line-height:30px
}
.contactBox__desc {
  color:#fff
}
.contactBox__desc p {
  color:#fff
}
.contactBox__desc a {
  color:#fff
}
.contactBox img {
  margin-left:25px
}
#contactPage {
  position:relative
}
@media only screen and (max-width:991px) {
  #contactPage .poss {
    position:relative!important
  }
}
#contactInfo .headerTitle {
  color:#fff
}
.newsPage {
  padding-top:0;
  padding-bottom:30px
}
@media only screen and (max-width:767px) {
  .newsPage__search {
    margin-top:20px
  }
}
#newsList {
  margin-top:20px
}
#newsList>ul {
  display:-webkit-box;
  display:-moz-flex;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-left:-10px;
  margin-right:-10px;
  margin-top:10px
}
@media only screen and (max-width:767px) {
  #newsList>ul {
    margin-left:-5px;
    margin-right:-5px
  }
}
#newsList>ul>li {
  padding:10px;
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%;
  position:relative;
  margin-bottom:10px
}
@media only screen and (max-width:767px) {
  #newsList>ul>li {
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
    padding:5px
  }
}
.newsInner {
  position:relative
}
.newsInner:before {
  content:"";
  display:block;
  background-size:cover;
  background-image:url(../../img/bg-blog.jpg);
  position:absolute;
  right:0;
  left:0;
  top:0;
  bottom:0;
  height:400px
}
.newsInner__title {
  font-size:24px;
  font-weight:700;
  line-height:1.8;
  color:#fff;
  margin-bottom:20px
}
@media only screen and (max-width:991px) {
  .newsInner__title {
    font-size:20px
  }
}
@media only screen and (max-width:767px) {
  .newsInner__title {
    font-size:18px
  }
}
.newsInner__image {
  overflow:hidden;
  position:relative;
  display:block;
  margin-bottom:20px
}
.newsInner__image img {
  width:100%;
  border-radius:10px
}
.newsInner__desc {
  width:90%;
  position:relative;
  margin-top:-120px;
  padding:30px 50px;
  background-color:#fff
}
@media only screen and (max-width:767px) {
  .newsInner__desc {
    margin-top:0;
    padding:10px;
    width:100%;
    border:1px solid #000;
    border-top:none;
    margin-bottom:10px
  }
}
.newsInner__desc h1 {
  font-size:24px;
  font-weight:700;
  line-height:2
}
@media only screen and (max-width:991px) {
  .newsInner__desc h1 {
    font-size:16px;
    line-height:1.8
  }
}
@media only screen and (max-width:767px) {
  .newsInner__desc h1 {
    font-size:14px;
    line-height:1.8
  }
}
.newsInner__header {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.newsInner__header--cat {
  font-size:14px;
  color:#fff;
  padding:5px 10px;
  background-color:#ee377c;
  border-radius:5px
}
.quote {
  background-color:rgba(88,109,180,.2);
  position:relative;
  padding:33px 110px;
  margin-top:30px;
  margin-bottom:30px
}
@media only screen and (max-width:767px) {
  .quote {
    padding:20px
  }
}
.quote p {
  padding:0
}
.quote:before {
  position:absolute;
  top:30px;
  right:15px
}
@media only screen and (max-width:767px) {
  .quote:before {
    top:-30px;
    right:0;
    -webkit-transform:scale(.7);
    transform:scale(.7)
  }
}
.quote:after {
  position:absolute;
  top:30px;
  left:15px
}
@media only screen and (max-width:767px) {
  .quote:after {
    top:-30px;
    left:0;
    -webkit-transform:scale(.7);
    transform:scale(.7)
  }
}
.singleNewsKeywords {
  padding-top:20px;
  padding-bottom:10px;
  margin-bottom:20px;
  overflow:hidden
}
@media only screen and (max-width:767px) {
  .singleNewsKeywords {
    margin-bottom:0
  }
}
@media only screen and (max-width:480px) {
  .singleNewsKeywords {
    padding-top:12px
  }
}
.singleNewsKeywords strong {
  font-size:14px;
  margin-bottom:10px;
  line-height:30px;
  color:#000;
  margin-left:5px;
  font-weight:400;
  float:right
}
@media only screen and (max-width:480px) {
  .singleNewsKeywords strong {
    width:100%;
    margin-left:0
  }
}
.singleNewsKeywords span {
  float:right;
  margin-right:5px;
  border-radius:0;
  background-color:#586db4;
  font-size:14px;
  height:30px;
  line-height:30px;
  min-width:80px;
  text-align:center;
  color:#fff;
  margin-bottom:10px;
  padding-left:10px;
  padding-right:10px
}
.singleNewsKeywords span>a {
  color:#fff
}
@media only screen and (max-width:480px) {
  .singleNewsKeywords span {
    margin-left:5px;
    margin-right:0
  }
}
.nextPrev {
  padding-bottom:40px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.nextPrev__next {
  font-size:14px;
  font-weight:700;
  display:inline-block
}
.nextPrev__next svg {
  vertical-align:middle;
  margin-left:5px
}
.nextPrev__prev {
  font-size:14px;
  font-weight:700;
  display:inline-block
}
.nextPrev__prev svg {
  vertical-align:middle;
  margin-right:5px
}
.singleNewsTools {
  margin-top:15px;
  margin-bottom:20px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end
}
@media only screen and (max-width:767px) {
  .singleNewsTools {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-bottom:0
  }
}
.singleNewsTools a {
  border-radius:50%;
  background-color:rgba(255,255,255,.2);
  height:40px;
  width:40px;
  margin-left:5px;
  margin-right:5px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  color:#fff;
  margin-left:0;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
@media only screen and (max-width:767px) {
  .singleNewsTools a {
    margin:5px;
    padding:0
  }
}
.singleNewsTools a:hover {
  background-color:#ee377c
}
.singleNewsTools a svg {
  fill:#000;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.blogView {
  padding-top:40px;
  padding-bottom:40px;
  position:relative
}
@media only screen and (max-width:767px) {
  .blogView {
    padding-top:20px;
    padding-bottom:20px
  }
}
.blogView:before {
  content:"";
  display:block;
  background-color:#586db4;
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:30%
}
@media only screen and (max-width:567px) {
  .blogView:before {
    width:100%;
    height:33%;
    bottom:auto
  }
}
.blogView .ef {
  position:absolute;
  -webkit-transform:translateX(100%) translateY(-50%);
  transform:translateX(100%) translateY(-50%);
  right:-20px;
  top:50%
}
.blogView .headerTitle {
  position:relative;
  color:#fff
}
@media only screen and (min-width:1200px) {
  .blogView .headerTitle {
    font-size:36px
  }
}
.blogView__slider .slick-dots {
  text-align:right
}
.blogView__slider .slick-dots li.slick-active {
  width:20px;
  border-radius:10px;
  background:#fff
}
.blogView__slider .slick-list {
  margin-left:-10px;
  margin-right:-10px
}
.blogView__slider .slick-slide {
  margin:20px 10px
}
@media only screen and (max-width:767px) {
  .blogView__slider .slick-slide {
    margin:10px
  }
}
@media only screen and (min-width:992px) {
  .blogView .blogItem__image {
    -ms-flex:1 0 535px;
    -webkit-box-flex:1;
    flex:1 0 535px;
    max-width:535px
  }
}
@media only screen and (min-width:992px) {
  .blogView .blogItem__content--title {
    font-size:24px;
    line-height:40px;
    margin-bottom:20px
  }
}
@media only screen and (min-width:992px) {
  .blogView .blogItem__content--desc {
    margin-bottom:30px
  }
}
#userpanel {
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  padding-top:40px;
  padding-bottom:40px
}
@media only screen and (max-width:991px) {
  #userpanel {
    padding-top:30px;
    padding-bottom:30px
  }
}
@media only screen and (max-width:767px) {
  #userpanel {
    padding-top:20px;
    padding-bottom:20px
  }
}
#userpanel .userpanel__sidebar {
  height:auto;
  position:relative;
  overflow:hidden;
  margin-top:10px;
  border-radius:10px;
  border:1px solid #586db4;
  min-height:390px;
  -webkit-box-flex:0;
  -ms-flex:0 0 313px;
  flex:0 0 313px;
  max-width:313px
}
@media only screen and (max-width:1199px) {
  #userpanel .userpanel__sidebar {
    -webkit-box-flex:0;
    -ms-flex:0 0 274px;
    flex:0 0 274px;
    max-width:274px
  }
}
@media only screen and (max-width:991px) {
  #userpanel .userpanel__sidebar {
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
    width:100%;
    margin-bottom:20px;
    min-height:unset
  }
}
@media only screen and (max-width:767px) {
  #userpanel .userpanel__sidebar {
    padding:15px
  }
}
#userpanel .userpanel__sidebar ul {
  padding:10px 20px
}
#userpanel .userpanel__sidebar ul li a {
  color:#000;
  font-size:14px;
  display:block;
  border-radius:10px;
  padding:13px 20px;
  margin-bottom:5px;
  position:relative;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
@media only screen and (max-width:991px) {
  #userpanel .userpanel__sidebar ul li a {
    font-size:13px;
    padding:10px
  }
}
@media only screen and (max-width:1199px) {
  #userpanel .userpanel__sidebar ul li a {
    padding-top:12px;
    padding-bottom:12px
  }
}
#userpanel .userpanel__sidebar ul li a img {
  margin-left:10px
}
#userpanel .userpanel__sidebar ul li a:after {
  position:absolute;
  left:20px;
  top:50%;
  content:'\f2fa';
  color:#586db4;
  opacity:0;
  font-size:21px;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
#userpanel .userpanel__sidebar ul li.active a,
#userpanel .userpanel__sidebar ul li:hover a {
  background-color:#f7f7f7;
  color:#586db4
}
#userpanel .userpanel__sidebar ul li.active a:after,
#userpanel .userpanel__sidebar ul li:hover a:after {
  opacity:1
}
#userpanel .userpanel__sidebar .userpanelItem {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding-bottom:0
}
#userpanel .userpanel__sidebar .userpanelItem__password {
  font-size:14px;
  color:#000
}
#userpanel .userpanel__sidebar .userpanelItem__password i {
  vertical-align:middle;
  width:30px;
  height:30px;
  background-color:#586db4;
  border-radius:50%;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-left:5px
}
#userpanel .userpanel__sidebar .userpanelItem__exit {
  font-size:14px;
  color:#000
}
#userpanel .userpanel__sidebar .userpanelItem__exit i {
  vertical-align:middle;
  width:30px;
  height:30px;
  background-color:#586db4;
  border-radius:50%;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-left:5px
}
#userpanel .userpanel__content {
  padding-right:20px;
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(100% - 313px);
  flex:0 0 calc(100% - 313px);
  max-width:calc(100% - 313px)
}
@media only screen and (max-width:1199px) {
  #userpanel .userpanel__content {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(100% - 274px);
    flex:0 0 calc(100% - 274px);
    max-width:calc(100% - 274px)
  }
}
#userpanel .userpanel__content .rowGrid {
  margin:-10px
}
@media only screen and (max-width:767px) {
  #userpanel .userpanel__content .rowGrid .colGrid2 {
    -ms-flex:1 0 100%;
    -webkit-box-flex:1;
    flex:1 0 100%;
    max-width:100%
  }
}
@media only screen and (max-width:991px) {
  #userpanel .userpanel__content {
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
    padding-right:0
  }
}
.userpanel {
  overflow:visible
}
@media only screen and (max-width:767px) {
  .userpanel {
    padding-bottom:20px
  }
}
.userpanelHead {
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  min-height:108px;
  padding-bottom:0;
  background-image:url(../../img/bg-user.jpg)
}
.userpanelHead img {
  margin-right:10px;
  margin-left:20px
}
.userpanelHead h2 {
  line-height:25px;
  font-size:12px;
  font-weight:400;
  color:#fff
}
.userpanelHead h2 b {
  color:#fff;
  margin-bottom:5px;
  font-size:16px;
  font-weight:700;
  display:block
}
@media only screen and (max-width:1199px) {
  .userpanelHead h2 b {
    font-size:16px
  }
}
@media only screen and (max-width:1199px) {
  .userpanelHead h2 {
    font-size:13px
  }
}
.userpanel_box {
  padding:30px;
  padding-top:25px;
  background-color:#fff;
  border:1px solid #d9d9d9;
  border-radius:20px;
  margin-bottom:20px
}
@media only screen and (max-width:991px) {
  .userpanel_box {
    min-height:unset
  }
}
@media only screen and (max-width:767px) {
  .userpanel_box {
    padding:20px 10px 10px
  }
}
.userpanel_box h2 {
  font-weight:700;
  margin-top:5px;
  margin-bottom:20px;
  font-size:16px;
  font-weight:700;
  position:relative;
  z-index:1
}
.userpanel_box h2 i {
  position:relative;
  top:-2px;
  font-size:21px;
  display:inline-block;
  vertical-align:middle;
  margin-left:1px
}
@media only screen and (max-width:767px) {
  .userpanel_box h2 {
    font-size:15px
  }
}
.userpanel_box .userpanel_box__in--btn {
  margin-top:30px;
  text-align:center
}
.userpanel_box .information_edit {
  display:inline-block;
  width:160px;
  padding:0;
  font-size:14px;
  border:1px solid #586db4;
  background-color:#fff;
  color:#586db4
}
.userpanel_box .information_edit:hover {
  background-color:#586db4;
  color:#fff
}
@media only screen and (max-width:767px) {
  .userpanel_box .information_edit {
    margin-right:0;
    margin-left:0;
    margin-bottom:10px;
    display:block;
    width:100%
  }
}
.userpanel_box .change_password {
  width:100px;
  padding:0;
  font-size:14px;
  display:inline-block;
  background-color:#fff;
  border:1px solid #e5e5e5;
  color:#999;
  margin-left:5px
}
.userpanel_box .change_password:hover {
  background-color:#e5e5e5;
  color:#999
}
@media only screen and (max-width:767px) {
  .userpanel_box .change_password {
    margin-right:0;
    margin-left:0;
    margin-bottom:10px;
    display:block;
    width:100%
  }
}
.userpanel_box__in {
  width:100%;
  clear:both;
  overflow:hidden
}
.userpanel_box__in .basketBoxAddress>.row>div:last-child {
  margin-bottom:0
}
.userpanel_box__in .comments .comment:last-child {
  margin-bottom:0
}
@media only screen and (max-width:991px) {
  .userpanel_box_dashboard {
    margin-bottom:20px
  }
}
.userpanel_box_dashboard ul li {
  color:#666;
  font-size:14px;
  padding:12.5px 10px;
  overflow:hidden;
  border-bottom:solid 1px #d9d9d9
}
@media only screen and (max-width:1199px) {
  .userpanel_box_dashboard ul li {
    font-size:13px
  }
}
.userpanel_box_dashboard ul li:nth-child(2n+1) {
  background-color:#f7f7f7
}
.userpanel_box_dashboard ul li:first-child {
  border-top:solid 1px #d9d9d9
}
.userpanel_box_dashboard ul li span {
  float:left
}
.userpanel_box_dashboard ul li a {
  color:#666
}
.userpanelSlider .generalSliderWrapper {
  padding-top:0
}
.userPanelInfo {
  padding:30px;
  border-radius:10px;
  border:1px solid #586db4;
  margin-top:10px;
  margin-bottom:10px
}
.userPanelInfo__header {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  margin-bottom:5px
}
@media only screen and (max-width:767px) {
  .userPanelInfo__header {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
}
.userPanelInfo__header--title {
  font-weight:700;
  font-size:18px;
  color:#000
}
.userPanelInfo__header--btn {
  width:150px;
  height:50px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:14px;
  border-radius:10px;
  background-color:#586db4;
  color:#fff
}
@media only screen and (max-width:767px) {
  .userPanelInfo__header--btn {
    width:100px
  }
}
.userPanelInfo__header--btn svg {
  margin-left:10px;
  vertical-align:middle
}
.userPanelInfo__header--btn:hover {
  background-color:#ee377c
}
.userPanelInfo__body {
  -webkit-column-count:3;
  -moz-column-count:3;
  column-count:3
}
@media only screen and (max-width:991px) {
  .userPanelInfo__body {
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2
  }
}
@media only screen and (max-width:767px) {
  .userPanelInfo__body {
    -webkit-column-count:1;
    -moz-column-count:1;
    column-count:1
  }
}
.userPanelInfo__body li {
  font-size:14px;
  color:#999;
  margin-top:10px;
  margin-bottom:10px
}
.userPanelInfo__body li span {
  font-size:14px;
  color:#000;
  display:block;
  margin-top:10px
}
.userBoxWrapper {
  padding-top:10px
}
@media only screen and (max-width:991px) {
  .userBoxWrapper .colGrid3 {
    -webkit-box-flex:1;
    -ms-flex:1 0 50%;
    flex:1 0 50%;
    max-width:50%
  }
}
.userBoxWrapper .userBox {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  border:1px solid #586db4;
  height:230px;
  border-radius:10px
}
@media only screen and (max-width:767px) {
  .userBoxWrapper .userBox {
    height:170px
  }
}
.userBoxWrapper .userBox img {
  border-radius:10px
}
@media only screen and (max-width:767px) {
  .userBoxWrapper .userBox img {
    max-width:80px
  }
}
.userBoxWrapper .userBox__title {
  font-weight:700;
  font-size:18px;
  display:block;
  text-align:center;
  margin-top:20px;
  color:#000;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
@media only screen and (max-width:767px) {
  .userBoxWrapper .userBox__title {
    font-size:16px;
    margin-top:10px
  }
}
.userBoxWrapper .userBox__btn {
  color:#000;
  margin-top:30px;
  text-align:center;
  font-size:14px;
  display:block;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
@media only screen and (max-width:767px) {
  .userBoxWrapper .userBox__btn {
    margin-top:10px
  }
}
.userBoxWrapper .userBox:hover {
  background-color:rgba(88,109,180,.1)
}
#footer {
  background-color:#586db4;
  padding-top:40px
}
@media only screen and (max-width:991px) {
  #footer {
    padding-top:20px
  }
}
.footerLinks__titles {
  font-size:14px;
  font-weight:700;
  color:#fff;
  margin-bottom:14px
}
.footerLinks ul li a {
  display:block;
  font-size:12px;
  font-weight:400;
  color:#fff;
  line-height:30px;
  -webkit-transition:all .3s ease;
  transition:all .3s ease
}
.footerLinks ul li a:hover {
  color:#ee377c
}
.footer__newsletter {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
}
.footer__newsletter--box {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  height:60px;
  border-radius:10px;
  border:1px solid #d9d9d9;
  width:260px;
  margin-bottom:17px;
  background:-webkit-gradient(linear,left top,right top,from(#586db4),to(#465382));
  background:linear-gradient(to right,#586db4 0,#465382 100%);
  margin-top:20px;
  margin-left:auto
}
.footer__newsletter--box span {
  font-size:12px;
  font-weight:700;
  color:#fff
}
.footer__newsletter--box a {
  display:inline-block;
  margin:0 10px;
  font-size:14px;
  font-weight:700;
  color:#fff;
  direction:ltr
}
.footer__newsletter--box svg {
  fill:#fff
}
@media only screen and (max-width:991px) {
  .footer__newsletter--box {
    margin-top:20px
  }
}
@media only screen and (max-width:767px) {
  .footer__newsletter--box {
    margin-right:auto
  }
}
.footer__newsletter--namads {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  background-color:#fff;
  min-height:122px;
  width:259px;
  border-radius:10px;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:0 30px;
  margin-right:auto;
  margin-left:auto
}
.footer__newsletter--title {
  font-size:14px;
  font-weight:700;
  color:#fff;
  margin-bottom:14px
}
.footer__logo {
  display:block
}
@media only screen and (max-width:767px) {
  .footer__logo {
    margin-bottom:20px;
    text-align:center
  }
  .footer__logo img {
    width:114px
  }
}
.copyright {
  margin-top:35px
}
@media only screen and (max-width:767px) {
  .copyright {
    margin-top:20px
  }
}
.copyright .copyright__inner {
  border-top:1px solid #d9d9d9;
  padding-top:20px;
  padding-bottom:20px
}
@media only screen and (max-width:767px) {
  .copyright .copyright__inner {
    padding-top:10px;
    padding-bottom:10px
  }
}
.copyright #copyright {
  float:left;
  font-size:12px;
  direction:ltr;
  line-height:30px;
  font-family:Tahoma
}
.copyright #copyright a:hover {
  color:#ee377c
}
@media only screen and (max-width:767px) {
  .copyright #copyright {
    padding-bottom:10px;
    text-align:center;
    width:100%;
    line-height:1.5
  }
}
.copyright #ham3d {
  border-radius:4px;
  width:30px;
  height:30px;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  position:relative;
  z-index:1;
  float:right;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.copyright #ham3d .ham3d {
  display:inline-block;
  line-height:30px
}
.copyright #ham3d p {
  position:absolute;
  right:2px;
  top:0;
  padding-right:28px;
  border-radius:4px;
  font-size:12px;
  width:0;
  line-height:30px;
  overflow:hidden;
  text-align:right;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  height:30px
}
@media only screen and (max-width:767px) {
  .copyright #ham3d p {
    display:none
  }
}
.copyright #ham3d a {
  position:relative;
  z-index:1
}
.copyright #ham3d a:hover {
  color:#ee377c
}
.copyright #ham3d:hover p {
  width:260px
}
@media only screen and (max-width:767px) {
  .copyright #ham3d {
    float:none;
    display:block;
    margin-left:auto;
    margin-right:auto
  }
}
.searchOverlay {
  width:100%;
  position:fixed;
  height:100%;
  background-color:rgba(0,0,0,.5);
  top:0;
  bottom:0;
  left:0;
  right:0;
  display:none;
  z-index:2
}
.header-active {
  z-index:3;
  background-color:#fff
}
.newsletterFormGroup {
  position:relative
}
.newsletterFormGroup__btn {
  position:absolute;
  left:5px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.newsletterFormGroup__inp {
  border-radius:10px
}
.newsletterbtn {
  min-width:90px;
  height:45px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  border-radius:10px;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background-color:#586db4;
  position:relative;
  -webkit-transition:all .3s ease;
  transition:all .3s ease
}
.newsletterbtn::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  width:100%;
  height:25px;
  background:-webkit-gradient(linear,left top,left bottom,from(rgba(70,83,130,0)),to(#465382));
  background:linear-gradient(to bottom,rgba(70,83,130,0) 0,#465382 100%);
  display:inline-block;
  bottom:0;
  -webkit-transition:all .3s ease;
  transition:all .3s ease
}
.newsletterbtn:hover::after {
  display:none
}
.slick-arrow:hover {
  background-color:#586db4;
  -webkit-box-shadow:none;
  box-shadow:none
}
.slick-arrow:hover::after {
  color:#fff
}
.slick-arrow:hover svg {
  fill:#fff
}
.searchInModal {
  width:100%;
  max-width:580px;
  margin-left:auto;
  margin-right:auto;
  position:relative
}
.searchInModal .search_inp {
  height:65px;
  padding-right:0;
  padding-left:40px;
  color:#fff;
  font-size:18px;
  width:100%;
  display:block;
  border:none;
  border-bottom-width:medium;
  border-bottom-style:none;
  border-bottom-color:currentcolor;
  border-bottom:1px solid #fff;
  border-radius:0;
  background-color:transparent
}
.searchInModal .search_btn {
  text-align:center;
  border:none;
  height:65px;
  width:35px;
  position:absolute;
  left:0;
  top:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  border-radius:0;
  padding:0
}
.basketBtn {
  background:-webkit-gradient(linear,left top,right bottom,from(#586db4),to(#465382));
  background:linear-gradient(to right bottom,#586db4 0,#465382 100%);
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
  background-color:transparent
}
.basketBtn:hover {
  background:-webkit-gradient(linear,left top,right bottom,from(#ee377c),to(#ee377c));
  background:linear-gradient(to right bottom,#ee377c 0,#ee377c 100%);
  background-color:#ee377c
}
@media only screen and (max-width:767px) {
  .toggleMenu i {
    display:none
  }
}
@media only screen and (max-width:767px) {
  .toggleMenu {
    margin-right:0
  }
}
@media only screen and (max-width:767px) {
  .btn {
    width:auto;
    font-size:12px
  }
}
.headerTitle {
  font-size:24px;
  font-weight:700;
  margin-bottom:15px
}
@media only screen and (max-width:991px) {
  .headerTitle {
    font-size:20px
  }
}
@media only screen and (max-width:767px) {
  .headerTitle {
    margin-bottom:10px;
    font-size:18px
  }
}

/* ==========================================================================
   فونت سراسری سایت (Vazirmatn) - در functions.php با helma_jean_fonts() لود می‌شود
   ========================================================================== */
body,
input,
textarea,
select,
button {
  font-family: "Vazirmatn", Tahoma, sans-serif;
}

/* ==========================================================================
   اسلایدر بنر اصلی صفحه نخست (Hero Slider)
   ========================================================================== */
.heroSliderWrap {
  margin-top: 20px;
}
.heroSlider {
  border-radius: 16px;
  overflow: hidden;
}
.heroSlider .slick-list,
.heroSlider .slick-track {
  border-radius: 16px;
}
/* تا وقتی جاوااسکریپت Slick اجرا نشده، فقط اسلاید اول به‌صورت کامل نمایش داده شود
   تا به‌جای «خط‌شدن»/چسبیدن همه اسلایدها به هم، یک بنر تمام‌عرض ساده دیده شود */
.heroSlider:not(.slick-initialized) {
  display: block;
}
.heroSlider:not(.slick-initialized) .heroSlide {
  display: none;
}
.heroSlider:not(.slick-initialized) .heroSlide:first-child {
  display: flex;
}
.heroSlide {
  position: relative;
  width: 100%;
  height: 460px;
  display: flex;
  align-items: center;
  background-color: #b08d57;
  background-image: linear-gradient(135deg, #b08d57 0%, #8f6f42 100%);
  background-size: cover;
  background-position: center;
  overflow: hidden;
  box-sizing: border-box;
}
.heroSlider .slick-track {
  display: flex;
}
.heroSlider .slick-slide {
  height: auto;
}
.heroSlider .slick-slide > div {
  height: 100%;
}
.heroSlide__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.15) 55%, rgba(0,0,0,0) 100%);
}
.heroSlide__content {
  position: relative;
  z-index: 2;
  max-width: 520px;
  padding: 0 60px;
  color: #fff;
  text-align: right;
}
.heroSlide__title {
  font-size: 34px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 15px;
  line-height: 1.4;
}
.heroSlide__subtitle {
  font-size: 16px;
  color: #f1f1f1;
  margin: 0 0 25px;
  line-height: 1.9;
}
.heroSlide__btn {
  display: inline-block;
  background: #fff;
  color: #2b2b2b;
  padding: 12px 30px;
  border-radius: 30px;
  font-size: 15px;
  font-weight: 600;
  transition: all .25s ease-in-out;
}
.heroSlide__btn:hover {
  background: #2b2b2b;
  color: #fff;
}
.heroSlider .slick-dots {
  bottom: 18px;
}
.heroSlider .slick-dots li button:before {
  font-size: 10px;
  color: #fff;
  opacity: .6;
}
.heroSlider .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #fff;
}
.heroSlider .slick-prev,
.heroSlider .slick-next {
  z-index: 3;
  width: 42px;
  height: 42px;
  background: rgba(255,255,255,.85);
  border-radius: 50%;
}
.heroSlider .slick-prev:before,
.heroSlider .slick-next:before {
  color: #2b2b2b;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .heroSlide {
    height: 320px;
  }
  .heroSlide__content {
    padding: 0 25px;
    max-width: 100%;
  }
  .heroSlide__title {
    font-size: 24px;
  }
  .heroSlide__subtitle {
    font-size: 14px;
    margin-bottom: 18px;
  }
}

/* تاریخ شمسی نوشته‌های وبلاگ */
.blogItem__content--date {
  font-size: 13px;
  color: #999;
  margin: 4px 0 8px;
}

/* ===== صاف کردن کامل تمام لایه‌های اسلایدر ===== */
.heroSliderWrap,
.heroSlider,
.heroSlider .slick-slider,
.heroSlider .slick-list,
.heroSlider .slick-track,
.heroSlider .slick-slide,
.heroSlider .slick-slide > div,
.heroSlide,
.heroSlide a,
.heroSlide picture,
.heroSlide img {
    border-radius: 0 !important;
}
/* قاب اصلی */
.heroSliderWrap,
.heroSlider,
.heroSlider .slick-list {
    overflow: hidden !important;
}
/* تصویر بدون هیچ گوشه گرد */
.heroSlide img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 0 !important;
}

/* ===== باکس ورود/عضویت با هاور روی «حساب کاربری» ===== */
.header__detail--account {
  position: relative;
}
.accountQuickDrop {
  position: fixed;
  top: 0;
  left: 0;
  transform: translateY(8px);
  width: 230px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 16px 40px rgba(0,0,0,.18);
  padding: 20px 18px;
  text-align: center;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.accountQuickDrop:before {
  content: "";
  position: absolute;
  top: -7px;
  left: var(--arrow-left, 50%);
  transform: translateX(-50%) rotate(45deg);
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 3px 0 0 0;
}
.accountQuickDrop.isOpen {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.accountQuickDrop__text {
  margin: 0 0 14px;
  font-size: 13px;
  line-height: 1.9;
  color: #2b2b2b;
  text-align: center;
}
.accountQuickDrop__btn {
  display: block;
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  transition: all .25s ease;
}
.accountQuickDrop__btn--login {
  background: #fff;
  border: 1px solid #586db4;
  color: #586db4;
  margin-bottom: 10px;
}
.accountQuickDrop__btn--login:hover {
  background: #586db4;
  color: #fff;
}
.accountQuickDrop__btn--register {
  background: #586db4;
  border: 1px solid #586db4;
  color: #fff;
}
.accountQuickDrop__btn--register:hover {
  background: #43539a;
  border-color: #43539a;
}
@media only screen and (max-width: 991px) {
  .accountQuickDrop {
    width: 210px;
  }
}

/* =====================================================================
   اصلاح یکسان‌سازی تصاویر کارت محصولات
   - جدیدترین محصولات
   - پرفروش‌ترین‌ها
   - پیشنهادهای شگفت‌انگیز
   - نتایج جستجو و لیست محصولات
   بدون کشیده یا دفرمه شدن تصویر
   ===================================================================== */
.products__image--pic {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: 10px;
}

.products__image--pic img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center center;
}

/* بخش پیشنهاد شگفت‌انگیز کمی کوتاه‌تر شود */
.amazingOffer--full .products__image--pic {
  aspect-ratio: 8 / 9;
}

.amazingOffer--full .products__image--pic img {
  height: 100% !important;
}

/* فاصله و ارتفاع کلی پیشنهاد شگفت‌انگیز کمی جمع‌وجورتر */
.amazingOffer--full {
  padding-top: 24px;
  padding-bottom: 24px;
}

@media only screen and (max-width: 767px) {
  .products__image--pic {
    aspect-ratio: 4 / 5;
  }

  .amazingOffer--full {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .amazingOffer--full .products__image--pic {
    aspect-ratio: 4 / 4.5;
  }
}