/** Shopify CDN: Minification failed

Line 5235:2 Comments in CSS use "/* ... */" instead of "//"
Line 5253:2 Comments in CSS use "/* ... */" instead of "//"
Line 6569:2 Comments in CSS use "/* ... */" instead of "//"
Line 9082:2 "white-spac" is not a known CSS property
Line 11397:0 Unexpected "="
Line 13398:2 "overflo-y" is not a known CSS property

**/
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}
pre {
  display: block;
  padding: 13px;
  margin: 0 0 13.5px;
  font-size: 15px;
  line-height: 1.6875;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 27px;
  font-size: 24px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}


input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}

.open > a {
  outline: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 14px;
  line-height: 1.6875;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}






.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 0px !important;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 20px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}




.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #777777;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.alert {
  padding: 15px;
  margin-bottom: 27px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 27px;
  margin-bottom: 27px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 14px;
  line-height: 27px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
  -webkit-transition:  width 0.3s 0s ease, 0.6s 0.3s 0s ease, ease 0.3s 0s ease;
  -moz-transition:  width 0.3s 0s ease, 0.6s 0.3s 0s ease, ease 0.3s 0s ease;
  -ms-transition:  width 0.3s 0s ease, 0.6s 0.3s 0s ease, ease 0.3s 0s ease;
  -o-transition:  width 0.3s 0s ease, 0.6s 0.3s 0s ease, ease 0.3s 0s ease;
  transition:  width 0.3s 0s ease, 0.6s 0.3s 0s ease, ease 0.3s 0s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.panel {
  margin-bottom: 27px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}



.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 27px;
}
.panel-group .panel {
  border: none;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
    background-color: transparent;
    border-color: #ddd;
    border-top: none !important;
    text-align: center;
    box-shadow: -9px 11px 13px -12px #000;
    margin: 7px 0 7px;
    padding: 10px !important;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: Ubuntu, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.6875;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
.tooltip.in {
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
  -webkit-transition:  0.6s 0.3s 0s ease, ease-in-out 0.3s 0s ease, left 0.3s 0s ease;
  -moz-transition:  0.6s 0.3s 0s ease, ease-in-out 0.3s 0s ease, left 0.3s 0s ease;
  -ms-transition:  0.6s 0.3s 0s ease, ease-in-out 0.3s 0s ease, left 0.3s 0s ease;
  -o-transition:  0.6s 0.3s 0s ease, ease-in-out 0.3s 0s ease, left 0.3s 0s ease;
  transition:  0.6s 0.3s 0s ease, ease-in-out 0.3s 0s ease, left 0.3s 0s ease;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after,
body.boxed:before,
body.boxed:after,
.boxed:before,
.boxed:after,
body.fullwidth:before,
body.fullwidth:after,
.fullwidth:before,
.fullwidth:after,
body.fullwidth .container:before,
body.fullwidth .container:after,
.fullwidth .container:before,
.fullwidth .container:after,
.breadcrumbs--full:before,
.breadcrumbs--full:after,
.breadcrumbs--full .container:before,
.breadcrumbs--full .container:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.panel-body:after,
.modal-footer:after,
body.boxed:after,
.boxed:after,
body.fullwidth:after,
.fullwidth:after,
body.fullwidth .container:after,
.fullwidth .container:after,
.breadcrumbs--full:after,
.breadcrumbs--full .container:after {
  clear: both;
}

.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}

@-ms-viewport {
  width: device-width;
}

/*------------------------------------------------------------------
[Fonts]
*/
/*=== YourStore Basic Style ===*/
* {
  outline: 0;
}
*:focus,
*:active {
  outline: 0 !important;
}

@media (max-width: 1024px) {
footer,
#pageContent {
  overflow: hidden;
}
}
body.no-scroll {
  overflow: hidden !important;
  width: 100%;
  position: fixed;
  z-index: 0;
  height: 100%;
}

.position-fix {
  position: fixed !important;
}

/* dropcap */
.dropcap {
  display: block;
  float: left;
  font-size: 3em;
  line-height: 1em;
  margin: 0 5px 0 0;
}
/* /dropcap */
/* hover-effect-01 */
.hover-effect-01 {
  -webkit-transition:  letter-spacing 300ms linear 0s;
  -moz-transition:  letter-spacing 300ms linear 0s;
  -ms-transition:  letter-spacing 300ms linear 0s;
  -o-transition:  letter-spacing 300ms linear 0s;
  transition:  letter-spacing 300ms linear 0s;
}
.hover-effect-01:hover {
  letter-spacing: 1px;
  text-decoration: none;
}
/* /hover-effect-01 */
.border-top-none {
  border-top: none !important;
}
.container-no-col-indent .row div {
  padding-left: 0;
  padding-right: 0;
}
/* indent row */
.content-bottom {
  margin-bottom: 74px;
}
.display-inline-block {
  display: inline-block;
}
/* /indent row */
/* side-offset */
.side-offset-9 {
  padding-left: 11%;
  padding-right: 11%;
}
/* /side-offset */
/* dividers */
.divider {
  height: 30px;
  clear: both;
  overflow: hidden;
  width: 100%;
}
.divider--xl-1 {
  height: 99px;
}
.divider--lg {
  height: 45px;
}
.divider--aside {
  height: 36px;
}
.divider--md2 {
  height: 40.5px;
}
.divider--md1 {
  height: 31.5px;
}
.divider--md0 {
  height: 30.6px;
}
.divider--md {
  height: 20.01px;
}
.divider--sm {
  height: 14.01px;
}
.divider--xs {
  height: 8.01px;
}
.divider--xxs {
  height: 3px;
  width: 100%;
  overflow: hidden;
}
.link-inline {
  display: inline;
}
.link-banner1 {
  text-decoration: none;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.link-banner1 .color-custom {
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.link-banner1:hover {
  text-decoration: none;
  color: #34495e;
}
.link-banner1:hover .color-custom {
  color: #333;
}
.list-inline {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-inline li {
  display: inline;
}
.divider-line {
  width: 100%;
  height: 1px;
  font-size: 0;
  line-height: 0;
  background-color: #e5e5e5;
  margin: 40px 0 50px;
}
.hor-line {
  width: 100%;
  height: 2px;
  font-size: 0;
  line-height: 0;
  background-color: #34495e;
  margin: 15px 0;
}
.nowrap {
  white-space: nowrap;
}
.light-font {
  font-weight: 300;
}
.pos-abs {
  position: absolute;
}
.indent-col-none .row [class*="col-"] {
  padding: 0;
  margin: 0;
}
.img-border {
  border: 1px solid #e5e5e5;
}
.stop-scrolling {
  height: 100%;
  overflow: hidden;
}
.wrapper {
  width: 100%;
  display: inline-block;
}

body.boxed,
.boxed {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  body.boxed,
  .boxed {
    width: 750px;
  }
}
@media (min-width: 992px) {
  body.boxed,
  .boxed {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  body.boxed,
  .boxed {
    width: 1170px;
  }
}
body.boxed > .navbar-header,
.boxed > .navbar-header,
body.boxed > .navbar-collapse,
.boxed > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  body.boxed > .navbar-header,
  .boxed > .navbar-header,
  body.boxed > .navbar-collapse,
  .boxed > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

/* content */
.content {
  margin: 50px 0 69px 0;
}
@media (max-width: 767px) {
  .content {
        margin: 20px 0 39px 0;
  }
}

.content-fill {
  margin-top: 75px;
  margin-bottom: 75px;
}
@media (max-width: 767px) {
  .content-fill {
    margin-top: 37.5px;
    margin-bottom: 37.5px;
  }
}
@media (min-width: 1769px) {
  .content-fill {
    margin-top: 85px;
    margin-bottom: 85px;
  }
}
@media (max-width: 767px) {
  .content-big-indent {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
@media (min-width: 768px) {
  .content-big-indent {
    margin-top: 75px;
  	margin-bottom: 75px;
  }
}
@media (min-width: 992px) {
  .content-big-indent {
    margin-top: 190px;
  	margin-bottom: 190px;
  }
}
@media (min-width: 1200px) {
  .content-big-indent {
    margin-top: 218px;
  	margin-bottom: 218px;
  }
}
@media (min-width: 1770px) {
  .content-big-indent {
    margin-top: 235px;
  	margin-bottom: 235px;
  }
}
#pageContent > .content-big-indent:last-child,
#pageContent > div:last-child .content-big-indent {
  margin-bottom: 0;
}
.content-md {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .content-md {
    margin-top: 10px;
  }
}
@media (min-width: 1769px) {
  .content-md {
    margin-top: 30px;
  }
}
.content-sm {
  margin-top: 0px;
}
@media (max-width: 767px) {
  .content-sm {
    margin-top: 0px;
  }
}
@media (min-width: 1769px) {
  .content-sm {
    margin-top: 10px;
  }
}
/* offset margin */
.offset-top-0 {
  margin-top: 0 !important;
}
.offset-top-5 {
  margin-top: 5px !important;
}
.offset-top-10 {
  margin-top: 10px !important;
}
.offset-top-20 {
  margin-top: 20px !important;
}
.offset-top-30 {
  margin-top: 30px !important;
}
.offset-top-40 {
  margin-top: 40px !important;
}
/* inner padding */
.inset-top-5 {
  padding-top: 5px;
}
.inset-top-10 {
  padding-top: 10px;
}
.inset-top-20 {
  padding-top: 20px;
}
.inset-top-30 {
  padding-top: 30px;
}
.inset-top-40 {
  padding-top: 40px;
}
.inset-top-50 {
  padding-top: 50px;
}
.inset-top-60 {
  padding-top: 60px;
}
.inset-bottom-5 {
  padding-bottom: 5px;
}
.inset-bottom-10 {
  padding-bottom: 10px;
}
.inset-bottom-20 {
  padding-bottom: 20px;
}
.inset-bottom-30 {
  padding-bottom: 30px;
}
.inset-bottom-40 {
  padding-bottom: 40px;
}
.inset-bottom-50 {
  padding-bottom: 50px;
}
.inset-bottom-60 {
  padding-bottom: 60px;
}
/* parallax background */
html:not(.touch) .fixed-bg {
  min-height: 100%;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
}
/*=== ADD BOOTSTRAP XL BREAKPOINT ===*/
@media (min-width: 1770px - 1) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl {
  display: none !important;
}
@media (min-width: 1770px) {
  .container {
    width: 1740px;
  }
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xl-one-nine {
    width: 11.1111111%;
  }
  .col-xl-one-six {
    width: 16.66666667%;
  }
  .col-xl-one-fifth {
    width: 20%;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-11 {
    width: 91.66666667%;
  }
  .col-xl-10 {
    width: 83.33333333%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-8 {
    width: 66.66666667%;
  }
  .col-xl-7 {
    width: 58.33333333%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-5 {
    width: 41.66666667%;
  }
  .col-xl-4 {
    width: 33.33333333%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-2 {
    width: 16.66666667%;
  }
  .col-xl-1 {
    width: 8.33333333%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
  .col-xl-pull-11 {
    right: 91.66666667%;
  }
  .col-xl-pull-10 {
    right: 83.33333333%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-8 {
    right: 66.66666667%;
  }
  .col-xl-pull-7 {
    right: 58.33333333%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-5 {
    right: 41.66666667%;
  }
  .col-xl-pull-4 {
    right: 33.33333333%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-2 {
    right: 16.66666667%;
  }
  .col-xl-pull-1 {
    right: 8.33333333%;
  }
  .col-xl-pull-0 {
    right: auto;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-push-11 {
    left: 91.66666667%;
  }
  .col-xl-push-10 {
    left: 83.33333333%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-8 {
    left: 66.66666667%;
  }
  .col-xl-push-7 {
    left: 58.33333333%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-5 {
    left: 41.66666667%;
  }
  .col-xl-push-4 {
    left: 33.33333333%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-2 {
    left: 16.66666667%;
  }
  .col-xl-push-1 {
    left: 8.33333333%;
  }
  .col-xl-push-0 {
    left: auto;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xl-offset-0 {
    margin-left: 0;
  }
  .visible-xl {
    display: block !important;
  }
  table.visible-xl {
    display: table;
  }
  tr.visible-xl {
    display: table-row !important;
  }
  th.visible-xl,
  td.visible-xl {
    display: table-cell !important;
  }
  .visible-xl-block {
    display: block !important;
  }
  .visible-xl-inline {
    display: inline !important;
  }
  .visible-xl-inline-block {
    display: inline-block !important;
  }
  .hidden-xl {
    display: none !important;
  }
}
/*====== typography ======*/
/* link */
.underline {
  text-decoration: underline;
}
a.underline:hover {
  text-decoration: none;
}
/* /link */
/* color */
.color-custom {
  color: #34495e;;
}
.color-custom:hover {
  color: #34495e;;
}
.text-color {
  color: #777777;
}
.text-color:hover {
  color: #777777;
}
.color-price-old {
  color: #fa6b6b;
}
.color-price-old:hover {
  color: #fa6b6b;
}
.color {
  color: #34495e;
}
.color:hover {
  color: #34495e;
}
.color-white {
  color: #fff;
}
.color-white:hover {
  color: #fff;
}
.color-dark {
  color: #333333;
}
.color-dark:hover {
  color: #333333;
}
a.color,
a.color:hover {
  color: #34495e;
}
.color-red {
  color: #34495e;
}
.color-red:hover {
  color: #34495e;
}
.color-pink {
  color: #fa6b6b;
}
.color-pink:hover {
  color: #fa6b6b;
}
.color-blue {
  color: #395499;
}
.color-blue:hover {
  color: #395499;
}
.color-blue-light {
  color: #67e0fa;
}
.color-blue-light:hover {
  color: #67e0fa;
}
.color-green {
  color: #21caa9;
}
.color-green:hover {
  color: #21caa9;
}
.color-green-dark {
  color: #1fc0a0;
}
.color-green-dark:hover {
  color: #1fc0a0;
}
.color-gray {
  color: #999999;
}
.color-gray:hover {
  color: #999999;
}
.color-yellow {
  color: #feea3a;
}
/* background-color */
.bg-custom {
  background-color: #34495e;
}
.bg-red {
  background-color: #fa6b6b;
}
.bg-pink {
  background-color: #fa6b6b;
}
.bg-blue {
  background-color: #395499;
}
.bg-light-blue {
  background-color: #67e0fa;
}
.bg-green {
  background-color: #21caa9;
}
.bg-green-light {
  background-color: #41df7c;
}
.bg-green-dark {
  background-color: #1fc0a0;
}
.bg-yellow {
  background-color: #feea3a;
}
.bg-coquelicot {
  background-color: #fd6940;
}
.bg-black {
  background-color: #000;
}
/* /background-color */
/* /background-color */
.opacity-5 {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
.opacity-10 {
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  -webkit-opacity: 0.1;
  opacity: 0.1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
  filter: alpha(opacity=10);
}
.opacity-15 {
  -moz-opacity: 0.15;
  -khtml-opacity: 0.15;
  -webkit-opacity: 0.15;
  opacity: 0.15;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15);
  filter: alpha(opacity=15);
}
.opacity-20 {
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  -webkit-opacity: 0.2;
  opacity: 0.2;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
  filter: alpha(opacity=20);
}
.opacity-25 {
  -moz-opacity: 0.25;
  -khtml-opacity: 0.25;
  -webkit-opacity: 0.25;
  opacity: 0.25;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
  filter: alpha(opacity=25);
}
.opacity-30 {
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  -webkit-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  filter: alpha(opacity=30);
}
.opacity-35 {
  -moz-opacity: 0.35;
  -khtml-opacity: 0.35;
  -webkit-opacity: 0.35;
  opacity: 0.35;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=35);
  filter: alpha(opacity=35);
}
.opacity-45 {
  -moz-opacity: 0.45;
  -khtml-opacity: 0.45;
  -webkit-opacity: 0.45;
  opacity: 0.45;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=45);
  filter: alpha(opacity=45);
}
.opacity-50 {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
.opacity-55 {
  -moz-opacity: 0.55;
  -khtml-opacity: 0.55;
  -webkit-opacity: 0.55;
  opacity: 0.55;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55.00000000000001);
  filter: alpha(opacity=55.00000000000001);
}
.opacity-60 {
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  -webkit-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  filter: alpha(opacity=60);
}
.opacity-65 {
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65;
  -webkit-opacity: 0.65;
  opacity: 0.65;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
  filter: alpha(opacity=65);
}
.opacity-70 {
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  filter: alpha(opacity=70);
}
.opacity-75 {
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  -webkit-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  filter: alpha(opacity=75);
}
.opacity-80 {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
}
.opacity-85 {
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  -webkit-opacity: 0.85;
  opacity: 0.85;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
  filter: alpha(opacity=85);
}
.opacity-90 {
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}
.opacity-95 {
  -moz-opacity: 0.95;
  -khtml-opacity: 0.95;
  -webkit-opacity: 0.95;
  opacity: 0.95;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
  filter: alpha(opacity=95);
}
/* /background-color */
.simple-list {
  margin: 10px 0 6px 0;
  padding: 0;
  list-style-type: none;
  counter-reset: myCounter;
}
.simple-list li {
  padding: 0 0 7px 18px;
  position: relative;
  list-style-type: none;
}
.simple-list li:before {
  position: absolute;
  display: block;
  top: 10px;
  left: 0;
  color: #34495e;
  font-family: 'Material Icons';
  content: "\e3a6";
  font-size: 0.53em;
  line-height: 1em;
}
.simple-list li ul {
  padding: 0 0 0 0;
  margin: 7px 0 0 17px;
}
.simple-list li ul li:last-child {
  padding-bottom: 0;
}
.simple-list li a {
  color: #777777;
  font-weight: 300;
  text-decoration: none !important;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.simple-list li a:hover {
  color: #34495e;
  text-decoration: none;
}
.simple-list li.active > a {
  color: #34495e;
}
.simple-list.font-bold a {
  font-weight: bold;
}
.simple-list.color-dark a {
  color: #333;
}
.simple-list-underline {
  margin: 10px 0 0;
  padding: 0;
  list-style-type: none;
  counter-reset: myCounter;
}
.simple-list-underline li {
  padding: 0 0 7px 18px;
  position: relative;
  list-style-type: none;
}
.simple-list-underline li:after {
  position: absolute;
  display: block;
  top: 10px;
  left: 0;
  color: #34495e;
  font-family: 'Material Icons';
  content: "\e3a6";
  font-size: 0.53em;
  line-height: 1em;
}
.simple-list-underline li ul {
  padding: 0 0 0 0;
  margin: 7px 0 0 17px;
}
.simple-list-underline li ul li:last-child {
  padding-bottom: 0;
}
.simple-list-underline li a {
  color: #333;
  font-weight: 300;
  text-decoration: underline;
}
.simple-list-underline li a:hover {
  color: #34495e;
  text-decoration: none;
}
.simple-list-underline li.active > a {
  color: #34495e;
}
.marker-list {
  margin: 15px 0;
  padding: 0;
  list-style: none;
}
.marker-list li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 5px;
  color: #34495e;
  font-weight: 300;
}
.marker-list li:after {
  position: absolute;
  display: block;
  top: 5px;
  left: 0;
  font-family: 'Material Icons';
  content: "\e5ca";
  font-size: 1em;
  line-height: 1em;
}
.marker-list-circle {
  margin: 13px 0;
  padding: 0;
  list-style: none;
}
.marker-list-circle li {
  position: relative;
  padding-left: 31px;
  margin-bottom: 0px;
  font-weight: light;
}
.marker-list-circle li:after {
  position: absolute;
  display: block;
  top: 10px;
  left: 0;
  color: #34495e;
  font-family: 'Material Icons';
  content: "\e3a6";
  font-size: 0.53em;
  line-height: 1em;
}
.decimal-list {
  padding: 0;
  margin: 10px 0 0 0;
  list-style-type: none;
  counter-reset: myCounter;
}
.decimal-list li {
  padding: 0 0 0 18px;
  margin-bottom: 7px;
  text-indent: 0;
  position: relative;
}
.decimal-list li:before {
  content: counter(myCounter);
  counter-increment: myCounter;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #34495e;
  font-weight: 500;
}
.decimal-list ul {
  counter-reset: myCounter1;
  list-style-type: none;
  padding: 0;
  margin: 7px 0 0 17px;
}
.decimal-list ul li:before {
  content: counter(myCounter1);
  counter-increment: myCounter1;
}
.decimal-list ul li:last-child {
  padding-bottom: 0;
}
.decimal-list a {
  text-decoration: none;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.decimal-list a:hover {
  color: #34495e !important;
}
.decimal-list.color-dark a {
  color: #333;
}
.categories-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.categories-list li {
  padding-bottom: 7px;
}
.categories-list li:last-child {
  padding-bottom: 0;
}
.categories-list li a {
  -webkit-transition:  all 150ms ease-out 0s;
  -moz-transition:  all 150ms ease-out 0s;
  -ms-transition:  all 150ms ease-out 0s;
  -o-transition:  all 150ms ease-out 0s;
  transition:  all 150ms ease-out 0s;
}
.categories-list li a:hover {
  color: #34495e;
  text-decoration: none;
}
.without-declaration-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.without-declaration-list li {
  padding-bottom: 7px;
}
.without-declaration-list li:last-child {
  padding-bottom: 0;
}
.without-declaration-list li a:hover {
  color: #34495e;
  text-decoration: none;
}
.list-indent-left {
  margin-left: 34px;
}
.list-icon {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.list-icon li {
  position: relative;
  min-height: 52px;
  margin-bottom: 20px;
  padding: 10px 0 0 72px;
  letter-spacing: -0.02em;
}
.list-icon span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 30px;
  line-height: 1.7em;
  width: 52px;
  height: 52px;
  background-color: #34495e;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.list-icon .fa-fax {
  font-size: 22px;
  line-height: 2.3em;
}
.list-icon .icon-mail {
  font-size: 26px;
  line-height: 1.9em;
}
.list-icon strong {
  color: #333333;
}
.list-arrow-right {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.list-arrow-right li {
  position: relative;
  padding: 0;
  margin: 0;
  font-weight: light;
  font-weight: lighter;
}
.list-arrow-right li:after {
  position: absolute;
  display: block;
  top: 10px;
  left: 0;
  color: #34495e;
  font-family: 'Material Icons';
  content: "\e409";
  font-size: 0.53em;
  line-height: 1em;
}
.list-arrow-right li a {
  display: inline-block;
  padding: 0 0 0 21px;
  -webkit-transition:  all 0.3s 0s ease;
  -moz-transition:  all 0.3s 0s ease;
  -ms-transition:  all 0.3s 0s ease;
  -o-transition:  all 0.3s 0s ease;
  transition:  all 0.3s 0s ease;
}
.list-arrow-right li a:hover {
  color: #34495e;
  text-decoration: none;
}
.list-icon-small {
  overflow: hidden;
}
.list-icon-small li {
  display: block;
  float: left;
  margin-left: 8px;
  margin-bottom: 8px;
}
.list-icon-small li:first-child {
  margin-left: 0;
}
.list-bg-round {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}
.list-bg-round li {
  width: 60px;
  height: 60px;
  text-align: center;
  background-color: #67e0fa;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  line-height: 1em;
  display: inline-block;
  margin: 0 10px 10px 0;
}
.list-bg-round li span {
  display: table-cell;
  vertical-align: middle;
  height: 60px;
  width: 60px;
}
.list-bg-round li b {
  display: block;
  text-align: center;
}
/* map */
#map {
  height: 474px;
  width: 100%;
}
/* /map */
.sizes-row {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sizes-row li {
  min-width: 70px;
  display: inline-block;
  text-align: center;
}
/* tables */
table td {
  border-color: #e5e5e5 !important;
}
.table.text-center td,
.table.text-center th {
  text-align: center;
}
.table-address {
  min-width: 250px;
  margin: 20px 0 35px;
}
.table-address td {
  padding: 3px 25px 3px 0;
  vertical-align: top;
}
.table-params td {
  padding: 11px 18px !important;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #e5e5e5;
}
.table-params tr > td:first-child {
  border-left: 0;
  width: 30%;
}
.table-params tr:last-child td {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #e5e5e5;
}
.table-params .rating {
  margin: 7px 0;
}
.icon-enable {
  display: inline-block;
  font-size: 28px;
  line-height: 1em;
  color: #34495e;
}
.icon-disable {
  display: inline-block;
  font-size: 28px;
  line-height: 1em;
  color: #e5e5e5;
}
.table-order-history {
  width: 100%;
}
.table-order-history table {
  width: 100%;
}
.table-order-history tr {
  border-bottom: 1px solid #e5e5e5;
}
.table-order-history tr tr {
  border: none;
}
.table-order-history td,
.table-order-history th {
  text-align: center;
  vertical-align: top;
  border-right: 1px solid #e5e5e5;
  padding: 11px 5px;
}
.table-order-history td:last-child,
.table-order-history th:last-child {
  border-right: none;
}
.table-order-history td:first-child,
.table-order-history th:first-child {
  text-align: left;
  padding-left: 0;
}
.table-order-history th {
  border-top: 1px solid #e5e5e5;
}
.table-order-history .th-title {
  font-weight: bold;
  color: #333333;
  width: 50%;
  left: 0;
  text-align: right;
  position: absolute;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .table-order-history thead {
    display: none;
  }
  .table-order-history td,
  .table-order-history td:first-child {
    width: 100%;
    display: block;
    padding-left: 50%;
    text-align: left;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
  }
  .table-order-history tr {
    border-bottom: none !important;
  }
}
@media (max-width: 767px) {
  .table-order-history thead {
    display: none;
  }
  .table-order-history td,
  .table-order-history td:first-child {
    width: 100%;
    display: block;
    padding-left: 60%;
    text-align: left;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
  }
  .table-order-history .th-title {
    width: 60%;
  }
}
/* img */
.img-left {
  float: left;
  margin: 8px 40px 40px 0;
}
.img-right {
  float: right;
  margin: 0 0 40px 40px;
}
.img-responsive-inline {
  display: inline-block !important;
  max-width: 100%;
  height: auto;
}
.img-full-width{
  display:block !important;
  width: 100%;
  height: auto;
}
/* blockquote */
blockquote {
  border-left: none;
  position: relative;
}
blockquote.quote-left {
  padding: 0 0 0 123px;
  margin: 28px 0 22px;
  border-left-color: transparent;
  color: #34495e;
  font-family: Georgia, sans-serif;
  font-style: italic;
  font-size: 24px;
  line-height: 39px;
}
blockquote.quote-left:before {
  position: absolute;
  display: block;
  top: 0;
  left: -7px;
  margin-top: -15px;
  font-family: Georgia, sans-serif;
  content: '“';
  font-size: 9.8em;
  line-height: 1em;
  color: #34495e;
  font-style: normal;
}
blockquote.quote-left cite {
  font-size: 18px;
  color: #333333;
}
/* lead */
.lead {
  font-size: 18px;
  color: #333333;
  font-family: Georgia, sans-serif;
  padding: 14px 0 0 0;
  margin-bottom: 50px;
}
/* fill-bg */
.fill-bg {
  background-color: #f5f5f5;
}
.fill-bg .btn.btn--ys:hover {
  background-color: #374850;
  color: #fff;
}
.fill-bg.aside-inner {
  padding: 29px 15px 0 15px;
}
.fill-bg-lighter {
  background-color: #000000;
}
.fill-bg-custom {
  background-color: #34495e;
}
.fill-bg-custom.aside-inner {
  padding: 29px 15px 0 15px;
}
/* /fill-bg */
/* center content */
@media (max-width: 991px) {
  .col-sm-center {
    text-align: center;
  }
  .col-sm-center ul {
    max-width: 370px;
    margin: 0 auto;
  }
  .col-sm-center ul li {
    text-align: left;
  }
  .col-sm-center ol {
    max-width: 370px;
    margin: 0 auto;
  }
  .col-sm-center ol li {
    text-align: left;
  }
}
/* /center content */
/* table */
table {
  margin-bottom: 22px;
}
table th {
  color: #333333;
}
.table-bordered-01 {
  border-top: 1px solid #e5e5e5;
  width: 100%;
}
.table-bordered-01 thead td,
.table-bordered-01 thead tr th {
  color: #333333;
}
.table-bordered-01 thead th:first-child,
.table-bordered-01 tbody tr td:first-child {
  width: 10%;
  border-right: 1px solid #e5e5e5;
  text-align: right;
  padding-left: 10px;
}
.table-bordered-01 tbody tr td:first-child {
  color: #34495e;
}
.table-bordered-01 thead th,
.table-bordered-01 tbody tr td {
  padding: 17px 30px;
}
.table-bordered-01 tbody tr,
.table-bordered-01 thead tr {
  border-bottom: 1px solid #e5e5e5;
}
.table-bordered-01 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.table-bordered-01 ul li {
  display: inline-block;
  color: #333333;
  min-width: 63px;
  margin-right: 10px;
}
/* /table */
/* dl */
dl dt {
  color: #333333;
  font-size: 20px;
  font-weight: 500;
  padding: 0 0 4px 0;
}
dl dd {
  padding-bottom: 21px;
}
dl dd a {
  color: #34495e;
  text-decoration: underline;
}
dl dd a:hover {
  text-decoration: none;
}
/* /dl */
/* separator */
hr.hr-md {
  margin-top: 13px;
  margin-bottom: 13px;
}
hr.hr-lg {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  hr.hr-lg {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  hr.hr-lg {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  hr.hr-lg {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
.separator-section {
  padding: 0;
  margin: 0;
}
.separator-section hr {
  position: relative;
  top: 46px;
}
/* /separator */
/* link-icon */
.link-color {
  text-decoration: underline;
  color: #34495e;
}
.link-color:hover {
  text-decoration: none;
  color: #34495e;
}
.link-icon {
  color: #34495e;
}
.link-icon .icon,
.link-icon .fa {
  margin-right: 8px;
  position: relative;
  top: 2px;
  display: inline-block;
}
/* /link-icon */
/* link-underline */
.link-top {
  padding-top: 15px;
}
.link-underline {
  text-decoration: underline;
  color: #34495e;
}
.link-underline:hover {
  text-decoration: none;
  color: #34495e;
}
/* /link-underline */
.indent-top-text {
  padding-top: 13.5px;
}
.indent-top1-text {
  padding-top: 27px;
}
.container.indent-l-r-none {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.text-with-button {
  vertical-align: middle;
  display: inline-block;
}
.text-with-button span {
  font-size: 20px;
  padding-right: 10px;
}
@media (max-width: 768px) {
  .text-with-button span {
    display: block;
    text-align: center;
    padding-bottom: 10px;
  }
}
.content--parallax {
  background: url(ajax-loader.gif) 50% 50% no-repeat;
  height: 717px;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
}
@media only screen and (min-width: 1025px) {
  .content--parallax {
    background-attachment: fixed;
  }
}
@media (max-width: 767px) {
  .content--parallax {
    height: 317px;
  }
}
@media (min-width: 768px) {
  .content--parallax {
    height: 417px;
  }
}
@media (min-width: 992px) {
  .content--parallax {
    height: 517px;
  }
}
@media (min-width: 1200px) {
  .content--parallax {
    height: 617px;
  }
}
@media (min-width: 1770px) {
  .content--parallax {
    height: 717px;
  }
}
.content--parallax-sm {
  height: 514px;
}
.content--parallax-sm .parallax-text {
  height: 514px;
}
@media (max-width: 767px) {
  .content--parallax-sm {
    height: inherit;
  }
  .content--parallax-sm .parallax-text {
    height: inherit;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.carusel--parallax {
  padding: 80px 0;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  .carusel--parallax {
    background-attachment: fixed;
  }
}
.block-table {
  display: table;
  width: 100%;
  height: 100%;
}
.block-table-cell {
  display: table-cell;
  vertical-align: middle;
}
/* media-icon
==================================== */
.media-icon {
  display: table-row;
  width: 100%;
  height: 100%;
}
.media-icon--figure {
  display: table-cell;
  vertical-align: middle;
}
.media-icon--content {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 23px;
}
/* end media-icon
==================================== */
.image-bg {
  background: fixed no-repeat;
  background-position: center top;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
}
/* media-box-link
==================================== */
.media-box-link {
  display: table-row;
  width: 100%;
  height: 100%;
  background-color: #34495e;
  cursor: pointer;
  color: #fff;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.media-box-link h4 {
  color: #fff;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.media-box-link .icon {
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.media-box-link--figure,
.media-box-link--content,
.media-box-link--arrow {
  display: table-cell;
  padding: 6% 0;
  vertical-align: middle;
}
.media-box-link--figure {
  width: 23%;
}
.media-box-link--content {
  padding-right: 5%;
  width: 67%;
}
.media-box-link--arrow {
  width: 10%;
  vertical-align: middle;
}
.media-box-link:hover {
  background-color: #f5f5f5;
  color: #777777;
}
.media-box-link:hover h4 {
  color: #333333;
}
.media-box-link:hover .icon {
  color: #34495e;
}
@media (max-width: 530px) {
  .media-box-link {
    display: block;
  }
  .media-box-link--figure,
  .media-box-link--content,
  .media-box-link--arrow {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 4%;
  }
  .media-box-link--figure {
    padding-top: 4%;
    padding-bottom: 4%;
  }
  .media-box-link--content {
    padding-bottom: 4%;
  }
  .media-box-link--arrow {
    padding-bottom: 4%;
  }
}
/* end media-box-link
==================================== */
/* media-content-img-left
==================================== */
.media-content-img-left .pull-left {
  margin: 9px 30px 30px 0;
}
/* end media-content-img-left
==================================== */
/* media-content-img-left
==================================== */
.brand-lg-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.brand-lg-list a {
  width: 20%;
  float: left;
  display: block;
}
@media (min-width: 992px) {
  .brand-lg-list a {
    width: 20%;
  }
}
@media (min-width: 1200px) {
  .brand-lg-list a {
    width: 20%;
  }
}
@media (min-width: 1770px) {
  .brand-lg-list a {
    width: 20%;
  }
}
.brand-lg-list a img {
  display: block;
  -webkit-transition:  all 300ms 0s ease;
  -moz-transition:  all 300ms 0s ease;
  -ms-transition:  all 300ms 0s ease;
  -o-transition:  all 300ms 0s ease;
  transition:  all 300ms 0s ease;
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  -webkit-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  filter: alpha(opacity=30);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
.brand-lg-list a:hover img {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: gray;
}
.brand-lg-list .row-item {
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
}
.brand-lg-list .row-item a {
  border-right: 1px solid #e5e5e5;
}
.brand-lg-list .row-item a:last-child {
  border-right: 1px solid transparent;
}
.brand-lg-list .row-item:last-child {
  border-bottom: 1px solid transparent;
}
/* end media-content-img-left
==================================== */
.promos h2 a:hover {
  color: #333;
}
/* bull-line */
.bull-line {
  width: 68px;
  height: 5px;
  background: #34495e;
  display: inline-block;
}
/* /bull-line */
.animated {
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
}
.animation {
  opacity: 0;
  opacity: 1\9;
}
@-webkit-keyframes slideDown {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 500px;
  }
}
@keyframes slideDown {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 500px;
  }
}
.slideDown {
  overflow: hidden;
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
    opacity: 0.0;
  }
  25% {
    -moz-transform: scale(1);
    opacity: 0.1;
  }
  50% {
    -moz-transform: scale(1.1);
    opacity: 0.3;
  }
  75% {
    -moz-transform: scale(1.3);
    opacity: 0.5;
  }
  100% {
    -moz-transform: scale(1.5);
    opacity: 0.0;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    opacity: 0.0;
  }
  25% {
    -webkit-transform: scale(1);
    opacity: 0.1;
  }
  50% {
    -webkit-transform: scale(1.1);
    opacity: 0.3;
  }
  75% {
    -webkit-transform: scale(1.3);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.5);
    opacity: 0.0;
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 0.0;
  }
  25% {
    transform: scale(1);
    opacity: 0.1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.3;
  }
  75% {
    transform: scale(1.3);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.5);
    opacity: 0.0;
  }
}
/****************************************
* loader
*****************************************/
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000111;
  background-color: #000000;
  opacity: 1;
  -webkit-transition:  all 500ms linear 0s;
  -moz-transition:  all 500ms linear 0s;
  -ms-transition:  all 500ms linear 0s;
  -o-transition:  all 500ms linear 0s;
  transition:  all 500ms linear 0s;
}
#loader-wrapper.loader-off,
body.loaded #loader-wrapper {
  opacity: 0;
  visibility: hidden;
  -webkit-transition:  all 500ms linear 0s;
  -moz-transition:  all 500ms linear 0s;
  -ms-transition:  all 500ms linear 0s;
  -o-transition:  all 500ms linear 0s;
  transition:  all 500ms linear 0s;
}
/* The loader container */
#loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  perspective: 400px;
  transform-type: preserve-3d;
}
/* The dot */
#loader .dot {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -80px;
  transform-type: preserve-3d;
  transform-origin: 80px 50%;
  transform: rotateY(0);
  background-color: #34495e;
  animation: dot1 2000ms cubic-bezier(0.56, 0.09, 0.89, 0.69) infinite;
}
#loader .dot:nth-child(2) {
  z-index: 9;
  animation-delay: 150ms;
}
#loader .dot:nth-child(3) {
  z-index: 8;
  animation-delay: 300ms;
}
#loader .dot:nth-child(4) {
  z-index: 7;
  animation-delay: 450ms;
}
#loader .dot:nth-child(5) {
  z-index: 6;
  animation-delay: 600ms;
}
#loader .dot:nth-child(6) {
  z-index: 5;
  animation-delay: 750ms;
}
#loader .dot:nth-child(7) {
  z-index: 4;
  animation-delay: 900ms;
}
#loader .dot:nth-child(8) {
  z-index: 3;
  animation-delay: 1050ms;
}
@keyframes dot1 {
  0% {
    transform: rotateY(0) rotateZ(0) rotateX(0);
    background-color: #34495e;
  }
  45% {
    transform: rotateZ(180deg) rotateY(360deg) rotateX(90deg);
    background-color: #000000;
    animation-timing-function: cubic-bezier(0.15, 0.62, 0.72, 0.98);
  }
  90%,
  100% {
    transform: rotateY(0) rotateZ(360deg) rotateX(180deg);
    background-color: #34495e;
  }
}
/****************************************
* end loader
*****************************************/


.megamenu .product {
  padding-bottom: 5px;
}
@media (min-width: 768px) {
  .col-lg-2 .product {
    font-size: 0.8em;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .col-md-3 .product {
    font-size: 0.8em;
  }
}
.product .row-mode-visible {
  display: none;
}
.product .row-mode-hide {
  display: block;
}
.dropdown .product__inside {
	background-color: #141414;
}
.product__inside {
  background-color: #ffffff;
  overflow: hidden;
  width: 100%;
  top: 0;
  left: 0;
  /* hover slide down */
  /* product name */
  /* product toggle info */
  /* /product toggle info */
}
@media (min-width: 1299px) {
  .product__inside__hover {
    position: absolute;
    width: 100%;
    background: #ffffff;
  }
}
.product__inside__name h2 {
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5em;
  text-transform: uppercase;
  padding: 0 10px;
  margin: 1.48em 0 0.54em;
  letter-spacing: 0.6px;
  color: #34495e;
}
.megamenu .product__inside__name h2 {
  margin-top: 1em;
}
.product__inside__name h2 a {
  color: #1fc0a0;
}
.product__inside__name h2 a:hover {
  color: #333333;
}
@media (min-width: 1299px) {
  .product__inside__info {
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition:  height 300ms linear 0s;
    -moz-transition:  height 300ms linear 0s;
    -ms-transition:  height 300ms linear 0s;
    -o-transition:  height 300ms linear 0s;
    transition:  height 300ms linear 0s;
  }
}
.product__inside__image {
  position: relative;
}
.product__inside__image img {
  width: 100%;
}
.product__inside .rating {
  margin: 0 0 15px;
}
.product .quick-view {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  margin: 0 auto;
  text-align: center;
  color: #1fc0a0;
  margin-top: -24px;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.product .quick-view:hover b {
  background-color: rgba();
  color: #ffffff;
}
.product .quick-view b {
  display: inline-block;
  background-color: rgba();
  font-size: 1.125em;
  line-height: 1em;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
@media (max-width: 767px) {
  .product .quick-view b {
    padding: 0.67em 0.5em 0.85em;
  }
}
@media (min-width: 768px) {
  .product .quick-view b {
    padding: 0.67em 0.5em 0.85em;
  }
}
@media (min-width: 992px) {
  .product .quick-view b {
    padding: 0.62em 0.5em 0.85em;
  }
}
@media (min-width: 1200px) {
  .product .quick-view b {
    padding: 0.9em 0.481em 1.10em;
  }
}
@media (min-width: 1770px) {
  .product .quick-view b {
    padding: 0.98em 0.8em 1.05em;
  }
}
@media (max-width: 767px) {
  .product .quick-view {
    margin-top: -20px;
  }
}
@media (min-width: 768px) {
  .product .quick-view {
    margin-top: -20px;
  }
}
@media (min-width: 992px) {
  .product .quick-view {
    margin-top: -18px;
  }
}
@media (min-width: 1200px) {
  .product .quick-view {
    margin-top: -29px;
  }
}
@media (min-width: 1770px) {
  .product .quick-view {
    margin-top: -28px;
  }
}
.product .quick-view .icon {
  font-size: 1em;
  display: inline-block;
  position: relative;
  top: 0.2em;
  margin-right: 0.2em;
}
.product:hover .quick-view {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.product__label {
  position: absolute;
  top: 1.5em;
  font-size: 0.8125em;
  line-height: 1.04em;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  font-family: Ubuntu, sans-serif;
  font-weight: 600;
}
.product__label--right {
  right: 1.5em;
}
.product__label--left {
  left: 1.5em;
}
.product__label--new {
  background-color: #474747;
  padding: 0.7em 0.75em 0.6em;
}
.product__label--new.product__label {
  color: #ffffff;
}
.product__label--sale {
  background-color: #fa6b6b;
  padding: 0.95em 0.7em;
}
@media (min-width: 1299px) {
  .product.hovered .product__label--left {
    margin-left: -50px;
  }
  .product.hovered .product__label--right {
    margin-right: -50px;
  }
}
@media (min-width: 768px) {
  .product-listing.row-view .product.hovered .product__label--left {
    margin-left: 0;
  }
  .product-listing.row-view .product.hovered .product__label--right {
    margin-right: 0;
  }
}
.product.sold-out .product__inside__image img,
.product.sold-out .product__inside__name,
.product.sold-out .product__inside__info,
.product.sold-out .product__inside__review,
.product.sold-out .product__inside__description,
.product.sold-out .product__label,
.product.sold-out .price-box,
.product.sold-out .rating {
  -moz-opacity: 0.2 !important;
  -khtml-opacity: 0.2 !important;
  -webkit-opacity: 0.2 !important;
  opacity: 0.2 !important;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20) !important;
  filter: alpha(opacity=20) !important;
}
.product .product__label--sold-out {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2.5em;
  margin-left: -2.5em;
  background-color: #fa6b6b;
  width: 5em;
  height: 5em;
  background: rgba(250, 107, 107, 0.35);
  text-transform: uppercase;
  color: #fff;
  font-size: 1.3em;
  line-height: 1em;
  text-align: center;
  border-radius: 50%;
}
.product .product__label--sold-out span {
  display: table-cell;
  width: 5em;
  height: 5em;
  vertical-align: middle;
}
.product .product__inside__info__link {
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
}
.product .product__inside__info__link li {
  overflow: hidden;
  white-space: nowrap;
  margin-right: 10px;
  display: inline-block;
  cursor: pointer;
  color: #333333;
}
.product .product__inside__info__link li:last-child {
  margin-right: 0;
}
.product .product__inside__info__link li .icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  line-height: 24px;
}
.product .product__inside__info__link li a {
  opacity: 0;
  color: #333333;
  max-width: 0;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  transition: max-width 500ms ease-out 100ms, opacity 500ms ease-out 100ms, color;
  overflow: hidden;
}
.product .product__inside__info__link li a:hover {
  color: #34495e;
}
.product .product__inside__info__link li a span.text {
  float: right;
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
}
.product .product__inside__info__link li:hover {
  color: #34495e;
}
.product .product__inside__info__link li:hover a {
  color: #34495e;
  opacity: 1;
  max-width: 150px;
  transition: max-width 500ms ease-out 100ms, opacity 500ms ease-out 100ms, color 200ms;
}
@media (max-width: 1199px) {
  .product .product__inside__info .btn--xl {
    padding: 10px 15px;
    max-width: 100%;
    text-align: center;
  }
}
@media (min-width: 1299px) {
  .product.smallproduct .product__inside__info .btn--xl:not(.row-mode-visible) {
    width: 50px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    margin: 0px 2px 14px;
    text-align: center;
    overflow: hidden;
    display: inline-block !important;
  }
  .product.smallproduct .product__inside__info .btn--xl:not(.row-mode-visible) .icon {
    width: 50px;
    padding-right: 0;
  }
  .product.smallproduct .custom__info__link,
  .product.smallproduct .product__inside__info .btn--xl.row-mode-visible {
    display: none !important;
  }
}
@media (max-width: 1298px) {
  .product .product__inside__info .btn--xl:not(.row-mode-visible) {
    width: 50px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    margin: 0px 2px 14px;
    text-align: center;
    overflow: hidden;
    display: inline-block !important;
  }
  .product .product__inside__info .btn--xl:not(.row-mode-visible) .icon {
    width: 50px;
    padding-right: 0;
  }
  .product .product__inside__info .btn--xl.row-mode-visible {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .product .product__inside__info .btn--xl:not(.row-mode-visible) {
    margin: 13px 2px 14px;
  }
}
@media (max-width: 767px) {
  .product-listing:not(.carousel-products-mobile) {
    margin-bottom: 10px !important;
  }
  .product-listing:not(.carousel-products-mobile) .product {
    margin-bottom: 15px;
  }
  .product-listing:not(.carousel-products-mobile) .product .countdown_box {
    display: none;
  }
  .product-listing:not(.carousel-products-mobile) .product .product__inside {
    text-align: left;
  }
  .product-listing:not(.carousel-products-mobile) .product .product__inside__name h2 {
    padding: 0;
    margin: 10px 0;
    font-size: 1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #777777;
  }
  .product-listing:not(.carousel-products-mobile) .product .product__inside__name h2 a {
    text-transform: none;
    font-weight: 300;
    color: #777777;
  }
  .product-listing:not(.carousel-products-mobile) .product .product__inside__info .btn--xl:not(.row-mode-visible) {
    padding: 0;
    width: 24px;
    height: 20px;
    line-height: 20px;
    padding: 0 0;
    margin: 0 10px 14px 0;
    background: transparent !important;
    display: inline-block !important;
    text-align: left;
  }
  .product-listing:not(.carousel-products-mobile) .product .product__inside__info .btn--xl:not(.row-mode-visible) .icon {
    width: 20px;
    padding: 0;
    font-size: 20px;
    color: #777777;
  }
  .product-listing:not(.carousel-products-mobile) .product .product__inside__info .btn--xl:not(.row-mode-visible):hover .icon {
    color: #34495e;
  }
  .product-listing:not(.carousel-products-mobile) .product .price-box {
    font-size: 20px;
    text-align: left;
    margin-bottom: 5px;
  }
  .product-listing:not(.carousel-products-mobile) .product .price-box__old {
    font-size: 18px;
    position: relative;
    text-decoration: line-through;
  }
  .product-listing:not(.carousel-products-mobile) .quick-view {
    display: none !important;
  }
  .product-listing:not(.carousel-products-mobile) .rating {
    text-align: left;
  }
  .product-listing:not(.carousel-products-mobile) .options-swatch {
    margin-bottom: 10px;
  }
  .product-listing:not(.carousel-products-mobile) .options-swatch li a {
    width: 14px;
    height: 14px;
    font-size: 13px;
    line-height: 14px;
  }
}
@media (min-width: 1299px) {
  .product-listing:not(.row-view) .product.hovered,
  .carousel-products .product.hovered {
    padding-bottom: 0;
    z-index: 10001;
  }
  .product-listing:not(.row-view) .product.hovered .product__inside,
  .carousel-products .product.hovered .product__inside {
    margin: -50px -50px 0;
    width: auto;
  }
  .product-listing:not(.row-view) .product.hovered .product__inside__hover,
  .carousel-products .product.hovered .product__inside__hover {
    width: auto;
    margin: 0 -50px;
    padding-bottom: 15px;
    left: 0;
    right: 0;
  }
  .product-listing:not(.row-view) .product:hover,
  .carousel-products .product:hover,
  .product-listing:not(.row-view) .product.hovered,
  .carousel-products .product.hovered {
    overflow: visible;
    z-index: 1;
  }
  .product-listing:not(.row-view) .product:hover .product__inside,
  .carousel-products .product:hover .product__inside,
  .product-listing:not(.row-view) .product.hovered .product__inside,
  .carousel-products .product.hovered .product__inside,
  .product-listing:not(.row-view) .product:hover .product__inside__hover,
  .carousel-products .product:hover .product__inside__hover,
  .product-listing:not(.row-view) .product.hovered .product__inside__hover,
  .carousel-products .product.hovered .product__inside__hover {
    -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.08);
  }
  .megamenu .product-listing:not(.row-view) .product:hover .product__inside,
  .megamenu .carousel-products .product:hover .product__inside,
  .megamenu .product-listing:not(.row-view) .product.hovered .product__inside,
  .megamenu .carousel-products .product.hovered .product__inside,
  .megamenu .product-listing:not(.row-view) .product:hover .product__inside__hover,
  .megamenu .carousel-products .product:hover .product__inside__hover,
  .megamenu .product-listing:not(.row-view) .product.hovered .product__inside__hover,
  .megamenu .carousel-products .product.hovered .product__inside__hover {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  .product-listing:not(.row-view) .product:hover .product__inside__info,
  .carousel-products .product:hover .product__inside__info,
  .product-listing:not(.row-view) .product.hovered .product__inside__info,
  .carousel-products .product.hovered .product__inside__info {
    height: auto;
    opacity: 1;
    -webkit-transition:  height 300ms linear 0s;
    -moz-transition:  height 300ms linear 0s;
    -ms-transition:  height 300ms linear 0s;
    -o-transition:  height 300ms linear 0s;
    transition:  height 300ms linear 0s;
  }
}
@media (min-width: 1299px) {
  .product__inside__info__hover {
    position: absolute;
    width: 100%;
    background: #fff;
  }
  .product__inside__info__info {
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition:  height 300ms linear 0s;
    -moz-transition:  height 300ms linear 0s;
    -ms-transition:  height 300ms linear 0s;
    -o-transition:  height 300ms linear 0s;
    transition:  height 300ms linear 0s;
  }
}
.product__inside__info__link {
  margin: 22px 0 5px 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1298px) {
  .product__inside__info__link {
    display: none;
  }
}
.product__inside__info__link li {
  overflow: hidden;
  white-space: nowrap;
  margin-right: 10px;
  display: inline-block;
  cursor: pointer;
  color: #333333;
}
.product__inside__info__link li .icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  line-height: 24px;
}
.product__inside__info__link li a {
  color: #333333;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
}
.product__inside__info__link li a:hover {
  color: #34495e;
}
.product__inside__info__link li a span.text {
  float: right;
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
  opacity: 0;
  max-width: 0;
  transition: max-width 500ms ease-out 100ms, opacity 500ms ease-out 100ms, color;
}
@media (max-width: 1199px) {
  .product__inside__info__link li a {
    max-width: 150px;
    opacity: 1;
    text-align: center;
  }
}
.product__inside__info__link li:hover {
  color: #34495e;
}
.product__inside__info__link li:hover span.text {
  color: #34495e;
  overflow: hidden;
  opacity: 1;
  max-width: 150px;
  transition: max-width 500ms ease-out 100ms, opacity 500ms ease-out 100ms, color 200ms;
}
/* product link */
.product-link {
  margin: 22px 0 5px 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1298px) {
  .product-link {
    display: none;
  }
}
.product-link li {
  overflow: hidden;
  white-space: nowrap;
  margin-right: 10px;
  display: inline-block;
  cursor: pointer;
  color: #333333;
}
.product-link li .icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  line-height: 24px;
}
.product-link li a {
  color: #333333;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
}
.product-link li a:hover {
  color: #34495e;
}
.product-link li a span.text {
  float: right;
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
  opacity: 0;
  max-width: 0;
  transition: max-width 500ms ease-out 100ms, opacity 500ms ease-out 100ms, color;
}
@media (max-width: 1199px) {
  .product-link li a {
    max-width: 150px;
    opacity: 1;
    text-align: center;
  }
}
.product-link li:hover {
  color: #34495e;
}
.product-link li:hover span.text {
  color: #34495e;
  overflow: hidden;
  opacity: 1;
  max-width: 150px;
  transition: max-width 500ms ease-out 100ms, opacity 500ms ease-out 100ms, color 200ms;
}
/* rating */
.rating {
  text-align: center;
  font-size: 1em;
  line-height: 1em;
  margin-bottom: 20px;
  color: #ed532c;
  vertical-align: text-top;
  white-space: nowrap;
}
.rating span {
  display: inline;
  margin: 0 -2px;
  font-size: 16px;
  line-height: 18px;
}
.rating .empty-star {
  color: #ffffff;
}
/* price-box */
.price-box {
  margin: 0 0 0.6em 0;
  font-size: 1.875em;
  line-height: 1em;
  color: #333333;
  font-family: Ubuntu, sans-serif;
  font-weight: 400;
  text-align: center;
}
.price-box.baseprice {
  color: #333333;
}
.price-box__old {
  color: #fa6b6b;
  font-size: 60%;
  line-height: 1;
  font-weight: 300;
  padding: 0 5px;
  text-decoration: line-through;
}
/* product listing */
.product-listing > div {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
}
@media (max-width: 480px) {
  .product-listing.carousel-products-mobile > div {
    display: inline-block;
    width: 100%;
  }
}
/* row view mode */
.product-listing.row-view > div {
  float: none;
  display: block;
  width: 100%;
}
.product-listing.row-view > div .row-mode-visible {
  display: block;
}
.product-listing.row-view > div .btn.row-mode-visible {
  display: inline-block;
}
.product-listing.row-view > div .row-mode-hide {
  display: none;
}
.product-listing.row-view > div .product {
  min-height: 0 !important;
  padding-bottom: 0;
  margin-bottom: 50px;
  max-width: none;
}
.product-listing.row-view > div .product:hover .product__inside {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.product-listing.row-view > div .product .product__label--right {
  left: 48.5%;
  right: auto;
  margin-left: -65px;
}
@media (min-width: 1770px) {
  .product-listing.row-view > div .product .product__label--right {
    left: 30%;
  }
}
@media (max-width: 1199px) {
  .product-listing.row-view > div .product .product__label--right {
    left: 35%;
  }
}
@media (max-width: 991px) {
  .product-listing.row-view > div .product .product__label--right {
    left: 50%;
  }
}
@media (max-width: 1199px) {
  .product-listing.row-view > div .product .product__label--right {
    margin-left: -73px;
  }
}
.product-listing.row-view > div .product__inside {
  text-align: left;
}
.product-listing.row-view > div .product__inside.pos-abs {
  position: relative !important;
}
.product-listing.row-view > div .product__inside__name,
.product-listing.row-view > div .product__inside__description,
.product-listing.row-view > div .product__inside__review,
.product-listing.row-view > div .product__inside__price,
.product-listing.row-view > div .product__inside__info {
  padding-left: 30px;
}
@media (max-width: 767px) {
  .product-listing.row-view > div .product__inside__name,
  .product-listing.row-view > div .product__inside__description,
  .product-listing.row-view > div .product__inside__review,
  .product-listing.row-view > div .product__inside__price,
  .product-listing.row-view > div .product__inside__info {
    padding-left: 5px;
  }
}
.product-listing.row-view > div .product__inside__name {
  overflow: hidden;
}
.product-listing.row-view > div .product__inside__name h2 {
  padding: 0;
  margin-bottom: 5px;
}
.product-listing.row-view > div .product__inside__description {
  margin-bottom: 12px;
  padding-left: 30px;
  overflow: hidden;
  font-weight: 300;
}
.product-listing.row-view > div .product__inside .quick-view {
  display: none;
}
.product-listing.row-view > div .product__inside__hover {
  position: relative;
  background: transparent;
}
.product-listing.row-view > div .product__inside__review {
  overflow: hidden;
}
.product-listing.row-view > div .product__inside__review .rating {
  display: inline-block;
  padding-right: 20px;
}
.product-listing.row-view > div .product__inside__review > a {
  display: inline-block;
  padding-right: 20px;
  font-weight: 300;
}
.product-listing.row-view > div .product__inside__review > a:hover {
  color: #34495e;
}
.product-listing.row-view > div .product__inside__price {
  overflow: hidden;
  text-align: left;
  margin-bottom: 12px;
}
.product-listing.row-view > div .product__inside__image {
  float: left;
  width: 48.5%;
}
@media (min-width: 1770px) {
  .product-listing.row-view > div .product__inside__image {
    width: 30%;
  }
}
@media (max-width: 1199px) {
  .product-listing.row-view > div .product__inside__image {
    width: 35%;
  }
}
@media (max-width: 991px) {
  .product-listing.row-view > div .product__inside__image {
    width: 50%;
    padding-right: 15px;
  }
  .product-listing.row-view > div .product__inside__image .carousel-control.next {
    right: 15px;
  }
  .product-listing.row-view > div .product__inside__image .countdown_box {
    right: 15px;
  }
}
.product-listing.row-view > div .product__inside__info {
  height: auto !important;
  max-height: none;
  opacity: 1;
  overflow: hidden;
}
.product-listing.row-view > div .product__inside__info .options-swatch {
  margin-bottom: 20px;
}
.product-listing.row-view > div .product__inside__info__btns {
  margin-top: 20px;
}
.product-listing.row-view > div .product__inside__info__link {
  margin-top: 15px;
}
@media (min-width: 1299px) {
  .product-listing.row-view > div .product__inside__info .btn--xl {
    margin-bottom: 10px;
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .product-listing.row-view .product {
    margin-bottom: 30px;
  }
  .product-listing.row-view .product .product__inside__info__link li {
    width: auto;
    text-align: left;
  }
  .product-listing.row-view > div .row-mode-visible {
    display: none !important;
  }
  .product-listing.row-view > div .product__inside__hover {
    position: static;
  }
  .product-listing.row-view > div .product__inside__info__btns {
    position: absolute;
    bottom: -7px;
  }
  .product-listing.row-view > div .product__inside__info__btns .btn--xl {
    margin-bottom: 0 !important;
  }
  .product-listing.row-view .product .product__inside__name h2 {
    margin-top: 0;
  }
  .product-listing:not(.carousel-products-mobile) .product__label {
    top: 0.625em;
  }
  .product-listing:not(.carousel-products-mobile) .product__label--left {
    left: 0.625em;
  }
  .product-listing:not(.carousel-products-mobile) .product__label--right {
    right: 0.625em;
  }
  .product-listing:not(.row-view):not(.carousel-products-mobile) .product .rating.row-mode-hide {
    display: none !important;
  }
  .product-listing:not(.row-view):not(.carousel-products-mobile) .product .product__inside__review.row-mode-visible {
    display: block !important;
  }
  .product-listing:not(.row-view):not(.carousel-products-mobile) .product .product__inside__review.row-mode-visible .rating.row-mode-visible {
    display: block !important;
    margin: 4px 0 0 0 !important;
  }
  .product-listing:not(.row-view):not(.carousel-products-mobile) .options-swatch {
    margin-bottom: 0;
  }
  .product-listing:not(.row-view):not(.carousel-products-mobile) .product .product__inside__review.row-mode-visible > a {
    display: none !important;
  }
  .product-listing:not(.row-view):not(.carousel-products-mobile) .product .product__inside__info__btns {
    margin-top: 10px;
  }
}
/* product-page */
.product-info-outer {
  position: relative;
}
.product-info-outer #productPrevNext {
  position: relative;
  z-index: 100;
}
.product-info-outer #productPrevNext img {
  position: absolute;
  top: -110px;
  left: -20px;
  width: 80px;
  display: none;
}
.product-info-outer #productPrevNext .product-prev:hover,
.product-info-outer #productPrevNext .product-next:hover {
  text-decoration: none;
}
.product-info-outer #productPrevNext .product-prev:hover img,
.product-info-outer #productPrevNext .product-next:hover img {
  display: block;
}
.product-info-outer #productPrevNext .product-prev,
.product-info-outer #productPrevNext .product-next {
  display: block;
  height: 45px;
  width: 45px;
  cursor: pointer;
  position: absolute;
  top: -1000px;
  margin-top: -24.5px;
}
@media (max-width: 1200px) {
  .product-info-outer #productPrevNext img {
    top: auto;
    bottom: -110px;
    right: 20px;
    left: auto;
  }
  .product-info-outer #productPrevNext .product-prev {
    top: -60px !important;
    right: 70px !important;
    left: auto !important;
    margin-top: 0;
  }
  .product-info-outer #productPrevNext .product-next {
    top: -60px !important;
    right: 0 !important;
    left: auto !important;
    margin-top: 0;
  }
}
@media (max-width: 1333px) {
  .product-info-outer #productPrevNext .product-prev img {
    left: 18px;
  }
}
@media (max-width: 1333px) {
  .product-info-outer #productPrevNext .product-next img {
    left: -53px;
  }
}
.product-info-outer #productPrevNext .product-prev:hover:before,
.product-info-outer #productPrevNext .product-next:hover:before {
  color: #34495e;
}
.product-info-outer #productPrevNext .product-prev:before,
.product-info-outer #productPrevNext .product-next:before {
  display: block;
  font-family: "Material Icons";
  font-size: 44px;
  line-height: 45px;
  color: #333333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.product-info-outer #productPrevNext .product-prev {
  left: -50px;
}
.product-info-outer #productPrevNext .product-prev:before {
  content: "\e408";
}
.product-info-outer #productPrevNext .product-next {
  right: -50px;
}
.product-info-outer #productPrevNext .product-next:before {
  content: "\e409";
}
.product-main-image {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.product-main-image img {
  width: 100%;
}

.free-delivery .img-free{
    width: 100%;
    max-width: 458px;
}

.free-delivery a{
    display: block;
    font-size: 28px;
    padding-top: 10px;
    color: #8e6fb6;
}

.product-images-carousel {
  padding: 0;
  margin: 30px 0 40px;
  width: 100%;
  position: relative;
}
.product-images-carousel ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.product-images-carousel ul li {
  margin: 0 25px 0 0;
}
.product-images-carousel ul .slick-list {
  margin-right: -25px;
}
.product-images-carousel img {
  width: 100%;
}
#mobileGallery {
  margin: 15px 0;
  padding: 0;
}
#mobileGallery img {
  width: 100%;
}
.product-info__title h2 {
  padding-bottom: 0;
  text-transform: uppercase;
  font-weight: 500;
}
.product-info__vendor {
  display: block;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 24px;
}
.product-info__price {
  font-size: 2.5em;
  color: #333333;
  text-align: left !important;
}
.product-info__description__brand {
  float: left;
  margin: 0 15px 0 0;
}
.product-info__description__text {
  overflow: hidden;
  font-weight: 300;
}
.product-info__review {
  font-weight: 300;
}
.product-info__review .rating {
  display: inline-block;
  padding-right: 20px;
}
.product-info__review > a {
  display: inline-block;
  padding-right: 20px;
  color: #333333;
}
.product-info__review > a:last-child {
  color: #34495e;
}
.product-info__review > a:hover {
  color: #34495e;
}
.product-info__sku {
  font-weight: 300;
}
@media (max-width: 991px) {
  .product-info__sku {
    float: none !important;
    margin-bottom: 15px;
  }
}
.product-info__availability {
  font-weight: 300;
  margin-top: -4px;
}
@media (max-width: 991px) {
  .product-info__availability {
    float: none !important;
  }
}
.product-info__title {
  margin: 8px 0 20px;
}
.product-info__price {
  margin: 0 0 18px;
}
.product-info__divider {
  border-bottom: 1px solid #e5e5e5;
  height: 5px;
  margin-bottom: 20px;
}
.product-info__description {
  padding: 0 0 18px;
}

