.container { width: 1170px; padding-left: 20px; padding-right: 20px; }
.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, a:after,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.products-list .prod-item
{
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}
.form-control { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.form-control:focus { text-indent: none !important; border: 1px solid #aaa; -webkit-box-shadow: rgba(0,0,0,0.3) 0px 0 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 0 3px; box-shadow: rgba(0,0,0,0.3) 0px 0 3px; }
.form-control::-webkit-input-placeholder { /* Chrome */ color: black; }
.form-control:-ms-input-placeholder { /* IE 10+ */ color: black; }
.form-control::-moz-placeholder { /* Firefox 19+ */ color: black; opacity: 1; }
.form-control:-moz-placeholder { /* Firefox 4 - 18 */ color: black; opacity: 1; }

*::-moz-selection { background-color: #ff8c00; color: #fff; }


body { background: #f7f1ee url(../images/bg.png); color: #293340; font-family: 'Open Sans',Arial,Helvetica,sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; }
a, a:visited { color: #ef8300; text-decoration: none; }
a:hover, a:focus { color: #ff8c00; text-decoration: none;  }
.clear { clear: both; height: 0; line-height: 0; display: block; }
p { line-height: 1.4; margin-bottom: 15px; }
.bordered { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.label { display: inline-block; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

h1 { font-size: 36px; font-weight: 600; letter-spacing: -1px; line-height: 1.4; color: #293340; margin: 10px 0; }
h2, h3 { font-size: 26px; font-weight: 600; line-height: 1.4; color: #293340; margin: 0 0 20px; }
h2.small, h3.small { font-size: 20px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; font-weight: 600; color: #293340; margin: 0 0 15px 0; }
h5 { font-size: 14px; font-weight: 600; color: #293340; margin: 0 0 15px 0; }
hr { margin: 15px 0 25px; height: 0px; display: block; clear: both; border: none; border-bottom: 1px solid #e0e0e0; }

.pt-none { padding-top: 0px !important; }
.pb-none { padding-bottom: 0px !important; }
.mt-none { margin-top: 0px !important; }
.mb-none { margin-bottom: 0px !important; }

.row.wide { margin: 0 -20px; }

/*** btn ***/
.btn { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.btn-primary, .btn-primary:visited { border: none; background: #ff8c00; color: #fff; }
.btn-primary:hover, .btn-primary:focus { background: #ff8017; }
.btn-primary:active, .btn-primary.clicked { background: #293340; }
.btn-lg { padding: 18px 30px; }

.btn-info, .btn-info:visited { border: none; background: #673899; color: #fff; }
.btn-info:hover, .btn-info:focus { background: #7946af; }
.btn-info:active, .btn-info.clicked { background: #293340 !important; }

.link-info, .link-info:visited { color: #673899; }
.link-info:hover, .link-info:focus { color: #7946af; }

.btn-default, .btn-default:visited { color: #293340; }
.btn-default:hover, .btn-default:focus { background: #e2e2e2; }
.btn-default:active, .btn-default.clicked { background: #293340; color: #fff; }


.checkbox-warning input[type="checkbox"]:checked + label:before, .checkbox-warning input[type="radio"]:checked + label:before { background-color: #ff8c00; border-color: #ff8c00; }
.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before { background-color: #673899; border-color: #673899; }

#home label { margin-bottom: 10px; color: #293340; font-size: 16px; }


/*** header **********************/
#header { }

/*** header-top ***/
#header-top { background: #293340; height: 40px; color: #d97700; line-height: 40px; }
#header-top .separator { display: inline-block; width: 20px; }
#header-top a, #header-top a:visited { line-height: 40px; color: #d97700; }
#header-top a:hover, #header-top a:focus { color: #fff; }
#hdr-links { float: left; padding-right: 50px; }
#hdr-phones { float: left; width: 50%; font-size: 16px; font-weight: 600; text-align: center; }
#hdr-actions { float: right; }
#header-top .dropdown-menu a, #header-top .dropdown-menu a:visited { line-height: 1.4; }

/*** langs ***/
#hdr-langs { float: right; }
#lang-trigger { line-height: 40px; height: 40px; display: block; padding-left: 30px; }
.lang-ru #lang-trigger { background: url(../images/lang-ru.png) no-repeat 0 center / 23px auto; }
.lang-en #lang-trigger { background: url(../images/lang-en.png) no-repeat 0 center / 23px auto; }
.lang-ua #lang-trigger { background: url(../images/lang-ua.png) no-repeat 0 center / 23px auto; }

#hdr-langs .dropdown-menu { top: auto; min-width: 75px; background: #293340; border-top: 1px solid #4a586a; left: -15px; z-index: 1001; }
#hdr-langs .dropdown-menu li a { text-indent: -9999px; outline: none; line-height: 25px; }
#hdr-langs .dropdown-menu li a em { color: #4a586a; opacity: 1; text-indent: 0; }
#hdr-langs .lang-ru { background: url(../images/lang-ru.png) no-repeat 15px center / 23px auto; }
#hdr-langs .lang-ua { background: url(../images/lang-ua.png) no-repeat 15px center / 23px auto; }
#hdr-langs .lang-en { background: url(../images/lang-en.png) no-repeat 15px center / 23px auto; }
#header-top .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: transparent !important; }

/*** link2account ***/
a#link2account, a#link2account:visited { float: right; background: #606f81; color: #fff; padding: 0 15px; margin-left: 5px; }
#link2account:before { content: "\f007"; font-weight: 300; font-size: 16px; font-family: 'Font Awesome 5 Pro'; display: inline-block; margin-right: 4px; position: relative; top: 0; width: 16px; line-height: 1; }
a#link2logout { float: right; background: rgba(255,255,255,0.1); color: #fff; font-size: 18px; padding: 0 12px; margin-left: 1px; }
a#link2account:hover, a#link2account:focus, a#link2logout:hover, a#link2logout:focus { background: #ccc; color: #293340; }
#link2account:hover:before, #link2account:focus:before { font-weight: 900; }

/*** trigger ***/
.trigger .dropdown-toggle em { font-size: 17px; position: relative; top: 1px; }
.trigger .dropdown-toggle .fa-angle-down, .trigger.open .dropdown-toggle .fa-angle-up { display: inline-block; }
.trigger .dropdown-toggle .fa-angle-up, .trigger.open .dropdown-toggle .fa-angle-down { display: none; }
.dropdown-selector { position: relative; }
.dropdown-toggle ul li a.active, .dropdown-menu .active a { background-color: #ebebeb; cursor: default; }


.dropdown-menu { margin: 0; border: none; z-index: 1000; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 5px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 5px; box-shadow: rgba(0,0,0,0.3) 0px 1px 5px; }
.dropdown-menu > li > a, .dropdown-menu > li > a:visited { color: #293340 !important; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #fef0e5 !important; }
.dropdown-menu li a { position: relative; }
.dropdown-menu li a em { display: none; position: absolute; top: 20%; right: 15px; color: #000; opacity: 0.5; }
.dropdown-menu li a.active em { display: inline-block; }

/*** header-dropdown for triggers ***/
.header-dropdown { padding: 20px 0; display: none; position: relative; clear: both; width: 100%; border-bottom: 1px solid #d8d7d7; }
.dropdown-close { color: #293340; position: absolute; top: 0; right: 0; padding: 2px 5px; line-height: 1; opacity: 0.5; }
.dropdown-close:hover, .dropdown-close:focus { color: #fff; background: #293340; opacity: 1; }

/*** fav ***/
#fav-trigger { float: right; display: block; padding: 0 10px; line-height: 40px; margin-left: 5px; font-size: 17px; }
#header-fav { background: #f7f1ee; }



/*** header-main ***/
#header-main { padding: 30px 0 15px; background: #fff; }
#header-logo { float: left; width: 300px; }
#menu-trigger { display: none; position: absolute; top: 0; left: 0; width: 60px; height: 60px; text-align: center; }
#menu-trigger em { font-size: 30px; display: block; line-height: 60px; }
#menu-trigger:hover, #menu-trigger:focus { color: #293340; }


/*** search ***/
#search-wrapper { float: right; width: 60%; padding-top: 10px; }
#search-form { padding: 0; margin: 0; }
#search-form .form-fieds { float: left; width: 90%; background: #dee1e6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#search-form .form-fieds:after { content:""; display: block; clear: both; }
#search-form input, #search-form .bootstrap-select > .dropdown-toggle { font-size: 16px; height: 44px; border: none; text-indent: none; background: transparent;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#search-form input { border-right: 1px solid #c6c8cd; }
#search-form .form-group { float: left; width: 63%; margin: 0; padding: 0; }
#search-form .form-group + .form-group { width: 37%; }
#search-form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; }
#search-form .bootstrap-select .bs-caret:before { left: -5px; font-size: 22px; top: -3px; }
#search-form .form-submit { float: right; width: 10%; }
#search-form .form-submit .btn-submit { font-size: 28px; color: #ff8c00; border: none; background: transparent; height: 44px; width: 100%; }
#search-form .form-submit .btn-submit em { display: block; height: 44px; line-height: 44px; }

#search-wrapper #search-trigger { display: none; font-size: 30px; color: #ff8c00; float: right; margin-right: 15px; height: 60px; line-height: 55px; }
#search-close, #fav-close { font-size: 22px; }
#header-search { background: #fff; padding: 25px 0 25px; border-top: 1px solid #ccc; }

/*** top-card ***/
a.top-card, a.top-card:visited { float: right; width: 80px; position: relative; color: #b09fc3; top: -10px; }
a.top-card:hover, a.top-card:focus { color: #b09fc3; }
a.top-card.full, a.top-card.full:visited, a.top-card.full:hover, a.top-card.full:focus { color: #673899; }
.top-card:before { content:"\f07a"; font-size: 70px; line-height: 75px; font-family: 'Font Awesome 5 Pro'; font-weight: 300; }
.top-card .qty { color: #b09fc3; font-size: 22px; font-weight: 600; position: absolute; top: 14px; left: 10px; width: 90%; text-align: center; }

/*** M E N U : main-nav **********/
#main-nav { background: #ff8c00; height: 60px; z-index: 10000; -webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 5px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 5px; box-shadow: rgba(0,0,0,0.3) 0px 1px 5px; }
#main-nav .nav { margin-left: -20px; }
#main-nav .nav li { }
#main-nav .nav li a, #main-nav .nav li a:visited { color: #fff; font-size: 19px; line-height: 60px; padding: 0 20px; font-weight: 600; text-shadow: rgba(195,107,0,0.75) 0 1px 3px; }
#main-nav .nav li a:hover, #main-nav .nav li a:focus, #main-nav .nav .open > a, #main-nav .nav .open > a:focus, #main-nav .nav .open > a:hover { background: #f08400; }
#main-nav .trigger .dropdown-toggle .fa { top: 0px; }

/*** 2nd level ***/
#main-nav .nav li ul { border-left: 3px solid #ff8c00; z-index: 2000; }
#main-nav .nav li ul li { position: relative; display: block; }
#main-nav .nav li ul li a, #main-nav .nav li ul li a:visited { line-height: 22px; font-size: 15px; padding: 5px 40px 5px 15px; position: relative; text-shadow: none; font-weight: normal; }
#main-nav .nav li ul li.dropdown-submenu a:after { font-size: 20px; position: absolute; top: 4px; right: 10px; opacity: 0.4; content:"\f105"; font-family: 'Font Awesome 5 Pro'; }
#main-nav .nav li ul li a:hover:after, #main-nav .nav li ul li a:focus:after { opacity: 1; }
#main-nav .nav li.nav-more { display: none; }
.dropdown-submenu:hover > a { background: #fef0e5; }
.dropdown-submenu:hover > a:after { opacity: 1 !important; }

/** 3rd level ***/
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -5px; margin-left: -1px; }
.dropdown-submenu:hover>.dropdown-menu { display: block; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; }
#main-nav .nav li ul li.dropdown-submenu ul li a:after { display: none; }


/* affix */
#main-nav.affix { position: fixed !important; width: 100%; top: 0; }



/*** CONTENT *********************************************************/
#contents { padding: 0 0 30px; clear: both; }

/*** page-title ***/
#pagetitle { padding: 15px 0; margin-bottom: 30px; background: #fff url(../images/pagetitle-default.jpg) no-repeat 100% 0 / auto 100%; z-index: 1; -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 2px; box-shadow: rgba(0,0,0,0.2) 0px 1px 2px; }
#pagetitle.pagetitle-default { background-image: url(../images/pagetitle-default.jpg); }
#pagetitle.pagetitle-checkout { background-image: url(../images/pagetitle-checkout.jpg); }
#pagetitle.pagetitle-contacts { background-image: url(../images/pagetitle-contact.jpg); }
#pagetitle.pagetitle-masterclass { background-image: url(../images/pagetitle-masterclass.jpg); }
#pagetitle.pagetitle-category { background-image: url(../images/pagetitle-category-01.jpg); }
#pagetitle.pagetitle-category-2 { background-image: url(../images/pagetitle-category-02.jpg); }
#pagetitle h1, #pagetitle h2 { font-size: 36px; margin: 10px 0; letter-spacing: -1px; text-shadow: rgba(255,255,255,0.8) 1px 1px 1px; }

/*** breadcrumb ******************/
#breadcrumb { font-size: 13px; padding: 0; }
#breadcrumb a:after { padding: 0 3px 0 7px; content:"\f054"; font-family: 'Font Awesome 5 Pro'; display: inline-block; font-size: 10px; }



/*** bootstrap-select ***/
.bootstrap-select .dropdown-toggle:focus { outline: none !important; }
.bootstrap-select .dropdown-toggle { background: #ebeef2; }
.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default { background: #dee1e6; }
.bootstrap-select .dropdown-header { font-weight: bold; color: #293340; font-size: 14px; padding: 15px 28px 5px; }
.bootstrap-select .divider { display: none; }
.bootstrap-select li a { padding: 3px 15px; }
.bootstrap-select li a:focus { outline: none; }
.bootstrap-select li.selected a, .bootstrap-select li.selected a:visited, .bootstrap-select li.selected a:hover, .bootstrap-select li.selected a:focus { position: relative; background: #ebebeb; }
.bootstrap-select li.selected a:after { display: block; content:"\f00c"; font-family: 'Font Awesome 5 Pro'; position: absolute; top: 3px; right: 15px; color: #293340; opacity: 0.5; }

.bootstrap-select .caret { display: none; }
.bootstrap-select .bs-caret { position: relative; }
.bootstrap-select .bs-caret:before { display: inline-block; content:"\f107"; font-family: 'Font Awesome 5 Pro'; position: absolute; left: 0; top: -2px; font-size: 18px; color: #293340; }

/*** carousel ***/
.owl-carousel, .products-carousel { opacity: 0; }
.owl-loaded { opacity: 1;
	transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
}
/*.owl-carousel .owl-nav.disabled { display: block; }*/
.owl-nav { position: absolute; top: 0; left: 0; width: 100%; }
.owl-prev, .owl-next { position: absolute; top: 200px; left: -35px; width: 35px; overflow: hidden; }
.owl-next { left: auto; right: -35px; }
.owl-nav a { display: block; width: 70px; height: 70px; line-height: 67px; font-size: 40px; color: #fff; background: #b09ec2; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; }
.owl-next a { left: -35px; position: relative; padding-right: 10px; }
.owl-prev a { padding-left: 10px; }
.owl-nav a span { display: block; }
.owl-nav .owl-next a { text-align: right; }
.owl-nav a:hover, .owl-carousel .owl-nav a:focus { background: #673899; }
.owl-nav a:active { background: #293340; }
.owl-prev a:active { padding-left: 8px; }
.owl-next a:active { padding-right: 8px; }

.masterclasses-list .owl-prev, .masterclasses-list .owl-next { top: 150px; }

.owl-loading { opacity: 0; }
.owl-loaded { opacity: 1; }

.owl-dots { position: absolute; bottom: 20px; left: 30px; }
.owl-dot { display: inline-block; width: 10px; height: 10px; background: white; opacity: 0.6; margin: 0 4px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.owl-dot.active { opacity: 1; }


/*** section ***/
.section { margin: 0 -20px 20px; }
.section-hdr { overflow: hidden; display: table; width: 100%; padding: 20px 0 20px; }
.section-hdr h1, .section-hdr h2, .section-hdr h3 { font-size: 30px; margin: 0; }
.section-hdr:before, .section-hdr:after { width: 50%; height: 2px; line-height: 1; content:""; display: table-cell; background: url(../images/line.png) repeat-x center 55%; }
.section-hdr h2 { white-space: nowrap; text-align: center; display: table-cell; padding: 0 15px; }
.section-hdr h2 a { color: #7946af; }
.section-cnt { background: #fff; padding: 20px 20px; }

.section-cnt.wo-bg { background: 0; padding: 10px 0; }

.copy {}
.copy ul, .copy ol { margin-bottom: 15px; }
.copy ul li, .copy ol li { margin-bottom: 10px; }

/*** HOME ******************************************************/
#mainbanner { margin: 30px 0 10px; }

.owl-item { float: left; }
/*** products-carousel ***/
.products-list { position: relative; margin-bottom: 10px; }
.products-list:after { content:""; clear: both; display: block; }
.prod-item { background: #fff; padding: 20px 20px 80px; position: relative; border-bottom: 3px solid #fff; position: relative; }
.cells-list .prod-item { padding-bottom: 10px; }
.masterclass-item { padding-bottom: 65px; }
.prod-item .prod-link { display: table; width: 100%; }
.prod-item .prod-link span.prod-img { height: 262px; width: 100%; display: table-cell; text-align: center; vertical-align: middle; }
.prod-item .prod-link span.prod-img img { width: auto; max-width: 100%; }
.prod-item h4 { margin: 15px 0 10px; font-size: 15px; font-weight: 600; line-height: 1.4; color: #222; }
.prod-details { font-size: 13px; color: #777; }
.prod-details strong { font-weight: normal; }
.prod-details .color { display: inline-block; top: 1px; position: relative; width: 12px; height: 12px; margin: 0 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.prod-details .size { display: inline-block; font-size: 13px; text-align: center; color: #293340; font-weight: bold; margin: 0 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.prod-actions { position: absolute; bottom: 20px; width: 100%; }
.add2cart { font-size: 22px; line-height: 44px; height: 44px; width: 44px; padding: 0; float: left; margin-right: 15px; }
.prod-price { float: left; font-weight: 600; line-height: 44px; height: 44px; margin-right: 15px; position: relative; }
.prod-price:after { content:""; clear: both; display: block; height: 0; line-height: 0; }
.prod-price big { font-size: 36px; }
.prod-price small { font-size: 18px; border-bottom: 2px solid #333; position: relative; top: -17px; }
.prod-price small.action-price { color: #b09fc3; font-weight: normal; }
.prod-price small i { font-size: 13px; position: absolute; top: 25px; left: 0; width: 100%; display: block; text-align: center; font-style: normal; line-height: 1; opacity: 0.5; }

.prod-discount, .with-discount { font-size: 16px; width: 44px; height: 44px; line-height: 44px; text-align: center; float: left; background: #ff6978; color: #fff; font-weight: 600;-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.prod-actions .with-discount { font-size: 20px; }
.prod-discount small { font-size: 10px; position: relative; top: -2px; left: 2px; }

.with-2prices { padding-top: 10px; }
.prod-price .price-old { display: block; position: absolute; top: -25px; color: #ff6978; opacity: 0.7; }
.prod-price .price-old big { font-size: 24px; line-height: 24px; height: 24px; text-decoration: line-through; }
.prod-price .price-old small { font-size: 13px; top: -10px; border-bottom: 1px solid #ff6978; }

.add2cart:before { content:"\f218"; font-family: 'Font Awesome 5 Pro'; font-weight: 300; }
.add2cart.already-in-cart  { opacity: 0.5; }
.add2cart.already-in-cart:before { content:"\f00c"; }
.add2cart.disabled:before { content:"\f01c"; }

.prod-labels { position: absolute; top: 5px; right: 5px; z-index: 100; }
.prod-labels span, .prod-labels a, .prod-new { font-size: 20px; color: #fff; background: #ff6978; width: 44px; line-height: 44px; text-align: center; float: left; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.with-discount, .prod-labels .prod-discount { margin-right: -10px; }
.prod-labels span.prod-discount { font-size: 16px; position: relative; }
.prod-labels a.add2fav { background: #ff8c00; }
.prod-labels a.add2fav:hover, .prod-labels a.add2fav:focus { background: #293340; color: #ff8c00; }
.prod-labels a.add2fav .fa-heart, .prod-labels a.add2fav.isfav .fal.fa-heart { display: none; }
.prod-labels a.add2fav .fal.fa-heart, .prod-labels a.add2fav.isfav .fas.fa-heart { display: inline; }
.prod-new { background: #a186be; }
.prod-labels .prod-new { margin-right: -10px; background: #a186be; }

/*** product-selectors ***/
.prod-selector-colors { padding: 10px 0 15px; position: absolute; top: 0; left: 2px; }
.prod-selector-colors a { display: block; width: 20px; height: 20px; border: 1px solid #fff; margin: 3px; position: relative; text-indent: -9999px; outline: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -box-shadow: rgba(0,0,0,0.3) 0px 0 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 0 3px; box-shadow: rgba(0,0,0,0.3) 0px 0 3px; }
.prod-selector-colors a.active { border: 3px solid #ff8c00 !important; width: 24px; height: 24px; position: relative; left: -2px; }
.prod-selector-colors a em { display: none; text-indent: 0; color: #fff; font-size: 11px; font-style: normal; white-space: nowrap; padding: 3px 5px; line-height: 1; background: #293340; position: absolute; top: 0; left: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.prod-selector-colors a:hover em { display: block; }
.prod-selector-colors a.active em:before { font-size: 9px; color: #fff; display: inline-block; margin-right: 4px; content:"\f00c"; font-family: 'Font Awesome 5 Pro'; }

.prod-selector-sizes { overflow: hidden; padding: 5px 0; }
.prod-selector-sizes a { font-size: 11px; display: block; line-height: 16px; color: #777; border: 1px solid #ccc; text-align: center; font-weight: 700; margin: 0 5px 5px 0; padding: 0 3px; float: left; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.prod-selector-sizes a:hover, .prod-selector-sizes a:focus { background: #ff8017; color: #fff; border-color: #ff8017; }
.prod-selector-sizes a.active, .prod-selector-sizes a.active:hover, .prod-selector-sizes a.active:focus { background: #293340; color: #fff; border-color: #293340; }

/*** product-selectors - on product page ***/
#product-selectors h4 { font-size: 17px; margin: 0 0 15px; }
#product-selectors .prod-selector-colors, #product-selectors .prod-selector-sizes { margin-bottom: 5px; }
#product-selectors .prod-selector-colors { position: relative; top: auto; left: auto; }
#product-selectors .prod-selector-colors:after { content:""; display: block; clear: both; }
#product-selectors .prod-selector-colors a { float: left; width: 24px; height: 24px; margin: 0 3px 5px 0; }
#product-selectors .prod-selector-colors a em { top: -21px; left: -2px;  }
#product-selectors .prod-selector-colors a.active { left: auto; top: -2px; width: 28px; height: 28px; }
#product-selectors .prod-selector-sizes { padding: 0; }
#product-selectors .prod-selector-sizes a { font-size: 14px; line-height: 20px; padding: 0 5px; }



.products-list { margin: 0 -10px; overflow: hidden; }
.section-carousel .products-list  { margin: 0; overflow: inherit; }
.products-list .prod-wrapper { width: 25%; margin-bottom: 20px; float: left; padding: 0 10px; }
#category-single .products-list .prod-wrapper { width: 33.3333%; }
.products-list .prod-item:hover { border-color: #ff8c00; }

.categories-list .prod-wrapper { width: 20%; padding: 0; margin-bottom: 0; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; }
.categories-list .prod-wrapper:nth-child(6),
.categories-list .prod-wrapper:nth-child(11),
.categories-list .prod-wrapper:nth-child(16),
.categories-list .prod-wrapper:nth-child(21),
.categories-list .prod-wrapper:nth-child(26),
.categories-list .prod-wrapper:nth-child(31),
.categories-list .prod-wrapper:first-child
{ border-left: none; }
.categories-list .prod-item .prod-link span.prod-img { height: auto; }

.products-carousel { overflow: hidden; margin: 0; }
.products-carousel .prod-wrapper { width: 100%; float: none; margin-bottom: 0; padding: 0; }

.products-list.short-list .prod-details { display: none; }

.products-list.fav-list { margin-left: -5px; margin-right: -5px; }
.fav-list .prod-wrapper { width: 10%; margin-bottom: 0; padding: 0 5px; }
.fav-list .prod-item { padding: 0; border: none; }
.fav-list .prod-wrapper img { width: 100%; padding: 10px; }
.fav-list .prod-item .prod-link span.prod-img { height: auto; }
.fav-list .prod-item h4 { font-size: 12px; line-height: 1.2; font-weight: normal; margin: 5px 0 0; display: none; }


/*** testimonials ***/
.section-with-bullets { margin-bottom: 40px; }
.section-with-bullets .section-cnt { position: relative; }
.section-with-bullets .owl-dots { text-align: center; display: block !important; position: absolute; bottom: -50px; left: 0; width: 100%; }
.section-with-bullets .owl-dot { background: #b09ec2; width: 14px; height: 14px; }

#testimonials-list { }
.testimonial-item { color: #a86141; background: #f3e2e6; padding: 30px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.testimonial-item:before { opacity: 0.4; width: 94px; height: 84px; position: absolute; top: 20px; left: 15px; content:""; display: block; background: url(../images/testimonials-commas.png) no-repeat 0 0; }
.testimonial-text { font-style: italic; font-weight: 300; font-size: 16px; line-height: 1.5; margin-bottom: 15px; position: relative; }
.testimonial-author { font-size: 15px; font-weight: 600; text-align: right; position: relative; }

/*** instagram ***/
#section-instagram .owl-nav { display: block; }
#section-instagram .owl-prev, #section-instagram .owl-next { top: 25px; left: -55px; }
#section-instagram .owl-next { left: auto; right: -55px; }
#instagram-list { margin-bottom: 20px; }


/*** section-intro ***/
#section-intro .section-cnt { padding: 10px 20px; }

/*** section-advantages ***/
#section-advantages .section-cnt { padding: 20px 10%; overflow: hidden; }
#section-advantages .adv-item { float: left; width: 20%; padding: 10px; text-align: center; }
#section-advantages .adv-item em { font-size: 80px; height: 80px; color: #a186be; display: block; margin-bottom: 15px; }
#section-advantages .adv-item em.fa-globe { font-size: 90px; }
#section-advantages .adv-item em.fa-images, #section-advantages .adv-item em.fa-object-group { color: #ffa068; }
#section-advantages .adv-item em.fa-users { color: #e6a4b8;}


/*** CATEGORY ***************************/
#category-single { position: relative; }
.leftcolumn { margin-left: -20px; padding: 0; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.rightcolumn { margin-right: -20px; }
#category-filters-trigger { display: none; padding: 0 15px; font-size: 16px; line-height: 45px; position: absolute; top: -5px; right: -10px; background: #293340; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#category-filters-trigger em { font-size: 18px; display: inline-block; padding-right: 5px; line-height: 45px; text-align: center; }
#category-filters-close { display: none; position: absolute; top: -50px; right: 0; background: #ff8c00; color: #fff; width: 50px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#category-filters-close em { display: block; font-size: 22px; line-height: 45px; text-align: center; }

.column-block { padding: 20px; border-bottom: 1px solid #d4d6d9; }
.column-block .block-hdr { padding-bottom: 10px; }
.column-block .block-cnt { padding: 0; margin: 0; }

.column-block.block-with-checkboxes .block-hdr { padding-bottom: 5px; }
.column-block h2 { margin-bottom: 0; padding-bottom: 0; position: relative;
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;      
	user-select: none;
}
.column-block h2 em { position: absolute; top: 6px; right: 0; left: auto; }
.column-block h2 .fa-angle-up, .column-block h2.collapsed .fa-angle-down { display: block; }
.column-block h2.collapsed .fa-angle-up, .column-block h2 .fa-angle-down { display: none; }

.block-filter .checkbox-warning em { font-size: 11px; color: #aaa; font-style: normal; }
#category .rightcolumn .products-list .row { margin-left: 0; margin-right: 0; }

#overlay { display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; z-index: 1000; }
body.with-overlay #overlay { display: block; }


/*** slider range ***/
#block-price .block-cnt { padding-top: 20px; }
.slider.slider-horizontal { width: 100%; }
.slider.slider-horizontal .slider-track { height: 3px;}
.slider-track-low { }
.slider-selection { background: #ff8c00; }
.slider-track-high { }
.slider-handle { background: #fff; border: 1px solid #b3b3b3; top: -3px; }

.slider-values { color: #747679; overflow: hidden; }
.slider-values .slider-value-from { float: left; }
.slider-values .slider-value-to { float: right; }


/*** CATALOG *************************************************/
#block-catalog { padding: 20px 0; }
#block-catalog .block-hdr { padding: 0 20px 15px; }

.column-block h2 { font-size: 20px; }
.column-block ul.nav { }
.column-block ul.nav li { padding: 0; }
.column-block ul.nav li a, .column-block ul.nav li a:visited { color: #293340; padding: 3px 20px 4px 35px; background: none; position: relative; font-weight: 600; }
.column-block ul.nav li a:hover, .column-block ul.nav li a:focus { color: #ff8c00; background: none; }
.column-block ul.nav li a:before { font-size: 11px; color: #293340; position: absolute; top: 5px; left: 20px; content:"\f078"; font-family: 'Font Awesome 5 Pro'; font-weight: 900; }
.column-block ul.nav li a.collapsed, .column-block ul.nav li a.collapsed:visited { font-weight: normal; }
.column-block ul.nav li a.collapsed:before { content:"\f054"; color: #bcc1c7; }
.column-block ul.nav li.active a, .column-block ul.nav li.active a:visited, .column-block ul.nav li.active a:hover, .column-block ul.nav li.active a:focus { color: #000; font-weight: 600; }
.column-block ul.nav li.active a:before { font-weight: 900; }

.column-block ul.nav ul.nav { padding: 5px 0 7px 15px; border-left: 3px solid #ff8c00; }
.column-block ul.nav ul.nav li a, .column-block ul.nav ul.nav li a:visited, .column-block ul.nav li.active ul.nav li a:hover, .column-block ul.nav li.active ul.nav li a:focus { font-weight: normal; color: #293340; padding: 1px 20px 1px 35px; font-weight: normal; }
.column-block ul.nav li ul.nav li a:hover, .column-block ul.nav li ul.nav li a:focus, .column-block ul.nav li.active ul.nav li a:hover, .column-block ul.nav li.active ul.nav li a:focus { color: #ff8c00; }
.column-block ul.nav li.active ul.nav li.active a, .column-block ul.nav li.active ul.nav li.active a:visited, .column-block ul.nav li.active ul.nav li.active a:hover, .column-block ul.nav li.active ul.nav li.active a:focus { color: #ff8c00; font-weight: 600; }

.column-block ul.nav ul.nav li a:before { content:"\f054"; color: #bcc1c7; }
.column-block ul.nav li.active a:before { color: #293340; }
.column-block ul.nav li.active li a:before { color: #bcc1c7; }
.column-block ul.nav li.active ul.nav li.active a:before { color: #ff8c00; }

.filter-palette-cell { display: inline-block; width: 14px; height: 14px; margin-right: 5px; position: relative; top: 1px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border: 1px solid #ccc; }
input[type="checkbox"].styled:checked + label:after, input[type="radio"].styled:checked + label:after { font-family: 'Font Awesome 5 Pro'; font-weight: 900; }

/*** link-more-wrapper ***/
.link-more-wrapper { text-align: center; margin: 10px 0 20px; }
.link-more-wrapper a { font-size: 16px; padding: 10px 45px 10px 20px; position: relative; }
.link-more-wrapper a:after { font-size: 16px; position: absolute; top: 11px; right: 20px; content:"\f021"; font-family: 'Font Awesome 5 Pro'; }

/*** pager ***/
.pagination { margin: 0 0 20px; }
.pager { padding: 0; margin: 0; text-align: right; }
.pager .pagination > li:first-child > a, .pager .pagination > li:first-child > span,
.pager .pagination > li:last-child > a, .pager .pagination > li:last-child > span,
.pager li > a, .pager li > span
{
	font-size: 15px; color: #fff; margin: 0 2px; padding: 3px 10px; border-color: transparent; background: #b09ec2; font-weight: 600;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.pager li > span { background: none; color: #b09ec2; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pager .pagination > li:first-child > a:hover, .pager .pagination > li:first-child > a:focus,
.pager .pagination > li:last-child > a:hover, .pager .pagination > li:last-child > a:focus
{ background: #673899; color: #fff; }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background: #293340; border-color: transparent; }

/*** sort-filters-block ***/
#sort-filters-block { padding: 10px 15px; color: #888d96; background: #293340; margin-bottom: 20px; }
#sort-filters-block label { font-weight: normal; padding-right: 5px; display: inline-block; line-height: 28px; margin: 0; }
#sort-filters-block .bootstrap-select .dropdown-toggle { height: 28px; padding: 0 25px 0 10px; background: #4a586a; border: none; color: #fff; }

#ppg-filter { text-align: right; float: right; }
#sort-filters-block #ppg-filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 70px; }
#sort-filters-block .bootstrap-select.btn-group .dropdown-menu { background: #4a586a; top: 29px; }
#sort-filters-block .bootstrap-select.btn-group .dropdown-menu > li > a { color: #fff !important; opacity: 0.6; }
#sort-filters-block .bootstrap-select.btn-group .dropdown-menu > li > a:hover, #sort-filters-block .bootstrap-select.btn-group .dropdown-menu > li > a:focus { opacity: 1; background: none !important; }
#sort-filters-block .bootstrap-select.btn-group .dropdown-menu > li.selected > a { color: #fff !important; opacity: 1; background: #344151 !important; }
#sort-filters-block .bootstrap-select.btn-group .dropdown-menu > li.selected > a:after { color: #fff; }

/*** chips ***/
#chips { margin-bottom: 20px; }
.flush-filter, .flush-filter:visited { display: inline-block; color: #673899; background: #e4d9ee; margin-right: 3px; margin-bottom: 5px; font-size: 13px; padding: 0 25px 0 10px; line-height: 24px; position: relative; border: 1px solid #b09ec2; white-space: nowrap; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.flush-filter:hover, .flush-filter:focus { color: #fff; background: #673899; border-color: #673899; }
.flush-filter strong { position: relative; color: #9d89b0; margin-right: 5px; }
.flush-filter i, .flush-filter em { font-style: normal; }
.flush-filter em { line-height: 24px; position: absolute; top: 0; right: 8px; font-size: 14px; }
#chips .btn { line-height: 24px; padding: 0 15px; border-color: #bbb; font-size: 13px; display: inline-block; vertical-align: top; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
#chips .btn:hover { background: #ff6978; color: #fff; border-color: #ff6978; }

#catalog-download-menu { float: right; margin-left: 10px; position: relative; top: 1px; }
#catalog-download-menu #dLabel { font-size: 15px; line-height: 1; }

.catalog-description { text-align: left !important; }
.catalog-description h1 { font-size: 200%; }

/*** PRODUCT ********************/
#product-single { background: #fff; position: relative; margin: 0 -10px 20px; }
.product-left { background: #f4f5f7; }
.product-right { background: white; }
.product-visual { padding: 20px 10px 20px 10px; }
.product-summary { padding: 20px 10px 20px 10px; }
#product-single h1 { font-size: 26px; letter-spacing: normal; line-height: 1.2; border-bottom: 1px solid #e1e2e4; padding: 0 0 20px; margin: 0 0 20px; }
#product-single .stock { background: #92cb8c; color: #063a00; font-size: 12px; padding: 3px 10px; position: absolute; top: -10px; right: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#product-single .stock.unavailable { background: #ff6978; color: #fff; }

.product-visual #product-main-image { margin-bottom: 20px; }

.product-summary .prod-actions { position: relative; bottom: auto; left: auto; } 
.product-summary .price-wrapper { padding-bottom: 20px; }
.product-summary .price-wrapper:after { content:""; clear: both; display: block; height: 0; line-height: 0; }
.product-summary .prod-actions .add2cart { font-size: 17px; font-weight: 600; float: none; display: block; width: auto; margin: 0 0 20px; }
.product-summary .prod-actions .add2cart:before { font-size: 24px; display: inline-block; line-height: 26px; padding: 0 10px 0 0; position: relative; top: 2px; }

.btn-oneclick { font-size: 9px; line-height: 1.2; text-transform: uppercase; font-weight: 700; float: right; display: inline-block; width: auto; margin: 7px 0 0; padding: 5px 7px 5px 22px; position: relative; }
.btn-oneclick:before { font-size: 15px; display: inline-block; font-weight: normal; line-height: 26px; padding: 0 5px 0 0; position: absolute; top: 2px; left: 7px; content:"\f245"; font-family:'Font Awesome 5 Pro'; font-weight: 900; }

.additional-btns .add2fav, .additional-btns .add2fav:visited { margin-bottom: 20px; display: inline-block; width: auto; padding: 10px; color: #ff8c00; background: #fff; border: 1px solid #ff8c00; }
.additional-btns .add2fav:hover, .additional-btns .add2fav:focus { background: #ff8c00; color: #fff; }
.product-description { margin-bottom: 20px; padding-right: 10px; overflow-y: auto !important; max-height: 350px; }

.product-summary-right { background: #f4f5f7; padding: 20px; }
.product-summary-right #feedbacks-stars { margin-bottom: 10px; display: block; }
.stars { font-size: 18px; color: #ff8c00; }
.feedbacks-count { color: #252e39; font-weight: 600; padding-left: 5px; }
.product-summary-right #product-number { margin-bottom: 5px; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
.product-summary-right #product-number strong { display: inline-block; background: #dee1e6; padding: 3px 7px; line-height: 1.4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.product-summary-right h3 { font-size: 17px; margin-bottom: 10px; }

.zoomLens{ height:150px !important; width:150px !important}

table { width: 100%; }
thead th { border-bottom: 3px solid #ff8c00; color: #000; line-height: 1.3; padding: 10px 10px 10px 0; vertical-align: bottom; }
td { border-bottom: 1px solid #e5e5e5; padding: 10px 10px 10px 0; }

.td-img { width: 80px; padding-bottom: 0; }
.td-img img { display: block; width: auto; height: 45px; margin-bottom: 10px; }
.td-img a { position: relative; display: inline-block; }
.td-img a .prod-discount { font-size: 10px; width: 22px; height: 22px; line-height: 19px; position: absolute; top: -7px; right: -7px; border: 2px solid #fff; }
.td-action { padding-right: 0; }
.td-action .btn { float: right; }
.td-action .btn:before { font-size: 20px; font-weight: normal; }
.td-action .btn.already-in-cart:before { font-size: 17px; }
.td-delivery { text-align: center; }
.td-delivery em { font-size: 30px; color: #b09fc3; line-height: 25px; }

tfoot td { border-top: 2px solid #b09fc3; }

.btn-clean { font-size: 16px; color: #673899; border: none; font-weight: 600; display: block; width: auto; padding: 0 10px; margin-right: 0; }
.btn-clean em { padding-right: 7px; font-size: 26px; position: relative; top: 2px; }

#section-product-addinfo { position: relative; }
#section-product-addinfo .products-list { margin-left: -20px; }
#section-product-addinfo .products-list .prod-wrapper { width: 50%; }

#leave-feedback { position: absolute; top: 0; right: 0; }

.feedbacks-list { }
.feedback-item { margin-bottom: 20px; }
.feedback-item .feedback-hdr { margin-bottom: 10px; overflow: hidden; }
.feedback-item .author { font-size: 18px; font-weight: 600; padding-right: 15px; }
.feedback-item .date { float: right; opacity: 0.4; }
.feedback-item .feedback-text { opacity: 0.8; }

/*** leave feedback ***/
#feedback-popup { }
.feedback-popup--product { background: #f2f2f2; border: 1px solid #ccc; margin-bottom: 15px; padding: 10px; overflow: hidden; }
.feedback-popup--stars { overflow: hidden; margin: 0 auto 10px; width: 80%; }
.feedback-popup--stars .star { float: left; width: 20%; text-align: center; padding: 0; margin: 0 0 10px; }
.feedback-popup--stars .star small { display: block; }
.feedback-popup--stars .star label { padding: 40px 0 0; margin: 0; display: block; }
.feedback-popup--stars .star label:before, .feedback-popup--stars .star label:after { font-size: 40px; color: #ccc; line-height: 1; text-align: center; border: none; display: block; width: 100%; height: auto; position: absolute; top: 0; left: 0; padding: 0; margin: 0; background: transparent; content:"\f005"; font-family:'Font Awesome 5 Pro'; }
.feedback-popup--stars .star label:after { content:"\f005"; font-size: 20px; top: 10px; color: #ff8c00; font-weight: 900; }

#feedback-popup .fileinput-button input { width: 100%; height: 0; background: #ccc !important; position: relative; }
#feedback-popup .progress { height: 3px; margin-top: 3px; }



/*** CHECKOUT ********************/
.checkout-login-link { border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; margin-bottom: 15px; }
.checkout-login-link em { padding-right: 10px; font-size: 22px; color: #ff8c00; }

.checkout-login-link #fast-mode { float: right; margin-top: -5px; }
.checkout-login-link #fast-mode em { color: #fff; font-size: 16px; }

.checkout-login-link:after { content:""; clear: both; display: block; }

.form-order-wrapper { background: #f4f5f7; padding: 20px; }
#form-order label, #form-account label { font-weight: normal; font-size: 14px; padding-top: 7px; padding-bottom: 0; margin-bottom: 0; }
#form-order .bootstrap-select .dropdown-toggle, #form-account .bootstrap-select .dropdown-toggle { background: #fff; }
#form-order .btn-submit { height: 44px; font-size: 16px; font-weight: bold; }
#form-order .btn-submit em { padding-right: 5px; font-weight: normal; }

.form-agreement, .form-note { line-height: 1.3; display: block; margin-bottom: 15px; opacity: 0.5; }
.form-agreement a, .form-agreement a:visited, .form-note a, .form-note a:visited { color: #293340; text-decoration: underline; }


.checkout-total-wrapper { border-top: 2px solid #777; padding: 15px 0; margin-bottom: 15px; }
#checkout-total { text-align: right; font-weight: 600; line-height: 1.2; top: -5px; position: relative; }
#checkout-total .lbl { color: #ff8c00; font-size: 22px; text-transform: uppercase; padding-right: 10px; }
#checkout-total big { font-size: 36px; }
#checkout-total small { font-size: 18px; border-bottom: 2px solid #293340; position: relative; line-height: 1.2; top: -15px; }
.btn-clean.remove em { color: #ff6978; font-size: 24px; }

#form-promocode { overflow: hidden; }
#form-promocode .from-group { float: left; }
#promocode { background: url(../images/voucher-bg.png); }
#form-promocode label { width: 45px; height: 30px; float: left; margin: 0; }
#form-promocode label em { color: #ff8c00; font-size: 32px; line-height: 30px; padding-right: 5px; display: block; position: relative; top: 3px; }

.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info { opacity: 0.5; background-color: #673899 !important; }

/*** quantity ***/
.td-plusminus { width: 60px; }
.quantity-group { position: relative; }
.quantity-group .group-plus { width: 15x; height: 30px; position: absolute; top: 0; right: 16px; }
.quantity-group .group-minus { width: 15px; height: 30px; position: absolute; top: 0; left: 0; }
.quantity-group button, .quantity-group button { color: #ccc; font-size: 10px; padding: 0; width: 15px; height: 30px; border: none; background: transparent; }
.quantity-group button.hover { color: #f08400; }
.quantity-group button.clicked { color: #000; }
.quantity-group input.input-number { width: 100%; height: 30px; text-align: center; padding: 0; }


#checkout-complete-alert { }
#checkout-complete-alert h2 { color: #8a6d3b; margin-bottom: 10px; font-weight: 400; }
#checkout-complete-alert h2 strong, #checkout-complete-alert .td-status strong { color: #69522b; font-weight: 700; }
a#order-print { position: absolute; top: 20px; right: 30px; font-size: 40px; color: #8a6d3b; }
a#order-print:hover, a#order-print:focus { color: #333; }
#checkout-complete-alert .td-status em { display: inline-block; }


/*** ACCOUNT *********************/
.block-with-icon { position: relative; margin-bottom: 40px; }
.block-with-icon:after { content:""; display: block; clear: both; }
.block-with-icon .block-icon { position: absolute; top: 0; left: 0; font-size: 36px; line-height: 1; color: #ff8c00; }
.block-with-icon .block-icon-text { padding-left: 45px; }

.block-with-icon .block-icon .fa-envelope,
.block-with-icon .block-icon .fa-envelope-o,
.block-with-icon .block-icon .fa-industry,
.block-with-icon .block-icon .fa-heart,
.block-with-icon .block-icon .fa-shopping-cart,
.block-with-icon .block-icon .fa-briefcase
{
	font-size: 33px;
}
.block-with-icon .block-icon .fa-desktop
{
	font-size: 30px;
}
.block-with-icon .block-icon .fa-envelope, .block-with-icon .block-icon .fa-envelope { top: -6px; position: relative; }


#form-account { padding-right: 20px;}
#form-account fieldset:disabled .form-submit { display: none; }
#link-account-change { color: #ff8c00; }
#link-account-change em { color: #777; }

.td-id { width: 110px; font-weight: 600; font-size: 13px; }
.td-date { width: 200px; }
.tbl-orders .td-img { width: auto; vertical-align: top; }
.tbl-orders .td-img img { display: inline-block; margin-right: 10px; }
.tbl-orders .td-action .btn-clean { font-size: 14px; font-weight: normal; }
.tbl-orders .td-action .btn-clean em { font-size: 14px; top: 1px; }
.tbl-orders .td-total { width: 100px; }
.tbl-orders .td-status { width: 30px; }
.tbl-orders .date { opacity: 0.5; border-top: 1px solid #aaa; margin: 3px 0 0; padding-top: 5px; line-height: 1; font-size: 11px; }
.td-status em { background: #673899; color: #fff; font-size: 12px; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.td-status.success em { background: #673899; }
.td-status.cancelled em { background: #ffc4c4; }
.td-status.inprocess em { background: #ff8c00; }
.tbl-orders .td-action { width: 70px; }
.td-status small { font-size: 13px; }

.td-order-details, .td-wrapper { padding: 0; background: #f2f2f2; vertical-align: top; }
.td-order-details { padding: 2px 20px 2px 3px; font-size: 13px; }
.tbl-orders .tbl-orders .td-status { width: 120px; font-size: 12px; opacity: 0.5; }
.tbl-orders .price-complex { opacity: 0.5; font-size: 12px; }
.td-order-details hr { margin: 5px 0; padding: 0; }
.tbl-orders tr.status-cancelled { opacity: 0.3; }

.td-order-details table { }
.td-order-details th, .td-order-details td { padding: 4px 5px; vertical-align: top; border-bottom: 2px solid #f2f2f2; /*background: #e7e7e7;*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.td-order-details th { background: #ccc; text-align: center; }
td.order-details-wrapper { padding: 5px; background: #f2f2f2; }
td.order-details-wrapper .td-order-details { float: left; width: 27%; }
td.order-details-wrapper .td-wrapper { float: right; width: 72.7%; }



/*** CONTACTS ***********/
#section-contats .block-icon-text { font-size: 15px; line-height: 1.6; }

#section-partners .section-cnt { background: #f4f5f7; }
#form-contacts { padding-right: 20px; }
#section-partners .fa-industry { color: #c0c5d0; }
#section-partners .block-with-icon { margin-bottom: 20px; }
#map iframe { width: 100% !important; }


/*** ORDERS *************/
.user-filters { background: #293340; color: #888d96; padding: 10px; margin-bottom: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.user-filters label { padding: 10px 10px 0 0; display: inline-block; }

/*** video-container ***/
.video-container { margin-bottom: 20px; }
.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; }
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
.embed-responsive-16by9 { padding-bottom: 56.25%; }
.embed-responsive-4by3 { padding-bottom: 75%; }

/*** delivery ***/
.alert-warning { background: #f6f0ee; border: none; }
.delivery-item { text-align: center; margin-bottom: 20px; font-size: 20px; }
.payment-item { border-bottom: 1px solid #e2e2e2; padding: 20px 0; }
.payment-item img { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.7; }

/*** paswword ***/
#section-pswrecovery .login-page { width: 100%; max-width: 460px; margin: auto; padding: 10px 0; }
#section-pswrecovery .login-page .from-submit { text-align: center; }
#section-pswrecovery .login-page .note { padding: 10px 15px; }

/*** autocomplete ***/
#search-form .form-fieds { position: relative; }
.block-autocomplete { width: 100%; padding: 0; max-height: 0; position: absolute; top: 47px; left: 0; border: 1px solid transparent; background: #fff; z-index: 1000; overflow-y: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition:    all 0.2s ease-in-out;
	-ms-transition:     all 0.2s ease-in-out;
	-o-transition:      all 0.2s ease-in-out;
	transition:         all 0.2s ease-in-out;
}
.block-autocomplete.open { max-height: 300px; border-color: #ccc; -webkit-box-shadow: rgba(0,0,0,0.3) 0px 0 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 0 3px; box-shadow: rgba(0,0,0,0.3) 0px 0 3px;}

.block-autocomplete h5 { margin: 0 0 5px; padding: 10px 0 7px 10px; border-bottom: 2px solid #ff8c00; }
.autocomplete-list { padding: 0 0 5px; }
.autocomplete-item, .autocomplete-item:visited { font-size: 12px; line-height: 1.2; color: #293340; padding: 5px 10px; overflow: hidden; border-bottom: 1px solid #eee;; display: block; }
.autocomplete-item:hover, .autocomplete-item:focus { background: #fef0e5; color: #293340; }
.autocomplete-item .item-img { float: left; width: 10%; padding-right: 2%; }
.autocomplete-item .item-title { float: left; width: 70%; }
.autocomplete-item .item-price { float: right; width: 15%; text-align: right; }
.autocomplete-item .item-price .fa { font-size: 20px; line-height: 32px; opacity: 0.5; }
.autocomplete-item:hover .item-price .fa, .autocomplete-item:focus .item-price .fa { opacity: 1; }
.autocomplete-item .item-title, .autocomplete-item .item-price { display: table; height: 32px; }
.autocomplete-item span span { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }

/*** section-download ***/
.section-download ul { list-style: none; padding: 0; margin: 0; }
.section-download ul li { padding: 0 0 0 5px; margin: 0 0 5px; }
.section-download ul li em { padding-right: 5px; }

/*** 404 ***/
#section-404 .section-cnt { padding: 0 20px; }


/*** FOOTER **********************/
#footer { background: #252e39; padding: 0; color: #a2adbb; font-size: 13px; line-height: 18px; z-index: 9990; }
#footer-top { background: #293340; padding: 40px 0 0; }
a#footer-logo { width: 226px; height: 50px; display: block; margin-bottom: 10px; background: url(../images/footer-logo.png) no-repeat 0 0 / 100% auto; }

#footer-bottom { padding: 7px 0; border-top: 1px solid #111; }
.footer-block { margin-bottom: 30px; }
.footer-block h4 { color: #a2adbb; font-size: 20px; letter-spacing: -1px; line-height: 1.3; margin: 0 0 15px; }
#footer .phones { line-height: 30px; font-size: 14px; }
#footer .copyright { line-height: 20px; padding: 10px 0; display: block; }
#footer-socials { text-align: right; }
#footer-socials a { display: inline-block; font-size: 35px; margin: 0 10px; color: #a2adbb; }
#footer-socials a:hover, #footer-socials a:focus { color: #fff; }
#footer-socials a em { display: block; line-height: 35px; }

#footer-form-subscription { overflow: hidden; margin-bottom: 10px; }
#footer-form-subscription .form-group { float: left; width: 84%; margin: 0; padding: 0; }
#footer-form-subscription input { background: #6b7785; height: 36px; }
#footer-form-subscription input:focus { background: #85909c; }
#footer-form-subscription .form-submit { float: right; width: 15%; }
#footer-form-subscription .form-submit .btn-submit { padding: 0; margin: 0; border: none; background: none; height: 36px; width: 100%; }
#footer-form-subscription .form-submit .btn-submit em { position: relative; top: -1px; color: #6b7785; line-height: 36px; font-size: 45px; display: block; width: 100%; text-align: center; }
#footer-form-subscription .form-submit .btn-submit:hover, #footer-form-subscription .form-submit .btn-submit:focus em { color: #fff; }

.back-to-top { cursor: pointer; position: fixed; bottom: 40px; right: 10px; display: none; z-index: 10000; }











/*** POPUP ************************************************/
/*** animated-modal ***/
/* Start state */
.animated-modal { max-width: 550px; border-radius: 4px; overflow: hidden; 
	transform: translateY(-50px);
	transition: all .7s;
}
.animated-modal h3,
.animated-modal .popup-btns {
	transform: translateY(-50px);
	opacity: 0;
	
	transition-property: transform, opacity;
	transition-duration: .4s;
}
/* Final state */
.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal h3,
.fancybox-slide--current .animated-modal .popup-btns {
	transform: translateY(0);
	opacity: 1;
}
/* Reveal content with different delays */
.fancybox-slide--current .animated-modal h3 { transition-delay: .2s; }
.fancybox-slide--current .animated-modal .popup-btns { transition-delay: .1s; }

.popup { }
.popup-logo { width: 200px; margin: auto; text-align: center; }
.popup-hdr { border-bottom: 1px solid #aaa; margin-bottom: 20px; padding-bottom: 20px; }
.popup-cnt h3 { text-align: center; }
.popup-cnt { padding: 0; }
.popup-btns { text-align: center; padding: 10px; margin: 10px 0 0; background: #f2f2f2; }
#region-select-popup .popup-btns .btn { width: 70px; margin: 0 5px; }
.popup .flag-ru { width: 28px; display: inline-block; }

.popup-cnt .prod-summary { margin-bottom: 20px; border-bottom: 1px solid #aaa; padding-bottom: 20px; height: auto; overflow: hidden; }
.popup-cnt .prod-summary .prod-actions { position: relative; top: auto; bottom: auto; }



/*** error-age ***/
.section-errorpage { text-align: center; }
.errorpage-logo { text-align: center; font-size: 1100%; line-height: 1; }


.dropdown-submenu:hover .dropdown-menu { display: none; }


/*** debug ***********************/
#deb/ug-block { display: block !important; position: fixed; top: 0; left: 0; z-index: 100000; }
#debug-responsive { border: 1px solid #000; height: 10px; width: 10px; background: #fff; float: left; }
#debug-resolution { font-size: 10px; line-height: 1; padding: 1px 3px; background: rgba(255,255,255,0.7); float: left; }
#debug-platform { display: none; font-size: 10px; line-height: 1; padding: 1px 3px; background: rgba(255,255,255,1); float: left; opacity: 0.1; }
#debug-platform:hover { opacity: 1; }