.product-info .option-label,
.product-info .qty-label {
  color: #333333;
  font-weight: 500;
}
.product-info .qty-label {
  line-height: 70px;
  margin-right: 10px;
}
.product-info .qty-input {
  height: 70px;
  width: 90px;
  margin-right: 10px;
  text-align: center;
}
.product-info .product-link {
  margin-top: 10px;
}
.video-link {
  text-decoration: none;
  color: #34495e;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1em;
}
.video-link:hover,
.video-link:focus {
  text-decoration: none;
  color: #333333;
}
.video-link .icon {
  font-size: 34px;
  line-height: 1em;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.custom-product-block {
  position: relative;
  padding-left: 75px;
}
.custom-product-block:after {
  content: '';
  position: absolute;
  left: 20px;
  top: 0px;
  width: 1px;
  height: 100%;
  background: #e5e5e5;
}
.delivery-banner {
  position: relative;
  min-height: 85px;
  margin-bottom: 37px;
  cursor: pointer;
}
.delivery-banner__icon {
  position: absolute;
  top: 3px;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background: #34495e;
}
.delivery-banner__icon span {
  display: block;
  position: relative;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #ffffff;
  font-size: 34px;
  margin-top: 2px;
}
.delivery-banner__icon span.icon-replay_5 {
  font-size: 42px;
}
.delivery-banner__text {
  padding-left: 117px;
}
.delivery-banner__text h3 {
  font-size: 1.375em;
  font-weight: 500;
  margin-bottom: 9px;
  color: #34495e;
  text-transform: uppercase;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.delivery-banner__text h5 {
  font-size: 1.125em;
  margin-bottom: 5px;
  font-family: Georgia, sans-serif;
  font-style: italic;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.delivery-banner:hover h3 {
  letter-spacing: 2px;
}
/* table-product */
.table-product {
  width: 100%;
}
.table-product th {
  text-transform: uppercase;
  font-size: 16px;
  padding-bottom: 12px;
}
.table-product tr {
  border-bottom: 1px solid #e5e5e5;
}
.table-product td {
  padding: 5px;
}
.table-product td:first-child,
.table-product th:first-child {
  width: 65%;
  padding-left: 0;
}
.table-product td:nth-child(2n),
.table-product th:nth-child(2n) {
  width: 30%;
}
.table-product td:last-child,
.table-product th:last-child {
  width: 5%;
}
.table-product td:last-child {
  padding-right: 0;
}
.table-product input {
  border: 1px solid #e5e5e5;
  width: 52px;
  height: 26px;
  text-align: center;
}
/* /table-product */
/* product-big
==================================== */
.bigGallery .slick-arrow {
  z-index: 1111;
}
.product-info-big {
  overflow: hidden;
}
.product-info-big .product-info__price {
  text-align: center !important;
}
.product-info-big .product-info__sku,
.product-info-big .product-info__availability {
  display: inline-block;
  margin: 0 20px;
  width: auto;
  float: inherit !important;
}
.product-info-big .option-label,
.product-info-big .options-swatch {
  display: inline-block;
}
.product-info-big .product-info-left {
  float: left;
}
@media (max-width: 768px) {
  .product-info-big .product-info-left {
    float: inherit;
  }
}
.product-info-big .product-info-right {
  float: right;
}
@media (max-width: 768px) {
  .product-info-big .product-info-right {
    float: inherit;
  }
}
.product-info-big .product-link {
  display: block !important;
}
.product-info-big #productPrevNext .product-prev,
.product-info-big #productPrevNext .product-next {
  margin-top: 220px;
}
.product-info-big #productPrevNext .product-prev:focus,
.product-info-big #productPrevNext .product-next:focus {
  text-decoration: none;
}
.product-info-big #productPrevNext .product-next {
  right: 0 !important;
}
.product-info-big #productPrevNext .product-prev {
  left: 0 !important;
}
.product-info-big .fields {
  padding-bottom: 27px;
  width: 40%;
  margin: 0 auto;
  position: relative;
}
.product-info-big .fields select {
  text-align: center;
}
.product-info-big .fields .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  text-align: center;
}
.product-info-big .fields .option-label {
  padding-bottom: 7px;
}
.product-info-big .fields .option-label {
  display: block;
  text-align: center;
}
@media (max-width: 750px) {
  .product-info-big .fields {
    width: 70%;
  }
}
.product-data-big h5 {
  font-size: 26px;
  margin-bottom: 25px;
}
.product-data-big ul {
  margin: 0 0 25px 0;
  padding: 0;
}
@media (max-width: 767px) {
  .product-data-big {
    width: 90%;
    padding-top: 7%;
    padding-bottom: 3%;
    margin-left: 5%;
    margin-right: 5%;
  }
  .product-data-big h5 {
    margin-bottom: 25px;
  }
  .product-data-big .simple-list li {
    padding: 0 0 2px 18px;
  }
}
@media (min-width: 768px) {
  .product-data-big {
    width: 90%;
    padding-top: 7%;
    padding-bottom: 3%;
    margin-left: 5%;
    margin-right: 5%;
  }
  .product-data-big h5 {
    margin-bottom: 25px;
  }
  .product-data-big .simple-list li {
    padding: 0 0 2px 30px;
  }
}
@media (min-width: 992px) {
  .product-data-big {
    width: 85%;
    padding-top: 7%;
    margin-left: 10%;
    margin-right: 5%;
  }
  .product-data-big h5 {
    margin-bottom: 25px;
  }
  .product-data-big .simple-list li {
    padding: 0 0 2px 30px;
  }
}
@media (min-width: 1200px) {
  .product-data-big {
    width: 80%;
    padding-top: 10%;
    margin-left: 10%;
    margin-right: 10%;
  }
  .product-data-big h5 {
    margin-bottom: 35px;
  }
  .product-data-big .simple-list li {
    padding: 0 0 5px 30px;
  }
}
@media (min-width: 1770px) {
  .product-data-big {
    width: 50%;
    padding-top: 20%;
    margin-left: 25%;
    margin-right: 25%;
  }
  .product-data-big h5 {
    margin-bottom: 39px;
  }
  .product-data-big .simple-list li {
    padding: 0 0 7px 30px;
  }
}
@media (max-width: 767px) {
  .zoomContainer {
    display: none !important;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }
}
/* /product-big
==================================== */
.options-swatch--size li a {
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
/* countdown product(product-small)
==================================== */
.countdown-product {
  padding-top: 2px;
}
.countdown-product .countdown-row > span {
  width: 60px;
  height: 60px;
  background-color: #67e0fa;
  margin: 0 10px 10px 0;
  padding: 15px 0 0 0 !important;
  font-size: 14px;
  line-height: 1em;
  padding: 0;
  color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
}
.countdown-product .countdown-row > span span {
  padding: 0;
}
/* /countdown product(/product-small)
==================================== */
/* slider-product(product-fields.html)
==================================== */
.slider-product-large {
  padding: 0;
  width: 100%;
  position: relative;
  margin-bottom: 21px;
}
.slider-product-large div {
  width: 100%;
}
.slider-product-large div img {
  width: 100%;
  height: auto;
}
.slider-product-small {
  padding: 0;
  margin: 30px 0 40px 0 !important;
  position: relative;
  overflow: hidden;
}
.slider-product-small div {
  cursor: pointer;
  margin: 0 12px;
}
.slider-product-small div img {
  width: 100%;
  height: auto;
}
/* end slider-product(product-fields.html)
==================================== */
/****************************************
* end product
*****************************************/
/****************************************
* carousel
*****************************************/
/* Carousel content */
.slick-loading .slick-list {
  background: #fff url('ajax-loader.gif') center center no-repeat;
}
.slickArrow {
  display: block;
  height: 45px;
  width: 45px;
  cursor: pointer;
  background-color: #f5f5f5;
  color: #333333;
  padding: 0;
  border: none;
  outline: none;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.slickArrowHover {
  outline: none;
  background: #34495e;
}
.slickArrowHover:before {
  opacity: 0.8;
  color: #ffffff;
}
.slickBefore {
  display: block;
  font-family: "Material Icons";
  font-size: 35px;
  line-height: 45px;
  color: #333333;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
  .product .carousel-control {
    display: block;
    height: 45px;
    width: 45px;
    cursor: pointer;
    background-color: #f5f5f5;
    color: #333333;
    padding: 0;
    border: none;
    outline: none;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
    z-index: 1000;
    top: 50%;
    margin-top: -22.5px;
    text-shadow: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .product .carousel-control:hover {
    outline: none;
    background: #34495e;
  }
  .product .carousel-control:hover:before {
    opacity: 0.8;
    color: #ffffff;
  }
  .product .carousel-control:before {
    display: block;
    font-family: "Material Icons";
    font-size: 35px;
    line-height: 45px;
    color: #333333;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .product .carousel-control.prev {
    left: 0;
  }
  .product .carousel-control.prev:before {
    content: "\e408";
  }
  .product .carousel-control.prev:before[dir="rtl"] {
    content: "\e409";
  }
  .product .carousel-control.next {
    right: 0;
    left: auto;
  }
  .product .carousel-control.next:before {
    content: "\e409";
  }
  .product .carousel-control.next:before[dir="rtl"] {
    content: "\e408";
  }
}
/* Arrows */
.carousel-products__button .slick-arrow:hover {
  background-color: #f5f5f5;
}
.carousel-products__button .slick-arrow:hover:before {
  color: #333333;
}
.slick-prev,
.slick-next {
  display: block;
  height: 45px;
  width: 45px;
  cursor: pointer;
  //background-color: #f5f5f5;
  color: #333333;
  padding: 0;
  border: none;
  outline: none;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -22.5px;
}
.slick-prev:hover,
.slick-next:hover {
  outline: none;
  //background: #f5f5f5;
}
.slick-prev:hover:before,
.slick-next:hover:before {
  color: #333333;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 1;
}
.slick-prev:before,
.slick-next:before {
  display: block;
  font-family: "Material Icons";
  font-size: 35px;
  line-height: 45px;
  color: #333333;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.carouselTab.slick-arrow-top .slick-prev {
  right: 66px;
  margin-top: -36px;
}
.carouselTab.slick-arrow-top .slick-next {
  right: 15px;
  margin-top: -36px;
}
@media (min-width: 768px) {
  .carouselTab.slick-arrow-top .slick-prev {
    right: 66px;
  }
  .carouselTab.slick-arrow-top .slick-next {
    right: 15px;
  }
}
@media (max-width: 768px) {
  .carouselTab.slick-arrow-top .slick-prev {
    left: 15px;
  }
  .carouselTab.slick-arrow-top .slick-next {
    right: 15px;
  }
}
.slick-prev {
  left: 0;
}
.slick-prev[dir="rtl"] {
  left: auto;
  right: 0;
}
.slick-prev:before {
  content: "\e408";
}
.slick-prev:before[dir="rtl"] {
  content: "\e409";
}
.slick-next {
  right: 0;
}
.slick-next[dir="rtl"] {
  left: 0;
  right: auto;
}
.slick-next:before {
  content: "\e409";
}
.slick-next:before[dir="rtl"] {
  content: "\e408";
}
/*==== sliderDarkHover====*/
.sliderDarkHover .slick-prev,
.sliderDarkHover .slick-next {
  background-color: #fff;
}
.sliderDarkHover .slick-prev:before,
.sliderDarkHover .slick-next:before {
  color: #333333;
}
.sliderDarkHover .slick-prev:hover,
.sliderDarkHover .slick-next:hover {
  background-color: rgba(51, 51, 51, 0.7);
}
.sliderDarkHover .slick-prev:hover:before,
.sliderDarkHover .slick-next:hover:before {
  color: #fff;
}
/*==== /sliderDarkHover====*/
/* Arrows variants */
@media (min-width: 768px) {
  .slick-arrow-bottom .slick-prev,
  .slick-arrow-bottom .slick-next {
    background: none;
    border: none;
    cursor: pointer;
    top: 75%;
    width: 45px;
    height: 45px;
    z-index: 1001;
    color: #333333;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  .slick-arrow-bottom .slick-prev:focus,
  .slick-arrow-bottom .slick-next:focus {
    background: none;
  }
  .slick-arrow-bottom .slick-prev:focus:before,
  .slick-arrow-bottom .slick-next:focus:before {
    color: #333333;
  }
  .slick-arrow-bottom .slick-prev:hover,
  .slick-arrow-bottom .slick-next:hover {
    background: none;
  }
  .slick-arrow-bottom .slick-prev:hover:before,
  .slick-arrow-bottom .slick-next:hover:before {
    color: #34495e;
  }
  .slick-arrow-bottom .slick-prev:before,
  .slick-arrow-bottom .slick-next:before {
    font-size: 45px;
    line-height: 45px;
  }
  .slick-arrow-bottom .slick-prev {
    right: 50%;
    left: auto;
    margin-right: 4px;
  }
  .slick-arrow-bottom .slick-next {
    left: 50%;
    right: auto;
    margin-left: 4px;
  }
  .slick-arrow-top .slick-prev,
  .slick-arrow-top .slick-next {
    cursor: pointer;
    top: -15% !important;
    z-index: 1001;
  }
  .slick-arrow-top .slick-prev {
    right: 51px;
    left: auto;
    margin-right: 4px;
  }
  .slick-arrow-top .slick-next {
    right: 0%;
    left: auto;
    margin-left: 4px;
  }
  .slick-arrow-top button.slick-prev {
    right: 62px;
    left: auto;
    margin-right: 4px;
  }
  .slick-arrow-top button.slick-next {
    right: 15px;
    left: auto;
    margin-left: 4px;
  }
}
@media (min-width: 768px) and (min-width: 1770px) {
  .slick-arrow-bottom .slick-prev {
    right: 49.5%;
  }
}
@media (min-width: 768px) {
  .slick-arrow-bottom-wrapper .slick-prev,
  .slick-arrow-bottom-wrapper .slick-next {
    background: none;
    border: none;
    cursor: pointer;
    top: 75%;
    width: 45px;
    height: 45px;
    z-index: 1001;
    color: #333333;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
    background-color: rgba(255, 255, 255, 0.8);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    filter: alpha(opacity=80);
  }
  .slick-arrow-bottom-wrapper .slick-prev:focus,
  .slick-arrow-bottom-wrapper .slick-next:focus {
    background-color: rgba(255, 255, 255, 0.8);
  }
  .slick-arrow-bottom-wrapper .slick-prev:focus:before,
  .slick-arrow-bottom-wrapper .slick-next:focus:before {
    color: #000;
  }
  .slick-arrow-bottom-wrapper .slick-prev:hover,
  .slick-arrow-bottom-wrapper .slick-next:hover {
    background-color: rgba(255, 255, 255, 0.55);
  }
  .slick-arrow-bottom-wrapper .slick-prev:hover:before,
  .slick-arrow-bottom-wrapper .slick-next:hover:before {
    color: #000;
  }
  .slick-arrow-bottom-wrapper .slick-prev:before,
  .slick-arrow-bottom-wrapper .slick-next:before {
    font-size: 45px;
    line-height: 45px;
  }
  .slick-arrow-bottom-wrapper .slick-prev {
    right: 50%;
    left: auto;
    margin-right: 8px;
  }
  .slick-arrow-bottom-wrapper .slick-next {
    left: 50%;
    right: auto;
    margin-left: 8px;
  }
  .slick-arrow-top .slick-prev,
  .slick-arrow-top .slick-next {
    cursor: pointer;
    top: -15% !important;
    z-index: 1001;
  }
  .slick-arrow-top .slick-prev {
    right: 51px;
    left: auto;
    margin-right: 8px;
  }
  .slick-arrow-top .slick-next {
    right: 0%;
    left: auto;
    margin-left: 8px;
  }
  .slick-arrow-top .slick-prev:focus,
  .slick-arrow-top .slick-next:focus {
    background-color: #f5f5f5;
  }
  .slick-arrow-top .slick-prev:focus:before,
  .slick-arrow-top .slick-next:focus:before {
    color: #333333;
  }
  .slick-arrow-top .slick-prev:hover,
  .slick-arrow-top .slick-next:hover {
    background-color: #1fc0a0;
  }
  .slick-arrow-top .slick-prev:hover:before,
  .slick-arrow-top .slick-next:hover:before {
    color: #fff;
  }
}
@media (min-width: 768px) and (min-width: 1770px) {
  .slick-arrow-bottom-wrapper .slick-prev {
    right: 49.5%;
  }
}
/* Dots */
.slick-slider {
  margin-bottom: 0;
}
.slick-dots {
  display: none !important;
}
.nav-dot .slick-dots {
  position: absolute;
  bottom: 19px;
  list-style: none;
  display: block !important;
  text-align: center;
  padding: 0;
  width: 100%;
  line-height: 0px;
  font-size: 0px;
}
.nav-dot .slick-dots li {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 30px;
  line-height: 0;
  font-size: 0;
  margin: 0 1px;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
}
.nav-dot .slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  width: 15px;
  height: 15px;
  outline: none;
  color: transparent;
  padding: 0px;
  cursor: pointer;
  position: relative;
}

.nav-dot .slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 15px;
  height: 15px;
  font-family: "Material Icons";
  font-size: 60px;
  text-align: center;
  color: #fff;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.nav-dot .slick-dots li.slick-active button:before {
  color: #34495e;
  opacity: 1;
}
.nav-dot.nav-dot-invert .slick-dots li button:hover,
.nav-dot.nav-dot-invert .slick-dots li button:focus {
  outline: none;
}
.nav-dot.nav-dot-invert .slick-dots li button:hover:before,
.nav-dot.nav-dot-invert .slick-dots li button:focus:before {
  opacity: 1;
  color: #fff ;
}
.nav-dot.nav-dot-invert .slick-dots li button:before {
  opacity: 0.6;
}
.nav-dot.nav-dot-invert .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #fff;
}
/*==== carousel title+arrows====*/
.title-with-button {
  z-index: 0;
}
@media (max-width: 767px) {
  .title-with-button {
    z-index: 77;
  }
}
@media (max-width: 479px) {
  .title-with-button {
    display: inline-block;
    overflow: visible !important;
    width: 100%;
  }
}
@media (min-width: 480px) {
  .carousel-products .slick-list {
    padding-bottom: 200px;
    margin-bottom: -200px;
  }
  .carousel-products.hover {
    z-index: 1;
  }
  .carousel-products .product {
    margin-bottom: 0;
  }
}
.carousel-products__button {
  position: absolute;
  z-index: 100;
  top: 16px;
}
.carousel-products__button_aside {
  position: relative;
}
@media (max-width: 479px) {
  .carousel-products__button {
    width: 100%;
    top: 50%;
  }
}
.carousel-products__button.pull-right {
  right: 0;
}
.carousel-products__button.pull-left {
  left: 0;
}
.carousel-products__button span {
  display: block;
  height: 45px;
  width: 45px;
  cursor: pointer;
  background-color: #f5f5f5;
  color: #333333;
  padding: 0;
  border: none;
  outline: none;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
  display: inline-block;
  margin-left: 0.17em;
  margin-top: 0.1em;
  position: relative;
  z-index: 1;
  text-align: center;
}
.carousel-products__button span:hover,
.carousel-products__button span:focus {
  outline: none;
  background: #f5f5f5;
}
.carousel-products__button span:hover:before,
.carousel-products__button span:focus:before {
  color: #333333;
}
.carousel-products__button span.slick-disabled:before {
  opacity: 1;
}
@media (max-width: 479px) {
  .carousel-products__button span {
    margin-top: 0;
    margin-left: 0;
    position: absolute;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  .carousel-products__button span.btn-prev {
    display: block;
    height: 45px;
    width: 45px;
    cursor: pointer;
    background-color: #f5f5f5;
    color: #333333;
    padding: 0;
    border: none;
    outline: none;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -22.5px;
    left: 0;
    z-index: 200;
    left: -15px;
  }
  .carousel-products__button span.btn-prev:hover {
    outline: none;
    background: #f5f5f5;
  }
  .carousel-products__button span.btn-prev:hover:before {
    color: #333333;
  }
  .carousel-products__button span.btn-prev.slick-disabled:before {
    opacity: 1;
  }
  .carousel-products__button span.btn-prev[dir="rtl"] {
    left: auto;
    right: 0;
  }
  .carousel-products__button span.btn-prev:before {
    content: "\e408";
  }
  .carousel-products__button span.btn-prev:before[dir="rtl"] {
    content: "\e409";
  }
  .carousel-products__button span.btn-next {
    display: block;
    height: 45px;
    width: 45px;
    cursor: pointer;
    background-color: #f5f5f5;
    color: #333333;
    padding: 0;
    border: none;
    outline: none;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -22.5px;
    right: 0;
    z-index: 200;
    right: -15px;
  }
  .carousel-products__button span.btn-next:hover {
    outline: none;
    background: #f5f5f5;
  }
  .carousel-products__button span.btn-next:hover:before {
    color: #333333;
  }
  .carousel-products__button span.btn-next.slick-disabled:before {
    opacity: 1;
  }
  .carousel-products__button span.btn-next[dir="rtl"] {
    left: 0;
    right: auto;
  }
  .carousel-products__button span.btn-next:before {
    content: "\e409";
  }
  .carousel-products__button span.btn-next:before[dir="rtl"] {
    content: "\e408";
  }
}
.carousel-products__button span:before {
  display: block;
  font-family: "Material Icons";
  font-size: 35px;
  line-height: 45px;
  color: #333333;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.carousel-products__button span.btn-prev:before {
  content: "\e408";
}
.carousel-products__button span.btn-next:before {
  content: "\e409";
}
/*==== /carousel title+arrows====*/
.category-carousel .category img {
  width: 100%;
}
/*==== banner-slider-button====*/
.banner-slider-button .slick-prev,
.banner-slider-button .slick-next {
  background-color: transparent;
}
.banner-slider-button .slick-prev:before,
.banner-slider-button .slick-next:before {
  color: #fff;
}
.banner-slider-button .slick-prev:hover:before,
.banner-slider-button .slick-next:hover:before,
.banner-slider-button .slick-prev:hover:before,
.banner-slider-button .slick-next:hover:before {
  opacity: 1;
  color: #34495e;
}
/*==== /banner-slider-button====*/
@media (max-width: 479px) {
  .carousel-products__button.button-bottom {
    width: 100%;
    top: 50% !important;
  }
  .carousel-products__button.button-bottom span.slick-arrow {
    margin-top: 18px !important;
  }
  .carousel-products__button.button-bottom span.btn-prev {
    left: 0;
  }
  .carousel-products__button.button-bottom span.btn-next {
    left: 59px;
    right: auto;
  }
}
/****************************************
* end carousel
*****************************************/
/****************************************
* blog carousel
*****************************************/
.content-bg-1 {
  background: url(../images/custom/content-bg-1.jpg) center center no-repeat;
  padding: 100px 0 35px;
}
@media (max-width: 991px) {
  .content-bg-1 {
    padding: 30px 0 15px;
  }
}
.slider-fluid-bg1 {
  background: url(../images/slider-fluid-bg1.jpg) center center fixed no-repeat #fafafa;
  z-index: 1;
  position: relative;
  padding-bottom: 3.9em;
}
.slider-blog {
  padding: 15px 0 130px;
}
.slider-blog .box-foto {
  padding: 5px 0 0 22px;
  text-align: left;
}
@media (min-width: 1770px) {
  .slider-blog .box-foto {
    margin-left: 27.5% !important;
  }
}
.slider-blog .box-foto img {
  float: left;
  max-width: 100%;
}
.slider-blog .testimonials-quotes:after {
  position: absolute;
  display: block;
  top: 0;
  right: 200px;
  margin-top: -15px;
  font-family: Georgia, sans-serif;
  content: '“';
  font-size: 13.5em;
  line-height: 1em;
  color: #34495e;
}
.slider-blog .box-data {
  font-size: 1em;
}
@media (min-width: 1770px) {
  .slider-blog .box-data {
    width: 27.5% !important;
  }
}
.slider-blog .box-data h6 {
  color: #333333;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.375em;
  margin: 0 0 0.85em 0;
  letter-spacing: 1px;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.slider-blog .box-data h6 em {
  color: #333333;
  font-family: Georgia, sans-serif;
  text-transform: lowercase;
  font-size: 0.818em;
  letter-spacing: 0;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.slider-blog .box-data p {
  font-weight: 300;
  line-height: 1.7em;
}
.slider-blog-layout1 .box-data h6 {
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.slider-blog-layout1 .box-data h6 em {
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
/* link-hover-block */
.link-hover-block {
  text-decoration: none;
}
.link-hover-block:hover {
  text-decoration: none;
}
.link-hover-block:hover h6 {
  color: #34495e !important;
  letter-spacing: 2px;
}
.link-hover-block:hover h6 em {
  color: #34495e !important;
  letter-spacing: normal;
}
.fill-bg-custom .link-hover-block {
  text-decoration: none;
  color: #fff;
}
.fill-bg-custom .link-hover-block b,
.fill-bg-custom .link-hover-block em,
.fill-bg-custom .link-hover-block img {
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.fill-bg-custom .link-hover-block:hover {
  text-decoration: none;
}
.fill-bg-custom .link-hover-block:hover img {
  -webkit-transform: scale(0.98);
  -moz-transform: scale(0.98);
  -ms-transform: scale(0.98);
  -o-transform: scale(0.98);
  transform: scale(0.98);
}
/* /link-hover-block */
@media (min-width: 1770px) {
  .slider-blog .box-foto img {
    float: right;
    padding: 0 15px 0 0;
  }
}
@media (max-width: 767px) {
  .slider-blog {
    padding: 0 25px 15px;
    margin-top: 0;
  }
  .slider-blog .box-foto {
    margin-bottom: 20px;
    padding-top: 60px;
    text-align: center !important;
  }
  .slider-blog .box-foto img {
    display: inline-block;
    float: none;
  }
  .slider-blog .box-foto:after {
    position: absolute;
    display: block;
    top: 0;
    right: auto;
    margin-top: -0.1em;
    font-family: Georgia, sans-serif;
    content: '“';
    font-size: 13.5em;
    line-height: 1em;
    color: #34495e;
  }
  .box-data h6 {
    text-align: center;
  }
  .box-data p {
    text-align: left;
  }
}
/* testimonials
==================================== */
.testimonialsAsid .slick-slide {
  padding: 0px 0 65px 0;
}
.testimonialsAsid .slick-slide img {
  max-width: 109px;
  margin-bottom: 26px;
}
.testimonialsAsid .slick-slide p {
  position: relative;
  font-weight: 300;
}
.testimonialsAsid .slick-slide p span {
  width: 45px;
  display: inline-block;
  position: relative;
}
.testimonialsAsid .slick-slide p span:before {
  color: #fff;
  content: "“";
  display: block;
  font-family: Georgia, sans-serif;
  font-size: 110px;
  line-height: 1em;
  margin-top: -15px;
  position: absolute;
  right: 0px;
  top: -25px;
}
/* testimonials
==================================== */
/* slider-blog-layout1
==================================== */
.slider-blog-layout1 .slider-blog__item {
  overflow: hidden;
}
.slider-blog-layout1 .slider-blog__item .box-foto {
  float: left;
  width: 29%;
  margin-right: 5%;
  overflow: hidden;
}
.slider-blog-layout1 .slider-blog__item .box-foto img {
  width: 100%;
  height: auto;
}
@media (max-width: 510px) {
  .slider-blog-layout1 .slider-blog__item .box-foto {
    width: 100%;
    text-align: center;
  }
  .slider-blog-layout1 .slider-blog__item .box-foto img {
    max-width: 170px;
    display: inline-block;
  }
  .slider-blog-layout1 .slider-blog__item .box-foto:before {
    color: #34495e;
    content: "“";
    display: block;
    font-family: Georgia, sans-serif;
    font-size: 145px;
    line-height: 1em;
    position: absolute;
    top: -15px;
    left: 0;
  }
}
.slider-blog-layout1 .slider-blog__item .box-data {
  float: left;
  width: 60%;
  position: relative;
}
.slider-blog-layout1 .slider-blog__item .box-data.testimonials-quotes {
  padding-top: 55px;
}
.slider-blog-layout1 .slider-blog__item .testimonials-quotes.box-data:before {
  color: #34495e;
  content: "“";
  display: block;
  font-family: Georgia, sans-serif;
  font-size: 145px;
  line-height: 1em;
  position: absolute;
  top: -15px;
  left: 0;
}
@media (max-width: 510px) {
  .slider-blog-layout1 .slider-blog__item .box-data {
    width: 100%;
    text-align: center;
  }
  .slider-blog-layout1 .slider-blog__item .box-data.testimonials-quotes {
    padding-top: 25px;
  }
  .slider-blog-layout1 .slider-blog__item .box-data p {
    text-align: center;
  }
  .slider-blog-layout1 .slider-blog__item .box-data:before {
    display: none;
  }
}
.slider-blog-layout1 .slider-blog__item h6 {
  font-size: 22px;
  line-height: 1.2em;
  font-weight: 500;
  padding-top: 5px;
  color: #34495e;
  text-transform: uppercase;
  font-family: Ubuntu, sans-serif;
}
.slider-blog-layout1 .slider-blog__item h6 em {
  font-size: 18px;
  color: #333333;
  text-transform: none;
  font-family: Georgia, sans-serif;
}
/* /slider-blog-layout1
==================================== */
/****************************************
* end blog carousel
*****************************************/
/****************************************
* recent-posts-carousel
*****************************************/
.recent-post-box {
  position: relative;
}
.recent-post-box > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (min-width: 1770px) {
  .recent-post-box > div:last-child {
    padding-left: 60px !important;
  }
}
.recent-post-box .figure {
  display: block;
  margin-bottom: 34px;
  background: #34495e;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .recent-post-box .figure {
    margin-bottom: 15px;
  }
}
.recent-post-box .figure .figcaption {
  display: block;
  position: absolute;
  background-color: #1fc0a0;
  width: 73px;
  height: 73px;
  text-align: center;
  color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 24px;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
  font-size: 16px;
}
.recent-post-box .figure .figcaption b {
  font-weight: 500;
  display: block;
  text-align: center;
  font-size: 30px;
}
.recent-post-box .figure .figcaption span {
  position: relative;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.recent-post-box .figure .figcaption em {
  font-family: Georgia, sans-serif;
  display: inline-block;
}
.recent-post-box .figure .figcaption.label-top-left {
  top: 21px;
  left: 21px;
}
.recent-post-box .figure .figcaption.label-top-right {
  top: 21px;
  right: 21px;
}
.recent-post-box .figure .figcaption.label-bottom-left {
  bottom: 21px;
  left: 21px;
}
.recent-post-box .figure .figcaption.label-bottom-right {
  bottom: 21px;
  right: 21px;
}
.recent-post-box .figure:hover img {
  opacity: 0.9;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  backface-visibility: hidden;
}
.recent-post-box img {
  width: 100%;
  height: auto;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transform: scale(1);
  transform: scale(1);
  backface-visibility: hidden;
}
.recent-post-box h4 {
  color: #1fc0a0;
  font-family: Ubuntu, sans-serif;
  font-weight: 500;
  font-size: 1.375em;
  line-height: 1.182em;
  text-transform: uppercase;
}
.recent-post-box h4 a {
  color: #1fc0a0;
  text-decoration: none;
  -webkit-transition:  all 0.3s 0s ease;
  -moz-transition:  all 0.3s 0s ease;
  -ms-transition:  all 0.3s 0s ease;
  -o-transition:  all 0.3s 0s ease;
  transition:  all 0.3s 0s ease;
}
.recent-post-box h4 a:hover {
  color: #333333;
}
@media (max-width: 767px) {
  .recent-post-box h4 {
    font-size: 1em;
  }
}
.recent-post-box .author {
  font-style: italic;
  color: #333333;
  font-size: 1.125em;
  line-height: 1em;
  padding-bottom: 19px;
  font-family: Georgia, sans-serif;
}
@media (max-width: 767px) {
  .recent-post-box .author {
    padding-bottom: 10px;
  }
}
.recent-post-box p {
  font-weight: 300;
  font-size: 1em;
  line-height: 1.6875em;
  padding-right: 30px;
  margin-bottom: 11px;
}
@media (max-width: 767px) {
  .recent-post-box p {
    padding-right: 0;
    margin-bottom: 0;
  }
}
.recent-post-box .link-commet {
  color: #1fc0a0;
  font-size: 1em;
  text-decoration: none;
  -webkit-transition:  all 0.3s 0s ease;
  -moz-transition:  all 0.3s 0s ease;
  -ms-transition:  all 0.3s 0s ease;
  -o-transition:  all 0.3s 0s ease;
  transition:  all 0.3s 0s ease;
}
.recent-post-box .link-commet .icon {
  font-size: 1.5em;
  position: relative;
  top: 8px;
  margin-right: 16px;
}
.recent-post-box .link-commet:hover {
  text-decoration: none;
  color: #333333;
}
/* aside */
aside .recent-post-box {
  overflow: hidden;
}
@media (min-width: 1770px) {
  aside .recent-post-box > div:last-child {
    padding-left: 0px !important;
  }
}
/* /aside */
@media (min-width: 1770px) {
  #centerColumn .recent-post-box {
    display: table;
  }
  #centerColumn .recent-post-box > div {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    float: none;
  }
  #centerColumn .recent-post-box__text {
    height: 100%;
    margin-top: -17px;
  }
}
.recent-post-box .figcaption:before {
  content: '';
  background: #ffffff;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  float: left;
  border-radius: 50%;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.recent-post-box:hover .figcaption {
  background-color: #ffffff;
}
.recent-post-box:hover .figcaption:before {
  width: 73px;
  height: 73px;
  top: 0;
  left: 0;
  opacity: 1;
}
.recent-post-box:hover .figcaption span {
  color: #1fc0a0;
}
/* col */
.recent-post-box.recent-post-col {
  overflow: hidden;
}
.recent-post-box.recent-post-col > div {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.recent-post-box.recent-post-col .figure .figcaption.label-top-left {
  top: 10px;
  left: 10px;
}
.recent-post-box.recent-post-col .figure .figcaption.label-top-right {
  top: 10px;
  right: 10px;
}
.recent-post-box.recent-post-col .figure .figcaption.label-bottom-left {
  bottom: 10px;
  left: 10px;
}
.recent-post-box.recent-post-col .figure .figcaption.label-bottom-right {
  bottom: 10px;
  right: 10px;
}
@media (max-width: 500px) {
  .recent-post-box.recent-post-col > div {
    width: 100% !important;
  }
}
/* /col */
/****************************************
* end recent-posts-carousel
*****************************************/
/****************************************
* carousel brands
*****************************************/
.brand-link {
  display: inline-block;
  -webkit-transition:  all 300ms 0s ease;
  -moz-transition:  all 300ms 0s ease;
  -ms-transition:  all 300ms 0s ease;
  -o-transition:  all 300ms 0s ease;
  transition:  all 300ms 0s ease;
}
.brand-link img {
  display: block;
  -webkit-transition:  all 300ms 0s ease;
  -moz-transition:  all 300ms 0s ease;
  -ms-transition:  all 300ms 0s ease;
  -o-transition:  all 300ms 0s ease;
  transition:  all 300ms 0s ease;
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  -webkit-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  filter: alpha(opacity=30);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  /* IE 6-9 */
}
.brand-link:hover img {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: gray;
  /* IE 6-9 */
}
.fill-bg-custom .brands-carousel {
  padding: 85px 0 57px 0;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
.fill-bg-custom .brands-carousel img {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  /* IE 6-9 */
}
.fill-bg-custom .brands-carousel:hover img {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  /* IE 6-9 */
}
.fill-bg-custom .brands-carousel a:hover img {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
@media (max-width: 767px) {
  .fill-bg-custom .brands-carousel {
    padding: 45px 0 17px 0;
  }
}
.fill-bg-custom .slick-prev,
.fill-bg-custom .slick-next {
  background-color: rgba(255, 255, 255, 0.2);
}
.fill-bg-custom .slick-prev:before,
.fill-bg-custom .slick-next:before {
  color: #fff;
}
.fill-bg-custom .slick-prev:hover,
.fill-bg-custom .slick-next:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.fill-bg .brands-carousel {
  padding: 85px 0 57px 0;
}
@media (max-width: 767px) {
  .fill-bg .brands-carousel {
    padding: 45px 0 17px 0;
  }
}
.fill-bg .slick-prev,
.fill-bg .slick-next {
  background-color: #f5f5f5;
  color: #333333;
}
.fill-bg .slick-prev:before,
.fill-bg .slick-next:before {
  color: #333333;
}
.fill-bg .slick-prev:hover,
.fill-bg .slick-next:hover {
  background-color: #f5f5f5;
  color: #333333;
}
.fill-bg .slick-prev:hover:before,
.fill-bg .slick-next:hover:before {
  color: #34495e;
}
/*==== brands ====*/
.brands-list a {
  display: inline-block;
  -webkit-transition:  all 300ms 0s ease;
  -moz-transition:  all 300ms 0s ease;
  -ms-transition:  all 300ms 0s ease;
  -o-transition:  all 300ms 0s ease;
  transition:  all 300ms 0s ease;
}
.brands-list a img {
  display: block;
  width: 100%;
  padding-left: 10px;  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: gray;
  /* IE 6-9 */
}
.brands-list a:hover img {
  -webkit-transition:  all 300ms 0s ease;
  -moz-transition:  all 300ms 0s ease;
  -ms-transition:  all 300ms 0s ease;
  -o-transition:  all 300ms 0s ease;
  transition:  all 300ms 0s ease;
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  -webkit-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  filter: alpha(opacity=30);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  /* IE 6-9 */
}
.megamenu .brands-list {
  margin-bottom: -20px;
}
.megamenu .brands-list img {
  max-width: 95px;
}
/*==== brands-carousel ====*/
.brands-carousel {
  //margin-top: -15px;
}
.brands-carousel .slick-slide {
  text-align: center;
}
.brands-carousel .slick-list {
  padding: 10px 8px 10px;
}
.brands-carousel a {
  display: inline-block;
  -webkit-transition:  all 300ms 0s ease;
  -moz-transition:  all 300ms 0s ease;
  -ms-transition:  all 300ms 0s ease;
  -o-transition:  all 300ms 0s ease;
  transition:  all 300ms 0s ease;
}
.brands-carousel div img,
.brands-carousel a img {
  display: block;
  -webkit-transition:  all 300ms 0s ease;
  -moz-transition:  all 300ms 0s ease;
  -ms-transition:  all 300ms 0s ease;
  -o-transition:  all 300ms 0s ease;
  transition:  all 300ms 0s ease;
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  -webkit-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  filter: alpha(opacity=30);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  /* IE 6-9 */
}
.brands-carousel a:hover img {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: gray;
  /* IE 6-9 */
}
.brands-carousel .slick-next {
  right: 15px;
}
.brands-carousel .slick-prev {
  left: 15px;
}
@media (min-width: 768px) {
  .brands-carousel .slick-list {
    margin: 0 85px;
  }
}
.brands-carousel:not(.slick-slider) > div {
  float: left;
}
/****************************************
* end carousel brands
*****************************************/




/* discolor-hover */
.discolor-hover img {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: gray;
  /* IE 6-9 */
}
.discolor-hover:hover img {
  -webkit-transition:  all 300ms 0s ease;
  -moz-transition:  all 300ms 0s ease;
  -ms-transition:  all 300ms 0s ease;
  -o-transition:  all 300ms 0s ease;
  transition:  all 300ms 0s ease;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  /* IE 6-9 */
}
/* /discolor-hover */

.image-links > [class*="col-"] {
  float: none;
  display: inline-block;
  vertical-align: top;
}
.image-link {
  display: block;
  text-align: center;
}
.image-link > a {
  text-decoration: none;
  display: block;
  padding: 20px 0 20px;
}
.image-link .figure {
  display: block;
  position: relative;
  text-align: center;
}
.image-link .btn {
  opacity: 0;
  -webkit-transition:  opacity 100ms linear 0s;
  -moz-transition:  opacity 100ms linear 0s;
  -ms-transition:  opacity 100ms linear 0s;
  -o-transition:  opacity 100ms linear 0s;
  transition:  opacity 100ms linear 0s;
}
.image-link:hover .btn {
  opacity: 1;
}
.image-link:hover .figcaption {
  color: #34495e;
}
.image-link img {
  display: inline-block;
  -webkit-transition:  all 200ms linear 0s;
  -moz-transition:  all 200ms linear 0s;
  -ms-transition:  all 200ms linear 0s;
  -o-transition:  all 200ms linear 0s;
  transition:  all 200ms linear 0s;
}
.image-link .figcaption {
  display: block;
  margin: 20px 0 10px;
  font-size: 1em;
  line-height: 1.2em;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #333333;
}
.image-links-layout .description {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.image-links-layout .block-table{
  display: table;
  width: 100%;
  height: 100%;
}
.image-links-layout .block-table-cell{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
@media (min-width: 1025px) {
  .image-links .col-one-fifth {
    width: 18.3%;
    float: left;
    margin-left: 2.125%;
    margin-right: 0;
    margin-top: 20px;
    margin-bottom: 25px;
  }
  .image-links .col-one-fifth:nth-child(5n+2) {
    margin-left: 0;
  }
}
@media (min-width: 1025px) {
  .image-links .col-one-third {
    width: 33.333%;
    float: left;
    margin-top: 27px;
  }
}
@media (min-width: 1025px) {
  .image-links .col-one-third {
    width: 23%;
    float: left;
    margin-right: 0;
  }
  .image-links .col-one-third:nth-child(3n+2) {
    margin-left: 15.5%;
  }
}
@media (min-width: 1025px) {
  .image-links .col-half {
    width: 35%;
    float: left;
    margin-right: 0;
  }
  .image-links .col-half.col-half-left {
    margin: 0 5% 0 10%;
  }
  .image-links .col-half.col-half-right {
    margin: 0 10% 0 5%;
  }
}
@media (min-width: 1025px) {
  .image-links .col-half {
    width: 40%;
    float: left;
  }
  .image-links .col-half.col-half-left {
    margin: 0 0 0 10%;
  }
  .image-links .col-half.col-half-right {
    margin: 0 10% 0 0;
  }
}
@media (min-width: 1025px) {
  .image-links .col-one-fourth {
    width: 33.333%;
    float: left;
    margin-top: 27px;
    margin-right: 0;
  }
}
@media (min-width: 1025px) {
  .image-links .col-one-fourth {
    width: 23%;
    float: left;
  }
  .image-links .col-one-fourth:nth-child(4n+2) {
    margin-left: 5%;
  }
}
.image-links-layout .btn {
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.image-links-layout .image-link .figcaption {
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 1025px) {
  .image-links-layout .col-one-third {
    width: 32.3%;
    display: inline-block;
    float: none;
    vertical-align: top;
  }
}
@media (min-width: 1025px) {
  .image-links-layout .col-one-fourth {
    width: 24.5%;
    display: inline-block;
    float: none;
    vertical-align: top;
  }
}
@media (min-width: 1025px) and (min-width: 992px) {
  .image-links-layout .col-one-fourth {
    padding: 0 15px;
  }
}
.image-links-prototypes .image-link > a {
  margin-bottom: 10px;
}
.image-links-prototypes .image-link .figcaption {
  font-size: 45px;
  letter-spacing: 0;
  color: #333333;
  margin: 25px 0 12px;
}
.image-links-prototypes .image-link .figcaption .size1 {
  font-size: 16px;
  font-weight: 500;
}
.image-links-prototypes .image-link img {
  opacity: 0.5;
  max-width: 100%;
}
.image-links-prototypes .image-link:hover img {
  opacity: 1;
}
.image-links-prototypes .image-link:hover .figcaption {
  color: #34495e;
}
.image-links-listing {
  padding-bottom: 50px !important;
}
.image-links-listing .image-link > a {
  margin-bottom: 8px;
}
.image-links-listing .image-link .figcaption {
  color: #333333;
  margin: 25px 0 0;
}
.image-links-listing .image-link img {
  opacity: 0.5;
}
.image-links-listing .image-link:hover img {
  opacity: 1;
}
.image-links-listing .image-link:hover .figcaption {
  color: #34495e;
}


/****************************************
* banner
*****************************************/
.bg-none {
  background: none !important;
}
.banner {
  display: block;
  position: relative;
  overflow: hidden;
  padding-bottom: 30px;
}
.banner .block-table {
  display: table;
  width: 100%;
  height: 100%;
}
.banner .block-table-cell {
  display: table-cell;
  vertical-align: middle;
}
.banner .figure {
  display: block;
  background-color: #34495e;
  overflow: hidden;
  height: 100%;
  text-align: center;
}

.banner .figure  video {
  width: 100%    !important;
  height: auto   !important;
}  

.banner .figure.nobg {
  background: transparent;
}
.banner .figure img {
  width: 100%;
  margin: 0 auto;
  /* fix chrome image width bug */
  vertical-align: top;
}
.bannerl2 .figure img {
  display: inline-block;
}
.banner .figcaption {
  display: block;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
  /* font-size */
  /* /font-size */
}
.banner .figcaption::before,
.banner .figcaption::after {
  pointer-events: none;
}
.banner .figcaption .banner__title {
  display: block;
  font-weight: 500;
  text-transform: uppercase;
  color: #ffffff;
  margin: 12px 0;
  padding: 0;
  text-decoration: none;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.banner .figure.buttononhover .banner__title {
  position: relative;
  top: 38px;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -ms-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
}
.banner .figure.buttononhover:hover .banner__title {
  top: 0;
}
.banner .figure.buttononhover .figcaption .btn {
  position: relative;
  top: -10px;
  opacity: 0;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -ms-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.banner .figure.buttononhover:hover .figcaption .btn {
  top: 0;
  opacity: 1;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -ms-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .banner .figcaption .banner__title {
    font-size: 1.8em;
  }
}
.banner .figcaption .size1 {
  font-size: 2.75em;
  line-height: 1.364em;
  font-weight: bold;
  letter-spacing: 0.07em;
  margin: 0 0 0.55em;
  padding: 0;
}
@media (max-width: 1199px) {
  .banner .figcaption .size1 {
    font-size: 2.55em;
  }
}
@media (max-width: 767px) {
  .banner .figcaption .size1 {
    font-size: 2.35em;
  }
}
.banner .figcaption .size2 {
  font-size: 3.875em;
  line-height: 1em;
  font-weight: bold;
  letter-spacing: 0.07em;
  margin: 0 0 0.2em;
  padding: 0;
}
@media (max-width: 1199px) {
  .banner .figcaption .size2 {
    font-size: 3.675em;
  }
}
@media (max-width: 767px) {
  .banner .figcaption .size2 {
    font-size: 3.475em;
  }
}
.banner .figcaption .size3,
.banner .figcaption .size3-1 {
  font-size: 5em;
  line-height: 1em;
  font-weight: bold;
  letter-spacing: 0.075em;
  margin: 0 0 16px;
  padding: 0 5px;
  word-spacing: 0.1em;
}
.banner .figcaption .size3-1 {
  margin-top: 6px;
}
.banner .figcaption .size4 {
  font-size: 3.375em;
  line-height: 1.111em;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin: -4px 5px 20px;
}
.banner .figcaption .size5 {
  font-size: 33px;
  letter-spacing: 5px;
  font-weight: 600;
}
@media (max-width: 1770px) {
  .banner .figcaption .size5 {
    font-size: 20px;
    letter-spacing: 3px;
  }
}
.banner .figcaption .size6 {
  font-size: 2.375em;
  line-height: 1em;
  letter-spacing: 5px;
  font-weight: bold;
  margin: 0;
}
.banner .figcaption .size40 {
  font-size: 2.5em;
  line-height: 1em;
  letter-spacing: 0px;
  font-weight: 500;
  margin: 0 0 27px 0;
  font-family: Ubuntu, sans-serif !important;
}
@media (max-width: 360px) {
  .banner .figcaption .size40 {
    font-size: 1.5em;
    margin: 0 0 10px 0;
  }
}
@media (min-width: 768px) {
  .banner .figcaption .size40 {
    font-size: 1.7em;
    margin: 0 0 20px 0;
  }
}
@media (min-width: 992px) {
  .banner .figcaption .size40 {
    font-size: 1.8em;
    margin: 0 0 20px 0;
  }
}
@media (min-width: 1200px) {
  .banner .figcaption .size40 {
    font-size: 2.2em;
    margin: 0 0 27px 0;
  }
}
@media (min-width: 1770px) {
  .banner .figcaption .size40 {
    font-size: 2.5em;
    margin: 0 0 27px 0;
  }
}
.banner .figcaption .text {
  display: block;
  margin-bottom: 10px;
  font-size: 1.125em;
  line-height: 1em;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 1px;
}
.banner .figcaption .text.color {
  color: #34495e;
}
.banner .figcaption .text.size1 {
  font-size: 1.375em;
  font-family: Georgia, sans-serif;
  font-style: italic;
  letter-spacing: 0;
  margin-bottom: 1.4em;
  margin-top: -2px;
}
.banner .figcaption .text.size2 {
  font-size: 1.625em;
  font-weight: 300;
  letter-spacing: 0.04em;
}
.banner .figcaption .text.size3 {
  font-size: 2.375em;
  font-weight: bold;
  letter-spacing: 2px;
}
.banner .figcaption .text.size4 {
  font-size: 1.375em;
  font-family: Georgia, sans-serif;
  font-style: italic;
  letter-spacing: 0;
  margin-bottom: 1.833em;
  margin-top: -5px;
}
.banner .figcaption .text.size5 {
  font-size: 1.375em;
  font-family: Georgia, sans-serif;
  font-style: italic;
  letter-spacing: 0;
  margin-bottom: 0.5em;
}
.banner .figcaption .font-size50 {
  font-size: 50px;
}
.banner .figcaption .btn {
  opacity: 1;
  margin-top: 16px;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.banner .figcaption .btn.offset-top {
  margin-top: 36px;
}
.banner-carousel .btn--xl {
  line-height: 1.1em;
}
.banner-layout-1 {
  display: block;
  position: relative;
  overflow: hidden;
}
.banner-layout-1 .figure {
  display: block;
  background-color: #34495e;
}
.banner-layout-1 .figure img {
  width: 100%;
  /* fix chrome image width bug */
}
.banner-layout-1 .figcaption {
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  font-size: 25px;
  line-height: 1em;
  color: #fff;
  padding: 3.8% 4%;
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
@media (max-width: 767px) {
  .banner-layout-1 .figcaption {
    padding: 3.8% 4%;
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .banner-layout-1 .figcaption {
    padding: 3.8% 4%;
    font-size: 13px;
  }
}
@media (min-width: 992px) {
  .banner-layout-1 .figcaption {
    padding: 3.8% 4%;
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  .banner-layout-1 .figcaption {
    padding: 3.8% 4%;
    font-size: 16px;
  }
}
@media (min-width: 1770px) {
  .banner-layout-1 .figcaption {
    font-size: 25px;
    padding: 3.8% 4%;
  }
}
@media (min-width: 1200px) {
  .banner .figcaption .size6 {
    font-size: 1.8em !important;
  }
  .banner .figcaption .size3,
  .banner .figcaption .size3-1 {
    font-size: 3.5em;
    letter-spacing: 0.04em;
  }
  .banner .figcaption .size4 {
    font-size: 3em;
  }
  .banner .figcaption .text.size3 {
    font-size: 1.7em;
  }
}
@media (min-width: 1770px) {
  .banner .figcaption .size3,
  .banner .figcaption .size3-1 {
    font-size: 5em;
  }
  .banner .figcaption .text.size3 {
    font-size: 2.375em;
  }
  .banner .figcaption .size4 {
    font-size: 3.375em;
  }
}
@media screen and (max-width: 1199px) {
  .banner .figcaption .size3,
  .banner .figcaption .size3-1 {
    font-size: 2.7em;
  }
  .banner .figcaption .size4 {
    font-size: 2.375em;
  }
  .banner .figcaption .size5 {
    font-size: 2.125em;
  }
  .banner .figcaption .size6 {
    font-size: 1.375em;
  }
  .banner .figcaption .text {
    font-size: 1em;
  }
  .banner .figcaption .text.size1 {
    font-size: 1.1em;
  }
  .banner .figcaption .text.size2 {
    font-size: 1.3em;
  }
  .banner .figcaption .text.size3 {
    font-size: 1.5em;
    letter-spacing: 1px;
  }
  .banner .figcaption .btn {
    margin-top: 10px;
  }
  .banner .figcaption .btn.offset-top {
    margin-top: 20px;
  }
}
@media screen and (max-width: 991px) {
  .banner .figcaption .size3,
  .banner .figcaption .size3-1 {
    font-size: 2em;
  }
  .banner .figcaption .size4 {
    font-size: 1.7em;
  }
  .banner .figcaption .size5 {
    font-size: 1.55em;
  }
  .banner .figcaption .size6 {
    font-size: 1em;
  }
  .banner .figcaption .text {
    font-size: 1em;
  }
  .banner .figcaption .text.size1 {
    font-size: 1.1em;
  }
  .banner .figcaption .text.size2 {
    font-size: 1.2em;
  }
  .banner .figcaption .text.size3 {
    font-size: 1.3em;
    letter-spacing: 1px;
  }
  .banner .figcaption .btn {
    margin-top: 10px;
    padding: 11px 20px 11px !important;
  }
  .banner .figcaption .btn.offset-top {
    margin-top: 15px;
  }
}
@media screen and (max-width: 479px) {
  .banner .figcaption .size1 {
    font-size: 1.8em;
  }
  .banner .figcaption .size2 {
    font-size: 1.7em;
  }
  .banner .figcaption .size3,
  .banner .figcaption .size3-1 {
    font-size: 2.2em;
  }
  .banner .figcaption .size4 {
    font-size: 20px;
  }
  .banner .figcaption .size5 {
    font-size: 30px;
  }
  .banner .figcaption .size6 {
    font-size: 40px;
  }
}
.banner .large-height {
    height: 580px;
    display: block;
}
.banner .small-height {
    height: 275px;
    display: block;
}
.bg-img{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}

/*=== banner animations ===*/

.zoom-in .figure .bg-img {
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transform: scale(1);
  transform: scale(1);
  backface-visibility: hidden;
}
.zoom-in .figure:hover .bg-img {
  opacity: 0.9;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  backface-visibility: hidden;
}

.zoom-in .figure {
  -webkit-transform: translateZ(0);
}
.zoom-in .figure img {
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transform: scale(1);
  transform: scale(1);
  backface-visibility: hidden;
}
.zoom-in .figure:hover img {
  opacity: 0.9;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  backface-visibility: hidden;
}
/* box-baners
==================================== */
.box-baners .row div {

}
.box-baners .text-top .block-table-cell {
  vertical-align: top !important;
  padding-top: 15%	!important;
}
.box-baners .text-left {
  text-align: left !important;
  padding-left: 9%;
  padding-right: 8.8%;
}
.box-baners .text-right {
  text-align: right !important;
  padding-left: 5%;
  padding-right: 5%;
}
.box-baners .text-center {
  padding-left: 5%;
  padding-right: 5%;
}
.box-baners .text-center .block {
  padding-right: 25px;
  padding-left: 25px;
}
@media (max-width: 767px) {
  .box-baners .text-center {
    padding-left: 1%;
    padding-right: 1%;
  }
}
@media (min-width: 768px) {
  .box-baners .text-center {
    padding-left: 3%;
    padding-right: 3%;
  }
}
.box-baners .btn-right-bottom .btn {
  position: absolute;
  right: 6%;
  bottom: 9%;
}
@media (max-width: 767px) {
  .box-baners .btn-right-bottom .btn {
    padding-left: 0%;
    padding-right: 0%;
  }
}
.box-baners .block-left-bottom {
  position: absolute;
  left: 6%;
  bottom: 9%;
  width: 50%;
  text-align: left;
}
@media (max-width: 767px) {
  .box-baners .block-left-bottom {
    padding-left: 0%;
    padding-right: 0%;
  }
}
.box-baners .block-top-md {
  margin-top: 20px;
}
.box-baners .block-top-sm {
  margin-top: 10px;
}
.box-baners .text-center-small {
  padding-left: 5%;
  padding-right: 5%;
  text-align: center;
}
.box-baners .text-right-small {
  padding-left: 5%;
  padding-right: 5%;
  text-align: right;
}
.box-baners .banner-md {
  height: 350px;
  width: 100%;
  -webkit-transition:  all 200ms linear 0s;
  -moz-transition:  all 200ms linear 0s;
  -ms-transition:  all 200ms linear 0s;
  -o-transition:  all 200ms linear 0s;
  transition:  all 200ms linear 0s;
}
.box-baners .banner-md .block-table {
  height: 350px;
}
@media (max-width: 767px) {
  .box-baners .banner-md {
    height: 258px;
  }
  .box-baners .banner-md .block-table {
    height: 258px;
  }
}
.box-baners .banner-md:hover {
  background-color: #f5f5f5;
}
.box-baners .banner-md:hover .figcaption {
  color: #333333;
}
.box-baners .banner-md:hover .figcaption .btn.btn--border {
  border-color: #333333;
  color: #333333;
}
.box-baners .banner .figcaption {
  color: #fff;
  /* indent */
  /* /indent */
  /* font-bold */
  /* /font-bold */
  /* wrapper-green */
  /* /wrapper-green */
  /* line-height */
  /* /line-height-md */
  /* font-size */
  /* /font-size */
  /* line-height-small */
  /* /line-height-small */
  /* text-sm */
  /* /text-sm */
  /* link-btn */
  /* /link-btn */
  /* link-btn */
  /* /link-btn */
}
.box-baners .banner .figcaption .icon.color {
  color: #34495e;
}
.box-baners .banner .figcaption span.color,
.box-baners .banner .figcaption span.color span,
.box-baners .banner .figcaption em.color,
.box-baners .banner .figcaption em.color span {
  color: #34495e;
}
.box-baners .banner .figcaption span.text-color,
.box-baners .banner .figcaption span.text-color span,
.box-baners .banner .figcaption em.text-color,
.box-baners .banner .figcaption em.text-color span {
  color: #777777;
}
.box-baners .banner .figcaption span.text-dark,
.box-baners .banner .figcaption span.text-dark span,
.box-baners .banner .figcaption em.text-dark,
.box-baners .banner .figcaption em.text-dark span {
  color: #333333;
}
.box-baners .banner .figcaption span.color-yellow,
.box-baners .banner .figcaption span.color-yellow span,
.box-baners .banner .figcaption em.color-yellow,
.box-baners .banner .figcaption em.color-yellow span {
  color: #feea3a;
}
.box-baners .banner .figcaption span.color-yellow:hover,
.box-baners .banner .figcaption span.color-yellow span:hover,
.box-baners .banner .figcaption em.color-yellow:hover,
.box-baners .banner .figcaption em.color-yellow span:hover {
  color: #fff;
}
.box-baners .banner .figcaption span.color-yellow:hover span,
.box-baners .banner .figcaption span.color-yellow span:hover span,
.box-baners .banner .figcaption em.color-yellow:hover span,
.box-baners .banner .figcaption em.color-yellow span:hover span {
  color: #fff;
}
.box-baners .banner .figcaption .text-custom {
  color: #34495e;
}
.box-baners .banner .figcaption .block {
  display: block;
}
.box-baners .banner .figcaption .top-indent {
  margin-top: 23% !important;
}
.box-baners .banner .figcaption .top-indent-sm {
  margin-top: 2% !important;
}
.box-baners .banner .figcaption .top-indent-sm1 {
  margin-top: 3% !important;
}
.box-baners .banner .figcaption .top-indent-md {
  margin-top: 5% !important;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .text-overflow-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    height: 50px;
  }
}
.box-baners .banner .figcaption .font-bold {
  font-weight: bold;
}
.box-baners .banner .figcaption .font-medium {
  font-weight: 500;
}
.box-baners .banner .figcaption .font-light {
  font-weight: lighter;
}
.box-baners .banner .figcaption .wrapper-green {
  display: inline-block;
  padding: 0 16px 4px 16px;
  background-color: #41df7c;
}
.box-baners .banner .figcaption .wrapper-coquelicot {
  display: inline-block;
  padding: 0 16px 1px 16px;
  background-color: #fd6940;
}
.box-baners .banner .figcaption .line-height-md {
  line-height: 38px !important;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .line-height-md {
    line-height: 24px !important;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .line-height-md {
    line-height: 27px !important;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .line-height-md {
    line-height: 27px !important;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .line-height-md {
    line-height: 33px !important;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .line-height-md {
    line-height: 38px !important;
  }
}
.box-baners .banner .figcaption .font-size160 {
  font-size: 160px;
  line-height: 1.1em;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .font-size160 {
    font-size: 90px;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .font-size160 {
    font-size: 91px;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .font-size160 {
    font-size: 93px;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .font-size160 {
    font-size: 115px;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .font-size160 {
    font-size: 160px;
  }
}
@media (max-width: 500px) {
  .box-baners .banner .figcaption .font-size160 {
    font-size: 70px;
  }
}
@media (max-width: 400px) {
  .box-baners .banner .figcaption .font-size160 {
    font-size: 50px;
  }
}
.box-baners .banner .figcaption .font-size100 {
  font-size: 100px;
  line-height: 1.15em;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .font-size100 {
    font-size: 50px;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .font-size100 {
    font-size: 50px;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .font-size100 {
    font-size: 70px;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .font-size100 {
    font-size: 90px;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .font-size100 {
    font-size: 100px;
  }
}
@media (max-width: 400px) {
  .box-baners .banner .figcaption .font-size100 {
    font-size: 40px;
  }
}
.box-baners .banner .figcaption .font-size96 {
  font-size: 96px;
  line-height: 0.96em;
  padding-bottom: 0px;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .font-size96 {
    font-size: 46px;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .font-size96 {
    font-size: 46px;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .font-size96 {
    font-size: 66px;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .font-size96 {
    font-size: 86px;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .font-size96 {
    font-size: 96px;
  }
}
@media (max-width: 400px) {
  .box-baners .banner .figcaption .font-size96 {
    font-size: 36px;
  }
}
.box-baners .banner .figcaption .font-size90 {
  font-size: 90px;
  line-height: 1.15em;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .font-size90 {
    font-size: 30px;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .font-size90 {
    font-size: 40px;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .font-size90 {
    font-size: 50px;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .font-size90 {
    font-size: 60px;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .font-size90 {
    font-size: 90px;
  }
}
@media (max-width: 400px) {
  .box-baners .banner .figcaption .font-size90 {
    font-size: 30px;
  }
}
.box-baners .banner .figcaption .font-size88 {
  font-size: 90px;
  line-height: 1.15em;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .font-size88 {
    font-size: 30px;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .font-size88 {
    font-size: 40px;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .font-size88 {
    font-size: 50px;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .font-size88 {
    font-size: 60px;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .font-size88 {
    font-size: 88px;
  }
}
@media (max-width: 400px) {
  .box-baners .banner .figcaption .font-size88 {
    font-size: 30px;
  }
}
.box-baners .banner .figcaption .font-size82 {
  font-size: 5.125em;
  line-height: 1.15em;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .font-size82 {
    font-size: 27px;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .font-size82 {
    font-size: 37px;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .font-size82 {
    font-size: 43px;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .font-size82 {
    font-size: 55px;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .font-size82 {
    font-size: 82px;
  }
}
@media (max-width: 400px) {
  .box-baners .banner .figcaption .font-size82 {
    font-size: 22px;
  }
}
.box-baners .banner .figcaption .font-size80 {
  font-size: 80px;
  line-height: 1.15em;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .font-size80 {
    font-size: 25px;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .font-size80 {
    font-size: 35px;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .font-size80 {
    font-size: 45px;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .font-size80 {
    font-size: 55px;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .font-size80 {
    font-size: 80px;
  }
}
@media (max-width: 400px) {
  .box-baners .banner .figcaption .font-size80 {
    font-size: 20px;
  }
}
.box-baners .banner .figcaption .font-size70 {
  font-size: 70px;
  line-height: 1.15em;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .font-size70 {
    font-size: 25px;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .font-size70 {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .font-size70 {
    font-size: 40px;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .font-size70 {
    font-size: 50px;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .font-size70 {
    font-size: 70px;
  }
}
.box-baners .banner .figcaption .font-size68 {
  font-size: 70px;
  line-height: 1.15em;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .font-size68 {
    font-size: 23px;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .font-size68 {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .font-size68 {
    font-size: 38px;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .font-size68 {
    font-size: 48px;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .font-size68 {
    font-size: 68px;
  }
}
.box-baners .banner .figcaption .font-size62 {
  font-size: 62px;
  line-height: 1.15em;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .font-size62 {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .font-size62 {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .font-size62 {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .font-size62 {
    font-size: 42px;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .font-size62 {
    font-size: 62px;
  }
}
.box-baners .banner .figcaption .font-size54 {
  font-size: 54px;
  line-height: 1.1em;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .font-size54 {
    font-size: 34px;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .font-size54 {
    font-size: 34px;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .font-size54 {
    font-size: 34px;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .font-size54 {
    font-size: 44px;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .font-size54 {
    font-size: 54px;
  }
}
@media (max-width: 400px) {
  .box-baners .banner .figcaption .font-size54 {
    font-size: 24px;
  }
}
.box-baners .banner .figcaption .font-size52 {
  font-size: 54px;
  line-height: 1.1em;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .font-size52 {
    font-size: 32px;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .font-size52 {
    font-size: 32px;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .font-size52 {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .font-size52 {
    font-size: 42px;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .font-size52 {
    font-size: 52px;
  }
}
@media (max-width: 400px) {
  .box-baners .banner .figcaption .font-size52 {
    font-size: 22px;
  }
}
.box-baners .banner .figcaption .font-size50 {
  font-size: 50px;
  line-height: 1.1em;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .font-size50 {
    font-size: 30px;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .font-size50 {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .font-size50 {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .font-size50 {
    font-size: 40px;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .font-size50 {
    font-size: 50px;
  }
}
@media (max-width: 400px) {
  .box-baners .banner .figcaption .font-size50 {
    font-size: 20px;
  }
}
.box-baners .banner .figcaption .font-size46 {
  font-size: 46px;
  line-height: 1.1em;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .font-size46 {
    font-size: 30px;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .font-size46 {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .font-size46 {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .font-size46 {
    font-size: 40px;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .font-size46 {
    font-size: 46px;
  }
}
@media (max-width: 400px) {
  .box-baners .banner .figcaption .font-size46 {
    font-size: 20px;
  }
}
.box-baners .banner .figcaption .font-size40 {
  font-size: 40px;
  line-height: 1.1em;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .font-size40 {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .font-size40 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .font-size40 {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .font-size40 {
    font-size: 30px;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .font-size40 {
    font-size: 40px;
  }
}
@media (max-width: 400px) {
  .box-baners .banner .figcaption .font-size40 {
    font-size: 20px;
  }
}
.box-baners .banner .figcaption .font-size38 {
  font-size: 50px;
  line-height: 1.1em;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .font-size38 {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .font-size38 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .font-size38 {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .font-size38 {
    font-size: 30px;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .font-size38 {
    font-size: 38px;
  }
}
@media (max-width: 400px) {
  .box-baners .banner .figcaption .font-size38 {
    font-size: 20px;
  }
}
.box-baners .banner .figcaption .font-size30 {
  font-size: 30px;
  line-height: 1.15em;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .font-size30 {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .font-size30 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .font-size30 {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .font-size30 {
    font-size: 25px;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .font-size30 {
    font-size: 30px;
  }
}
.box-baners .banner .figcaption .font-size26 {
  font-size: 26px;
  line-height: 1.15em;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .font-size26 {
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .font-size26 {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .font-size26 {
    font-size: 17px;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .font-size26 {
    font-size: 21px;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .font-size26 {
    font-size: 26px;
  }
}
.box-baners .banner .figcaption .font-size24 {
  font-size: 26px;
  line-height: 1.15em;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .font-size24 {
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .font-size24 {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .font-size24 {
    font-size: 17px;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .font-size24 {
    font-size: 20px;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .font-size24 {
    font-size: 24px;
  }
}
.box-baners .banner .figcaption .font-size22 {
  font-size: 22px;
  line-height: 1.15em;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .font-size22 {
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .font-size22 {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .font-size22 {
    font-size: 17px;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .font-size22 {
    font-size: 17px;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .font-size22 {
    font-size: 22px;
  }
}
.box-baners .banner .figcaption .font-size21 {
  font-size: 21px;
  line-height: 1.15em;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .font-size21 {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .font-size21 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .font-size21 {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .font-size21 {
    font-size: 16px;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .font-size21 {
    font-size: 21px;
  }
}
.box-baners .banner .figcaption .font-size20 {
  font-size: 1.250em;
  line-height: 1.15em;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .font-size20 {
    font-size: 13px;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .font-size20 {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .font-size20 {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .font-size20 {
    font-size: 15px;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .font-size20 {
    font-size: 20px;
  }
}
.box-baners .banner .figcaption .line-height-small {
  line-height: 1em;
}
.box-baners .banner .figcaption .text_sm {
  color: #fff;
  display: block;
  padding-bottom: 22px;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .text_sm {
    font-size: 11px;
    padding-bottom: 0px;
  }
}
@media (min-width: 768px) {
  .box-baners .banner .figcaption .text_sm {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .box-baners .banner .figcaption .text_sm {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .box-baners .banner .figcaption .text_sm {
    font-size: 14px;
  }
}
@media (min-width: 1770px) {
  .box-baners .banner .figcaption .text_sm {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .box-baners .banner .figcaption .btn.btn--ys,
  .box-baners .banner .figcaption .btn--border {
    padding: 11px 20px 11px !important;
    font-size: 1.1em;
    line-height: 1.1em;
  }
}
.box-baners .banner .figcaption .link-btn-20 {
  font-size: 1.250em;
  line-height: 1em;
  -webkit-transition:  all 0.3s 0s ease;
  -moz-transition:  all 0.3s 0s ease;
  -ms-transition:  all 0.3s 0s ease;
  -o-transition:  all 0.3s 0s ease;
  transition:  all 0.3s 0s ease;
}
.box-baners .banner .figcaption .link-btn-20 span {
  font-size: 2.250em;
  line-height: 1em;
  position: relative;
  top: 0.32em;
  -webkit-transition:  all 0.3s 0s ease;
  -moz-transition:  all 0.3s 0s ease;
  -ms-transition:  all 0.3s 0s ease;
  -o-transition:  all 0.3s 0s ease;
  transition:  all 0.3s 0s ease;
}
.box-baners .banner .figcaption .link-btn-20:hover {
  color: #34495e;
}
.box-baners .banner .figcaption .link-btn-20:hover span {
  color: #34495e;
}
@media (max-width: 767px) {
  .box-baners .banner .figcaption .link-btn-20 {
    font-size: 1.150em;
  }
  .box-baners .banner .figcaption .link-btn-20 span {
    font-size: 1.8em;
    top: 0.33em;
  }
}
@media (max-width: 767px) {
  .banner-bg {
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
  }


}
/* /box-baners
==================================== */
/* banner-icon
==================================== */
.banner-icon {
  position: relative;
  min-height: 85px;
  margin-bottom: 37px;
  cursor: pointer;
}
.banner-icon__icon {
  position: absolute;
  top: 3px;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background: #f5f5f5;
  -webkit-transition:  all 0.3s 0s ease;
  -moz-transition:  all 0.3s 0s ease;
  -ms-transition:  all 0.3s 0s ease;
  -o-transition:  all 0.3s 0s ease;
  transition:  all 0.3s 0s ease;
}
.banner-icon__icon span {
  display: block;
  position: relative;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #333333;
  font-size: 34px;
  margin-top: 2px;
  -webkit-transition:  all 0.3s 0s ease;
  -moz-transition:  all 0.3s 0s ease;
  -ms-transition:  all 0.3s 0s ease;
  -o-transition:  all 0.3s 0s ease;
  transition:  all 0.3s 0s ease;
}
.banner-icon__icon span.icon-replay_5 {
  font-size: 42px;
}
.banner-icon__text {
  padding-left: 117px;
}
.banner-icon__text h3 {
  font-size: 1.375em;
  font-weight: 500;
  margin-bottom: 21px;
  color: #34495e;
  text-transform: uppercase;
  -webkit-transition:  all 0.3s 0s ease;
  -moz-transition:  all 0.3s 0s ease;
  -ms-transition:  all 0.3s 0s ease;
  -o-transition:  all 0.3s 0s ease;
  transition:  all 0.3s 0s ease;
}
.banner-icon:hover .banner-icon__icon {
  background: #34495e;
}
.banner-icon:hover .banner-icon__icon span {
  color: #fff;
}
.banner-icon:hover .banner-icon__text h3 {
  color: #333333;
}
/* /banner-icon
==================================== */
/* banner-all-width
==================================== */
.banner-all-width {
  padding: 72px 0 60px;
}
.banner-all-width.color-white .title {
  color: #fff !important;
  margin: 0 0 30px 0!important;
  padding: 0 !important;
}
.banner-all-width p {
  font-size: 20px;
  line-height: 37px;
}
@media (max-width: 768px) {
  .banner-all-width {
    padding: 62px 0 50px;
  }
  .banner-all-width .title {
    font-size: 35px;
  }
  .banner-all-width p {
    font-size: 17px;
    line-height: 34px;
  }
}
/* /banner-all-width
==================================== */
/* banner-one-product
==================================== */
.banner-one-product {
  padding-left: 0;
  padding-right: 0;
}
.banner-one-product .product-content {
  padding-top: 26%;
}
.banner-one-product .product-content .title {
  font-size: 30px;
  line-height: 1em;
  color: #34495e;
}
.banner-one-product .product-content .title a {
  color: #333333;
}
.banner-one-product .product-content .title a:hover {
  color: #34495e;
}
.banner-one-product .product-content .price {
  color: #34495e;
  font-size: 70px;
  font-weight: 300;
}

.banner-one-product .clearfix {
  margin-top: 50px;
}

@media (max-width: 1200px) {
  .banner-one-product .product-content {
    text-align: center;
    padding-top: 0%;
    padding-bottom: 10%;
  }
  .banner-one-product .product-content .pull-left {
    float: inherit !important;
  }
  .banner-one-product .product-content .input-counter {
    margin-bottom: 19px;
  }
}
@media (min-width: 992px) {
  .banner-one-product .product-content {
    padding-top: 0% !important;
  }
  .banner-one-product .product-content .input-counter .pull-left {
    width: 100%;
    padding-bottom: 19px;
  }
}
@media (min-width: 1200px) {
  .banner-one-product .product-content {
    padding-top: 15% !important;
  }
}
@media (min-width: 1770px) {
  .banner-one-product .product-content {
    padding-top: 15% !important;
  }
}
/* input-counter */
.input-counter {
  position: relative;
  width: 134px;
  margin: 0 auto;
}
.input-counter input {
  border: 1px solid #e5e5e5;
  display: inline-block;
  width: 134px;
  height: 76px;
  font-size: 24px;
  line-height: 1em;
  text-align: center;
  font-family: Ubuntu, sans-serif;
  font-weight: lighter;
}
.input-counter span {
  display: inline-block;
  font-size: 27px;
  line-height: 1em;
  color: #777777;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  font-family: Ubuntu, sans-serif;
  font-weight: 500;
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  -webkit-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  filter: alpha(opacity=30);
}
.input-counter span:hover {
  color: #34495e;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
.input-counter span.minus-btn {
  left: 19px;
}
.input-counter span.plus-btn {
  right: 19px;
}
/* /input-counter */
/* /banner-one-product
==================================== */
/* link-img-hover */
.link-img-hover {
  overflow: hidden;
  display: inline-block;
  -webkit-transition:  all 200ms linear 0s;
  -moz-transition:  all 200ms linear 0s;
  -ms-transition:  all 200ms linear 0s;
  -o-transition:  all 200ms linear 0s;
  transition:  all 200ms linear 0s;
}
.link-img-hover.banner--md {
  display: block;
}
.link-img-hover img {
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transform: scale(1);
  transform: scale(1);
  backface-visibility: hidden;
}
.link-img-hover:hover {
  background: #34495e;
}
.link-img-hover:hover img {
  opacity: 0.9;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  backface-visibility: hidden;
}
/* /link-img-hover */
/* link-img-hover1 */
.link-img-hover1 {
  overflow: hidden;
  display: block;
  position: relative;
  -webkit-transition:  all 200ms linear 0s;
  -moz-transition:  all 200ms linear 0s;
  -ms-transition:  all 200ms linear 0s;
  -o-transition:  all 200ms linear 0s;
  transition:  all 200ms linear 0s;
}
.link-img-hover1.banner--md {
  display: block;
}
.link-img-hover1 img {
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transform: scale(1);
  transform: scale(1);
  backface-visibility: hidden;
}
.link-img-hover1:hover {
  background: #34495e;
}
.link-img-hover1:hover img {
  opacity: 0.9;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  backface-visibility: hidden;
}
/* /link-img-hover1 */
@media (max-width: 767px) {
  .banner--md .vis-hid-img-small {
    display: none;
  }
  .banner--md .vis-hid-img-big {
    display: block;
  }
}
@media (min-width: 768px) {
  .banner--md .vis-hid-img-small {
    display: block;
  }
  .banner--md .vis-hid-img-big {
    display: none;
  }
}
@media (min-width: 992px) {
  .banner--md .vis-hid-img-small {
    display: block;
  }
  .banner--md .vis-hid-img-big {
    display: none;
  }
}
@media (min-width: 1200px) {
  .banner--md .vis-hid-img-small {
    display: block;
  }
  .banner--md .vis-hid-img-big {
    display: none;
  }
}
@media (min-width: 1770px) {
  .banner--md .vis-hid-img-small {
    display: none;
  }
  .banner--md .vis-hid-img-big {
    display: block;
  }
}
/****************************************
* end banner
*****************************************/
/****************************************
* REVOLUTION SLIDER
*****************************************/
#slider {
  overflow: hidden;
}
.tp-banner {
  font-size: 10px;
  z-index: 1;
  position: relative;
}
.tp-banner-container {
  width: 100%;
  position: relative;
  padding: 0;
  z-index: 1;
}
.slider-button .tp-banner,
.slider-button .tp-banner-container {
  z-index: -1;
}
/*  CAPTION SLIDE  */
.tparrows.hidearrows {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
/* tp-caption1--wd-1 */
.tp-caption1--wd-1 {
  font-size: 20px;
  line-height: 40px;
  color: #333333;
  font-family: Georgia, sans-serif;
  font-style: italic;
}
.tp-caption1--wd-2 {
  font-size: 80px;
  line-height: 100px;
  font-family: Ubuntu, sans-serif;
  color: #34495e;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  display: inline-block;
}
.tp-caption1--wd-3 {
  font-size: 90px;
  line-height: 90px;
  font-weight: 600;
  color: #333333;
  text-transform: uppercase;
  letter-spacing: 0.09em;
}
/* effect-button */
.link-button {
  margin-top: 47px;
  background-color: #34495e;
  text-transform: uppercase;
  color: #ffffff !important;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  display: inline-block;
  padding: 20px  35px;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  letter-spacing: 0.02em;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-decoration: none !important;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.13);
  -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.13);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.13);
}
.link-button:hover {
  color: #34495e !important;
  background: none;
}
.button--border-thick {
  border: 2px solid #34495e;
}
@media (max-width: 1700px) {
  .tp-caption1--wd-1 {
    font-size: 15px !important;
    line-height: 20px !important;
  }
  .tp-caption1--wd-2 {
    font-size: 60px !important;
    line-height: 70px !important;
  }
  .tp-caption1--wd-3 {
    font-size: 70px !important;
    line-height: 70px !important;
  }
}
@media (max-width: 991px) {
  .tp-caption1--wd-1 {
    font-size: 15px !important;
    line-height: 20px !important;
  }
  .tp-caption1--wd-2 {
    font-size: 60px !important;
    line-height: 70px !important;
  }
  .tp-caption1--wd-3 {
    font-size: 70px !important;
    line-height: 70px !important;
  }
  .link-button {
    margin-top: 27px;
    font-size: 18px;
    padding: 10px  15px;
  }
}
@media (max-width: 767px) {
  .tp-caption1--wd-1 {
    font-size: 15px !important;
    line-height: 20px !important;
  }
  .tp-caption1--wd-2 {
    font-size: 26px !important;
    line-height: 30px !important;
  }
  .tp-caption1--wd-3 {
    font-size: 30px !important;
    line-height: 30px !important;
  }
  .link-button {
    margin-top: 27px;
    font-size: 18px;
    padding: 10px  15px;
  }
}
/* /tp-caption2--wd-1 */
.tp-caption2--wd-1 {
  font-size: 30px;
  line-height: 50px;
  color: #ffffff;
  font-style: italic;
  font-family: Georgia, sans-serif;
  text-align: right;
}
/* tp-caption2--wd-2 */
.tp-caption2--wd-2 {
  font-size: 160px;
  line-height: 160px;
  font-family: Ubuntu, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  text-align: right;
}
/* tp-caption2--wd-3 */
.tp-caption2--wd-3 {
  font-size: 70px;
  line-height: 80px;
  font-family: Ubuntu, sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  color: #ffffff;
  text-align: right;
}
@media (max-width: 1700px) {
  .tp-caption2--wd-1 {
    font-size: 30px !important;
    line-height: 40px !important;
  }
  .tp-caption2--wd-2 {
    font-size: 140px !important;
    line-height: 140px !important;
  }
  .container .tp-caption2--wd-2 {
    font-size: 90px !important;
    line-height: 90px !important;
  }
  .tp-caption2--wd-3 {
    font-size: 60px !important;
    line-height: 70px !important;
  }
}
@media (max-width: 991px) {
  .tp-caption2--wd-1 {
    font-size: 20px !important;
    line-height: 30px !important;
  }
  .tp-caption2--wd-2 {
    font-size: 72px !important;
    line-height: 72px !important;
  }
  .container .tp-caption2--wd-2 {
    font-size: 80px !important;
    line-height: 80px !important;
  }
  .tp-caption2--wd-3 {
    font-size: 40px !important;
    line-height: 50px !important;
  }
}
@media (max-width: 767px) {
  .tp-caption2--wd-1 {
    font-size: 15px !important;
    line-height: 20px !important;
  }
  .tp-caption2--wd-2 {
    font-size: 35px !important;
    line-height: 35px !important;
  }
  .container .tp-caption2--wd-2 {
    font-size: 40px !important;
    line-height: 40px !important;
  }
  .tp-caption2--wd-3 {
    font-size: 25px !important;
    line-height: 25px !important;
  }
}
/* tp-caption3--wd-1 */
.tp-caption3--wd-1 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 2.5em;
  color: #333333;
  font-family: Georgia, sans-serif;
  font-style: italic;
  text-align: center;
}
/* tp-caption3--wd-2 */
.tp-caption3--wd-2 {
  font-size: 50px;
  line-height: 70px;
  color: #34495e;
  font-family: Ubuntu, sans-serif;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
/* tp-caption3--wd-3 */
.tp-caption3--wd-3 {
  font-size: 100px;
  line-height: 100px;
  color: #333333;
  font-family: Ubuntu, sans-serif;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.08em;
}
@media (max-width: 1700px) {
  .tp-caption3--wd-2 {
    font-size: 40px !important;
    line-height: 60px !important;
  }
  .tp-caption3--wd-3 {
    font-size: 80px !important;
    line-height: 80px !important;
  }
}
@media (max-width: 991px) {
  .tp-caption3--wd-2 {
    font-size: 40px !important;
    line-height: 60px !important;
  }
  .tp-caption3--wd-3 {
    font-size: 70px !important;
    line-height: 70px !important;
  }
}
@media (max-width: 767px) {
  .tp-caption3--wd-1 {
    font-size: 14px !important;
    line-height: 17px !important;
    margin-bottom: 0.2em;
  }
  .tp-caption3--wd-2 {
    font-size: 19px !important;
    line-height: 27px !important;
  }
  .tp-caption3--wd-3 {
    font-size: 23px !important;
    line-height: 20px !important;
  }
}
/* tp-caption1--wd-3 */
/* tp-caption4--wd-1 */
.tp-caption4--wd-1 {
  font-size: 50px;
  line-height: 1em;
  margin: 0 0 10px 85px;
  color: #fff;
  font-family: Ubuntu, sans-serif;
  text-transform: uppercase;
}
.tp-caption4--wd-2 {
  font-size: 70px;
  line-height: 1em;
  margin: 0 0 0 85px;
  color: #fff;
  font-family: Ubuntu, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}
.tp-caption4--wd-3 {
  margin: 0 85px 0 0;
  white-spac: nowrap;
}
.tp-caption4--wd-3 .button--border-thick {
  background: #8ed044;
  border-color: #8ed044;
}
.tp-caption4--wd-3 .button--border-thick:hover {
  background: none !important;
  border-color: #8ed044;
}
@media (min-width: 768px) {
  .tp-caption4--wd-1 {
    font-size: 40px;
    margin: 0 0 10px 70px;
  }
  .tp-caption4--wd-2 {
    font-size: 45px;
    margin: 0 10px 0 70px;
  }
  .tp-caption4--wd-3 {
    margin: 131px 45px 0 0;
  }
  .tp-caption4--wd-3 .link-button {
    padding: 20px 25px;
  }
}
@media (max-width: 480px) {
  .tp-caption4--wd-1 {
    font-size: 20px;
  }
  .tp-caption4--wd-2 {
    font-size: 25px;
  }
  .tp-caption4--wd-3 {
    margin: 15px 45px 0 0;
  }
}
@media (max-width: 992px) {
  .tp-caption4--wd-1 {
    font-size: 40px;
  }
  .tp-caption4--wd-2 {
    font-size: 40px;
  }
  .tp-caption4--wd-3 .link-button {
    padding: 10px 20px;
  }
}
@media (min-width: 992px) {
  .tp-caption4--wd-1 {
    font-size: 40px;
    margin: 0 0 10px 70px;
  }
  .tp-caption4--wd-2 {
    font-size: 50px;
    margin: 0 10px 0 70px;
  }
  .tp-caption4--wd-3 {
    margin: 70px 45px 0 0;
  }
  .tp-caption4--wd-3 .link-button {
    padding: 20px 25px;
  }
}
@media (min-width: 1200px) {
  .tp-caption4--wd-1 {
    font-size: 40px;
    margin: 0 0 10px 85px;
  }
  .tp-caption4--wd-2 {
    font-size: 60px;
    margin: 0 160px 0 85px;
  }
  .tp-caption4--wd-3 {
    margin: 0 45px 0 0;
  }
  .tp-caption4--wd-3 .link-button {
    padding: 20px 25px;
  }
}
@media (min-width: 1770px) {
  .tp-caption4--wd-1 {
    font-size: 50px;
    margin: 0 0 10px 85px;
  }
  .tp-caption4--wd-2 {
    font-size: 70px;
    margin: 0 0 0 85px;
  }
}
/*  NAV SLIDER  */
.tp-leftarrow.default {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: none !important;
  width: 40px;
  height: 40px;
}
.tp-rightarrow.default {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: none !important;
  width: 40px;
  height: 40px;
}
.tp-leftarrow.default,
.tp-rightarrow.default {
  top: 50% !important;
  margin-top: -20px !important;
  color: #d2d2d2;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.tp-leftarrow.default:hover,
.tp-rightarrow.default:hover {
  color: #ffffff;
  background-color: #34495e !important;
}
.tp-leftarrow.default:before,
.tp-rightarrow.default:before {
  font-family: 'Material Icons';
  font-size: 39px;
  line-height: 40px;
  cursor: pointer;
}
.tp-leftarrow.default:before {
  content: "\e408";
}
.tp-rightarrow.default:before {
  content: "\e409";
}
@media (max-width: 767px) {
  .tp-leftarrow.default {
    left: 0 !important;
  }
  .tp-rightarrow.default {
    right: 0 !important;
  }
}
body.stop-scrolling #slider .tp-leftarrow {
  opacity: 0;
}
/* slider-layout-2
==================================== */
.slider-layout-2 .tp-caption1--wd-1 {
  font-size: 20px;
  line-height: 40px;
  color: #fff;
  font-family: Georgia, sans-serif;
  font-style: italic;
}
.slider-layout-2 .tp-caption1--wd-2 {
  font-size: 80px;
  line-height: 100px;
  font-family: Ubuntu, sans-serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  display: inline-block;
}
.slider-layout-2 .tp-caption1--wd-3 {
  font-size: 90px;
  line-height: 90px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.09em;
}
/* tp-caption--product-1
==================================== */
.tp-caption {
  z-index: 1;
  white-space: inherit;
}
.tp-caption--product-1 {
  white-space: inherit !important;
}
.tp-caption--product-1 .title {
  font-size: 30px;
  line-height: 1.1em;
  color: #34495e;
}
.tp-caption--product-1 .title a {
  color: #34495e;
}
.tp-caption--product-1 .title a:hover {
  color: #333333;
}
.tp-caption--product-1 .title a:focus {
  text-decoration: none;
  color: #34495e;
}
.tp-caption--product-1 .price {
  font-size: 50px;
  line-height: 1.1em;
  padding-bottom: 30px;
  color: #333333;
}
.tp-caption--product-1 .price .price-box__old {
  font-size: 23px;
  color: #fa6b6b;
}
.tp-caption--product-1 .text {
  font-size: 16px;
  line-height: 27px;
  max-width: 391px;
}
.tp-caption--product-1 .btn--ys {
  color: #fff;
  font-size: 24px;
  white-space: inherit;
}
.tp-caption--product-1 .btn--ys.btn--lg {
  padding-left: 38px;
  padding-right: 38px;
}
.tp-caption--product-1 .btn--ys:hover {
  color: #34495e;
}
.tp-caption--product-1 .btn-top {
  margin-top: 55px;
}
@media (max-width: 1200px) {
  .tp-caption--product-1 .title {
    font-size: 25px;
  }
  .tp-caption--product-1 .price {
    font-size: 40px;
    padding-bottom: 15px;
  }
  .tp-caption--product-1 .price .price-box__old {
    font-size: 20px;
  }
  .tp-caption--product-1 .text {
    font-size: 14px;
    line-height: 25px;
    max-width: 300px;
  }
  .tp-caption--product-1 .btn--ys {
    font-size: 18px;
  }
  .tp-caption--product-1 .btn--ys.btn--lg {
    padding-left: 20px;
    padding-right: 20px;
  }
  .tp-caption--product-1 .btn-top {
    margin-top: 35px;
  }
}
@media (max-width: 992px) {
  .tp-caption--product-1 .title {
    font-size: 22px;
  }
  .tp-caption--product-1 .price {
    font-size: 30px;
    padding-bottom: 15px;
  }
  .tp-caption--product-1 .price .price-box__old {
    font-size: 20px;
  }
  .tp-caption--product-1 .text {
    font-size: 12px;
    line-height: 25px;
    max-width: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 50px;
  }
  .tp-caption--product-1 .btn--ys {
    font-size: 15px;
  }
  .tp-caption--product-1 .btn--ys.btn--lg {
    padding: 10px 17px 9px;
  }
  .tp-caption--product-1 .btn-top {
    margin-top: 35px;
  }
}
@media (max-width: 767px) {
  .tp-caption--product-1 .title {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .tp-caption--product-1 .title {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .tp-caption--product-1 .price {
    font-size: 21px;
    padding-bottom: 5px;
  }
  .tp-caption--product-1 .price .price-box__old {
    font-size: 15px;
  }
  .tp-caption--product-1 .text {
    font-size: 11px;
    line-height: 22px;
    max-width: inherit;
    display: none;
  }
  .tp-caption--product-1 .btn--ys .icon {
    display: none;
  }
  .tp-caption--product-1 .btn-top {
    margin-top: 5px;
  }
}
@media (max-width: 500px) {
  .tp-caption--product-1 .btn--ys.btn--lg {
    padding: 7px 10px;
    font-size: 11px;
    line-height: 1.2em;
  }
}
@media (max-width: 400px) {
  .tp-caption--product-1 .price {
    display: none;
  }
}
/* /tp-caption--product-1
==================================== */
/* intro
==================================== */

.tp-banner-button1 .tp-leftarrow.default:before,
.tp-banner-button1 .tp-rightarrow.default:before {
  font-family: 'Material Icons';
  font-size: 45px;
  line-height: 48px;
  cursor: pointer;
}
.tp-banner-button1 .tp-leftarrow.default:hover,
.tp-banner-button1 .tp-rightarrow.default:hover {
  color: #34495e !important;
  background-color: transparent !important;
}
/* /intro
==================================== */
.btn--bg-green.link-button {
  background: #8ed044;
  border-color: #8ed044;
}
.btn--bg-green.link-button:hover {
  background: #fff;
  border-color: #8ed044;
}
.btn--bg-coquelicot.link-button {
  background: #fd6940;
  border-color: #fd6940;
}
.btn--bg-coquelicot.link-button:hover {
  background: #fff;
  border-color: #fd6940;
}
.btn--bg-dark.link-button {
  background: #333;
  border-color: #333;
}
.btn--bg-dark.link-button:hover {
  background: #fff;
  border-color: #333;
}
/****************************************
* end REVOLUTION SLIDER
*****************************************/
/****************************************
* Instagram Feed
*****************************************/
.instafeed-wrapper {
  position: relative;
  overflow: hidden;
}
.instafeed-wrapper:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 8;
  left: 0;
  top: 0;
  background-color: rgba(51, 51, 51, 0.89);
  height: 100%;
  width: 3em;
}
.instafeed a {
  display: block;
  position: relative;
  overflow: hidden;
  float: left;
  width: 10%;
  height: 10%;
  background-color: #34495e;
  text-decoration: none;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.instafeed img {
  display: block;
  width: 100%;
}
.instafeed a:before {
  position: absolute;
  display: block;
  width: 100%;
  text-align: center;
  content: "\e409";
  font-family: "Material Icons";
  font-size: 1.8em;
  color: #fff;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  z-index: 7;
}
.instafeed a:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  background-color: #34495e;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.instafeed a:hover img {
  opacity: 1;
}
.instafeed a:hover:before {
  opacity: 1;
}
.instafeed a:hover:after {
  opacity: 0.88;
}
.title-vertical {
  position: absolute;
  z-index: 9;
  color: #ffffff;
  font-size: 1.4em;
  line-height: 2em;
  font-weight: 400;
  white-space: nowrap;
  right: 100%;
  top: 23.4%;
  text-align: center;
  transform-origin: top right 0;
  transform: rotate(270deg);
}
.title-vertical:before {
  background: #000;
  padding: 0;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
}
@media (max-width: 1672px) {
  .title-vertical,
  .instafeed-wrapper:after {
    display: none !important;
  }
}
/* instafeed-center
==================================== */
.instafeed-center:after,
.instafeed-center:before,
.instafeed-center .title-vertical {
  display: none !important;
}
.instafeed-center .instafeed {
  text-align: center;
}
.instafeed-center .instafeed a {
  display: inline-block;
  float: inherit;
  margin: 0 15px 15px 15px;
}
/* /instafeed-center
==================================== */
/****************************************
* end Instagram Feed
*****************************************/
/****************************************
* social-links
*****************************************/
.social-links {
  margin-bottom: 2.438em;
  overflow: hidden;
}
.social-links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.social-links ul li {
  display: block;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.social-links ul a {
  text-decoration: none;
  display: inline-block;
  color: #ffffff;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
}
.social-links:hover ul a {
  background-color: #ffffff;
}
.social-links:hover ul a:hover {
  background-color: #ffffff;
  color: #ffffff;
  text-decoration: none;
}
.social-links.margin-bottom-none {
  margin-bottom: 0;
}
.social-links.social-links--large .icon {
  font-size: 27px;
}
.social-links.social-links--large .icon {
  width: 52px;
  height: 52px;
  line-height: 52px;
}
.social-links.text-center ul {
  display: inline-block;
}
@media (max-width: 767px) {
  footer .social-links ul {
    display: table;
    margin-right: auto;
    margin-left: auto;
  }
  footer .social-links ul li {
    margin-right: 5px;
  }
}
/* social-links-border
==================================== */
.social-links.social-links-border ul a {
  border: 2px solid transparent;
  color: ;
}
.social-links.social-links-border:hover ul a {
  background-color: transparent;
  border-color: ;
}
.social-links.social-links-border:hover ul a:hover {
  background-color: #333333;
  border-color: ;
}
/* /social-links-border
==================================== */
/* social-links-border
==================================== */
.social-links-no-bg {
  background-color: transparent;
}
.social-links-no-bg ul a {
  border: 2px solid transparent;
  color: #fff;
}
.social-links-no-bg:hover ul a {
  background-color: transparent;
}
.social-links-no-bg:hover ul a:hover {
  background-color: transparent;
  color: #333333;
}
/* /social-links-border
==================================== */
/****************************************
* end social-links
*****************************************/
/****************************************
* promos
*****************************************/
.promos__image {
  position: relative;
}
.promos__label {
  display: block;
  position: absolute;
  left: 50%;
  width: 3.1em;
  height: 3.1em;
  margin: 0 0 0 -1.55em;
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: rgba(31, 192, 160, 0.8);
  font-size: 3.75em;
  line-height: 3.1em;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-family: Ubuntu, sans-serif;
  font-weight: 600;
}
.promos h2 {
  font-size: 1em;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0 10px;
  margin: 1.7em 0 1em;
  color: #34495e;
}
.promos h2 a {
  color: #34495e;
}
/****************************************
* end promos
*****************************************/

/****************************************
* collapse-block
*****************************************/
.collapse-block {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 12px;
  padding-bottom: 14px;
}
.collapse-block__content {
  display: none;
  padding-bottom: 19px;
}
.collapse-block__content > p:first-child {
  margin-top: 10px;
}
.collapse-block__title {
  cursor: pointer;
  padding: 14px 20px 12px 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  position: relative;
  font-size: 1.25em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.collapse-block__title:after {
  position: absolute;
  display: block;
  top: 15px;
  right: -5px;
  font-family: 'Material Icons';
  font-size: 22px;
  content: "\e148";
  line-height: 1em;
  color: #34495e;
}
.open > .collapse-block__title:after {
  content: "\e15d";
}
.collapse-block__icon-left {
  padding-left: 38px;
}
.collapse-block__icon-left:after {
  left: 0px;
}
.collapse-block--indent-lg {
  margin-bottom: 22px;
  padding-bottom: 24px;
}
.collapse-block .title-large-icon {
  font-size: 30px;
}
.collapse-block .title-large-icon:after {
  top: 43px;
}
.collapse-block .title-large-icon .icon {
  font-size: 46px;
  line-height: 1em;
  position: relative;
  top: 6px;
}
.collapse-block:last-child {
  border-bottom: 0;
}
.collapse-block .options-swatch {
  margin: 14px 0 -10px -4px;
}
.collapse-block .options-swatch--size li a {
  -webkit-transition:  all 180ms linear 0s;
  -moz-transition:  all 180ms linear 0s;
  -ms-transition:  all 180ms linear 0s;
  -o-transition:  all 180ms linear 0s;
  transition:  all 180ms linear 0s;
}
.collapse-block .under-form-text {
  margin-top: 10px;
}
.collapse-block .tags-list {
  margin: 14px 0 -10px;
}
.collapse-block .filter-list li a {
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.no-border-bottom {
  border-bottom: none;
}
@media (max-width: 992px) {
  aside .collapse-block {
    margin-bottom: 0;
  }
  aside .expander-list {
    margin: 0;
  }
  aside .expander-list ul {
    margin: 0;
  }
  aside .expander-list > li > a {
    padding-top: 7px;
    display: inline-block;
  }
}
.expander-list {
  margin: 0 0 -16px;
  padding: 0;
  list-style-type: none;
}
.expander-list > li {
  padding: 7px 0;
}
.expander-list > li a:hover {
  color: #34495e;
  text-decoration: none;
}
.expander-list > li > a {
  text-transform: uppercase;
  color: #333333;
  font-weight: 500;
  text-decoration: none !important;
}
.expander-list li.active > a,
.expander-list li.open > a {
  color: #34495e;
}
.expander-list ul {
  display: none;
  margin: 10px 0 -5px;
  padding: 0;
  list-style-type: none;
}
.expander-list ul li {
  padding: 4px 0 3px;
}
.expander-list ul li a {
  font-weight: 300;
}
li.open .expander-list ul {
  display: block;
}
.expander-list li {
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.expander-list .expander {
  position: absolute;
  display: block;
  top: 10px;
  right: -5px;
  width: 26px;
  height: 26px;
  cursor: pointer;
  text-align: right;
}
.expander-list .expander:before {
  font-family: 'Material Icons';
  font-size: 22px;
  content: "\e5cf";
  line-height: 1em;
  color: #34495e;
}
.expander-list .open > .expander:before {
  content: "\e5ce";
}
.filter-list {
  list-style: none;
  margin: 8px 0 15px;
  padding: 0;
}
.filter-list li {
  margin: 0 0 5px;
  position: relative;
}
.filter-list li span {
  color: #34495e;
}
.filter-list li a.icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 1em;
  text-decoration: none;
  color: #333333;
}
.filter-list li a.icon:hover {
  color: #34495e;
}
.filter-list li a.icon.icon-to-right {
  position: absolute;
  right: -2px;
  top: 2px;
}
/****************************************
* end collapse-block
*****************************************/
/****************************************
* price slider
*****************************************/
#priceSlider {
  margin: 20px 0 26px;
}
.noUi-horizontal {
  height: 4px;
}
.noUi-background {
  background: #e5e5e5;
  box-shadow: none;
}
.noUi-connect {
  background: #23d6b2;
  box-shadow: none;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}
.noUi-origin {
  border-radius: 0;
}
.noUi-target {
  border-radius: 0;
  border: 0;
  box-shadow: none;
}
.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB;
}
.noUi-draggable {
  cursor: w-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}
.noUi-handle {
  border: 0;
  border-radius: 50%;
  background: #1eb799;
  cursor: pointer;
  box-shadow: none;
}
.noUi-horizontal .noUi-handle {
  width: 19px;
  height: 19px;
  left: -9.5px;
  top: -8px;
}
.noUi-active {
  box-shadow: none;
}
.noUi-handle:before,
.noUi-handle:after {
  display: none;
}
.noUi-handle:after {
  left: 17px;
}
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-origin,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
.price-input {
  display: inline-block;
  vertical-align: top;
}
.price-input label {
  display: block;
  font-weight: normal;
  float: none;
  margin: 0;
}
.price-input input[type=text] {
  display: inline-block;
  border: 1px solid #e5e5e5;
  color: #34495e;
  width: 67px;
  font-size: 1em;
  line-height: 1.25em;
  padding: 9px 0;
  text-align: center;
}
.price-input .btn {
  margin: 27px 0 0 5px;
}
.price-input-divider {
  display: inline-block;
  vertical-align: middle;
  padding: 30px 0 0;
}
/****************************************
* end price slider
*****************************************/
/****************************************
* compare
*****************************************/
.compare__item {
  display: block;
  width: 100%;
  position: relative;
  margin: 10px 0 32px;
  padding: 0;
  min-height: 100px;
}
.compare__item__image {
  position: absolute;
  top: 5px;
  left: 0;
  width: 80px;
  height: 100px;
}
.compare__item__image img {
  width: 100%;
}
.compare__item__delete {
  position: absolute;
  top: 0;
  right: 0;
}
.compare__item__delete a {
  color: #34495e;
  font-size: 1em;
  text-decoration: none !important;
}
.compare__item__delete a:hover {
  color: #333333;
}
.compare__item__title {
  margin: 0 0 0 100px;
}
.compare__item__title h2 {
  font-size: 1em;
  line-height: 1.6875em;
  letter-spacing: normal;
  padding: 0 40px 10px 0;
  font-weight: normal;
  margin: 0;
}
.compare__item__title h2 a {
  color: #777777;
}
.compare__item__title h2 a:hover {
  color: #34495e;
  text-decoration: none;
}
#compareSlide {
  position: fixed;
  z-index: 10000;
  bottom: -150%;
  left: 0;
  width: 100%;
  padding: 20px 0 20px;
  background-color: #333333;
  display: block;
  -webkit-transition:  bottom 500ms linear 0s;
  -moz-transition:  bottom 500ms linear 0s;
  -ms-transition:  bottom 500ms linear 0s;
  -o-transition:  bottom 500ms linear 0s;
  transition:  bottom 500ms linear 0s;
}
#compareSlide.open {
  bottom: 0;
  -webkit-transition:  bottom 500ms linear 0s;
  -moz-transition:  bottom 500ms linear 0s;
  -ms-transition:  bottom 500ms linear 0s;
  -o-transition:  bottom 500ms linear 0s;
  transition:  bottom 500ms linear 0s;
}
#compareSlide .container {
  position: relative;
}
#compareSlide .compareSlide__top {
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
}
#compareSlide .compareSlide__close {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 20px;
  color: #ffffff;
  cursor: pointer;
}
#compareSlide .compareSlide__close span {
  display: none;
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
}
#compareSlide .compareSlide__close:hover {
  color: #34495e;
}
#compareSlide .compareSlide__bot {
  overflow: hidden;
  border-top: 1px solid #606060;
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
}
#compareSlide .compareSlide__bot .clear-all {
  float: left;
  white-space: nowrap;
  font-size: 1.25em;
  color: #34495e;
}
#compareSlide .compareSlide__bot .clear-all span {
  display: inline-block;
  font-size: 13px;
  text-transform: uppercase;
  vertical-align: text-top;
  padding: 0 10px;
  color: #ffffff;
}
#compareSlide .compareSlide__bot .clear-all:hover {
  color: #34495e;
}
#compareSlide .compareSlide__bot .btn-compare {
  float: right;
}
#compareSlide .compared-product-row {
  overflow: hidden;
  margin: 10px 0;
}
#compareSlide .compared-product {
  display: inline-block;
  vertical-align: top;
  width: 16.6667%;
  margin: 0 -4px 0 0;
  text-align: center;
  padding: 0 10px;
}
#compareSlide .compared-product__image {
  margin: 10px 0;
}
#compareSlide .compared-product__image img {
  max-width: 70px;
}
#compareSlide .compared-product__delete {
  font-size: 1.25em;
  text-decoration: none;
  color: #34495e;
}
#compareSlide .compared-product__delete:hover {
  color: #ffffff;
}
#compareSlide .compared-product__name {
  font-size: 1em;
  line-height: 1.6875em;
  color: #34495e;
  font-weight: 300;
}
/****************************************
* end compare
*****************************************/
/****************************************
* vertical carousel
*****************************************/
.vertical-carousel {
  padding: 0 0 40px;
  margin: 0 0 -3px;
}
.megamenu .vertical-carousel {
  margin: 15px 0 0;
}
.vertical-carousel__item {
  display: block;
  width: 100%;
  position: relative;
  margin: 0 0 10px;
  padding: 0 0 5px 0;
  min-height: 121px;
}
.vertical-carousel__item__select {
  width: 35px;
}
.vertical-carousel__item__image {
  width: 80px;
}
.vertical-carousel__item__image img {
  width: 100%;
}
.vertical-carousel__item .price-box {
  margin: 0 0 0 100px;
  padding: 0 0 2px;
  font-size: 1.25em;
  color: #34495e;
  text-align: left;
}
.vertical-carousel__item .price-box del {
  font-size: 90%;
  display: block;
  padding: 5px 0 0 0;
}
.vertical-carousel__item .rating {
  margin: 5px 0 5px 100px;
  font-size: 0.75em;
  text-align: left;
}
.vertical-carousel__item__title {
  margin: 0 0 0 100px;
}
.vertical-carousel__item__title h2 {
  font-size: 1em;
  line-height: 1.6875em;
  padding: 0 0 4px 0;
  font-weight: normal;
  margin: -7px 0 0 0;
  letter-spacing: 0;
}
.vertical-carousel__item__title h2 a {
  color: #777777;
}
.vertical-carousel__item__title h2 a:hover {
  color: #34495e;
  text-decoration: none;
}
.vertical-carousel .label {
  position: absolute;
  top: 0.4em;
  font-size: 0.625em;
  line-height: 1.04em;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-family: Ubuntu, sans-serif;
  font-weight: 600;
  padding: 0.5em;
}
.vertical-carousel .label--right {
  right: 0.5em;
}
.vertical-carousel .label--left {
  left: 0.5em;
}
.vertical-carousel .label--new {
  background-color: #474747;
}
.vertical-carousel .label--sale {
  background-color: #fa6b6b;
}
.vertical-carousel .slick-prev,
.vertical-carousel .slick-next {
  top: auto;
  bottom: 0;
  width: 40px;
  height: 40px;
  background-color: #f5f5f5;
  color: #333333;
}
.vertical-carousel .slick-prev:hover,
.vertical-carousel .slick-next:hover {
  top: auto;
  bottom: 0;
  width: 40px;
  height: 40px;
  background: #34495e;
  color: #ffffff;
}
.vertical-carousel .slick-prev:before,
.vertical-carousel .slick-next:before {
  font-size: 30px;
  line-height: 40px;
}
.vertical-carousel .slick-prev {
  left: 0;
}
.vertical-carousel .slick-next {
  left: 50px;
  right: auto;
}
.vertical-carousel.with-checkbox .vertical-carousel__item__select {
  width: 35px;
}
.vertical-carousel.with-checkbox .vertical-carousel__item__image {
  width: 80px;
}
.vertical-carousel.with-checkbox .price-box,
.vertical-carousel.with-checkbox .rating,
.vertical-carousel.with-checkbox .vertical-carousel__item__title {
  margin: 0 0 0 135px;
}
.vertical-carousel.with-checkbox .slick-prev {
  top: -75px;
  left: auto;
  right: 45px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.vertical-carousel.with-checkbox .slick-next {
  top: -75px;
  left: auto;
  right: 0;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.vertical-carousel.special-carousel {
  margin-top: -9px;
  padding-bottom: 0;
}
.vertical-carousel.special-carousel .vertical-carousel__item:first-child {
  border-top: none;
}
.vertical-carousel.special-carousel .vertical-carousel__item {
  min-height: 175px;
  padding-top: 20px;
  margin-top: 18px;
  border-top: 1px solid #e5e5e5;
}
.vertical-carousel.special-carousel .vertical-carousel__item__image {
  width: 120px;
}
.vertical-carousel.special-carousel .price-box,
.vertical-carousel.special-carousel .rating,
.vertical-carousel.special-carousel .vertical-carousel__item__title {
  margin: 0 0 0 140px;
}
.vertical-carousel.special-carousel .product__label--sale {
  top: 30px !important;
  left: 10px;
  font-size: 10px;
  font-weight: 300;
  padding: 4px 5px 3px;
}
.vertical-carousel.special-carousel h2 {
  line-height: 1.5em;
  padding: 0 0 8px 0;
}
/****************************************
* end vertical carousel
*****************************************/
/****************************************
* subcategory
*****************************************/
.subcategory-item {
  display: inline-block;
  float: none;
  vertical-align: top;
  margin-bottom: 40px;
  margin-right: -4px;
  text-align: center;
}
.subcategory-item .figure {
  display: block;
  max-width: 100%;
  position: relative;
  margin-bottom: 30px;
}
.subcategory-item .figure img {
  width: 100%;
}
.subcategory-item .figure::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 10px solid #eeeeee;
  content: '';
  opacity: 1;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.border-dark .subcategory-item .figure::before {
  border: 10px solid #444444;
}
.subcategory-item a {
  text-decoration: none;
}
.subcategory-item a:hover {
  text-decoration: none;
}
.subcategory-item a:hover .figure::before {
  opacity: 0;
}
.subcategory-item a:hover .subcategory-item__title {
  color: #34495e;
}
.subcategory-item__title {
  font-size: 1.25em;
  line-height: 1em;
  font-weight: 500;
  margin-bottom: 10px;
  color: #333333;
  text-transform: uppercase;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.subcategory-item__title a {
  color: #333333;
}
.subcategory-item__title a:hover {
  color: #34495e;
  text-decoration: none;
}
/****************************************
* end subcategory
*****************************************/
/***************************************
* filters-row
*****************************************/
.filters-row {
  position: relative;
  padding: 28px 0 20px;
  border-top: 1px solid #e5e5e5;
  display: inline-block;
  width: 100%;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .filters-row {
    padding-bottom: 60px;
  }
}
.filters-row__mode,
.filters-row__pagination {
  display: inline-block;
  vertical-align: top;
}
@media (min-width: 992px) and (max-width: 1199px) {
  __pagination .filters-row {
    position: absolute;
    right: 5px;
    bottom: 5px;
  }
}
.filters-row__view {
  margin: 0 12px 0 0;
  font-size: 24px;
  line-height: 40px;
  color: #777777;
  cursor: pointer;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
}
.filters-row__view:hover {
  color: #34495e;
}
.filters-row__view.active {
  color: #34495e;
}
.filters-row__items {
  display: inline-block;
  padding: 0 20px;
}
@media (max-width: 1680px) {
  .filters-row__items {
    padding: 0 12px;
  }
}
@media (max-width: 1199px) {
  .filters-row__items {
    padding: 0 10px;
  }
}
@media (max-width: 640px) {
  .filters-row__items {
    padding: 0;
  }
}
.filters-row__select {
  display: inline-block;
  padding: 0  22px;
}
@media (max-width: 1680px) {
  .filters-row__select {
    padding: 0 10px;
  }
}
@media (max-width: 1199px) {
  .filters-row__select {
    padding: 0 0 0 5px;
  }
}
.filters-row__select .sort-position {
  min-width: 175px;
}
@media (max-width: 1680px) {
  .filters-row__select .sort-position {
    min-width: 150px;
  }
}
@media (max-width: 1199px) {
  .filters-row__select .sort-position {
    min-width: 130px;
  }
}
.filters-row__select .show-qty {
  min-width: 70px;
}
.filters-row__select label {
  padding: 0 5px;
}
.filters-row__select .icon {
  display: inline-block;
  font-size: 21px;
  line-height: 1em;
  vertical-align: middle;
  color: #34495e;
}
.filters-row__select .icon.sort-direction {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.filters-row__select .icon:hover {
  color: #333333;
}
@media (max-width: 640px) {
  .filters-row__select {
    display: block;
    padding: 0;
    margin: 5px 0;
  }
  .filters-row__select.pull-right {
    float: none !important;
  }
}
/* shopping-cart-table
==================================== */
@media (min-width: 992px) and (max-width: 1199px) {
  .filters-row-layout .filters-row__pagination {
    position: relative;
    right: 0px;
    bottom: 0px;
  }
}
@media (max-width: 992px) {
  .filters-row-layout div {
    text-align: center;
  }
  .filters-row-layout .slide-column-open {
    margin: 10px 0 20px 0;
  }
}
@media (max-width: 992px) {
  .filters-row-layout {
    padding-top: 0;
  }
}
/* shopping-cart-table
==================================== */
/* filter-popup
==================================== */
.collapse-block .filter-title {
  display: none;
}
.collapse-block .filter-popup li {
  position: relative;
  text-align: center;
}
.collapse-block .filter-popup a {
  position: relative;
}
.collapse-block .filter-popup .active a:before,
.collapse-block .filter-popup .active a:hover:before{
  content: "\e5cd";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 3em;
  background: #333333;
  color: #ffffff;
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
}
.collapse-block .filter-popup .active .filter-title {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.collapse-block .filter-popup .active {
  padding-top: 29px !important;
}
.collapse-block .options-swatch--color li a:hover:before {
  background: none;
}
/* /filter-popup
==================================== */
/****************************************
* end filters-row
****************************************/
/****************************************
* slide column
*****************************************/
@media (min-width: 992px) {
  #leftColumn {
    position: relative;
    padding-right: 47px;
    margin-top: -12px;
  }
  #leftColumn:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 15px;
    width: 1px;
    height: 100%;
    background: #e5e5e5;
  }
}
@media (max-width: 991px) {
  #leftColumn {
    position: fixed;
    display: block;
    margin: 0;
    padding: 0;
    background: #fff;
    list-style: none;
    z-index: 999999999999999;
    top: 0;
    left: -150%;
    height: 100%;
    width: 270px;
    text-align: left;
    overflow: scroll;
  }
  #leftColumn .collapse-block {
    padding: 0 20px;
  }
  #leftColumn.column-open {
    left: 0;
    -webkit-transition:  left 300ms linear 0s;
    -moz-transition:  left 300ms linear 0s;
    -ms-transition:  left 300ms linear 0s;
    -o-transition:  left 300ms linear 0s;
    transition:  left 300ms linear 0s;
  }
  #leftColumn .slide-column-close {
    display: block;
    border-bottom: 1px solid #e5e5e5;
    font-size: 0.8125em !important;
    line-height: 1em !important;
    font-weight: 600 !important;
    color: #34495e;
    padding: 15px 18px !important;
    text-decoration: none;
    text-transform: uppercase;
  }
  #leftColumn .slide-column-close .icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.7692em;
    color: #333333;
  }
  #leftColumn .filters-block {
    padding: 15px 20px;
    border-bottom: 1px solid #e5e5e5;
  }
  #leftColumn .filters-row__select {
    display: block;
    padding: 5px 0 0 0;
  }
  #leftColumn .filters-row__select label {
    min-width: 65px;
    margin: 0;
  }
  #leftColumn .filters-row__select .select-wrapper .select--ys {
    min-width: 118px;
  }
  .slide-column-open {
    margin: 0 15px 0 0;
    display: inline-block;
  }
}
.icon-to-right {
  position: absolute;
  right: 0;
  top: 3px;
}
#leftColumn.column-open {
  padding-top: 59px !important;
}
#leftColumn.column-open .slide-column-close {
  background: #fff;
  top: 0;
  width: 100%;
  z-index: 777;
  width: 253px;
  position: fixed;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  #leftColumn.column-open .slide-column-close {
    position: absolute;
  }
}
@media (min-width: 992px) {
  #rightColumn {
    position: relative;
    padding-left: 47px;
    margin-top: 0px;
  }
  #rightColumn:after {
    content: '';
    position: absolute;
    left: 15px;
    top: 15px;
    width: 1px;
    height: 100%;
    background: #e5e5e5;
  }
}
@media (max-width: 1199px) {
  #rightColumn {
    padding-left: 15px;
  }
  #rightColumn:after {
    display: none;
  }
}
/* without-left-col
==================================== */
.without-left-col#leftColumn {
  position: fixed;
  display: block;
  margin: 0;
  padding: 0;
  background: #fff;
  list-style: none;
  z-index: 77777777;
  top: 0;
  left: -150%;
  height: 100%;
  width: 320px;
  text-align: left;
  overflow: auto;
  -webkit-transition:  left 300ms linear 0s;
  -moz-transition:  left 300ms linear 0s;
  -ms-transition:  left 300ms linear 0s;
  -o-transition:  left 300ms linear 0s;
  transition:  left 300ms linear 0s;
}
.without-left-col#leftColumn:after {
  display: none;
}
.without-left-col#leftColumn .slide-column-close {
  width: 320px;
}
@media (max-width: 767px) {
  .without-left-col#leftColumn {
    width: 270px;
  }
  .without-left-col#leftColumn .slide-column-close {
    width: 253px;
  }
}
.without-left-col#leftColumn .collapse-block {
  padding: 0 20px;
}
.without-left-col#leftColumn.column-open {
  left: 0;
  -webkit-transition:  left 300ms linear 0s;
  -moz-transition:  left 300ms linear 0s;
  -ms-transition:  left 300ms linear 0s;
  -o-transition:  left 300ms linear 0s;
  transition:  left 300ms linear 0s;
}
.without-left-col#leftColumn .slide-column-close {
  display: block;
  border-bottom: 1px solid #e5e5e5;
  font-size: 0.8125em !important;
  line-height: 1em !important;
  font-weight: 600 !important;
  color: #34495e;
  padding: 15px 18px !important;
  text-decoration: none;
  text-transform: uppercase;
}
.without-left-col#leftColumn .slide-column-close .icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.7692em;
  color: #333333;
}
.without-left-col#leftColumn .filters-block {
  padding: 15px 20px;
  border-bottom: 1px solid #e5e5e5;
}
.without-left-col#leftColumn .filters-row__select {
  display: block;
  padding: 5px 0 0 0;
}
.without-left-col#leftColumn .filters-row__select label {
  min-width: 65px;
  margin: 0;
}
.without-left-col#leftColumn .filters-row__select .select-wrapper .select--ys {
  min-width: 118px;
}
.without-left-col#leftColumn .collapse-block {
  padding: 0 20px;
}
.slide-column-open {
  margin: 0 15px 0 0;
  display: inline-block;
}
/* /without-left-col
==================================== */
.slide-column-open {
  float: left;
}
.text-center .slide-column-open {
  float: none;
}
/****************************************
* end slide column
*****************************************/
/****************************************
* back-to-top
*****************************************/
.back-to-top {
  cursor: pointer;
  display: none;
  position: fixed;
  right: 0;
  bottom: 10%;
  z-index: 1000;
  width: 62px;
  height: 62px;
  background-color: #34495e;
  color: #fff;
  text-align: center;
  font-size: 2.77em;
  line-height: 1.4em;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
}
@media (max-width: 768px) {
  .back-to-top {
    display: none !important;
  }
}
.back-to-top span {
  color: #ffffff;
}
.back-to-top:hover {
  animation: animation-arrow-top alternate infinite 0.4s;
  -moz-animation: animation-arrow-top alternate infinite 0.4s;
  -webkit-animation: animation-arrow-top alternate infinite 0.4s;
}
/* arrow animation */
@-webkit-keyframes animation-arrow-top {
  0% {
    line-height: 1.4em;
  }
  100% {
    line-height: 1.1em;
  }
}
@-moz-keyframes animation-arrow-top {
  0% {
    line-height: 1.4em;
  }
  100% {
    line-height: 1.1em;
  }
}
@-ms-keyframes animation-arrow-top {
  0% {
    line-height: 1.4em;
  }
  100% {
    line-height: 1.1em;
  }
}
@-o-keyframes animation-arrow-top {
  0% {
    line-height: 1.4em;
  }
  100% {
    line-height: 1.1em;
  }
}
@keyframes animation-arrow-top {
  0% {
    line-height: 1.4em;
  }
  100% {
    line-height: 1.1em;
  }
}
/* /arrow animation */
/****************************************
* end back-to-top
*****************************************/
/****************************************
* Blog
*****************************************/
/* Post
==================================== */
.post {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 42px;
  margin-bottom: 42px;
}
.post__title_block {
  position: relative;
  overflow: hidden;
  padding: 0 0 43px 0;
}
.post__title_block figure {
  display: block;
  overflow: hidden;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
  background: #34495e;
}
.post__title_block figure img {
  width: 100%;
  height: auto;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transform: scale(1);
  transform: scale(1);
  backface-visibility: hidden;
}
.post__title_block figure:hover img {
  opacity: 0.9;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  backface-visibility: hidden;
}
.post__title_block time {
  background-color: #34495e;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 73px;
  height: 73px;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 1em;
  font-style: italic;
  font-family: Georgia, sans-serif;
  margin-right: 28px;
}
.post__title_block time span {
  font-size: 30px;
  line-height: 1em;
  font-weight: 500;
  display: block;
  text-align: center;
  padding-top: 11px;
  font-style: normal;
  font-family: Ubuntu, sans-serif;
  padding-bottom: 1px;
}
.post__title_block .post__title {
  font-size: 22px;
  line-height: 1em;
  padding-top: 4px;
  margin-bottom: 8px;
  letter-spacing: normal;
}
.post__title_block .pull-left:last-child {
  width: 75%;
}
.post__title_block .post__meta {
  padding-top: 0px !important;
}
@media (max-width: 991px) {
  .post__title_block .post__meta__item:first-child {
    display: block;
  }
}
@media (max-width: 695px) {
  .post__title_block .pull-left {
    width: 100%;
    float: none;
  }
  .post__title_block .pull-left:last-child {
    padding-top: 10px;
    width: 100%;
  }
}
.post .post__meta {
  width: 100%;
  padding-top: 20px;
}
@media (max-width: 535px) {
  .post .post__meta__item {
    display: block;
  }
}
.post .color1 {
  color: #55acee;
}
.post h1 {
  font-size: 50px;
  line-height: 0.8em;
  margin-bottom: 27px;
  letter-spacing: -0.01em;
}
.post h2 {
  font-size: 30px;
  line-height: 1em;
  margin-bottom: 28px;
  letter-spacing: -0.01em;
}
.post h3 {
  font-size: 26px;
  line-height: 1em;
  margin-bottom: 31px;
  letter-spacing: -0.01em;
}
.post h4 {
  font-size: 22px;
  line-height: 1em;
  margin-bottom: 34px;
  letter-spacing: -0.01em;
}
.post h5 {
  font-size: 20px;
  line-height: 1em;
  margin-bottom: 37px;
  letter-spacing: -0.01em;
}
.post h6 {
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 19px;
  letter-spacing: -0.01em;
}
.post .title-header {
  line-height: 1.2em;
  padding: 24px 0 31px 0;
  margin: 0;
}
@media screen and (min-width: 767px) and (max-width: 1770px) {
  .blog-layout .post__title_block .pull-left:last-child {
    width: 65% !important;
  }
}
.embed-youtube {
  max-width: 604px;
}
/* post__meta
==================================== */
.post__meta {
  overflow: hidden;
}
.post__meta .icon {
  margin-right: 11px;
  top: 2px;
  position: relative;
  font-size: 18px;
}
.post__meta a,
.post__meta .icon {
  color: #34495e;
}
.post__meta__item {
  margin-right: 32px;
  color: #333333;
}
@media (max-width: 1770px) {
  .post__meta__item {
    margin-right: 15px;
  }
}
.post__meta .autor {
  font-size: 18px;
  font-family: Georgia, sans-serif;
  font-style: italic;
  margin-right: 7px;
}
/* /post__meta
==================================== */
/* blog-layout
==================================== */
.blog-layout .post {
  border-color: transparent;
}
/* /blog-layout
==================================== */
/* block-underline recent-post-box
==================================== */
.block-underline {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 50px;
  margin-bottom: 50px;
}
.block-underline .recent-post-box {
  max-width: 560px;
}
.block-underline .recent-post-box__text {
  margin-top: -6px;
}
.block-underline .recent-post-box > div {
  vertical-align: top;
}
.block-underline .recent-post-box > div:last-child {
  padding-bottom: 27px !important;
}
@media (min-width: 1770px) {
  .block-underline .recent-post-box > div:last-child {
    padding-left: 27px !important;
  }
  .block-underline .recent-post-box:last-child .figure {
    margin-bottom: 0px;
  }
}
.block-underline:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
/* /block-underline recent-post-box
==================================== */
.title-aside {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 28px;
}
/* recent-comments
==================================== */
.recent-comments {
  margin-bottom: 0;
}
.recent-comments dt {
  color: #34495e;
  padding: 0 0 33px 0;
  font-size: 18px;
  font-style: italic;
  font-variant: normal;
  font-family: Georgia, sans-serif;
}
.recent-comments dt:last-child {
  padding-bottom: 0;
}
.recent-comments dd {
  padding: 0 0 11px 0;
}
/* /recent-comments
==================================== */
/****************************************
* end Blog
*****************************************/
/****************************************
* Shopping-cart-page
*****************************************/
/* shopping-cart-table
==================================== */
.shopping-cart-table {
  width: 100%;
}
.shopping-cart-table tr {
  border-bottom: 1px solid #e5e5e5;
}
.shopping-cart-table th {
  border-top: 1px solid #e5e5e5;
  color: #333333;
  font-weight: 500;
  padding: 11px 0;
}
.shopping-cart-table td {
  padding: 50px 0;
}
.shopping-cart-table td,
.shopping-cart-table th {
  border-right: 1px solid #e5e5e5;
  vertical-align: top;
  text-align: center;
}
.shopping-cart-table td:first-child,
.shopping-cart-table th:first-child,
.shopping-cart-table td:last-child,
.shopping-cart-table th:last-child,
.shopping-cart-table td:nth-child(2),
.shopping-cart-table th:nth-child(2) {
  border-right: none;
}
.shopping-cart-table td:first-child,
.shopping-cart-table th:first-child {
  text-align: left;
}
.shopping-cart-table td:nth-child(1),
.shopping-cart-table th:nth-child(1) {
  width: 18.3%;
}
.shopping-cart-table td:nth-child(2),
.shopping-cart-table th:nth-child(2) {
  width: 22.7%;
  text-align: left;
}
.shopping-cart-table td:nth-child(3),
.shopping-cart-table th:nth-child(3) {
  width: 10%;
}
.shopping-cart-table td:nth-child(4),
.shopping-cart-table th:nth-child(4) {
  width: 14%;
}
.shopping-cart-table td:nth-child(5),
.shopping-cart-table th:nth-child(5) {
  width: 15%;
}
.shopping-cart-table td:nth-child(6),
.shopping-cart-table th:nth-child(6) {
  width: 15%;
}
.shopping-cart-table td:nth-child(7),
.shopping-cart-table th:nth-child(7) {
  width: 5%;
}
@media (max-width: 1200px) {
  .shopping-cart-table td,
  .shopping-cart-table th {
    vertical-align: middle;
  }
}
.shopping-cart-table .icon,
.shopping-cart-table .fa {
  font-size: 20px;
}
.shopping-cart-table__create {
  float: right;
  position: relative;
  top: -10px;
  right: 20%;
}
.shopping-cart-table__product-image {
  padding: 0 19px 0 0;
}
.shopping-cart-table__product-price {
  font-size: 30px;
  line-height: 1.1em;
  color: #34495e;
}
@media (max-width: 1200px) {
  .shopping-cart-table__product-price {
    font-size: 20px;
  }
}
.shopping-cart-table__input {
  width: 77px;
  display: inline-block;
}
.shopping-cart-table__input input {
  text-align: center;
  color: #34495e;
}
.shopping-cart-table a {
  color: #34495e;
  -webkit-transition:  all 0.3s 0s ease;
  -moz-transition:  all 0.3s 0s ease;
  -ms-transition:  all 0.3s 0s ease;
  -o-transition:  all 0.3s 0s ease;
  transition:  all 0.3s 0s ease;
}
.shopping-cart-table a:hover {
  color: #333333;
}
.shopping-cart-table__product-name {
  margin-bottom: 20px;
}
.shopping-cart-table__product-name a {
  color: #34495e;
}
.shopping-cart-table__list-parameters {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.shopping-cart-table__list-parameters li {
  padding: 0 0 7px 0;
  text-align: left;
  font-size: 16px;
}
.shopping-cart-table__list-parameters span {
  color: #333333;
  display: inline-block;
  margin-right: 6px;
}
@media (max-width: 767px) {
  .shopping-cart-table__create {
    float: right;
    position: relative;
    top: -10px;
    right: 0px;
    margin-right: 0px;
    margin-left: 18px;
  }
  .shopping-cart-table__delete {
    float: right;
    position: relative;
    top: -10px;
  }
  .shopping-cart-table__product-name {
    font-weight: normal;
  }
  .shopping-cart-table__list-parameters li {
    padding: 0 0 2px 0;
    font-size: 14px;
  }
  .shopping-cart-table tbody,
  .shopping-cart-table td,
  .shopping-cart-table tr {
    display: block;
    border: 0;
    width: 100% !important;
    text-align: center !important;
  }
  .shopping-cart-table tr {
    border-bottom: 1px solid #e5e5e5;
  }
  .shopping-cart-table td:nth-child(1) {
    width: 30% !important;
    display: table-cell !important;
  }
  .shopping-cart-table td:nth-child(2) {
    width: 45% !important;
    display: table-cell !important;
    text-align: left;
  }
  .shopping-cart-table td:nth-child(3) {
    width: 20% !important;
    display: table-cell !important;
    text-align: left;
  }
  .shopping-cart-table td:nth-child(4),
  .shopping-cart-table td:nth-child(5),
  .shopping-cart-table td:nth-child(6),
  .shopping-cart-table td:nth-child(7) {
    display: none !important;
  }
  .shopping-cart-table thead {
    display: none;
  }
  .shopping-cart-table .price-mobile {
    font-size: 20px;
    font-weight: 500;
  }
}
@media (max-width: 767px) and (max-width: 529px) {
  .shopping-cart-table__create {
    margin-right: 0px;
    margin-left: 7px;
  }
}

==================================== */
/****************************************
* End Shopping-cart-page
*****************************************/
/****************************************
* Checkout step
*****************************************/
/* block-underline-top
==================================== */
.block-underline-top {
  border-top: 1px solid #e5e5e5;
  padding-top: 29px;
  margin-bottom: 22px;
}
.block-underline-top:last-child {
  margin-bottom: 0;
}
.block-underline-top .link-functional {
  color: #34495e;
  text-transform: uppercase;
  font-size: 13px;
  position: relative;
  top: -1px;
}
/* /block-underline
==================================== */
/* box-border
==================================== */
.box-border {
  border: 1px solid #e5e5e5;
}
.box-border--padding {
  padding: 25px 30px 28px 30px;
}
/* box-border
==================================== */
/* order-review-table
==================================== */
.order-review-table {
  width: 100%;
}
.order-review-table tr {
  border-bottom: 1px solid #e5e5e5;
}
.order-review-table th {
  border-top: 1px solid #e5e5e5;
  color: #333333;
  font-weight: 500;
  padding: 11px 5px;
}
.order-review-table td {
  padding: 50px 5px;
}
.order-review-table td,
.order-review-table th {
  border-right: 1px solid #e5e5e5;
  vertical-align: top;
  text-align: center;
}
.order-review-table td:last-child,
.order-review-table th:last-child {
  border-right: none;
}
.order-review-table td:first-child,
.order-review-table th:first-child {
  text-align: left;
  padding-left: 0;
}
.order-review-table td:nth-child(1),
.order-review-table th:nth-child(1) {
  width: 59.5%;
}
.order-review-table td:nth-child(2),
.order-review-table th:nth-child(2) {
  width: 13.5%;
}
.order-review-table td:nth-child(3),
.order-review-table th:nth-child(3) {
  width: 13%;
}
.order-review-table td:nth-child(4),
.order-review-table th:nth-child(4) {
  width: 14%;
}
.order-review-table .icon,
.order-review-table .fa {
  font-size: 20px;
}
.order-review-table__create {
  float: right;
  position: relative;
  top: -10px;
  right: 20%;
}
.order-review-table__product-image {
  padding: 0 19px 0 0;
}
.order-review-table__product-price {
  font-size: 30px;
  line-height: 1.1em;
  color: #34495e;
}
.order-review-table__input {
  width: 77px;
  display: inline-block;
}
.order-review-table__input input {
  text-align: center;
  color: #34495e;
}
.order-review-table a {
  color: #34495e;
  -webkit-transition:  all 0.3s 0s ease;
  -moz-transition:  all 0.3s 0s ease;
  -ms-transition:  all 0.3s 0s ease;
  -o-transition:  all 0.3s 0s ease;
  transition:  all 0.3s 0s ease;
}
.order-review-table a:hover {
  color: #333333;
}
.order-review-table__product-name {
  margin-bottom: 20px;
}
.order-review-table__product-name a {
  color: #34495e;
}
.order-review-table__list-parameters {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.order-review-table__list-parameters li {
  padding: 0 0 7px 0;
  text-align: left;
  font-size: 16px;
}
.order-review-table__list-parameters span {
  color: #333333;
  display: inline-block;
  margin-right: 6px;
}
@media (max-width: 767px) {
  .order-review-table__create {
    float: right;
    position: relative;
    top: -10px;
    right: 0px;
    margin-right: 0px;
    margin-left: 18px;
  }
  .order-review-table__delete {
    float: right;
    position: relative;
    top: -10px;
  }
  .order-review-table__product-name {
    font-weight: normal;
  }
  .order-review-table__list-parameters li {
    padding: 0 0 2px 0;
    font-size: 14px;
  }
  .order-review-table tbody,
  .order-review-table td,
  .order-review-table tr {
    display: block;
    border: 0;
    width: 100% !important;
    text-align: center !important;
  }
  .order-review-table tr {
    border-bottom: 1px solid #e5e5e5;
  }
  .order-review-table td:nth-child(1) {
    width: 30% !important;
    display: table-cell !important;
  }
  .order-review-table td:nth-child(2) {
    width: 45% !important;
    display: table-cell !important;
    text-align: left;
  }
  .order-review-table td:nth-child(3) {
    width: 20% !important;
    display: table-cell !important;
    text-align: left;
  }
  .order-review-table td:nth-child(2),
  .order-review-table td:nth-child(3),
  .order-review-table td:nth-child(4) {
    display: none !important;
  }
  .order-review-table thead {
    display: none;
  }
  .order-review-table .price-mobile {
    font-size: 20px;
    font-weight: 500;
  }
}
@media (max-width: 767px) and (max-width: 529px) {
  .order-review-table__create {
    margin-right: 0px;
    margin-left: 7px;
  }
}
/* /order-review-table
==================================== */
/****************************************
* End Checkout step
*****************************************/
/****************************************
* End Checkout one page
*****************************************/
.title-checkout {
  font-size: 26px;
  margin-bottom: 33px;
}
.title-checkout .icon {
  font-size: 46px;
  line-height: 1em;
  top: 8px;
  position: relative;
}
/* table-total-checkout
==================================== */
.table-total-checkout {
  width: 100%;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.table-total-checkout th {
  color: #333333;
  font-weight: 500;
  padding: 0 0 15px 0;
}
.table-total-checkout td {
  color: #34495e;
  padding: 0 0 15px 0;
}
.table-total-checkout tbody {
  width: 100%;
  line-height: 1em;
  font-size: 26px;
  font-weight: 500;
}
.table-total-checkout tbody tr td,
.table-total-checkout tbody tr th {
  padding-top: 25px;
  padding-left: 5px;
  padding-right: 5px;
}
.table-total-checkout tbody tr td {
  text-align: right;
  font-size: 30px;
}
/* /table-total-checkout
==================================== */
/****************************************
* End Checkout one page
*****************************************/

/****************************************
* login form
*****************************************/
.login-form-box {
  border: 1px solid #e5e5e5;
  padding: 30px 40px;
}
.login-form-box .note {
  font-size: 14px;
}
@media (min-width: 992px) {
  .login-form-box {
    min-height: 448px;
  }
}
@media (max-width: 768px) {
  .login-form-box .note {
    float: none !important;
  }
}
.login-form-box .btn {
  white-space: inherit;
}
/****************************************
* end login form
*****************************************/
/****************************************
* nav-select-item
*****************************************/
.nav-select-item {
  display: block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500;
  color: #333333;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-size: 0;
}
.nav-select-item li {
  display: inline-block;
  text-align: center;
  width: 10%;
  margin-top: 19px;
}
.nav-select-item li a {
  display: block;
  text-align: center;
  text-decoration: none;
}
.nav-select-item li a img {
	max-width: 100%;
	height: auto;
}
.nav-select-item li a span {
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 20px;
	color: #333333;
	font-size: 18px;
	line-height: 25px;
	display: block;
	text-align: center;
	font-family: Ubuntu, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.nav-select-item li a:hover span,
.nav-select-item li.active a span {
  color: #1fc0a0;
}
@media (max-width: 1770px){
	.nav-select-item li {
		width: 20%;
	}
}
@media (max-width: 991px){
	.nav-select-item li {
		width: 25%;
	}
}
@media (max-width: 767px){
	.nav-select-item li{
		width: 33.3%;
	}
	.nav-select-item li a img{
		max-width: 65%;
	}
	.nav-select-item li a span{
		font-size: 15px;
		margin-top: 14px;
	}
}
@media (max-width: 400px){
	.nav-select-item li{
		width: 50%;
	}
}
/****************************************
* end nav-select-item
*****************************************/
/****************************************
* carousel-product-popup
*****************************************/
.carousel-product-popup {
  position: relative;
  z-index: 7;
}
.carousel-product-popup .product-hover-popup {
  position: absolute;
  padding: 5px 0 33px 0;
  bottom: -100%;
  z-index: 7;
  width: 100%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.carousel-product-popup:hover .product-hover-popup {
  bottom: 0%;
}
.carousel-product-popup .product__label--sold-out {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2.5em;
  margin-left: -2.5em;
  background-color: #fa6b6b;
  width: 5em;
  height: 5em;
  background: rgba(250, 107, 107, 0.35);
  text-transform: uppercase;
  color: #fff;
  font-size: 1.3em;
  line-height: 1em;
  text-align: center;
  border-radius: 50%;
}
.carousel-product-popup .product__label--sold-out span {
  display: table-cell;
  width: 5em;
  height: 5em;
  vertical-align: middle;
}
.carousel-product-popup .sold-out img,
.carousel-product-popup .sold-out .product__label {
  -moz-opacity: 0.2 !important;
  -khtml-opacity: 0.2 !important;
  -webkit-opacity: 0.2 !important;
  opacity: 0.2 !important;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20) !important;
  filter: alpha(opacity=20) !important;
}
.bigGallery .slick-prev,
.bigGallery .slick-next {
  background-color: #fff;
}
.bigGallery .slick-prev:before,
.bigGallery .slick-next:before {
  color: #333333;
}
.bigGallery .slick-prev:hover,
.bigGallery .slick-next:hover {
  background: #34495e;
}
.bigGallery .slick-prev:hover:before,
.bigGallery .slick-next:hover:before {
  color: #fff;
}
/****************************************
* end carousel-product-popup
*****************************************/
/****************************************
* site-map page
*****************************************/
.masonry-css {
  padding: 0;
  column-gap: 30px;
  -moz-column-gap: 30px;
  -webkit-column-gap: 30px;
}
.masonry-css .item {
  display: inline-block;
  width: 100%;
}
.masonry-css .item img,
.masonry-css .item iframe {
  max-width: 100%;
  height: auto;
  display: block;
}
.masonry-css .item h2 {
  margin-top: 30px !important;
}
@media (max-width: 767px) {
  .masonry-css {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
  .masonry-css .item h2 {
    text-align: center;
  }
  .masonry-css ul {
    max-width: 400px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .masonry-css {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}
@media (min-width: 992px) {
  .masonry-css {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}
@media (min-width: 1200px) {
  .masonry-css {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
}
@media (min-width: 1770px) {
  .masonry-css {
    -moz-column-count: 5;
    -webkit-column-count: 5;
    column-count: 5;
  }
}
/****************************************
* End site-map
*****************************************/

/*=== options ===*/
.options-swatch {
  margin: 0 0 21px 0;
  padding: 0;
  list-style: none;
}
.slick-slide .options-swatch {
  margin: 0 0 3px;
}
.options-swatch li {
  display: inline-block;
  margin: 0 2.5px;
  margin-bottom: 8px;
}
.options-swatch li a {
  display: block;
  text-align: center;
  background-color: #f5f5f5;
  color: #333333;
  width: 28px;
  height: 28px;
  font-size: 13px;
  line-height: 28px;
  text-decoration: none;
}
.product__inside .options-swatch li a {
  background: none;
}
.options-swatch:not(.productitem-color-js) li a:hover,
.options-swatch:not(.productitem-color-js) li.active a {
  text-decoration: none;
  background-color: #1fc0a0 !important;
  color: #ffffff;
}
.color-filter-block li a:hover {
  background-color: #000000 !important;
}
.options-swatch li.active a .swatch-label,
.options-swatch li.active a:hover .swatch-label {
  display: none;
}
.options-swatch img {
  width: 100%;
  height: 100%;
}
.options-swatch--lg li a {
  width: 40px;
  height: 40px;
  font-size: 13px;
  line-height: 40px;
}
.size-filter-block .options-swatch--lg li a {
	width: auto;
    height: auto;
    min-width: 40px;
    min-height: 40px;
    padding: 0 5px;
}
.options-swatch--size li {
  padding: 0 !important;
  line-height: 19px;
}
.options-swatch--size.options-swatch--lg li {
  line-height: 26px;
}
.options-swatch--color li a:hover {
  line-height: 22px;
}
.options-swatch--color.options-swatch--lg li a:hover {
  line-height: 30px;
}
.options-swatch--color {
  margin-left: -3px;
}
.options-swatch--color .color-black {
  background-color: #333333;
}
.options-swatch--color .color-grey {
  background-color: #cdcdcd;
}
.options-swatch--color .color-light-grey {
  background-color: #f5f5f5;
}
.options-swatch--color .color-blue {
  background-color: #20bdf7;
}
.options-swatch--color .color-dark-turquoise {
  background-color: #23cddc;
}
.options-swatch--color .color-orange {
  background-color: #fe9001;
}
.options-swatch--color .color-purple {
  background-color: #c73de0;
}
.options-swatch--color .color-pale-violet-red {
  background-color: #ff527f;
}
.options-swatch--color .color-red {
  background-color: #fc121d;
}
.options-swatch--color .color-green {
  background-color: #5ec90f;
}
.options-swatch--color .color-yellow {
  background-color: #fee301;
}
.options-swatch--color .color-tan {
  background-color: #eacea7;
}
.options-swatch--color li {
  margin: 0 2.5px;
  margin-bottom: 1px;
}
.options-swatch--color li img {
  display: block;
}
.options-swatch--color li a {
  position: relative;
  display: block;
}
.options-swatch--color li a span {
  display: block;
  width: 100%;
  height: 100%;
}
.product__inside .options-swatch--color li.active a:before,
.options-swatch--color li a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0 solid #ffffff;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  -webkit-transition:  0.1s 0.3s 0s ease;
  -moz-transition:  0.1s 0.3s 0s ease;
  -ms-transition:  0.1s 0.3s 0s ease;
  -o-transition:  0.1s 0.3s 0s ease;
  transition:  0.1s 0.3s 0s ease;
}
.options-swatch--color li:not(.active) a:hover:before {
  border: 6px solid #000000;
}
.product__inside .options-swatch--color li:not(.active) a:hover:before,
.product__inside .options-swatch--color li.active a:before {
  border: 6px solid #ffffff;
}
.product__inside .options-swatch--color li.active a.color-border-:after,
.options-swatch--color li:not(.active) a.color-border-:after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 6px;
  border: 1px solid #e5e5e5;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition:  0.3s 0.3s 0s ease;
  -moz-transition:  0.3s 0.3s 0s ease;
  -ms-transition:  0.3s 0.3s 0s ease;
  -o-transition:  0.3s 0.3s 0s ease;
  transition:  0.3s 0.3s 0s ease;
}
.product__inside .options-swatch--color li.active a.color-border-:after,
.options-swatch--color li:not(.active) a.color-border-:hover:after {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
/*=== /options ===*/
/*=== countdown ===*/
.countdown_box {
  position: absolute;
  text-align: center;
  bottom: 0;
  width: 100%;
  z-index: 999;
}
.countdown_inner {
  overflow: hidden;
  background-color: rgba();
  margin: 0 auto;
  width: 100%;
  padding: 0.3em 0 0.4em;
  text-align: center;
  color: #232323;
}
.countdown-section {
  display: inline-block;
  text-align: center;
  position: relative;
  padding: 0.5em 0;
  margin: 0 0.9em;
  line-height: 0.714em;
  font-size: 0.875em;
  white-space: nowrap;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .countdown-section {
    margin: 0 0.8em;
  }
}
.countdown-section:before {
  content: ":";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -0.3em;
  font-weight: bold;
}
.countdown-section:nth-child(1):before {
  right: -46%;
}
.countdown-section:nth-child(2):before {
  right: -65%;
}
.countdown-section:nth-child(3):before {
  right: -65%;
}
.countdown-section:last-child:before {
  display: none;
}
.countdown-amount {
  line-height: 1em;
  font-weight: bold;
  padding-bottom: 0.2em;
  display: block;
}
.countdown-period {
  display: block;
  text-transform: lowercase;
}
.countdown-descr {
  display: block;
  width: 100%;
}
/*=== /countdown ===*/
/* countdown-transparent
==================================== */
.countdown-transparent .countdown-section {
  background-color: rgba(255, 255, 255, 0.8);
  color: #34495e;
  width: 127px;
  height: 127px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 1em;
  margin: 0 10px 20px;
}
.countdown-transparent .countdown-section:before {
  display: none;
}
.countdown-transparent .countdown-amount {
  font-size: 50px;
  line-height: 1em;
  font-weight: 500;
  font-family: Ubuntu, sans-serif;
  padding-top: 11%;
}
.countdown-transparent .countdown-period {
  font-size: 18px;
  line-height: 1em;
  color: #333333;
}
@media (max-width: 1199px) {
  .countdown-transparent .countdown-section {
    width: 87px;
    height: 87px;
  }
  .countdown-transparent .countdown-amount {
    font-size: 30px;
  }
  .countdown-transparent .countdown-period {
    font-size: 15px;
  }
}
/* /countdown-transparent
==================================== */
/****************************************
* title
*****************************************/
.title-box {
  width: 100%;
  overflow: hidden;
}
.title-box h2{
  margin: 0;
  padding: 30px 0;
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 2px;
  word-spacing: 4px;
}
.title {
  margin-top: 75px;
}
@media (max-width: 479px) {
  .title {
    margin-top: 24.975px;
  }
}
/* title
==================================== */
h2.title-default {
  margin-bottom: 0.9em;
  padding: 1.05em 0 0 0;
}
/* end title
==================================== */
/* title-aside
==================================== */
.title-aside-wrapper {
  background-color: #ffffff;
  color: #ffffff;
  padding: 19px 21px 19px 20px;
  margin: 0 !important;
  font-size: 20px;
}
/* end title-aside
==================================== */


/* title-icon
==================================== */
h4.title-icon {
  font-size: 30px;
  margin-bottom: 0.8em;
  padding-left: 2.7em;
  position: relative;
}
h4.title-icon .icon {
  font-size: 1.9em;
  line-height: 1em;
  top: -0.25em;
  left: 0;
  margin-right: 21px;
  position: absolute;
}
@media (max-width: 480px) {
  h4.title-icon {
    font-size: 1.35em;
    margin-bottom: 1em;
  }
}
/* /title-icon
==================================== */
/****************************************
* end title
*****************************************/
/*=== slogan ===*/
.slogan {
  color: #1fc0a0;
  font-family: Georgia, sans-serif;
  font-style: italic;
  font-size: 1em;
}
@media (max-width: 1024px) {
  .slogan {
    display: none;
  }
}
.badge--cart {
  position: absolute;
  z-index: 0;
  padding: 0;
  right: -5px;
  top: -45px;
  width: 31px;
  height: 31px;
  line-height: 26px;
  font-size: 1.1em;
  line-height: 1.85em;
  font-weight: 300;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #e8e8e8;
  color: #777777;
}
@media (max-width: 767px) {
  .badge--cart {
    top: -32px;
    right: -22px;
  }
}
.badge--menu {
  position: absolute;
  left: 0;
  top: -13px;
  border-radius: 0;
  font-size: 10px;
  line-height: 1em;
  font-weight: lighter;
  text-transform: uppercase;
  padding: 3px 4px 3px;
  background-color: #333333;
}
.badge--menu:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-left-width: 0px;
  border-right-width: 6px;
  border-top: 5px solid #333333;
  -moz-transform: scale(0.9999);
}
.badge--color {
  background-color: #1fc0a0;
}
.badge--color:after {
  border-top-color: #1fc0a0;
}
@media (min-width: 1025px) {
  .badge.badge--hidden {
    display: none;
  }
}
@media (max-width: 1024px) {
  .badge--menu {
    position: relative;
    margin: 0 5px;
    top: -15px;
  }
}
/*=== multitooltip ===*/
.multitooltip .tip.on-top:after,
.multitooltip .tip.on-bottom:after {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.multitooltip .tip.on-right:after,
.multitooltip .tip.on-left:after {
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
.multitooltip {
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.multitooltip .tip {
  position: absolute;
  width: 180px;
  color: #777;
  font-size: 14px;
  font-style: normal;
  line-height: 1.7em;
  text-align: left;
  border-radius: 0;
  background: #3c3c3c;
  padding: 12px 14px;
  box-sizing: border-box;
  cursor: auto;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
.multitooltip .tip span {
  display: block;
}
.multitooltip .tip strong {
  color: #fff;
  font-weight: normal;
  padding: 0 5px 0 0;
}
.multitooltip .tip:after {
  position: absolute;
  width: 0;
  height: 0;
  content: '';
}
.multitooltip .tip.on-top {
  bottom: 18px;
  left: 0;
}
.multitooltip .tip.on-top:after {
  bottom: -7px;
  left: 20px;
  border-top: 7px solid #333;
}
.multitooltip .tip.on-right {
  top: -100%;
  left: 103%;
}
.multitooltip .tip.on-right:after {
  top: 37%;
  left: -7px;
  border-right: 7px solid #333;
}
.multitooltip .tip.on-bottom {
  top: 28px;
  left: 0;
}
.multitooltip .tip.on-bottom:after {
  top: -7px;
  left: 20px;
  border-bottom: 7px solid #333;
}
.multitooltip .tip.on-left {
  top: -100%;
  right: 103%;
}
.multitooltip .tip.on-left:after {
  top: 37%;
  right: -7px;
  border-left: 7px solid #333;
}
.multitooltip:hover .tip {
  opacity: 1;
  visibility: visible;
}
.multitooltip:hover .tip.on-top {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}
.multitooltip:hover .tip.on-right {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}
.multitooltip:hover .tip.on-bottom {
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}
.multitooltip:hover .tip.on-left {
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  transform: translateX(-10px);
}

button.pull-right,
.btn.pull-right {
  margin-right: 10px;
}
.btn--ys {
  position: relative;
  padding: 10px 14px;
  font-size: 0.875em;
  line-height: 1.486em;
  height: 40px;
  background-color: #00a95b;
  color: #ffffff;
  border-radius: 0;
  vertical-align: top;
  border: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transition:  all 300ms 0s ease;
  -moz-transition:  all 300ms 0s ease;
  -ms-transition:  all 300ms 0s ease;
  -o-transition:  all 300ms 0s ease;
  transition:  all 300ms 0s ease;
}
.btn--ys.text-lowercase {
  text-transform: lowercase;
}
.btn--ys.text-inherit {
  text-transform: inherit;
}
.btn--ys:hover,
.btn--ys:active,
.btn--ys:focus {
  background-color: #ffffff;
  color: #00a95b;
}
.waves-effect,
.btn--ys.btn--light {
  background: #f5f5f5;
  color: #333333;
  font-weight: 500;
  border-radius: 0;
}
.btn--ys.btn--light span {
  color: #34495e;
}
.waves-effect:hover,
.btn--ys.btn--light:hover {
  color: #ffffff;
  background-color: #1fc0a0;
  border-radius: 0;
}
.btn--ys.btn--light:hover span {
  color: #ffffff;
}
.btn--ys.btn--invert {
  background: #f5f5f5;
  color: #34495e;
}
.btn--ys.btn--invert:hover {
  color: #f5f5f5;
  background-color: #34495e;
}
.btn--ys .icon {
  display: inline-block;
  padding: 0 3px 0 0;
  font-size: 1.486em;
  vertical-align: middle;
}
.btn--ys .icon.icon--flippedX {
  padding: 0 0 0 3px;
}
.btn--ys span {
  position: relative;
  top: 0;
  left: 0;
}
.btn--ys.btn--links--dropdown {
  border: none;
  background: none;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
}
.btn--ys.btn--links--dropdown:hover {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
}
.btn--ys.btn--xs {
  padding: 5px 10px;
  font-size: 0.923em;
  height: auto;
}
.btn--ys.btn--xs:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.btn--ys.btn--sm {
  padding: 8px 16px;
  height: auto;
  font-size: 13px;
}
.btn--ys.btn--sm .icon {
  font-size: 12px;
}
.btn--ys.btn--sm--icon {
  padding: 9px 16px 7px;
  height: auto;
  font-size: 13px;
}
.btn--ys.btn--sm--icon .icon {
  font-size: 20px;
}
.btn--ys.btn--lg {
  padding: 15px 20px;
  height: auto;
}
.btn--ys.btn--xl {
  padding: 17px 24px;
  font-size: 1.1em;
  font-weight: 500;
  height: auto;
}
.btn--ys.btn--xl .icon {
  height: 1em;
  position: relative;
  top: -2px;
  padding: 0 5px 0 0;
  font-size: 1.45em;
  line-height: 1em;
}
.btn--ys.btn--xl.btn--xl-small {
  padding: 12px 18px 11px;
}
.btn--ys.btn--xxl {
  padding: 12px 24px 12px;
  font-size: 1.5em;
  line-height: 1.72em;
  height: auto;
}
.btn--ys.btn--l {
  padding: 15px 33px 15px;
  font-size: 1.5em;
  line-height: 1.72em;
  height: auto;
  font-weight: bold;
}
@media (max-width: 1200px) {
  .btn--ys.btn--l {
    padding: 12px 24px 12px;
  }
}
.btn--ys.btn--full {
  width: 100%;
  display: block;
  margin-bottom: 0.4em;
}
.btn--border {
  position: relative;
  padding: 10px 14px;
  font-size: 13px;
  line-height: 20px;
  height: 40px;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 0;
  vertical-align: top;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transition:  all 100ms 0s ease;
  -moz-transition:  all 100ms 0s ease;
  -ms-transition:  all 100ms 0s ease;
  -o-transition:  all 100ms 0s ease;
  transition:  all 100ms 0s ease;
}
.btn--border.text-lowercase {
  text-transform: lowercase;
}
.btn--border.text-inherit {
  text-transform: inherit;
}

.btn--border:hover {
  background-color: #f5f5f5;
  color: #34495e;
}
.btn--border .icon {
  display: inline-block;
  padding: 0 3px 0 0;
  font-size: 1.486em;
  vertical-align: middle;
}
.btn--border .icon.icon--flippedX {
  padding: 0 0 0 3px;
}
.btn--border span {
  position: relative;
  top: 0;
  left: 0;
}
.btn--border.btn--links--dropdown {
  border: none;
  background: none;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
}
.btn--border.btn--links--dropdown:hover {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
}
.btn--border.btn--xs {
  padding: 5px 10px;
  font-size: 0.923em;
  height: auto;
}
.btn--border.btn--xs:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.btn--border.btn--sm {
  padding: 8px 16px;
  height: auto;
  font-size: 13px;
}
.btn--border.btn--sm .icon {
  font-size: 12px;
}
.btn--border.btn--sm--icon {
  padding: 9px 16px 7px;
  height: auto;
  font-size: 13px;
}
.btn--border.btn--sm--icon .icon {
  font-size: 20px;
}
.btn--border.btn--lg {
  padding: 15px 20px;
  height: auto;
}
.btn--border.btn--xl {
  padding: 17px 24px;
  font-size: 1.1em;
  font-weight: 500;
  height: auto;
}
.btn--border.btn--xl .icon {
  height: 1em;
  position: relative;
  top: -2px;
  padding: 0 5px 0 0;
  font-size: 1.45em;
  line-height: 1em;
}
.btn--border.btn--xl.btn--xl-small {
  padding: 12px 18px 11px;
}
.btn--border.btn--xxl {
  padding: 12px 24px 12px;
  font-size: 1.5em;
  line-height: 1.72em;
  height: auto;
}
.btn--border.btn--l {
  padding: 15px 33px 15px;
  font-size: 1.5em;
  line-height: 1.72em;
  height: auto;
  font-weight: bold;
}
@media (max-width: 1200px) {
  .btn--border.btn--l {
    padding: 12px 24px 12px;
  }
}
.btn--border.btn--full {
  width: 100%;
  display: block;
  margin-bottom: 0.4em;
}
.btn--clear {
  border: 0;
  padding-left: 0;
  background-color: transparent;
}

.open > .btn--clear.dropdown-toggle {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-top {
  margin-top: 15px;
}
.btn-left {
  margin-left: 10px !important;
}
.btn.btn-red {
  background: #fa6b6b;
}

.btn.btn-blue {
  background-color: #395499;
}
/* Individual button styles */
/* Tamaya */
.button--tamaya {
  overflow: hidden;
}
.button--tamaya::before,
.button--tamaya::after {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  background: #34495e;
  color: #ffffff;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--tamaya::before {
  top: 0;
  padding-top: 1em;
}
.button--tamaya::after {
  bottom: 0;
  line-height: 0;
}
.button--tamaya > span {
  display: block;
  -webkit-transform: scale3d(0.2, 0.2, 1);
  transform: scale3d(0.2, 0.2, 1);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--tamaya:hover::before {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.button--tamaya:hover::after {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.button--tamaya:hover > span {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.btn-right {
  margin-right: 30px;
}
.btn-img {
  display: inline-block;
  cursor: pointer;
  margin: 12px 12px 0 0;
  overflow: hidden;
  position: relative;
}
.btn-img-view_module {
  background: #777777;
}
.btn-img-view_list {
  background: #777777;
}
.btn-img.active {
  background-color: #34495e;
}
.btn-img:hover {
  background-color: #34495e;
}
.btn-img-view_module {
  width: 20px;
  height: 17px;
}
.btn-img-view_module:before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  width: 100%;
  height: 1px;
  background: #000000;
}
.btn-img-view_module:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 6px;
  width: 1px;
  height: 100%;
  background: #000000;
}
.btn-img-view_module span {
  display: block;
  position: absolute;
  top: 0;
  left: 13px;
  width: 1px;
  height: 100%;
  background: #000000;
}
.btn-img-view_list {
  width: 19px;
  height: 17px;
}
.btn-img-view_list:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  width: 100%;
  height: 1px;
  background: #000000;
}
.btn-img-view_list:after {
  content: "";
  display: block;
  position: absolute;
  top: 11px;
  width: 100%;
  height: 1px;
  background: #000000;
}
.btn-img-view_list span {
  display: block;
  position: absolute;
  top: 0;
  left: 6px;
  width: 1px;
  height: 100%;
  background: #000000;
}
input {
  -webkit-box-shadow: inset  none;
  -moz-box-shadow: inset  none;
  box-shadow: inset  none;
}
.input--ys {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 7px 12px;
  font-size: 1em;
  line-height: 1.4em;
  height: 40px;
  margin-bottom: 10px;
  background: #000000;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.input--ys--full {
  width: 100%;
}
.textarea--ys {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 7px 12px;
  font-size: 1em;
  line-height: 1.4em;
  height: 40px;
  margin-bottom: 10px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  min-height: 140px;
  height: auto;
}

.textarea--ys--full {
  width: 100%;
}
label {
  font-weight: normal;
}
label.label--inline {
  font-size: 1.231em;
  line-height: 2.6em;
  font-weight: normal;
  padding-right: 10px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  label.label--inline {
    display: block;
    margin-bottom: 5px;
    float: none !important;
  }
}
.subscribe-form {
  position: relative;
}
.subscribe-form__label {
  font-size: 1.231em;
  line-height: 2.6em;
  font-weight: normal;
  padding-right: 10px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .subscribe-form__label {
    display: block;
    margin-bottom: 5px;
    float: none !important;
  }
}
.subscribe-form__input {
  margin-right: 10px;
}
@media (max-width: 767px) {
  .subscribe-form__input {
    margin-right: 0;
    width: 97%;
    padding-right: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .subscribe-form__input {
    width: 160px;
  }
}
@media (max-width: 767px) {
  .subscribe-form button {
    position: absolute;
    right: 0;
  }
}
.subscribe-form button .icon {
  font-size: 18px;
}
input::-webkit-input-placeholder {
  font-size: 1em;
  line-height: 1.214em;
  color: #777777;
}
input::-webkit-input-placeholder::-moz-placeholder {
  color: #999;
  opacity: 1;
}
input::-webkit-input-placeholder:-ms-input-placeholder {
  color: #999;
}
input::-webkit-input-placeholder::-webkit-input-placeholder {
  color: #999;
}
input::-moz-placeholder {
  font-size: 1em;
  line-height: 1.214em;
  color: #777777;
}
input::-moz-placeholder::-moz-placeholder {
  color: #999;
  opacity: 1;
}
input::-moz-placeholder:-ms-input-placeholder {
  color: #999;
}
input::-moz-placeholder::-webkit-input-placeholder {
  color: #999;
}
input:-ms-input-placeholder {
  font-size: 1em;
  line-height: 1.214em;
  color: #777777;
}
input:-ms-input-placeholder::-moz-placeholder {
  color: #999;
  opacity: 1;
}
input:-ms-input-placeholder:-ms-input-placeholder {
  color: #999;
}
input:-ms-input-placeholder::-webkit-input-placeholder {
  color: #999;
}
input:-moz-placeholder {
  font-size: 1em;
  line-height: 1.214em;
  color: #777777;
}
input:-moz-placeholder::-moz-placeholder {
  color: #999;
  opacity: 1;
}
input:-moz-placeholder:-ms-input-placeholder {
  color: #999;
}
input:-moz-placeholder::-webkit-input-placeholder {
  color: #999;
}
/* placeholder */
.placeholder {
  font-size: 1em;
  line-height: 1.214em;
  color: #777777;
}
::-webkit-input-placeholder {
  color: #777777;
}
::-moz-placeholder {
  color: #777777;
}
:-moz-placeholder {
  color: #777777;
}
:-ms-input-placeholder {
  color: #777777;
}

input::-moz-placeholder {
  text-overflow: ellipsis;
}
input:-moz-placeholder {
  text-overflow: ellipsis;
}
input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
:focus::-webkit-input-placeholder {
  color: transparent;
}
:focus::-moz-placeholder {
  color: transparent;
}
:focus:-moz-placeholder {
  color: transparent;
}
:focus:-ms-input-placeholder {
  color: transparent;
}
/* /placeholder */
.select--ys {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 7px 12px;
  font-size: 1em;
  line-height: 1.4em;
  height: 40px;
  margin-bottom: 10px;
  background: #000000;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  color: #333333;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.select--ys--full {
  width: 100%;
}
.select--ys option {
  color: #333333;
}
.select--sm {
  padding: 8px 10px;
  height: 34px;
}
.select--lg {
  padding: 10px 12px;
  height: 40px;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 5px;
  width: 100%;
}
.select-wrapper {
  position: relative;
  display: inline-block;
}
.select-wrapper .select--ys {
  padding-right: 25px;
}
.select-wrapper:after {
  content: " ";
  height: 0;
  width: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #777777;
  position: absolute;
  top: 20px;
  right: 12px;
  transition: all 0.3s linear;
  -moz-transform: scale(0.9999);
}
.select-wrapper select {
  cursor: pointer;
}
/* select-basket
==================================== */
@media (max-width: 767px) {
  .pull-extra-left {
    float: left !important;
  }
}
.select-basket {
  padding-right: 0;
  position: relative;
  line-height: 1.67em;
}
.select-basket .dropdown-toggle {
  background-color: #34495e;
  padding: 7px 135px 10px 19px;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}
.select-basket .dropdown-toggle .icon {
  color: #fff;
  font-size: 25px;
  position: relative;
  top: 6px;
  margin-right: 11px;
}
.select-basket .dropdown-toggle .caret {
  position: absolute;
  right: 16px;
  top: 8px;
  color: #fff;
}
@media (max-width: 1024px) {
  .select-basket .dropdown-toggle .caret {
    top: 18px;
  }
}
.select-basket__inner {
  padding: 24px 30px 0px 30px;
}
.select-basket > a:hover .icon {
  color: #fff;
}
.select-basket__table {
  width: 100%;
  position: relative;
}
.select-basket__table td,
.select-basket__table th {
  padding: 10px 5px;
}
.select-basket__table th {
  color: #333333;
}
.select-basket__table thead tr {
  border-bottom: 1px solid #e5e5e5;
}
.select-basket__table thead tr th:first-child {
  text-align: left;
}
.select-basket__table thead tr th {
  text-align: center;
}
.select-basket__table thead tr th:last-child {
  text-align: right;
}
.select-basket__table tbody tr {
  border-bottom: 1px solid #e5e5e5;
}
.select-basket__table tbody tr td:first-child {
  text-align: left;
}
.select-basket__table tbody tr td {
  text-align: center;
}
.select-basket__table tbody tr td:last-child {
  text-align: right;
}
.select-basket__table tfoot tr:first-child td,
.select-basket__table tfoot tr:first-child th {
  padding-top: 25px;
}
.select-basket__table tfoot th {
  text-transform: uppercase;
  padding: 3px 5px;
}
.select-basket__table tfoot td {
  color: #34495e;
  padding: 3px 5px;
  font-weight: bold;
  text-align: right;
}
/* /select-basket
==================================== */
.radio {
  display: block;
  cursor: pointer;
  margin: 0 0 8px;
  font-weight: 300;
}
.radio:hover .inner {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: .8;
}
.radio input {
  width: 1px;
  height: 1px;
  opacity: 0;
}
.radio input:checked + .outer .inner {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.radio input:focus + .outer .inner {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  background-color: #34495e;
}
.radio .outer {
  width: 14px;
  height: 14px;
  display: block;
  float: left;
  margin: 6px 9px 0 0;
  border-radius: 50%;
  background-color: #e5e5e5;
}
.radio .inner {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  width: 14px;
  height: 14px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  display: block;
  border-radius: 50%;
  background-color: #34495e;
  opacity: 0;
}

.checkbox-group {
  position: relative;
  margin-bottom: 10px;
}
.checkbox-group input[type=checkbox] {
  display: none;
}
.checkbox-group label {
  padding-left: 34px;
  cursor: pointer;
  font-size: 16px;
  color: #777777;
}
.checkbox-group label span {
  display: block;
  position: absolute;
  left: 0;
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  transition-duration: 0.3s;
}
.checkbox-group label .box {
  border-width: 1px;
  border-style: solid;
  border-color: #e5e5e5;
  background: #000000;
  height: 20px;
  width: 20px;
  z-index: 9;
  margin-top: 2px;
  -webkit-transition-delay: .2s;
  -moz-transition-delay: .2s;
  transition-delay: 0.2s;
}
.modal-newsletter input,
.modal-newsletter .checkbox-group label .box {
  background: #ffffff;
}
.checkbox-group label .check {
  top: 0px;
  left: 1px;
  opacity: 0;
  z-index: 10;
  -webkit-transition-delay: .3s;
  -moz-transition-delay: .3s;
  transition-delay: .3s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.checkbox-group label .check:before {
  content: "\e876";
  color: #34495e;
  font-size: 18px;
  line-height: 1em;
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
}
input[type=checkbox]:checked ~ label .box {
  border-color: #34495e;
}
input[type=checkbox]:checked ~ label .check {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.divider--xl {
  height: 60px;
}


.product-popup {
  position: relative;
  background: #ffffff;
  margin: 20px auto;
  padding: 0;
  width: 90%;
  height: 90%;
  max-width: 1170px;
  max-height: 750px;
}
.product-popup .product-popup-content {
  overflo-y: scroll;
}
.product-popup .container-fluid {
  padding: 0;
  background: #ffffff;
}
.product-popup .product-info {
  padding: 25px 40px 15px;
  margin: 0 0 0 -15px;
}
.product-popup .mfp-close {
  color: #ffffff;
  right: -37px;
  top: -37px;
}
/*=== /modal ===*/
.modal-filter {
  cursor: pointer;
}
/* modal size  */
.modal-sm {
  max-width: 372px;
}
.modal-md {
  max-width: 816px !important;
  margin: 0 auto;
}
.img-responsive1 {
  max-width: 100%;
}
/* /modal size */
/* modal style  */
.white-modal .modal-content {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
  padding: 37px;
  border-color: transparent;
}
@media (max-width: 767px) {
  .white-modal .modal-content {
    padding: 20px;
  }
}
.white-modal .modal-header {
  border: none;
  padding: 0;
  margin: 0 0 18px 0;
}
.white-modal .modal-header .close {
  color: #ffffff;
  font-size: 29px;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-transition: 'delay: 1s;';
  -o-transition: 'delay: 1s;';
  transition: 'delay: 1s;';
  -webkit-transition:  'delay: 1s;' 0.3s 0s ease;
  -moz-transition:  'delay: 1s;' 0.3s 0s ease;
  -ms-transition:  'delay: 1s;' 0.3s 0s ease;
  -o-transition:  'delay: 1s;' 0.3s 0s ease;
  transition:  'delay: 1s;' 0.3s 0s ease;
}
.white-modal .modal-header .close:hover {
  color: #ffffff;
}
.white-modal .modal-header .modal-title {
  font-size: 21px;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
}
.white-modal .modal-body {
  font-weight: lighter;
  padding: 0 0 42px 0;
}
.white-modal .indent-bot-none {
  padding-bottom: 0;
}
.white-modal .modal-footer {
  text-align: inherit;
  border: none;
  padding: 0;
}
.white-modal .modal-footer.text-left {
  text-align: left;
}
.white-modal .modal-footer.text-center {
  text-align: center;
}
.white-modal .modal-footer.text-right {
  text-align: right;
}
/* /modal style  */
/* modal center center */
.modal {
  text-align: center;
  padding: 0 !important;
}
@media (min-width: 450px) {
  .modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
    /* Adjusts for spacing */
  }
}
.modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
}
/* /modal center center */

.modal-bg-image {
  position: absolute;
  z-index: 0;
  width: 70%;
}
.modal-bg-image.bottom-right {
  right: 0;
  bottom: 0;
}
.modal-bg-image.bottom-left {
  left: 0;
  bottom: 0;
}
.modal-bg-image.top-left {
  left: 0;
  top: 0;
}
.modal-bg-image.top-right {
  right: 0;
  top: 0;
}
/* modal-newsletter  */
.modal-newsletter {
  padding-bottom: 35px;
  position: relative;
  z-index: 2;
}
.modal-newsletter .checkbox-group {
  display: inline-block;
}
.modal-newsletter .checkbox-group .box {
  margin-top: 0;
  display: inline-block;
}
.modal-newsletter .checkbox-group .check {
  top: 5px;
}
.modal-newsletter .logo {
  margin-bottom: 47px;
  max-height: 80px;
}
.modal-newsletter .modal-title {
  font-size: 21px;
  line-height: 1.1em;
  padding-bottom: 15px;
}
.modal-newsletter p {
  padding-bottom: 7px;
}
.modal-newsletter .row-subscibe {
  font-size: 0;
  line-height: 0;
  padding: 27px 0 27px 0;
}
.modal-newsletter .row-subscibe input {
  height: 60px;
  border: 1px solid #e5e5e5;
  padding: 2.3% 2.5%;
  font-size: 18px;
  line-height: 1.2em;
  color: #777777;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.modal-newsletter .row-subscibe button {
  font-size: 18px;
  height: 60px;
}
.modal-newsletter .checkbox-group label {
  font-size: 12px;
  padding-left: 25px;
}
.modal-newsletter p {
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  #newsletterModal .modal-newsletter .row-subscibe input {
    width: 80%;
    padding: 2.3% 3%;
  }
  #newsletterModal .modal-newsletter .row-subscibe button {
    position: relative;
    right: auto;
    margin-top: 15px;
  }
  #newsletterModal .modal-newsletter .logo {
    max-height: 75px;
  }
}
@media (max-width: 420px) {
  #newsletterModal .modal-newsletter .logo {
    max-height: 59px;
  }
}
@media (max-width: 768px) {
  #newsletterModal button.btn--ys.btn--xl {
    padding: 17px 14px !important;
  }
}
.modal-newsletter_backgroundimg {
  background: #ffffff url(//hdathenashup.com/cdn/shop/t/2/assets/popup_background_image.jpg?v=1896) no-repeat fixed center;
  background-size: contain;
}
.modal-newsletter_backgroundimg.hidecolor {
  background-color: rgba(0,0,0,0);
}
/* /modal-newsletter  */
/* quickViewModal */
#quickViewModal .modal-dialog {
  width: inherit;
}
#quickViewModal .product-popup {
  padding: 0;
  width: 100%;
  height: inherit !important;
  max-height: inherit !important;
}
@media (max-width: 992px) {
  #quickViewModal .modal-content {
    padding: 20px 27px 10px 27px;
  }
}
#quickViewModal .modal-content.container {
  max-width: 1244px;
  min-width: 320px;
}
@media (max-width: 450px) {
  #quickViewModal .modal-content {
    padding: 20px 15px 10px 15px;
  }
}
@media (max-width: 450px) {
  .modal-dialog:before {
    display: none !important;
  }
  .modal-dialog {
    width: inherit;
    margin: 10px !important;
  }
  .modal-content {
    padding: 20px 15px 10px 15px;
  }
}
/* /quickViewModal */
.comments {
  margin-bottom: 38px;
}
.comments.comments-level-1 {
  margin-left: 136px;
}
.comments .pull-left {
  width: 100px;
  height: 100px;
  display: block;
  background-color: #f5f5f5;
  margin-right: 40px;
  margin-top: 16px;
  color: #fff;
  position: relative;
}
.comments .pull-left:before {
  font-family: 'Material Icons';
  content: "\e7fd";
  font-size: 46px;
  display: block;
  text-align: center;
  width: 100%;
  position: absolute;
  z-index: 0;
  top: 10px;
}
.comments .pull-left img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
.comments .pull-left span {
  position: absolute;
  display: inline-block;
  top: 15%;
}
.comments .media-body .media-title {
  color: #34495e;
  padding-bottom: 14px;
}
.comments .media-body .media-title .username {
  font-size: 18px;
  font-style: italic;
  font-family: Georgia, sans-serif;
  display: inline-block;
  margin-right: 14px;
}
.comments .media-body .media-title time {
  font-size: 16px;
}
.comments .media-body .media-title time .icon {
  font-size: 24px;
  margin: 0 13px 0 0;
  position: relative;
  top: 3px;
}
.comments .media-body .media-title .link {
  color: #333333;
  text-decoration: underline;
  text-transform: capitalize;
}
.comments .media-body .media-title .link:hover {
  text-decoration: none;
}
@media (max-width: 745px) {
  .comments {
    margin-bottom: 28px;
  }
  .comments.comments-level-1 {
    margin-left: 70px;
  }
  .comments .pull-left {
    width: 70px;
    height: 70px;
    margin-right: 20px;
  }
  .comments .pull-left:before {
    font-size: 46px;
    line-height: 1em;
    top: 10px;
  }
  .comments .media-body .media-title time {
    display: block;
  }
  .comments .media-body .media-title time .icon {
    font-size: 20px;
    margin: 0 6px 0 0;
    position: relative;
    top: 3px;
  }
}
.panel {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
}
.panel .panel-heading {
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding: 0;
}
.panel .panel-heading__number {
  width: 52px;
  height: 52px;
  background-color: #f5f5f5;
  text-align: center;
  color: #333333;
  font-size: 20px;
  line-height: 2.55em;
  position: absolute;
  top: 20px;
  left: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background-color;
  -o-transition: background-color;
  transition: background-color;
  -webkit-transition:  background-color 0.3s 0s ease;
  -moz-transition:  background-color 0.3s 0s ease;
  -ms-transition:  background-color 0.3s 0s ease;
  -o-transition:  background-color 0.3s 0s ease;
  transition:  background-color 0.3s 0s ease;
}
.panel .panel-heading .panel-title {
  color: #333333;
  font-size: 20px;
}
@media (max-width: 991px){
    .panel .panel-heading .panel-title {
        font-size: 16px;
    }
}

.panel .panel-heading.active .panel-heading__number {
  background-color: #34495e;
  color: #fff;
}

.panel .panel-body,
.panel .panel-collapse,
.panel .panel-collapse > .list-group {
  border: none !important;
}
/* link-functional */
.link-functional {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1em;
  font-weight: 500;
  color: #333333;
}
.link-functional .icon,
.link-functional .fa {
  font-size: 20px;
  margin-right: 10px;
  color: #34495e;
  position: relative;
  top: 6px;
}
.link-functional:hover {
  text-decoration: none;
  color: #34495e;
}
/* /link-functional */
@media (max-width: 1024px) {
  .stuck-nav {
  	background: none;
  }
}
.banner-one-product input{
  background: #000000;
}
.testimonial-color-l2 {
  background: ;
}
.testimonial-color-l2 .icon:before {
  color:  !important;
}
#layout-9 .fixedbar {
  background: #000000;
}

.navbar.navbar-vertical {
    border: none;
}
@media (min-width: 1025px) {
  .navbar.navbar-vertical .mainMenu .navbar-nav > li > a .badge--menu.non-color {
    border: 1px solid #ffffff;
    background: none !important;
    color: #ffffff;
  }
  .navbar.navbar-vertical .mainMenu .navbar-nav > li > a:hover .badge--menu.non-color {
    border: 1px solid #ffffff;
    background: none !important;
    color: #ffffff;
  }
}
@media (min-width: 1024px) {
  #header.header-layout-02 .stuck-nav {
    display: none;
  }
}
@media (max-width: 1298px) {
 .product-listing.row .product {
  margin-bottom: 30px;
 }
}
@media (min-width: 768px) {
  .product.hovered {
    width: calc(100% + 100px);
    z-index: 10000 !important;
  }
  .product.hovered .product__inside {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.08);
  }
  .product.hovered .product__inside  .product__inside__hover {
    position: relative;
  }
  .product.product--zoom.hovered .product__label--left {
    margin-left: 0;
  }
  .product.product--zoom.hovered .product__label--right {
    margin-right: 0;
  }
}
.collapse-block__content .filter-list{
    margin-bottom: 0;
}
.collapse-block__content .filter-list li:last-child{
  margin-bottom: 0 !important;
}

.collapse-block__content  .simple-list{
  margin-bottom: 0;
}
.collapse-block__content  .simple-list li{
  padding-bottom: 0;
}
/*product info - size*/
.product__inside .options-swatch--size .filter-title{
  display: none;
}
.product__inside .options-swatch--size li a{
  background: #f5f5f5;
  width: auto;
  height: auto;
  min-width: 28px;
  min-height: 28px;
  padding: 0 5px;
  line-height: 26px;
  border:1px solid #e5e5e5;
}
.product__inside .options-swatch--size li a:hover{
  border:1px solid #333333;
}
.product__inside .options-swatch--color{
  margin-left: 0;
}
.product__inside .options-swatch{
  margin-bottom: 11px !important;
}
@media (max-width: 767px){
  .product__inside .options-swatch{
    margin-bottom: 21px !important;
  }
  .product__inside .options-swatch--size{
    padding: 0 !important;
    margin:0 7px 0 0 !important;
  }
  .product__inside .options-swatch--size{
    padding: 0 !important;

  }
}
@media (max-width: 991px) {
.product__inside .options-swatch--size{
      padding:0 !important;
      margin-top: 11px !important;
    }

}
@media (max-width: 767px){
  .product__inside .options-swatch--size{
      margin-bottom: 0 !important;
    }
   .product__inside .options-swatch--color{
      margin-bottom: 0 !important;
    }
}
.options-swatch li.active a .swatch-label,
.options-swatch li.active a:hover .swatch-label{
  display: block;
}
.product__inside .options-swatch--color li.active a.color-border-white:after{
      opacity: 1;
}
.product__inside .options-swatch--color li.active a.color-border-white:hover:after{
      opacity: 1;
}
.options-swatch--color li:not(.active) a.color-border-white:hover:after{
  opacity: 1;
}
.product__inside .options-swatch--size li.active a{
  border: 1px solid #333333;
}
.row-view .product .options-swatch{
  padding: 0 !important;
}
/****************************************
* gallery
*****************************************/
/* ---- isotope ---- */
.filter-nav {
  text-align: center;
  padding-bottom: 50px;
}
.filter-nav a {
  display: inline-block;
  background: #f5f5f5;
  text-transform: uppercase;
  font-weight: 500;
  color: #333333;
  margin: 0 5px;
  margin-bottom: 10px;
  padding: 14px 16px;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
  cursor: pointer;
  font-size: 13px;
  line-height: 1em;
  text-decoration: none;
}
.filter-nav a:hover {
  background: #1fc0a0;
  color: #fff;
}
.filter-nav a.current {
  background: #1fc0a0;
  color: #fff;
}
.gallery-content .filter-content-item {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.gallery-content .zomm-gallery {
  width: 67px;
  height: 67px;
  background: #ffffff;
  display: inline-block;
  font-size: 36px;
  line-height: 1.9em;
  text-align: center;
  text-decoration: none;
  color: #333333;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.gallery-content .zomm-gallery:before {
  content: "\e8ff";
  display: block;
  position: relative;
  margin-left: 1px;
  font-family: 'Material Icons';
}
.gallery-content .zomm-gallery:hover {
  background: #1fc0a0;
  color: #fff;
}
.gallery-content .link-gallery {
  width: 67px;
  height: 67px;
  background: #ffffff;
  display: inline-block;
  font-size: 36px;
  line-height: 1.9em;
  text-align: center;
  text-decoration: none;
  color: #333333;
  -webkit-transition:  all 300ms linear 0s;
  -moz-transition:  all 300ms linear 0s;
  -ms-transition:  all 300ms linear 0s;
  -o-transition:  all 300ms linear 0s;
  transition:  all 300ms linear 0s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.gallery-content .link-gallery:before {
  content: "\e5c8";
  display: block;
  position: relative;
  margin-left: 1px;
  font-family: 'Material Icons';
}
.gallery-content .link-gallery:hover {
  background: #1fc0a0;
  color: #fff;
}
.gallery-content img {
  width: 100%;
  height: auto;
}
.gallery-content .title {
  font-size: 22px;
  line-height: 1em;
  margin-top: 0px;
}
.gallery-content .title a:focus {
  text-decoration: none;
  color: #333333;
}
.gallery-content .title a:hover {
  color: #1fc0a0;
  text-decoration: none;
}
.gallery-content figure {
  position: relative;
  display: block;
}
.gallery-content figure figcaption {
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0%;
  display: block;
  padding: 5% 10%;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  z-index: 0;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.gallery-content figure:hover figcaption {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  z-index: 7;
  left: 0;
}
.gallery-content .button-box {
  position: absolute;
}
@media (max-width: 1770px) {
  .gallery-content .button-box {
    bottom: 7.5%;
    right: 5.3%;
    font-size: 30px;
  }
}
@media (min-width: 1770px) {
  .gallery-content .button-box {
    bottom: 13.5%;
    right: 10.3%;
    font-size: 36px;
  }
}
@media (max-width: 1200px) {
  .gallery-content figcaption {
    padding-top: 5%;
  }
  .gallery-content .zomm-gallery,
  .gallery-content .link-gallery {
    width: 50px;
    height: 50px;
    font-size: 30px;
    line-height: 1.7em;
  }
  .gallery-content .button-box {
    bottom: 6%;
  }
}
@media (max-width: 1200px) {
  .gallery-content .title {
    font-size: 19px;
  }
  .gallery-content .font18 {
    font-size: 15px;
  }
  .gallery-content figcaption {
    padding-top: 2%;
  }
  .gallery-content figcaption p {
    font-size: 13px;
    line-height: 1.5em;
  }
  .gallery-content .zomm-gallery,
  .gallery-content .link-gallery {
    width: 35px;
    height: 35px;
    font-size: 24px;
    line-height: 1.45em;
  }
  .gallery-content .button-box {
    bottom: 3%;
  }
}
@media (max-width: 1677px) {
  .gallery-layout-3.gallery-content .title {
    margin-top: 27px;
  }
}
@media (max-width: 1677px) {
  .gallery-layout-3.gallery-content .button-box {
    bottom: 7.5%;
    right: 5.3%;
    font-size: 30px;
  }
}
@media (max-width: 1677px) {
  .gallery-layout-3.gallery-content figcaption {
    padding-top: 5%;
  }
  .gallery-layout-3.gallery-content .zomm-gallery,
  .gallery-layout-3.gallery-content .link-gallery {
    width: 50px;
    height: 50px;
    font-size: 30px;
    line-height: 1.7em;
  }
  .gallery-layout-3.gallery-content .button-box {
    bottom: 6%;
  }
}
@media (max-width: 1677px) {
  .gallery-layout-3.gallery-content .title {
    font-size: 19px;
  }
  .gallery-layout-3.gallery-content .font18 {
    font-size: 15px;
  }
  .gallery-layout-3.gallery-content figcaption {
    padding-top: 2%;
  }
  .gallery-layout-3.gallery-content figcaption p {
    font-size: 13px;
    line-height: 1.5em;
  }
  .gallery-layout-3.gallery-content .zomm-gallery,
  .gallery-layout-3.gallery-content .link-gallery {
    width: 35px;
    height: 35px;
    font-size: 24px;
    line-height: 1.45em;
  }
  .gallery-layout-3.gallery-content .button-box {
    bottom: 3%;
  }
}
@media (max-width: 1677px) {
  .gallery-layout-3.gallery-content .text-center .button-box {
    padding-top: 3%;
  }
}
.gallery-layout-4.gallery-content .block-table {
  height: 100%;
}
.gallery-layout-4.gallery-content figcaption {
  padding-top: 11%;
  text-align: center;
}
.gallery-layout-4.gallery-content figcaption .button-box {
  position: relative;
  padding-top: 5%;
  right: auto !important;
  bottom: inherit;
}
@media (max-width: 1770px) {
  .gallery-layout-4.gallery-content figcaption .button-box {
    padding-top: 3%;
  }
}
@media (min-width: 1770px) {
  .gallery-layout-4.gallery-content figcaption .button-box {
    padding-top: 5%;
  }
}
.gallery-layout-4.gallery-content figcaption p {
  display: none;
}
@media (max-width: 1641px) {
  .gallery-layout-4.gallery-content figcaption {
    padding: 5% 5%;
  }
  .gallery-layout-4.gallery-content .zomm-gallery,
  .gallery-layout-4.gallery-content .link-gallery {
    width: 50px;
    height: 50px;
    font-size: 30px;
    line-height: 1.7em;
  }
  .gallery-layout-4.gallery-content .button-box {
    bottom: 6%;
  }
}
@media (max-width: 1641px) {
  .gallery-layout-4.gallery-content .title {
    font-size: 17px;
    margin-top: 27px;
  }
  .gallery-layout-4.gallery-content .font18 {
    font-size: 14px;
  }
  .gallery-layout-4.gallery-content figcaption p {
    font-size: 13px;
    line-height: 1.5em;
  }
  .gallery-layout-4.gallery-content .zomm-gallery,
  .gallery-layout-4.gallery-content .link-gallery {
    width: 40px;
    height: 40px;
    font-size: 26px;
    line-height: 1.6em;
  }
  .gallery-layout-4.gallery-content .button-box {
    bottom: 0%;
  }
}
.gallery-layout-4 {
  text-align: center;
}
.gallery-layout-4.gallery-content figcaption .button-box {
  text-align: center;
}
@media (max-width: 1641px) {
  .gallery-layout-4.gallery-content figcaption .button-box {
    padding-top: 3%;
  }
}
@media (max-width: 517px) {
  .gallery-layout-4.gallery-content figcaption {
    padding-top: 15%;
  }
}
.gallery-content .content-center .button-box {
  position: relative;
  right: auto;
  top: auto;
  text-align: center;
}
.col-item-5 {
  float: left;
}
@media (max-width: 517px) {
  .col-item-5 {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .col-item-5 {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .col-item-5 {
    width: 33.3%;
  }
}
@media (min-width: 992px) {
  .col-item-5 {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .col-item-5 {
    width: 20%;
  }
}
@media (min-width: 1770px) {
  .col-item-5 {
    width: 20%;
  }
}
.col-item-4 {
  float: left;
}
@media (max-width: 767px) {
  .col-item-4 {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .col-item-4 {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .col-item-4 {
    width: 25%;
  }
}
@media (min-width: 1770px) {
  .col-item-4 {
    width: 25%;
  }
}
@media (max-width: 767px) {
  .css-masonry {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0em;
    -moz-column-gap: 0em;
    column-gap: 0em;
  }
}
@media (min-width: 768px) {
  .css-masonry {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 0em;
    -moz-column-gap: 0em;
    column-gap: 0em;
  }
}
@media (min-width: 1200px) {
  .css-masonry {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 0em;
    -moz-column-gap: 0em;
    column-gap: 0em;
  }
}
@media (min-width: 1770px) {
  .css-masonry {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 0em;
    -moz-column-gap: 0em;
    column-gap: 0em;
  }
}
.css-masonry .filter-content-item {
  display: inline-block;
  width: 100%;
  position: relative;
}
.mfp-close {
  cursor: pointer !important;
}
.gallery-content .block-table {
  display: table;
  width: 100%;
  height: 82%;
}
.gallery-content .content-center .block-table {
  height: 100%;
}
.gallery-content .content-center .title,
.gallery-content .content-center em,
.gallery-content .content-center p {
  text-align: center;
}
.gallery-content .content-center em {
  display: block;
}
.gallery-content .block-table-cell {
  display: table-cell;
  vertical-align: middle;
}
/****************************************
* end gallery
*****************************************/
/****************************************
* collections all
*****************************************/
.collectionsall{
  margin-top: -30px;
}
.collectionsall .banner .banner__title{
  padding-left: 5px;
  padding-right: 5px;
}
.collectionsall .banner{
  margin-top: 30px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .collectionsall .col-sm-3 .banner__title{
    font-size: 20px !important;
    margin-bottom: 10px;
  }
  .collectionsall .col-sm-3 .btn{
    font-size: 12px;
    letter-spacing: 0.02em;
    padding: 11px 14px 11px !important;
  }
}
/****************************************
* end collections all
*****************************************/
/****************************************
* widgets
*****************************************/
.promo-design2{
	text-align: center;
	text-decoration: none;
	display: block;
}
.promo-design2 .block-title{
	font-size: 54px;
	line-height: 60px;
  	color: #333333;
	margin-top: 28px;
	font-weight: 500;
	padding: 0 10px;
	text-transform: uppercase;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	display: inline-block;
}

.coll-small-text .block-title{
  font-size: 16px !important;
  margin-top: 10px;
  line-height: 20px !important;
}

.coll-small-text .promo-design2 .btn.btn-underline{
  font-size: 15px !important;
}

.coll-small-text .promo-design2 p {
    font-size: 14px;
}
@media  screen and (min-width: 768px){
  .row.display-flex div {
    display: flex;
    flex-wrap: wrap;
  }
  .row.display-flex div > [class*='col-'] {
    display: flex;
    flex-direction: column;
  }
}
.promo-design2 p{
	margin:7px 15px 0;
	font-size: 18px;
	line-height: 30px;
}
.promo-design2 .btn.btn-underline{
    color: #34495e;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 8px;
    display: inline-block;
    text-transform: uppercase;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.promo-design2 .btn.btn-underline:hover{
    color: #333333;
}
.promo-design2 .btn.btn-underline:after{
	content: "";
	display: block;
	position: relative;
	top: -3px;
	line-height: 0;
	background: #34495e;
	width: 100%;
	height: 2px;
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	-webkit-opacity: 0.2;
	opacity: 0.2;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.promo-design2 .btn.btn-underline:hover:after{
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
}
.promo-design2 .img{
  	background: transparent;
	overflow: hidden;
	display: block;
	-webkit-transform: translateZ(0);
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
  	transition: all 0.2s linear;
}
.promo-design2:hover .img{
	background: #34495e;
}
.promo-design2 .img img{
	width: 100%;
	height: auto;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.promo-design2:hover,
.promo-design2:hover a{
	text-decoration: none;
}
a.promo-design2:hover .block-title{
	color: #34495e;
}
a.promo-design2.zoom-in .img img{
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: scale(1);
	 transform: scale(1);
}
a.promo-design2:hover .img img{
	opacity: 0.9;
}
a.promo-design2.zoom-in:hover .img img{
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
a.promo-design2:hover .btn.btn-underline:after{
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
}

.promo-design2:not(a) .img img{
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: scale(1);
	 transform: scale(1);
}
.promo-design2:not(a) .img:hover img{
	opacity: 0.9;
}
.promo-design2.zoom-in:not(a) .img:hover img{
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.promo-design2:not(a) .block-title:hover{
	color: #34495e;
}

.promo-design2.promotitlesize30 .block-title{
  font-size: 30px;
  line-height: 44px;
}
.promo-design2.promotitlesize40 .block-title{
  font-size: 40px;
  line-height: 38px;
}
@media (max-width: 1770px) {
  .promo-design2 .block-title{
    font-size: 40px;
    line-height: 50px;
  }
  .promo-design2.promotitlesize30 .block-title{
    font-size: 30px;
    line-height: 40px;
  }
  .promo-design2.promotitlesize40 .block-title{
    font-size: 40px;
    line-height: 38px;
  }
}
@media (max-width: 1199px) {
  .promo-design2 .block-title{
    font-size: 30px;
    line-height: 40px;
  }
}
@media (max-width: 991px) {
  .promo-design2 .block-title{
    font-size: 23px;
    line-height: 33px;
  }
  .promo-design2 p{
    font-size: 16px;
    line-height: 24px;
  }
}

.promo-design3{
	text-transform: center;
	display: block;
	width: 100%;
	display: table;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.promo-design3 > div{
	display: table-cell;
	vertical-align: middle;
	height: 348px;
	width: 100%;
	padding:0 5%;
}
.promo-design3 .block-title{
    color: #333333;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.03em;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.promo-design3 .block{
    color: #777777;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0.03em;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.promo-design3:hover .block-title,
.promo-design3:hover .block{
  	color: #34495e;
}
.promo-design3 .color-base{
	color: #34495e;
}
.promo-design3 .color-dark{
  	color: #333333;
}
.promo-design3 .font-size24{
	font-size: 24px;
}
.promo-design3 .font-size46{
	font-size: 46px;
}
.promo-design3 .font-size26{
	font-size: 26px;
}
.promo-design3 .font-size16{
	font-size: 16px;
}
.promo-design3 .font-style-italic{
	font-style: italic;

}
.promo-design3 .block-top-11{
	margin-top: 11px;
}
.promo-design3 .block-top-15:nth-child(n+2){
	margin-top: 15px;
}
.promo-design3 .block-top-23{
	margin-top: 23px;
}

@media (max-width: 1200px){
	.promo-design3 .block-title{
		font-size: 30px;
		line-height: 40px
	}
	.promo-design3 .font-size46{
		font-size: 40px;
		line-height: 50px
	}
	.promo-design3 .font-size24{
		font-size: 20px;
		line-height: 30px
	}
}
@media (max-width: 992px){
	.promo-design3 > div{
		height: 277px;
	}
	.promo-design3 .block-title{
		font-size: 24px;
		line-height: 34px
	}
	.promo-design3 .font-size46{
		font-size: 30px;
		line-height: 40px;
	}
	.promo-design3 .font-size24{
		font-size: 17px;
		line-height: 25px;
	}
}
@media (max-width: 992px){
	.promo-design3 .font-size24{
		font-size: 15px;
	}
	.promo-design3 .font-size16{
		font-size: 14px;
	}
}
.designtype2 .promo-design3 .block-title {
  font-size: 24px;
  line-height: 36px;
}
.designtype2 .promo-design3 .block-top-11 {
  margin-top: 0;
}

.text-block-with-bg{
	padding: 75px 17% 72px;
	text-align: center;
}
.text-block-with-bg .title-under{
	margin-bottom: 69px;
}
.text-block-with-bg p{
	margin: 0;
	padding: 0;
}
.text-block-with-bg p:not(:first-child){
	margin: 21px 0 0 0;
}
@media (max-width: 1200px){
	.text-block-with-bg{
		padding: 75px 7% 72px;
	}
}
@media (max-width: 767px){
	.text-block-with-bg{
		padding: 50px 7%;
		text-align: center;
	}
}
@media (max-width: 479px){
	.text-block-with-bg .title-under{
		margin-bottom: 30px;
	}
}


.text-info-banner-listing{
	margin-top: -30px;
}
.text-info-banner{
	overflow: hidden;
	border: 1px solid #e5e5e5;
	padding: 49px 24px 35px 24px;
	margin-top: 30px;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.text-info-banner .img{
	float: left;
	padding-right: 20px;
	padding-top: 9px;
	width: 52%;
	max-width: 409px;
}
.text-info-banner .img img{
	max-width: 100%;
	height: auto;
}
.text-info-banner .description{
	overflow: hidden;
}
.text-info-banner p{
	letter-spacing: -0.01em;
}
.text-info-banner .block-title{
	font-size: 48px;
	line-height: 60px;
	color: #333333;
	font-weight: 500;
	padding: 0 0px 17px 0;
	text-transform: uppercase;
}
.text-info-banner .btn{
	margin-top: 18px;
}

.text-info-banner:hover{
	border-color: transparent;
	-webkit-box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.08);
}
@media (max-width: 1769px){
	.text-info-banner .block-title{
		font-size: 37px;
		line-height: 50px;
	}
}
@media (max-width: 1200px){
	.text-info-banner .block-title{
		font-size: 29px;
		line-height: 39px;
	}
}
@media (max-width: 540px){
	.text-info-banner .img{
		float: inherit;
		width: 100%;
	}
}
@media (max-width: 490px){
	.text-info-banner .block-title{
		font-size: 25px;
		line-height: 33px;
		padding-bottom: 10px;
	}
	.text-info-banner .btn{
		margin-top: 10px;
	}
}

.promo-box {
  display: block;
  position: relative;
  overflow: hidden;
  margin-top: -1px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.promo-box > img {
  width: 100%;
  height: auto;
}
.promo-box .description {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 5% 9%;
}
@media (max-width: 1070px) {
	.promo-box .description {
		padding: 5% 5%;
	}
}
.promo-box .description .block-title {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.promo-box .description .block-title-sm {
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.02em;
  font-size: 58px;
  line-height: 58px;
  text-transform: uppercase;
}
.promo-box .description img {
  max-width: 100%;
  display: inline-block;
  height: auto;
}
.promo-box .description p {
  color: #fff;
  font-size: 22px;
  line-height: 30px;
  margin: 0;
}
.promo-box .block-table-cell{
	text-align: center;
}
.promo-box .btn.btn-underline{
	color: #c09749;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	margin-top: 8px;
	padding: 5px 0;
	display: inline-block;
	text-transform: uppercase;
}
.promo-box .btn.btn-underline:after{
	content: "";
	display: block;
	position: relative;
	top: -3px;
	line-height: 0;
	background: #c09749;
	width: 100%;
	height: 2px;
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	-webkit-opacity: 0.2;
	opacity: 0.2;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.promo-box .btn.btn-underline:hover:after{
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
}
.promo-box .btn.btn-underline.color-white{
	color: #fff;
}
.promo-box .btn.btn-underline:after{
	background: #fff;
}


.promo-box .description .color-base{
	color: #c09749;
}
.promo-box .description .color-dark{
	color: #333333;
}
.promo-box .description .font-style-italic{
	font-style: italic;
}
.btn--ys.btn.inversion{
	background: #333333;
}
.btn--ys.btn.inversion:hover{
	background: #c09749;
	color: #fff;
}


.promo-box.design-default .block-title{
	font-size: 80px;
	line-height: 85px;
	font-weight: 500;
}
.promo-box.design-default .btn{
	margin-top: 36px;
}
.promo-box .btn.btn-underline{
	font-weight: 500;
	letter-spacing: 0.04em;
}
.promo-box.design-default .btn.btn-underline{
	margin-top: 24px;
}
@media (min-width: 768px) and (max-width: 1600px)  {
	.promo-box.design-default .block-title{
		font-size: 51px;
		line-height: 60px;
	}
	.promo-box.design-default p{
		font-size: 20px;
		line-height: 26px;
	}
}
@media (min-width: 768px) and (max-width: 1300px) {
	.promo-box.design-default .block-title{
		font-size: 38px;
		line-height: 45px;
	}
	.promo-box.design-default p{
		font-size: 18px;
		line-height: 24px;
	}
	.promo-box.design-default  .btn{
		margin-top: 20px;
	}
}
@media (min-width: 768px) and (max-width: 1070px) {
	.promo-box.design-default .block-title{
		font-size: 32px;
		line-height: 37px;
	}
	.promo-box.design-default p{
		font-size: 16px;
		line-height: 24px;
	}
	.promo-box.design-default  .btn{
		margin-top: 20px;
	}
	.promo-box.design-default .btn{
		padding: 11px 19px !important;
		font-size: 15px !important;
		margin-top: 16px;
	}
}
@media (min-width: 768px) and (max-width: 900px) {
	.promo-box.design-default .block-title{
		font-size: 29px;
		line-height: 30px;
	}
	.promo-box.design-default p{
		font-size: 15px;
		line-height: 19px;
	}
	.promo-box.design-default  .btn{
		margin-top: 14px;
	}
}
@media (max-width: 767px) {
	.promo-box.design-default .block-title{
		font-size: 51px;
		line-height: 60px;
	}
	.promo-box.design-default p{
		font-size: 20px;
		line-height: 26px;
	}
}
@media (max-width: 420px) {
	.promo-box.design-default .block-title{
		font-size: 38px;
		line-height: 45px;
	}
	.promo-box.design-default p{
		font-size: 18px;
		line-height: 24px;
	}
	.promo-box.design-default  .btn{
		margin-top: 20px;
	}
}
@media (max-width: 360px) {
	.promo-box.design-default .block-title{
		font-size: 29px;
		line-height: 30px;
	}
	.promo-box.design-default p{
		font-size: 15px;
		line-height: 19px;
	}
	.promo-box.design-default  .btn{
		margin-top: 14px;
	}
}



.promo-box.design-01 .block-title{
	font-size: 54px;
	line-height: 60px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.promo-box.design-01 p{
	margin-top: 27px;
}
@media (min-width: 768px) and (max-width: 1600px) {
	.promo-box.design-01 .block-title{
		font-size: 42px;
		line-height: 52px;
	}
	.promo-box.design-01 p{
		font-size: 20px;
		line-height: 26px;
	}
}
@media (min-width: 768px) and (max-width: 1300px) {
	.promo-box.design-01 .block-title{
		font-size: 35px;
		line-height: 45px;
	}
	.promo-box.design-01 p{
		font-size: 18px;
		line-height: 24px;
		margin-top: 22px;
	}
}
@media (min-width: 768px) and (max-width: 1070px) {
	.promo-box.design-01 .block-title{
		font-size: 27px;
		line-height: 32px;
	}
	.promo-box.design-01 p{
		font-size: 16px;
		line-height: 24px;
		margin-top: 22px;
	}
}
@media (max-width: 767px) {
	.promo-box.design-01 .block-title{
		font-size: 42px;
		line-height: 52px;
	}
	.promo-box.design-01 p{
		font-size: 20px;
		line-height: 26px;
	}
}
@media (max-width: 420px) {
	.promo-box.design-01 .block-title{
		font-size: 27px;
		line-height: 32px;
	}
	.promo-box.design-01 p{
		font-size: 16px;
		line-height: 24px;
		margin-top: 22px;
	}
}


.promo-box.design-02 .block-title{
	font-size: 80px;
	line-height: 85px;
	font-weight: 500;
	margin-top: 7px;
	letter-spacing: 0.06em;
}
.promo-box.design-02 p{
	margin-top: 27px;
}
.promo-box.design-02  .btn{
	margin-top: 35px;
}
@media (min-width: 768px) and (max-width: 1600px)  {
	.promo-box.design-02 .block-title{
		font-size: 51px;
		line-height: 60px;
	}
	.promo-box.design-02 p{
		font-size: 20px;
		line-height: 26px;
	}
}
@media (min-width: 768px) and (max-width: 1300px) {
	.promo-box.design-02 .block-title{
		font-size: 38px;
		line-height: 45px;
	}
	.promo-box.design-02 p{
		font-size: 18px;
		line-height: 24px;
	}
	.promo-box.design-02  .btn{
		margin-top: 20px;
	}
}
@media (min-width: 768px) and (max-width: 1070px) {
	.promo-box.design-02 .block-title{
		font-size: 32px;
		line-height: 37px;
	}
	.promo-box.design-02 p{
		font-size: 16px;
		line-height: 24px;
	}
	.promo-box.design-02  .btn{
		margin-top: 20px;
	}
	.promo-box.design-02 .btn{
		padding: 11px 19px !important;
		font-size: 15px !important;
		margin-top: 16px;
	}
}
@media (min-width: 768px) and (max-width: 900px) {
	.promo-box.design-02 .block-title{
		font-size: 29px;
		line-height: 30px;
	}
	.promo-box.design-02 p{
		font-size: 15px;
		line-height: 19px;
	}
	.promo-box.design-02  .btn{
		margin-top: 14px;
	}
}
@media (max-width: 767px) {
	.promo-box.design-02 .block-title{
		font-size: 51px;
		line-height: 60px;
	}
	.promo-box.design-02 p{
		font-size: 20px;
		line-height: 26px;
	}
}
@media (max-width: 420px) {
	.promo-box.design-02 .block-title{
		font-size: 38px;
		line-height: 45px;
	}
	.promo-box.design-02 p{
		font-size: 18px;
		line-height: 24px;
	}
	.promo-box.design-02  .btn{
		margin-top: 20px;
	}
}
@media (max-width: 360px) {
	.promo-box.design-02 .block-title{
		font-size: 29px;
		line-height: 30px;
	}
	.promo-box.design-02 p{
		font-size: 15px;
		line-height: 19px;
	}
	.promo-box.design-02  .btn{
		margin-top: 14px;
	}
}

.promo-box.design-03 .block-title{
	font-size: 80px;
	line-height: 82px;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.promo-box.design-03 p{
	margin-top: 9px;
	font-size: 26px;
	line-height: 35px;
	font-weight: lighter;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
.promo-box.design-03  .btn{
	margin-top: 42px;
}
@media (min-width: 768px) and (max-width: 1600px)  {
	.promo-box.design-03 .block-title{
		font-size: 51px;
		line-height: 60px;
	}
	.promo-box.design-03 p{
		font-size: 20px;
		line-height: 26px;
	}
}
@media (min-width: 768px) and (max-width: 1300px) {
	.promo-box.design-03 .block-title{
		font-size: 38px;
		line-height: 45px;
	}
	.promo-box.design-03 p{
		font-size: 18px;
		line-height: 24px;
	}
	.promo-box.design-03  .btn{
		margin-top: 20px;
	}
}
@media (min-width: 768px) and (max-width: 1070px) {
	.promo-box.design-03 .block-title{
		font-size: 32px;
		line-height: 37px;
	}
	.promo-box.design-03 p{
		font-size: 16px;
		line-height: 24px;
	}
	.promo-box.design-03  .btn{
		margin-top: 20px;
	}
	.promo-box.design-03 .btn{
		padding: 11px 19px !important;
		font-size: 15px !important;
		margin-top: 16px;
	}
}
@media (min-width: 768px) and (max-width: 900px) {
	.promo-box.design-03 .block-title{
		font-size: 29px;
		line-height: 30px;
	}
	.promo-box.design-03 p{
		font-size: 15px;
		line-height: 19px;
	}
	.promo-box.design-03  .btn{
		margin-top: 14px;
	}
}
@media (max-width: 767px) {
	.promo-box.design-03 .block-title{
		font-size: 51px;
		line-height: 60px;
	}
	.promo-box.design-03 p{
		font-size: 20px;
		line-height: 26px;
	}
}
@media (max-width: 420px) {
	.promo-box.design-03 .block-title{
		font-size: 38px;
		line-height: 45px;
	}
	.promo-box.design-03 p{
		font-size: 18px;
		line-height: 24px;
	}
	.promo-box.design-03  .btn{
		margin-top: 20px;
	}
}
@media (max-width: 360px) {
	.promo-box.design-03 .block-title{
		font-size: 29px;
		line-height: 30px;
	}
	.promo-box.design-03 p{
		font-size: 15px;
		line-height: 19px;
	}
	.promo-box.design-03  .btn{
		margin-top: 14px;
	}
}

.promo-box.design-04 .block-title{
	font-size: 80px;
	line-height: 80px;
	font-weight: 500;
	margin-left: -6px;
	letter-spacing: 0.06em;
}
.promo-box.design-04 p{
	font-size: 22px;
	line-height: 25px;
}
.promo-box.design-04  .btn{
	margin-top: 27px;
	margin-left: -2px;
}
@media (min-width: 768px) and (max-width: 1600px)  {
	.promo-box.design-04 .block-title{
		font-size: 51px;
		line-height: 60px;
	}
	.promo-box.design-04 p{
		font-size: 20px;
		line-height: 26px;
	}
}
@media (min-width: 768px) and (max-width: 1300px) {
	.promo-box.design-04 .block-title{
		font-size: 38px;
		line-height: 45px;
	}
	.promo-box.design-04 p{
		font-size: 18px;
		line-height: 24px;
	}
	.promo-box.design-04  .btn{
		margin-top: 20px;
	}
}
@media (min-width: 768px) and (max-width: 1070px) {
	.promo-box.design-04 .block-title{
		font-size: 32px;
		line-height: 37px;
	}
	.promo-box.design-04 p{
		font-size: 16px;
		line-height: 24px;
	}
	.promo-box.design-04  .btn{
		margin-top: 20px;
	}
	.promo-box.design-04 .btn{
		font-size: 15px !important;
		margin-top: 16px;
	}
}
@media (max-width: 767px) {
	.promo-box.design-04 .block-title{
		font-size: 38px;
		line-height: 45px;
	}
	.promo-box.design-04 p{
		font-size: 18px;
		line-height: 24px;
	}
	.promo-box.design-04  .btn{
		margin-top: 20px;
	}
}
@media (max-width: 420px) {
	.promo-box.design-04 .block-title{
		font-size: 32px;
		line-height: 37px;
	}
	.promo-box.design-04 p{
		font-size: 16px;
		line-height: 24px;
	}
	.promo-box.design-04  .btn{
		margin-top: 20px;
	}
	.promo-box.design-04 .btn{
		font-size: 15px !important;
		margin-top: 16px;
	}
}

.promo-box.design-05 .block-title{
	font-size: 80px;
	line-height: 80px;
	font-weight: 500;
	margin-left: -6px;
	letter-spacing: 0.06em;
}
.promo-box.design-05 p{
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	font-weight: 500;
	margin-top: 13px;
	letter-spacing: 0.04em;
}
.promo-box.design-05 .block-title.small{
	font-size: 58px;
	line-height: 60px;
	margin-top: 2px;
}
.promo-box.design-05 .btn{
	margin-top: 32px;
}
@media (min-width: 768px) and (max-width: 1600px)  {
	.promo-box.design-05 .block-title{
		font-size: 51px;
		line-height: 60px;
	}
	.promo-box.design-05 .block-title.small{
		font-size: 47px;
		line-height: 57px;
	}
}
@media (min-width: 768px) and (max-width: 1300px) {
	.promo-box.design-05 .block-title{
		font-size: 38px;
		line-height: 45px;
	}
	.promo-box.design-05 .block-title.small{
		font-size: 35px;
		line-height: 45px;
	}
	.promo-box.design-05  .btn{
		margin-top: 20px;
	}
}
@media (min-width: 768px) and (max-width: 1070px) {
	.promo-box.design-05 .block-title{
		font-size: 32px;
		line-height: 37px;
	}
	.promo-box.design-05 .btn{
		margin-top: 20px;
		padding: 11px 19px !important;
		font-size: 15px !important;
		margin-top: 16px;
	}
}
@media (min-width: 768px) and (max-width: 900px) {
	.promo-box.design-05 .block-title{
		font-size: 29px;
		line-height: 30px;
	}
	.promo-box.design-05  .btn{
		margin-top: 14px;
	}
}
@media (max-width: 767px) {
	.promo-box.design-05 .block-title{
		font-size: 34px;
		line-height: 42px;
	}
	.promo-box.design-05 .block-title.small{
		font-size: 30px;
		line-height: 40px;
	}
	.promo-box.design-05 p{
		font-size: 16px;
		line-height: 22px;
		margin-top: 0px;
	}
	.promo-box.design-05  .btn{
		margin-top: 15px;
	}
}
@media (max-width: 420px) {
	.promo-box.design-05 .block-title{
		font-size: 29px;
		line-height: 30px;
	}
	.promo-box.design-05 .block-title.small{
		font-size: 23px;
		line-height: 24px;
		margin-top: 0px;
	}
	.promo-box.design-05 p{
		font-size: 14px;
		line-height: 20px;
	}
	.promo-box.design-05  .btn{
		margin-top: 7px;
	}
}


.promo-box .point-top .block-table-cell{
  vertical-align: top;
}
.promo-box .point-center .block-table-cell {
  vertical-align: middle;
}
.promo-box .point-bottom .block-table-cell{
  vertical-align: bottom;
}
.promo-box .point-center .block-table-cell{
  text-align: center;
}
.promo-box .point-left .block-table-cell {
  text-align: left;
}
.promo-box.design-default .point-left .block-title{
	margin-left: -6px;
}
.promo-box.design-default .point-right .block-title{
	margin-right: -2px;
}
.promo-box.design-default .point-left .btn.btn-underline{
	margin-left: -2px;
}
.promo-box .point-right .block-table-cell {
  text-align: right;
}
.promo-box .point-top.point-center .block-table-cell {
  vertical-align: top;
  text-align: center;
}
.promo-box .point-center-horizontal .block-table-cell {
  text-align: center;
}
.promo-box .point-center-vertical .block-table-cell{
  vertical-align: middle;
}
.promo-box .right-offset .block-table {
  width: 60%;
  margin-left: 40%;
}
.promo-box .right-offset .block-table-cell{
  text-align: left;
}
.promo-box .left-offset .block-table {
  width: 60%;
}
.promo-box .left-offset .block-table-cell {
  text-align: left;
}
.promo-box .point-left.text-center .block-table-cell {
  text-align: center;
}
.promo-box.zoom-in > img{
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.promo-box.zoom-in:hover > img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	backface-visibility: hidden;
}
.banner .figure{
  background: transparent;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.banner .figure:hover{
  background: #34495e;
}

.brands-link-listing{
  margin-top: -30px;
  font-size: 0;
  line-height: 0;
}
.brands-link-listing > div{
  display: inline-block;
  float: inherit !important;
  vertical-align: top;
}
.brands-link{
  overflow: hidden;
  display: block;
  margin-top: 30px;
  text-align: center;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.brands-link img{
  max-width: 100%;
  height: auto;
  display: inline-block;
}
.brands-link:hover{
  overflow: hidden;
  text-decoration: none;
  -webkit-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.08);
}
.brands-link .block-title{
  font-size: 30px;
  line-height: 40px;
  margin-top: 17px;
  padding:0 10px 66px;
  text-transform: uppercase;
  text-align: center;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
@media (max-width: 1770px) {
  .brands-link .block-title{
    padding-bottom: 46px;
  }
}
@media (max-width: 1199px) {
  .brands-link .block-title{
    font-size: 25px;
    line-height: 35px;
    padding-bottom: 46px;
  }
}
@media (max-width: 991px) {
  .brands-link .block-title{
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 35px;
  }
}
@media (max-width: 380px) {
  .brands-link .block-title{
    font-size: 18px;
    line-height: 23px;
  }
}
.brands-link.brands-link-border{
  border: 1px solid #e5e5e5;
}
.brands-link.brands-link-border:hover{
  border-color: transparent;
}
/* revolution sliders texts */
.slide_1_lingerie_text01{
  font-size: 130px;
  line-height: 144px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
.slide_1_lingerie_text02{
  font-size: 50px;
  line-height: 67px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  margin-top: 11px;
  font-weight: bold;
  letter-spacing: 0.09em;
}
.slide_1_lingerie_text03{
  font-size: 20px;
  line-height: 34px;
  color: #fff;
  margin-top: 23px;
  font-family: Georgia, sans-serif;
  font-style: italic;
  text-align: center;
}
.slide_1_lingerie_text04{
  text-align: center;
  margin-top: 70px;
}

@media (max-width: 1600px) {
  .slide_1_lingerie_text01{
    font-size: 90px;
    line-height: 104px;
  }
  .slide_1_lingerie_text02{
    font-size: 35px;
    line-height: 50px;
    margin-top: 11px;
  }
  .slide_1_lingerie_text03{
    font-size: 18px;
    line-height: 27px;
    margin-top: 23px;
  }
  .slide_1_lingerie_text04{
    margin-top: 50px;
  }
}
@media (max-width: 1237px) {
  .slide_1_lingerie_text01{
    font-size: 70px;
    line-height: 84px;
  }
  .slide_1_lingerie_text02{
    font-size: 30px;
    line-height: 40px;
    margin-top: 11px;
  }
  .slide_1_lingerie_text03{
    font-size: 17px;
    line-height: 25px;
    margin-top: 20px;
  }
  .slide_1_lingerie_text04{
    text-align: center;
    margin-top: 37px;
  }
}
@media (max-width: 1007px) {
  .slide_1_lingerie_text01{
    font-size: 50px;
    line-height: 64px;
  }
  .slide_1_lingerie_text02{
    font-size: 25px;
    line-height: 35px;
    margin-top: 11px;
    letter-spacing: 0.05em;
  }
  .slide_1_lingerie_text02 br{
    display: none;
  }
  .slide_1_lingerie_text03{
    font-size: 15px;
    line-height: 22px;
    margin-top: 20px;
  }
  .slide_1_lingerie_text04{
    margin-top: 37px;
  }
}
@media (max-width: 768px){
  .slide_1_lingerie_text01{
    font-size: 35px;
    line-height: 44px;
  }
  .slide_1_lingerie_text02{
    font-size: 20px;
    line-height: 27px;
    margin-top: 5px;
    letter-spacing: 0.05em;
  }
  .slide_1_lingerie_text03{
    font-size: 13px;
    line-height: 20px;
    margin-top: 10px;
    padding-right: 30px;
  }
  .slide_1_lingerie_text04{
    margin-top: 20px;
  }
}
@media (max-width: 580px){
  .slide_1_lingerie_text01{
    font-size: 20px;
    line-height: 27px;
  }
  .slide_1_lingerie_text02{
    font-size: 12px;
    line-height: 17px;
    margin-top: 0px;
    letter-spacing: 0.05em;
  }
  .slide_1_lingerie_text03{
    font-size: 10px;
    line-height: 15px;
    margin-top: 5px;
    padding-right: 30px;
  }
  .slide_1_lingerie_text04{
    margin-top: 10px;
  }
}
@media (max-width: 404px){
  .slide_1_lingerie_text01{
    font-size: 17px;
    line-height: 23px;
  }
  .slide_1_lingerie_text02{
    font-size: 12px;
    line-height: 17px;
    margin-top: 0px;
    letter-spacing: 0.05em;
  }
  .slide_1_lingerie_text03{
    font-size: 10px;
    line-height: 13px;
    margin-top: 0px;
    padding-right: 30px;
  }
  .slide_1_lingerie_text04{
    margin-top: 5px;
  }
}

.slide_2_lingerie_text01{
  font-size: 53px;
  line-height: 65px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.1em;
}
.slide_2_lingerie_text02{
  font-size: 130px;
  line-height: 144px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.04em;
}
.slide_2_lingerie_text03{
  font-size: 23px;
  line-height: 33px;
  color: #fff;
  margin-top: 25px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.09em;
}
.slide_2_lingerie_text04{
  text-align: center;
  margin-top: 68px;
}
@media (max-width: 1600px) {
  .slide_2_lingerie_text01{
    font-size: 40px;
    line-height: 53px;
  }
  .slide_2_lingerie_text02{
    font-size: 90px;
    line-height: 100px;
  }
  .slide_2_lingerie_text03{
    font-size: 21px;
    line-height: 30px;
    margin-top: 15px;
  }
  .slide_2_lingerie_text04{
    margin-top: 40px;
  }
}
@media (max-width: 1237px) {
  .slide_2_lingerie_text01{
    font-size: 30px;
    line-height: 43px;
  }
  .slide_2_lingerie_text02{
    font-size: 80px;
    line-height: 90px;
  }
  .slide_2_lingerie_text03{
    font-size: 19px;
    line-height: 27px;
    margin-top: 15px;
  }
  .slide_2_lingerie_text04{
    margin-top: 30px;
  }
}
@media (max-width: 1007px) {
  .slide_2_lingerie_text01{
    font-size: 25px;
    line-height: 35px;
  }
  .slide_2_lingerie_text02{
    font-size: 60px;
    line-height: 70px;
  }
  .slide_2_lingerie_text03{
    font-size: 17px;
    line-height: 23px;
    margin-top: 15px;
  }
  .slide_2_lingerie_text04{
    margin-top: 30px;
  }
}
@media (max-width: 768px){
  .slide_2_lingerie_text01{
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.02em;
  }
  .slide_2_lingerie_text02{
    font-size: 30px;
    line-height: 35px;
    letter-spacing: 0.02em;
  }
  .slide_2_lingerie_text03{
    font-size: 14px;
    line-height: 17px;
    margin-top: 5px;
    letter-spacing: 0.02em;
  }
  .slide_2_lingerie_text04{
    margin-top: 15px;
  }
}
@media (max-width: 580px){
  .slide_2_lingerie_text01{
    font-size: 17px;
    line-height: 25px;
  }
  .slide_2_lingerie_text02{
    font-size: 25px;
    line-height: 30px;
  }
  .slide_2_lingerie_text02 br{
    display: none;
  }
  .slide_2_lingerie_text03{
    font-size: 12px;
    line-height: 15px;
    margin-top: 5px;
  }
  .slide_2_lingerie_text04{
    margin-top: 15px;
  }
}
@media (max-width: 404px){
  .slide_2_lingerie_text01{
    font-size: 15px;
    line-height: 23px;
  }
  .slide_2_lingerie_text02{
    font-size: 20px;
    line-height: 25px;
  }
  .slide_2_lingerie_text02 br{
    display: none;
  }
  .slide_2_lingerie_text03{
    font-size: 10px;
    line-height: 13px;
    margin-top: 5px;
  }
  .slide_2_lingerie_text04{
    margin-top: 10px;
  }
}

.slide_3_lingerie_text01{
  font-size: 130px;
  line-height: 144px;
  color: ;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.03em;
  font-weight: bold;
}
.slide_3_lingerie_text02{
  font-size: 20px;
  line-height: 34px;
  color: #333333;
  font-weight: lighter;
  text-align: center;
  margin-top: 25px;
}
.slide_3_lingerie_text03{
  text-align: center;
  margin-top: 68px;
}
@media (max-width: 1600px) {
  .slide_3_lingerie_text01{
    font-size: 90px;
    line-height: 100px;
  }
  .slide_3_lingerie_text02{
    font-size: 17px;
    line-height: 27px;
  }
  .slide_3_lingerie_text03{
    text-align: center;
    margin-top: 58px;
  }
}
@media (max-width: 1237px) {
  .slide_3_lingerie_text01{
    font-size: 80px;
    line-height: 90px;
  }
  .slide_3_lingerie_text02{
    font-size: 16px;
    line-height: 23px;
  }
  .slide_3_lingerie_text03{
    text-align: center;
    margin-top: 50px;
  }
}
@media (max-width: 1007px) {
  .slide_3_lingerie_text01{
    font-size: 60px;
    line-height: 70px;
  }
  .slide_3_lingerie_text02{
    font-size: 15px;
    line-height: 23px;
  }
  .slide_3_lingerie_text03{
    text-align: center;
    margin-top: 50px;
  }
}
@media (max-width: 768px){
  .slide_3_lingerie_text01{
    font-size: 30px;
    line-height: 35px;
  }
  .slide_3_lingerie_text01 br{
    display: none;
  }
  .slide_3_lingerie_text02{
    font-size: 15px;
    line-height: 23px;
  }
  .slide_3_lingerie_text03{
    text-align: center;
    margin-top: 35px;
  }
}
@media (max-width: 580px){
  .slide_3_lingerie_text01{
    font-size: 25px;
    line-height: 30px;
  }
  .slide_3_lingerie_text02{
    font-size: 15px;
    line-height: 23px;
    margin-top: 15px;
    padding-right: 10px;
    padding-left: 10px;
    width: 300px;
  }
  .slide_3_lingerie_text03{
    text-align: center;
    margin-top: 25px;
  }
}
@media (max-width: 404px){
  .slide_3_lingerie_text01{
    font-size: 20px;
    line-height: 25px;
  }
  .slide_3_lingerie_text02{
    font-size: 13px;
    line-height: 17px;
    margin-top: 5px;

  }
  .slide_3_lingerie_text03{
    text-align: center;
    margin-top: 15px;
  }
}

.slide_3_watches_text01{
  font-size: 130px;
  line-height: 134px;
  color: #fff;
  text-transform: uppercase;
  margin-top: 3px;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-align: center;
}
.slide_3_watches_text02{
  font-size: 50px;
  line-height: 56px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  text-align: center;
  margin-top: 21px;
}
.slide_3_watches_text03{
  margin-top: 42px;
  text-align: center;
}

@media (max-width: 1600px) {
  .slide_3_watches_text01{
    font-size: 85px;
    line-height: 95px;
  }
  .slide_3_watches_text02{
    font-size: 35px;
    line-height: 40px;
    margin-top: 20px;
  }
  .slide_3_watches_text03{
    margin-top: 40px;
  }
}
@media (max-width: 1237px) {
  .slide_3_watches_text01{
    font-size: 65px;
    line-height: 75px;
  }
  .slide_3_watches_text02{
    font-size: 27px;
    line-height: 37px;
    margin-top: 15px;
  }
  .slide_3_watches_text03{
    margin-top: 30px;
  }
}
@media (max-width: 1007px) {
  .slide_3_watches_text01{
    font-size: 50px;
    line-height: 60px;
  }
  .slide_3_watches_text01 br{
    display: none;
  }
  .slide_3_watches_text02{
    font-size: 23px;
    line-height: 33px;
    margin-top: 15px;
  }
  .slide_3_watches_text02 br{
    display: none;
  }
  .slide_3_watches_text03{
    margin-top: 27px;
  }
}
@media (max-width: 768px){
  .slide_3_watches_text01{
    font-size: 35px;
    line-height: 40px;

  }
  .slide_3_watches_text02{
    font-size: 17px;
    line-height: 22px;
    margin-top: 5px;
  }
  .slide_3_watches_text03{
    margin-top: 17px;
  }
}
@media (max-width: 580px){
  .slide_3_watches_text01{
    font-size: 25px;
    line-height: 35px;
    margin-top: 0px;
  }
  .slide_3_watches_text02{
    font-size: 14px;
    line-height: 20px;
  }
  .slide_3_watches_text03{
    margin-top: 10px;
  }
}
@media (max-width: 404px){
  .slide_3_watches_text01{
    font-size: 17px;
    line-height: 23px;
  }
  .slide_3_watches_text02{
    font-size: 12px;
    line-height: 17px;
  }
  .slide_3_watches_text03{
    margin-top: 5px;
  }
}

.slide_1_lingerie_text04 .link-button,
.slide_2_lingerie_text04 .link-button,
.slide_3_lingerie_text03 .link-button,
.slide_3_watches_text03 .link-button {
  margin-top: 0px;
}
@media (min-width: 1024px) {
  .transparent .stuck-nav {
    background: none;
  }
  .transparent .slogan {
    color: ;
  }
  .transparent .currency,
  .transparent .currency > a {
    color: ;
  }
  .transparent .dropdown > a .icon {
    color: ;
  }
  .transparent header .stuck-nav:not(.fixedbar) .mainMenu .navbar-nav > li > a {
    color: ;
  }
  .transparent .stuck-nav .toggle-menu, .transparent .stuck-nav .dropdown > a .icon, .transparent .stuck-nav .search .search__open .icon {
    color: ;
  }
  .transparent .search .search__open .icon {
  	color: ;
  }
  .transparent:not(.header-design8) .search a .search-dropdown:not(.open) .icon {
    color: ;
  }
  .transparent #header.header-layout-03 .h-address {
    color: ;
  }
  .transparent #header.header-layout-03 .account-row-list ul li a {
    color: ;
  }
  .transparent #header.header-layout-03 .row-functional-link .link-inline .dropdown > a .name-text {
    color: ;
  }
  .transparent .toggle-menu {
    color: ;
  }
  .transparent .search-outer .input-outer input {
    border-color: ;
    color: ;
  }
  .transparent .search-outer .input-outer button {
    color: ;
  }
  .transparent .search-outer input#search::-webkit-input-placeholder {
    color: ;
  }
  .transparent .search-outer input#search::-moz-placeholder {
    color: ;
  }
  .transparent .search-outer input#search::-moz-placeholder {
    color: ;
  }
  .transparent .search-outer input#search::-ms-input-placeholder {
    color: ;
  }
  .transparent .search-outer input#search:focus::-webkit-input-placeholder {
    color: rgba(255,255,255,0);
  }
  .transparent .search-outer input#search:focus::-moz-placeholder {
    color: rgba(255,255,255,0);
  }
  .transparent .search-outer input#search:focus::-moz-placeholder {
    color: rgba(255,255,255,0);
  }
  .transparent .search-outer input#search:focus::-ms-input-placeholder {
    color: rgba(255,255,255,0);
  }
  .transparent #header.header-design8 .account-row-list ul li a {
    color: ;
  }
  .transparent .header-design8 .stuck-nav .search .search__open .icon {
    color:  !important;
  }
}
.transparent .cart .dropdown > a .icon,
.transparent .stuck-nav:not(.fixedbar) .cart .dropdown > a .icon {
  color: #34495e !important;
}
/****************************************
* end widgets
*****************************************/
.nopadding {
  padding: 0 !important;
}
.nomargin {
  margin: 0 !important;
}
.nomargintop {
  margin-top: 0 !important;
}
.noborder {
  border: none !important;
}
.margin-1_4em {
  margin-bottom: 1.4em !important;
}
.marginbottom66 {
  margin-bottom: 66px;
}
@media (min-width: 768px) {
  .margintop80 {
    margin-top: 80px;
  }
}
.editor-image {
  display: block;
  position: relative;
  width: 100%;
  border-right: #aaaaaa 1px solid;
  border-top: #aaaaaa 1px solid;
}
.editor-image span {
  position: absolute;
  display: inline-block;
  text-align: center;
  width: 100%;
  left: 0;
  bottom: 10px;
  color: #333;
  font-size: 24px;
}
.editor-image span.top {
  top: 10px;
  bottom: auto;
}
.admin_image_textcolor {
  color: #333 !important;
}
/*admin icons*/
.icons-box > span{
  position: relative;
}
.icon-number {
  position: absolute;
  top: 0;
  left: 0px;
  font-size: 20px;
}
.hidden-menu {
  overflow: hidden;
  padding-right: 17px;
}
.hidden-menu .fixedbar {
  padding-right: 17px;
}
.product.hovered{
 max-width: inherit !important;
}
.article_img_size img,
.tab-content img{
  max-width: 100%;
}
.cart_message{
  text-align: center;
  padding: 20px 0;
}
/* mobile video play
==================================== */
.rev-link-video {
  display: none;
}
.touch .rev-link-video {
  position: absolute;
  display: inline-block;
  width: 60px;
  height: 60px;
  z-index: 7777;
  bottom: 6%;
  right: 6%;
}
.touch .rev-link-video:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  margin-left: -35px;
  margin-top: -35px;
  z-index: 2;
  text-align: center;
  font-size: 30px;
  line-height: 70px;
}
.touch .rev-link-video:hover:before {
  color: #1fc0a0;
}
.touch .rev-link-video:before {
  content: '\e038';
  font-family: 'Material Icons';
  display: inline-block;
  position: absolute;
  z-index: 3;
  font-size: 50px;
  line-height: 50px;
  color: #fff;
}
.touch .rev-link-video.play:before {
  content: '\e035';
}
/* /mobile video play
==================================== */
/* add style */
.product-info:not(.product-info-big) .wrapper .btn--xxl {
  margin-bottom: 10px;
}
.tt-promo-brand {
  margin-top: 32px;
  padding-bottom: 35px;
}
.tt-promo-brand a {
  text-decoration: none;
}
.tt-promo-brand img {
  width: 100%;
  max-width: 770px;
  height: auto;
  border: 1px solid #e4e4e5;
}
@media (max-width: 767px) {
  .tt-promo-brand img {
    border: none;
    max-width: 474px;
  }
}
.product-info-big .tt-promo-brand {
  margin-top: 19px;
  padding-bottom: 15px;
}