@charset "UTF-8";

/*========================================================
                   Bootstrap Reset
=========================================================*/

html[dir="rtl"] .pull-left {  float: right !important;  }
html[dir="rtl"] .pull-right {  float: left !important;  }
html[dir="rtl"] .text-left {  text-align: right;  }
html[dir="rtl"] .text-right {  text-align: left;  }

/* form */
button,
.btn {  background: none;  border: none;  display: inline-block;  padding: 0;  outline: none;  outline-offset: 0;  cursor: pointer;  -webkit-appearance: none;  -moz-transition: 0.3s all ease;  -o-transition: 0.3s all ease;  -webkit-transition: 0.3s all ease;  transition: 0.3s all ease;  }
button::-moz-focus-inner,
.btn::-moz-focus-inner {  border: none;  padding: 0;  }
button:focus,
.btn:focus {  outline: none;  }

label { font-size: 1rem; font-weight: bold; cursor: default;}
@media (min-width: 768px) and (max-width: 991px) {
  label {  font-size: 0.9rem;  }
}

textarea {  resize: none;  }
blockquote {  font-size: inherit;  line-height: inherit;  }

.input-group input,
.input-group select,
.input-group .dropdown-menu,
.input-group .popover,
.input-group-addon {  font-size: 1rem;  }
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {  z-index: auto;  -webkit-border-radius: 0;  -moz-border-radius: 0;  border-radius: 0;  }

.form-horizontal .radio,
.form-horizontal .checkbox {  min-height: inherit;  }
.form-horizontal .radio:first-child,
.form-horizontal .checkbox:first-child {  padding-top: 0;  }
.form-horizontal .control-label,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {  padding-top: 0;  }

.input-group .form-control {  z-index: auto;  }
.tooltip {  z-index: 9999;  }
.text-danger {  color: #F00;  }
.has-error * + .text-danger {  margin-top: 0.5rem;  }

/* datapicker */
.bootstrap-datetimepicker-widget {  z-index: 10005 !important;  }
.bootstrap-datetimepicker-widget td.day,
.bootstrap-datetimepicker-widget td.minute,
.bootstrap-datetimepicker-widget td.hour,
.bootstrap-datetimepicker-widget td.second,
.bootstrap-datetimepicker-widget thead tr:first-child th,
.bootstrap-datetimepicker-widget td span {  border: 1px solid transparent;  border-radius: 0;  -moz-transition: color 0.3s ease;  -o-transition: color 0.3s ease;  -webkit-transition: color 0.3s ease;  transition: color 0.3s ease;  }
.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.second:hover,
.bootstrap-datetimepicker-widget thead tr:first-child th:hover,
.bootstrap-datetimepicker-widget td span:hover {  background: transparent;  color: #314872;  border-color: #eee !important;  }
.bootstrap-datetimepicker-widget td.separator {  font-size: 20px;  line-height: 20px;  }
.bootstrap-datetimepicker-widget ul li a span {  line-height: inherit;  }
.bootstrap-datetimepicker-widget a[data-action] {  background: transparent !important;  color: #a3a3a3;  }
.bootstrap-datetimepicker-widget a[data-action] span {  border: none;  }
.bootstrap-datetimepicker-widget a[data-action],
.bootstrap-datetimepicker-widget .timepicker td > span,
.bootstrap-datetimepicker-widget td.separator {  color: #a3a3a3;  }
.bootstrap-datetimepicker-widget a[data-action]:hover,
.bootstrap-datetimepicker-widget .timepicker td > span:hover {  color: #314872;  }
.bootstrap-datetimepicker-widget .timepicker {  margin-top: 5px;  }
.bootstrap-datetimepicker-widget .timepicker .table-condensed {  border-collapse: separate;  }
.bootstrap-datetimepicker-widget .timepicker td span {  width: 15px;  height: 15px;  line-height: 15px;  margin: 5px 0;  }
.bootstrap-datetimepicker-widget .timepicker td span:hover {  background: none;  }
.bootstrap-datetimepicker-widget .timepicker td span.timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker td span.timepicker-minute {  border: 1px solid #e8e8e8;  width: 50px;  height: 50px;  line-height: 50px;  border-radius: 0px;  }
.bootstrap-datetimepicker-widget .btn {  background: #eee !important;  padding: 5px;  }
.bootstrap-datetimepicker-widget .btn:after {  display: none;  }
.bootstrap-datetimepicker-widget .btn,
.bootstrap-datetimepicker-widget .btn:visited,
.bootstrap-datetimepicker-widget .btn-default,
.bootstrap-datetimepicker-widget .btn-default:visited,
.bootstrap-datetimepicker-widget .btn-primary,
.bootstrap-datetimepicker-widget .btn-primary:visited,
.bootstrap-datetimepicker-widget .btn-success,
.bootstrap-datetimepicker-widget .btn-success:visited,
.bootstrap-datetimepicker-widget .btn-info,
.bootstrap-datetimepicker-widget .btn-info:visited,
.bootstrap-datetimepicker-widget .btn-warning,
.bootstrap-datetimepicker-widget .btn-warning:visited,
.bootstrap-datetimepicker-widget .btn-danger,
.bootstrap-datetimepicker-widget .btn-danger:visited {color: #000;  }
.bootstrap-datetimepicker-widget .btn:hover,
.bootstrap-datetimepicker-widget .btn:focus,
.bootstrap-datetimepicker-widget .btn:active,
.bootstrap-datetimepicker-widget .btn-default:hover,
.bootstrap-datetimepicker-widget .btn-default:focus,
.bootstrap-datetimepicker-widget .btn-default:active,
.bootstrap-datetimepicker-widget .btn-primary:hover,
.bootstrap-datetimepicker-widget .btn-primary:focus,
.bootstrap-datetimepicker-widget .btn-primary:active,
.bootstrap-datetimepicker-widget .btn-success:hover,
.bootstrap-datetimepicker-widget .btn-success:focus,
.bootstrap-datetimepicker-widget .btn-success:active,
.bootstrap-datetimepicker-widget .btn-info:hover,
.bootstrap-datetimepicker-widget .btn-info:focus,
.bootstrap-datetimepicker-widget .btn-info:active,
.bootstrap-datetimepicker-widget .btn-warning:hover,
.bootstrap-datetimepicker-widget .btn-warning:focus,
.bootstrap-datetimepicker-widget .btn-warning:active,
.bootstrap-datetimepicker-widget .btn-danger:hover,
.bootstrap-datetimepicker-widget .btn-danger:focus,
.bootstrap-datetimepicker-widget .btn-danger:active {  color: #777;  }
.bootstrap-datetimepicker-widget td.day.active,
.bootstrap-datetimepicker-widget td.day.active:hover {  background: #314872;  color: #FFF;  cursor: inherit;  }

/* alert */
@-ms-keyframes alert-anim { 0% {  top: -100%;  } 60% {  top: 0;  } 100% {  top: 0;  } }
@-o-keyframes alert-anim { 0% {  top: -100%;  } 60% {  top: 0;  } 100% {  top: 0;  } }
@-webkit-keyframes alert-anim { 0% {  top: -100%;  } 60% {  top: 0;  } 100% {  top: 0;  } }
@-moz-keyframes alert-anim { 0% {  top: -100%;  } 60% {  top: 0;  } 100% {  top: 0;  } }
@keyframes alert-anim { 0% {  top: -100%;  } 60% {  top: 0;  } 100% {  top: 0;  } }
@-ms-keyframes alert-anim2 { 0% {  top: -100%;  } 60% {  top: 100%;  } 100% {  top: 100%;  } }
@-o-keyframes alert-anim2 { 0% {  top: -100%;  } 60% {  top: 100%;  } 100% {  top: 100%;  } }
@-webkit-keyframes alert-anim2 { 0% {  top: -100%;  } 60% {  top: 100%;  } 100% {  top: 100%;  } }
@-moz-keyframes alert-anim2 { 0% {  top: -100%;  } 60% {  top: 100%;  } 100% {  top: 100%;  } }
@keyframes alert-anim2 { 0% {  top: -100%;  } 60% {  top: 100%;  } 100% {  top: 100%;  } }
@-ms-keyframes alert-icon-anim { 0% {  font-size: 0;  } 60% {  font-size: 0;  } }
@-o-keyframes alert-icon-anim { 0% {  font-size: 0;  } 60% {  font-size: 0;  } }
@-webkit-keyframes alert-icon-anim { 0% {  font-size: 0;  } 60% {  font-size: 0;  } }
@-moz-keyframes alert-icon-anim { 0% {  font-size: 0;  } 60% {  font-size: 0;  } }
@keyframes alert-icon-anim { 0% {  font-size: 0;  } 60% {  font-size: 0;  } }

.alert {  position: relative;  padding: 1.3rem 3rem 1.3rem 5.5rem;  z-index: 30;  color: #FFF;  border-radius: 0;  min-height: 4.5rem;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  border: none;  font-weight: 700;  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);  -moz-transition: 1s all cubic-bezier(1, -0.01, 0, 0.99);  -o-transition: 1s all cubic-bezier(1, -0.01, 0, 0.99);  -webkit-transition: 1s all cubic-bezier(1, -0.01, 0, 0.99);  transition: 1s all cubic-bezier(1, -0.01, 0, 0.99);  }
.alert i {  position: absolute;  top: 0;  left: 0;  bottom: 0;  text-align: center;  width: 4.5rem;  font-size: 3rem;  -webkit-animation: alert-icon-anim 1s;  -moz-animation: alert-icon-anim 1s;  -ms-animation: alert-icon-anim 1s;  -o-animation: alert-icon-anim 1s;  animation: alert-icon-anim 1s;  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);  }
.alert i:before {  position: absolute;  top: 50%;  left: 0;  right: 0;  line-height: 0;  }
.alert a:hover {  text-decoration: underline;  }
.alert button.close {  position: absolute;  top: 50%; right: 1.1rem; line-height: 1;    color: #FFF;  opacity: .7;  -moz-transform: translate(0, -50%);  -ms-transform: translate(0, -50%);  -o-transform: translate(0, -50%);  -webkit-transform: translate(0, -50%);  transform: translate(0, -50%);  }
.alert button.close:hover, .alert button.close:focus {  opacity: 1;  color: #FFF;  }
.alert.fadeOut {  -moz-transform: translate(0, -100%);  -ms-transform: translate(0, -100%);  -o-transform: translate(0, -100%);  -webkit-transform: translate(0, -100%);  transform: translate(0, -100%);  }
.alert.fadeOut .alert {  top: 100%;  }
@media (max-width: 479px) {
  .alert {  padding-right: 2.3rem;  }
  .alert button.close {  right: 0.5rem;  }
}

html[dir="rtl"] .alert{padding:1.3rem 5.5rem 1.3rem 3rem;}
html[dir="rtl"] .alert i{right:0;left:auto;}
html[dir="rtl"] .alert button.close{left:1.1rem;right:auto;}

.alert-success {  background-color: #4caf50;  }
.alert-success i {  background: #388E3C;  }
.alert-success a, .alert-success a:visited, .alert-success a:focus, .alert-success a:hover {  color: #C8E6C9;  }
.alert-danger {  background-color: #F44336;  }
.alert-danger i {  background: #D32F2F;  }
.alert-danger a, .alert-danger a:visited, .alert-danger a:focus, .alert-danger a:hover {  color: #FFCDD2;  }
.alert-info {  background-color: #03A9F4;  }
.alert-info i {  background: #0288D1;  }
.alert-info a, .alert-info a:visited, .alert-info a:focus, .alert-info a:hover {  color: #B3E5FC;  }
.alert-warning {  background-color: #FF5722;  }
.alert-warning i {  background: #E64A19;  }
.alert-warning a, .alert-warning a:visited, .alert-warning a:focus, .alert-warning a:hover {  color: #FFCCBC;  }

.container > .alert,
.breadcrumb + .alert {  position: fixed;  z-index: 10004;  top: 0;  left: 0;  width: 100%;  -webkit-animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);  -moz-animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);  -ms-animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);  -o-animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);  animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);  }
.container > .alert .alert,
.breadcrumb + .alert .alert {  position: absolute;  left: 0;  right: 0;  top: 100%;  }
.container > .alert .alert.fadeOut,
.breadcrumb + .alert .alert.fadeOut {  top: -100%;  }

/* pagination */
.pagination > li:last-child > a,
.pagination > li:last-child > span,
.pagination > li:first-child > a,
.pagination > li:first-child > span {  border-radius: 0;  }
.pagination {  margin: 0;  }
.pagination:before,
.pagination:after {  display: table;  content: "";  line-height: 0;  }
.pagination:after {  clear: both;  }
.pagination > li {  }
.pagination > li > a,
.pagination > li > span {  display: inline-block;  color: #000;  background: #f8f8f8; border: none;  float: none;  margin-left: 0;  width: 3.5rem;  height: 3.5rem;  line-height: 3.3rem;  text-align: center;  padding: 0;  border: 1px solid #fff;  }
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {  z-index: 3;  color: #a3a3a3;  background: #f0f0f0;  border-color: #fff;  }
.pagination > li.active > a,
.pagination > li.active > a:hover,
.pagination > li.active > a:focus,
.pagination > li.active > span,
.pagination > li.active > span:hover,
.pagination > li.active > span:focus {  background: #314872;  color: #fff;  border-color: #fff;  z-index: auto;  }
.pagination > li + li > a,
.pagination > li + li > span {  border-left: none;  }
.pagination > li + li:nth-child(5n+6) {  clear: left;  }
.pagination > li + li:nth-child(5n+6) > a,
.pagination > li + li:nth-child(5n+6) > span {  border-left: 1px solid #e8e8e8;  }
.pagination > li + li:nth-child(n+6) {  margin-top: 2px;  }

.btn.load-more{border-radius:0px;}

/* table */
.table thead td,
.table th {  text-transform: uppercase;  font-weight: bold;  color: #a3a3a3; background-color: #f8f8f8; font-size:1rem;  }
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {  border-bottom: none;  }
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {  padding: 1.2rem 0.8rem;  }
.table td {  padding: 0.3rem;  border-color: #e8e8e8;  -moz-box-sizing: border-box;  box-sizing: border-box;  }

.panel,
.panel-group .panel,
.table-bordered,
.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child,
.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child,
.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {  border-radius: 0;  }

.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {  border-color: #e8e8e8;  }

.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {  white-space: normal;  }
.table-bordered > tbody > tr > td {  vertical-align: middle;  }
.table > tbody + tbody {  border-top: none;  }
.table-hover > tbody > tr:hover {  background-color: inherit;  }

/* nav */
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {  background: none;  text-decoration: none;  }

/* modal */
.modal {z-index: 10005;}
.modal .terms_conditions_page {margin-top:2.3rem;}
.modal-backdrop {z-index: 10000;}
/*
.modal.fade .modal-dialog{  top:40%;  }
.modal.fade .modal-dialog{  -webkit-transform: translate(0,-50%);  -ms-transform: translate(0,-50%);  -o-transform: translate(0,-50%);  transform: translate(0,-50%);  }
.modal.fade.in .modal-dialog{  -webkit-transform: translate(0,-50%);  -ms-transform: translate(0,-50%);  -o-transform: translate(0,-50%);  transform: translate(0,-50%);  }
*/


/* ico */
.nico{display:inline-table;background-image:url(../image/bg.png);background-repeat:no-repeat;overflow:hidden;}
.nico:before {content: ".";color:transparent;}
.nico_payment{background-position:0px 0px;height:33px;width:282px;}
.nico_paypal{background-position:-57px -36px;height:35px;width:172px;}
.nico_paypal2{background-position:-230px -36px;height:23px;width:90px;}
.nico_logo{background-position:0px -35px;height:45px;width:48px;}


/*========================================================
                      Html Body Styles
=========================================================*/
html{font-size:13px; }
body {  font: 400 1em/2em "Poppins", "Open Sans", sans-serif;  color: #000;  background: #fff;  }
@media (max-width: 767px) {
  body.mask{height:100%;overflow:hidden;}
}
#page {background: #FFF;min-width:360px;}
#page > .ie-warning {  position: relative;  text-align: center;  display: none;  clear: both;  }
@media (min-width: 768px) {
  .lt-ie11 #page > .ie-warning {  display: block;  }
}

/*========================================================
                  Responsive Main Styles
=========================================================*/
@media (min-width: 1480px) {
   html{font-size:14px; }
  .container {
    width: 1450px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .row,.form-horizontal .form-group {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

@media (min-width: 1200px) and (max-width: 1479px) {
  .container {
    width: 1200px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .row,.form-horizontal .form-group {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .container {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }
  .row,.form-horizontal .form-group {
    margin-left: -0.8rem;
    margin-right: -0.8rem;
  }
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .container {
    width: auto;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }
  .row,.form-horizontal .form-group {
    margin-left: -0.8rem;
    margin-right: -0.8rem;
  }
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
  }
}

@media (max-width: 767px) {
  html{font-size:12px; }
  .container {
    width: auto;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .row,.form-horizontal .form-group {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
}

/* filter */
@media (min-width: 1480px) {  .product-filter{  margin-bottom:2rem;  }  }
@media (min-width: 1200px) and (max-width: 1479px) {  .product-filter{  margin-bottom:1.6rem;  }  }
@media (min-width: 992px) and (max-width: 1199px) {  .product-filter{  margin-bottom:1.6rem;  }  }
@media (min-width: 768px) and (max-width: 991px) {  .product-filter{  margin-bottom:1.6rem;  }  }
@media (max-width: 767px) {  .product-filter{  margin-bottom:0.5rem;  }  }

/* layout */
@media (min-width: 1480px) {  .product-layout {  margin-bottom:2rem;  }  }
@media (min-width: 1200px) and (max-width: 1479px) {  .product-layout {  margin-bottom: 1.6rem;  }  }
@media (min-width: 992px) and (max-width: 1199px) {  .product-layout {  margin-bottom: 1.6rem;  }  }
@media (min-width: 768px) and (max-width: 991px) {  .product-layout {  margin-bottom: 1.6rem;  }  }
@media (max-width: 767px) {  .product-layout {  margin-bottom: 0.5rem;  }  }

/* box */
@media (min-width: 1480px) {  .box .box-heading {margin-top:4rem;margin-bottom:3.5rem;}  }
@media (min-width: 1200px) and (max-width: 1479px) {  .box .box-heading {margin-top:3.5rem;margin-bottom:3rem;}  }
@media (min-width: 992px) and (max-width: 1199px) {  .box .box-heading {margin-top:2.5rem;margin-bottom:2rem;}  }
@media (min-width: 768px) and (max-width: 991px) {  .box .box-heading {margin-top:2rem;margin-bottom:1.5rem;}  }
@media (max-width: 767px) {  .box .box-heading {margin-top:1.5rem;margin-bottom:1rem;}  }

/* breadcrumb */
@media (min-width: 1480px) {
  .breadcrumb {margin-top:2rem;margin-bottom:2rem;}
  .pagination {  margin-bottom:2rem;  }
}
@media (min-width: 1200px) and (max-width: 1479px) {
  .breadcrumb {margin-top:1.5rem;margin-bottom:1.5rem;}
  .pagination {  margin-bottom: 1.6rem;  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb {margin-top:1rem;margin-bottom:1rem;}
  .pagination {  margin-bottom: 1.6rem;  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .breadcrumb {margin-top:1rem;margin-bottom:1rem;}
  .pagination {  margin-bottom: 1.6rem;  }
}
@media (max-width: 767px) {
  .breadcrumb {margin-top:0.8rem;margin-bottom:0.8rem;}
  .pagination {  margin-bottom: 0.8rem;  }
  .load-more {  margin-top:0.5rem;margin-bottom: 1rem;  }
}

/*========================================================
                      H Styles
=========================================================*/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {  color: #000;  font-weight: 400;  font-family: "Poppins", sans-serif;  margin: 0 0 20px;  line-height: 1.2em;  }

/* Override the bootstrap defaults */
h1,.h1 {  font-size: 2.0rem;  font-weight: 700;}
h2,.h2 {  font-size: 1.9rem;  font-weight: 600;}
h3,.h3 {  font-size: 1.8rem;  font-weight: 600;}
h4,.h4 {  font-size: 1.7rem;  font-weight: 600;}
h5,.h5 {  font-size: 1.6rem;  font-weight: 600;}
h6,.h6 {  font-size: 1.5rem;  font-weight: 600;}

@media (max-width: 1024px) {
  h1,.h1 {  font-size: 1.6rem;  }
  h2,.h2 {  font-size: 1.5rem;  }
  h3,.h3 {  font-size: 1.4rem;  }
  h4,.h4 {  font-size: 1.3rem;  }
  h5,.h5 {  font-size: 1.2rem;  }
  h6,.h6 {  font-size: 1.1rem;  }
}

h1 { margin-bottom: 0;  text-align: center;  -ms-text-overflow: ellipsis;  text-overflow: ellipsis;  overflow: hidden;  }
h1:after {  content: '';  height: 1px;  display: block;  background: #e8e8e8;  margin: 1.5rem 0 1.6rem;  }
h1 i {  margin-right: 1rem;  }
h1 i:before {  vertical-align: middle;  }
h1.no-line {  margin-bottom:1.6rem;  }
h1.no-line:after {  display: none;  }

/*========================================================
                      Form Styles
=========================================================*/
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {  display: block;  width: 100%;  background: #f8f8f8;background: #FFF;  border: 1px solid #e8e8e8; font-size:1rem;  height:3rem;  line-height:1.5rem;  padding:0.85rem 0.75rem 0.85rem 1.5rem;  outline: none;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  -webkit-border-radius: 0;  -moz-border-radius: 0;  border-radius: 0;  -moz-transition: 0.3s all ease;  -o-transition: 0.3s all ease;  -webkit-transition: 0.3s all ease;  transition: 0.3s all ease;  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  }

@media (min-width: 768px) and (max-width: 991px) {
  select,
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"] {  font-size: 1rem;  }
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {  -webkit-box-shadow: 1px 1px 10px rgba(82, 168, 236, 0.8);  -moz-box-shadow: 1px 1px 10px rgba(82, 168, 236, 0.8);  box-shadow: 1px 1px 10px rgba(82, 168, 236, 0.8);  }

/* textarea */

textarea{  min-height: 7rem; }

/* select */

select {  display: none;  }

.sbHolder {  font-size: 1rem;  background-color: #f8f8f8;  border: 1px solid #f8f8f8;  height: 3rem;  position: relative;  width: 100%;  text-align: left;  color: #a3a3a3;  -webkit-border-radius: 0;  -moz-border-radius: 0;  border-radius: 0;  -moz-transition: 0.3s all ease;  -o-transition: 0.3s all ease;  -webkit-transition: 0.3s all ease;  transition: 0.3s all ease;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  min-width: 9rem;  }
.sbHolder:hover {  background: #f0f0f0;  }
.sbHolder:focus {  border-color: rgba(82, 168, 236, 0.8);  -webkit-box-shadow: 1px 1px 10px rgba(82, 168, 236, 0.8);  -moz-box-shadow: 1px 1px 10px rgba(82, 168, 236, 0.8);  box-shadow: 1px 1px 10px rgba(82, 168, 236, 0.8);  }
.sbHolderDisabled {  background-color: #3C3C3C;  border: solid 1px #515151;  }

.sbSelector {  display: block;  font-size: 1rem;  height: 100%;  line-height: 1.4rem;  position: absolute;  left: 0;  top: 0;  right: 2.3rem;  padding: 0.8rem 0.76rem 0.8rem 1.1rem;  overflow: hidden;  white-space: nowrap;  -ms-text-overflow: ellipsis;  text-overflow: ellipsis;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  }
.sbSelector, .sbSelector:visited, .sbSelector:focus {  color: #000;  }
.sbSelector:hover {  color: inherit;  }

.sbToggle {  display: block;  height: 100%;  outline: none;  position: absolute;  right: 0;  top: 0;  width: 2.3rem;  text-align: center;  color: inherit;  font-family: "material-design";  line-height: 3rem;  }
.sbToggle:before {  content: "";  font-family: "FontAwesome";  display: block;  -moz-transition: 0.5s all ease;  -o-transition: 0.5s all ease;  -webkit-transition: 0.5s all ease;  transition: 0.5s all ease;  }
.sbToggle:hover {  color: inherit;  }
.sbToggleOpen:before {  -moz-transform: rotateX(180deg);  -ms-transform: rotateX(180deg);  -o-transform: rotateX(180deg);  -webkit-transform: rotateX(180deg);  transform: rotateX(180deg);  }

.sbOptions {  background-color: #f8f8f8;  list-style: none;  left: 0;  margin: 0;  padding: 10px 0;  position: absolute;  z-index: 2 !important;  right: 0;  z-index: 1;  overflow-y: auto;  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);  outline: 1px solid #e8e8e8;  }
.sbOptions li a {  display: block;  padding: 0.6rem 1.5rem 0.6rem 0.8rem;  color: #a3a3a3;  }
.sbOptions li a:hover {  background: #f0f0f0;  }

html[dir="rtl"] .sbHolder {  text-align: right;  }
html[dir="rtl"] .sbSelector {  left: 2.3rem;  padding-left: 0.76rem;  padding-right: 1.2rem;  }
html[dir="rtl"] .sbToggle {  right: auto;  left: 0;  }
html[dir="rtl"] .sbOptions {  left: 0;  }
html[dir="rtl"] .sbOptions li a {  padding-left: 1.5rem;  padding-right: 0.8rem;  }

/* radio */

input[type="radio"] {  display: none;  }
input[type="radio"] + label {  position: relative;padding-left: 2.3rem;line-height: 1.8rem;  }
input[type="radio"] + label:before, input[type="radio"] + label:after {  content: '';  position: absolute;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  }
input[type="radio"] + label:before {  top: 0.3rem;  left: 0;  width: 1.2rem;  height: 1.2rem;  border: 1px solid #e8e8e8;  background: #f8f8f8;  }
input[type="radio"] + label:after {  top: 0.46rem;  left: 0.15rem;  width: 0.92rem;  height: 0.92rem;  -moz-transition: 0.3s all ease;  -o-transition: 0.3s all ease;  -webkit-transition: 0.3s all ease;  transition: 0.3s all ease;  }
input[type="radio"]:checked + label:after {  background: #314872;  }

html[dir="rtl"] input[type="radio"] + label {  padding-left: 0;  padding-right: 2.3rem;  }
html[dir="rtl"] input[type="radio"] + label:before {  left: auto;  right: 0;  }
html[dir="rtl"] input[type="radio"] + label:after {  left: auto;  right: 0.15rem;  }

.radio-inline {  margin-right: 0.38rem;  }
html[dir="rtl"] .radio-inline {  margin-right: 0;  margin-left: 0.38rem;  }

/* checkbox */

input[type="checkbox"] {  display: none;  }
input[type="checkbox"] + label {  position: relative;  padding-left: 1.53rem;  cursor: pointer;  }
input[type="checkbox"] + label:before, input[type="checkbox"] + label:after {  content: '';  position: absolute;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  top: 0.38rem;  left: 0;  width: 1.076rem;  height: 1.07rem;  }
input[type="checkbox"] + label:before {  background: #e5e5e5;  border: none;  -webkit-border-radius: 0;  -moz-border-radius: 0;  border-radius: 0;  }
input[type="checkbox"] + label:after {  text-align: center;  line-height: 1.0769230769230769rem;  font-family: "FontAwesome";  color: #314872;  }
input[type="checkbox"]:checked + label:after{  content: "";  }
input[type="checkbox"][checked="checked"] + label:after {content: "";  }
input[type="checkbox"][disabled] + label {  color: #4d4d4d;  display: none;  }

[dir="rtl"] input[type="checkbox"] + label {  padding-left: 0;  padding-right: 1.53rem;  }
[dir="rtl"] input[type="checkbox"] + label:before,
[dir="rtl"] input[type="checkbox"] + label:after {  left: auto;  right: 0;  }

/*========================================================
                        btn Styles
=========================================================*/
/*default btn size*/
.btn,
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {  font: 700 1rem/1.1rem "Poppins", sans-serif;  line-height: 1.2em;  padding: 1.2rem 1.5rem;  letter-spacing: 1px;  border: none !important;  text-transform: uppercase;  text-align: center;  text-shadow: none;  outline: none;  position: relative;  outline: none !important;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 8px;  box-shadow: none !important;  }

.btn i,
.btn-default i,
.btn-primary i,
.btn-success i,
.btn-info i,
.btn-warning i,
.btn-danger i {  display: inline-block;  vertical-align: top;  font-weight: 400;  font-size: inherit;  }

.btn span,
.btn-default span,
.btn-primary span,
.btn-success span,
.btn-info span,
.btn-warning span,
.btn-danger span {  display: inline-block;  vertical-align: top;  }

/*default btn color*/
.btn,
.btn:visited,
.btn-default,
.btn-default:visited,
.btn-primary,
.btn-primary:visited,
.btn-success,
.btn-success:visited,
.btn-info,
.btn-info:visited,
.btn-warning,
.btn-warning:visited,
.btn-danger,
.btn-danger:visited {  color: #fff;  background: #a3a3a3;  }

.btn:hover,
.btn:focus,
.btn:active,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {  color: #fff;  background: #314872;  }

/* theme btn color */
.btn-primary,
.btn-primary:visited {  color: #fff;  background: #000;  }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {background:#314872;}

.btn-border,
.btn-border:visited {  color: #000;  background: #EFEFEF; margin-left:1rem;}
.btn-border:hover,
.btn-border:focus,
.btn-border:active {  color: #fff;  background: #314872; }

/*btn paypal*/
.btn-paypal,
.btn-paypal:visited {background:#ffc439;}
.btn-paypal:hover,
.btn-paypal:focus,
.btn-paypal:active {background:#ffc555;}

/*========================================================
                   main Styles
=========================================================*/
/* a */
a {display: inline-block;  font: inherit;  text-decoration: none;  max-width: 100%;  -moz-transition: 0.3s all ease;  -o-transition: 0.3s all ease;  -webkit-transition: 0.3s all ease;  transition: 0.3s all ease;  }
a, a:visited {outline: none; text-decoration: none; color: #000; }
a:hover, a:active, a:focus {background-color: transparent; text-decoration: none; color: #314872;}

/* hr */
hr {  border-top-color: #dedede; margin-top:1rem;margin-bottom:1rem;  }

/* img */
img {  max-width: 100%;  height: auto;  }

/* legend */
legend { font-size:1.3rem; padding: 0.5rem 0;  }

/* legend */
label {  font-size:1rem; font-weight: normal;  }

/* nav-tabs */
.nav-tabs {  margin-bottom: 1.2rem;  }

/* bg-color */
.bg-black{ background: #000;  }
.bg-gray {  background: #f2f2f2;  }
.bg-dark {  background: #161616;  }
.bg-light-dark {  background: #313030;  }
.bg-primary {  background: #314872;  }

/* fa star */
.fa-stack {  font-size: 1.5rem;  line-height:1.5rem;  width:1.6rem;  height:1.5rem;  }
.fa-stack i {  color: #b4b4b4;  }
.fa-stack i.star {  color: #ffc000;  }
.fa-stack-2x {  font-size: 2rem;  line-height:2rem;  width:2rem;  height:2rem;  }
.fa-stack-2x i {  color: #b4b4b4;  }
.fa-stack-2x i.star {  color: #ffc000;  }

/* vcenter */
.vcenter {vertical-align: middle !important;  }

/* clear */
.clear {  clear: both;  margin: 0;  padding: 0;  font-size: 0;  border: 0;  line-height: 0;  }

/* pull-right-md */
@media (min-width: 768px) {
  .pull-right-md {  float: right;  }
  html[dir="rtl"] .pull-right-md {  float: left;  }
}

/* text-center-xs */
@media (max-width: 767px) {
  .text-center-xs {  text-align: center;  }
}

/* buttons */
.buttons {  margin: 1rem 0;  }
.buttons:before,
.buttons:after {  display: table;  content: "";  line-height: 0;  }
.buttons:after {  clear: both;  }
.buttons .btn {  margin-bottom: 0.8rem;  }
.buttons .btn:hover {  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none;  }
.buttons .btn i,
.buttons .btn span {  vertical-align: middle;  }
.buttons .btn i {  font-size: 2.1rem;  margin: 0 0.5rem;  display: inline-block;  line-height: 1.8rem;  }
.buttons .pull-right [for="agree1"] + .btn {  margin-bottom: 0;  }
.buttons .pull-right .btn {  margin-right: 0.8rem;  }
[dir="rtl"] .buttons .pull-right .btn {  margin-right: 0;  margin-left:0.8rem;  }
@media (max-width: 479px) {
  .buttons .pull-left,
  .buttons .pull-right {  float: none !important;  margin-left: 0;  }
  [dir="rtl"] .buttons .pull-left,
  [dir="rtl"] .buttons .pull-right {  float: none !important;  margin-left: 0;  }

  .buttons .btn{width:100%;}
}

/*================  Toggle styles ===============*/

.toggle_cont {position: fixed;z-index:20;display:block;left:auto;right:-26rem;top:0;bottom:0;width:26rem;margin:0px;padding:3.8rem 1.6rem 0 1.6rem;background: #fff;overflow-y: auto;overflow-x: hidden;font-size:1.1rem;}
.toggle_cont{-moz-transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;transition: 0.5s ease;  }
.toggle_cont.active{  -moz-transform: translateX(-26rem);  -ms-transform: translateX(-26rem);  -o-transform: translateX(-26rem);  -webkit-transform: translateX(-26rem);  transform: translateX(-26rem);  cursor: auto;  }
.toggle_cont_right{left:-26rem;right:auto;}
.toggle_cont_right.active{  -moz-transform: translateX(26rem);  -ms-transform: translateX(26rem);  -o-transform: translateX(26rem);  -webkit-transform: translateX(26rem);  transform: translateX(26rem);  cursor: auto;  }

.toggle_cont .toggle_title{padding:1rem 0;font-weight:bold;}
.toggle_cont_right .toggle_title{padding:2rem 0 1rem;}
.toggle_cont .toggle_close{position:absolute;left:auto;right:2.2rem;top:1.6em;font-size:1.3rem;}
.toggle_cont_right .toggle_close{left:1.6rem;right:auto;}

.toggle_cont ul{padding:0px;margin:0px;}
.toggle_cont ul li{list-style:none;}

[dir="rtl"] .toggle_cont{right:auto;left:-26rem;}
[dir="rtl"] .toggle_cont.active{  -moz-transform: translateX(26rem);  -ms-transform: translateX(26rem);  -o-transform: translateX(26rem);  -webkit-transform: translateX(26rem);  transform: translateX(26rem);  cursor: auto;  }
[dir="rtl"] .toggle_cont .toggle_close{right:auto;left:2.2rem;}
[dir="rtl"] .toggle_cont_right{right:-26rem;left:auto;}
[dir="rtl"] .toggle_cont_right.active{  -moz-transform: translateX(-26rem);  -ms-transform: translateX(-26rem);  -o-transform: translateX(-26rem);  -webkit-transform: translateX(-26rem);  transform: translateX(-26rem);  cursor: auto;  }
[dir="rtl"] .toggle_cont_right .toggle_close{right:1.6rem;left:auto;}

/*================  Lazy Img styles ===============*/

.lazy {  display: block;  position: relative;  overflow: hidden;  background: transparent url(../image/lazy-loader.gif) no-repeat center center;  }
.lazy img {  width: 100%;  z-index: 0;  -moz-transition: 1s all ease;  -o-transition: 1s all ease;  -webkit-transition: 1s all ease;  transition: 1s all ease;  opacity: 0;  -webkit-backface-visibility: hidden;  }
.lazy.lazy-loaded {  background: none;  }
.lazy.lazy-loaded img {  opacity: 1;  }

/*========================================================
                 Header layout styles
=========================================================*/

header{background-color:#f8f8f8;}
header .top-line {background: #f8f8f8; }
header .mid-line {background: #f8f8f8; }

/*================  Header styles ===============*/

.header-nav-block{background:#efefef;line-height:2.5rem;}
.header-nav-container{display: flex;display: -webkit-flex;align-items:center;justify-content:space-between;}
.header-nav-container .header-nav-right{flex-grow:1;display: flex;display: -webkit-flex;align-items:center;justify-content:flex-end;}
.header-nav-container .header-nav-right>div{margin-left:1.5rem;}
@media (max-width: 991px) {
  .header-nav-container{height:0;overflow:hidden;padding:0px;}
  .header-nav-container .header-nav-left{display:none;}
  .header-nav-block {background-color:#f8f8f8}
}
.header-logo-block {padding:2rem 0 0.5rem;}
.logo-container{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content:space-between;align-items:inherit;}
.logo-container .box-navigation{position:absolute;top:-500px;}
.logo-container .box-search{flex-grow:1;position:relative;margin-left:4rem;margin-right:4rem;}
.logo-container .box-cart{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content:space-between;align-items:center;}
.logo-container .box-cart .box-searchs{display:none;}

@media (max-width: 991px) {
  .header-logo-block{position:relative;padding:1rem 0 0.5rem;}
  .logo-container {align-items:flex-end;justify-content:space-between;}
  .logo-container .box-navigation{position:static;}
  .logo-container .box-logo{flex-grow:1;text-align:center;}
  .logo-container .box-search{order:1;width:100%;margin-left:0;margin-right:0;margin-top:1rem;}
  .logo-container .box-cart .box-searchs{display:block;}
}

/* header cart */
.header-cart-container{display:flex;display: -webkit-flex;flex-wrap: wrap;justify-content:space-between;align-items:center;padding-top:1.5rem;padding-bottom:0.5rem; }
.header-cart-container .box-cart{flex-grow:1;display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content:flex-end;}
@media (max-width: 991px) {
  .header-cart-container{justify-content:center;padding-top:0.5rem;padding-bottom:0.5rem;}
  .header-cart-container .box-cart{display:none;}
}

/* header search */
.header-search{padding-top:1rem;padding-bottom:1rem;background-color:#efefef;}
.header-search{display:none;}
.header-search.active { display: block;  }
@media (min-width: 992px) {
  .header-search .search{margin-left:15%;margin-right:15%;}
}

/*========================================================
                      logo Module
=========================================================*/
.logo{display:flex;vertical-align: center;justify-content: center;}
.logo a{display:inline-block;margin:0px;padding:0;line-height:3rem;}
.logo span{display:inline-block;margin:0;padding:0px;font-size:3rem;line-height:unset;font-weight:700;text-transform:uppercase;}
.logo>button{margin-left:1rem;display:none;}
.logo>button i{font-size:2.3rem;}
@media (max-width: 991px) {
  .logo a{margin-left:5rem;}
  .logo img{max-height:2rem;}
  .logo a.logo_txt{line-height:unset;}
  .logo span{line-height:3rem;}
  [dir="rtl"] .logo a{margin-right:5rem;margin-left:auto;}
}
@media (max-width: 480px) {
  .logo a{margin-left:1rem;}
  [dir="rtl"] .logo a{margin-right:1rem;margin-left:auto;}
}

/*========================================================
             CURRENCY AND LANGUAGE Module
=========================================================*/

.box-language,
.box-currency {line-height:1.1rem;}

.box-language .toggle-wrap,
.box-currency .toggle-wrap {vertical-align: top;}

.box-language .toggle,
.box-currency .toggle {  display: block;  text-align: center;  text-transform: capitalize;  cursor: pointer;  color: #000;  }

@media (min-width: 768px) {
  .box-language .toggle,
  .box-currency .toggle {  -moz-transition: 0.3s all ease;  -o-transition: 0.3s all ease;  -webkit-transition: 0.3s all ease;  transition: 0.3s all ease;  }
}

.box-language .toggle:after,
.box-currency .toggle:after {  display: inline-block;  font-style: normal;  content: '\f107';  margin-left: 2px;  font-weight: 400;  font-family: "FontAwesome";  }

[dir="rtl"] .box-language .toggle:after,
[dir="rtl"] .box-currency .toggle:after {  margin-left: 0;  margin-right: 0.15rem;  }

.box-language .toggle.active,
.box-language .toggle:hover,
.box-currency .toggle.active,
.box-currency .toggle:hover {  color: #314872;  }

.box-currency .toggle_cont ul > li,
.box-language .toggle_cont ul > li{padding:1rem 0;}

/*========================================================
                      navigation Module
=========================================================*/
.navigation>button i{font-size:2.3rem;}
.navigation > button.active,
.navigation > button:hover {  color: #314872;  }
.box-navigation .dropdown-menu{float:none;left:1.2rem;right:1.2rem;}
.box-navigation .dropdown-toggle:after { font-family: FontAwesome;  color: rgba(0,0,0,0.8);content: '\f054';position:absolute;right:1.2rem;}
.box-navigation .dropdown-menu>li>a{line-height:200%;}
.box-navigation .open>.dropdown-toggle:after {content: '\f078';}

[dir="rtl"] .box-navigation .dropdown-toggle:after { left:1.2rem;right:auto;content: '\f053';}
[dir="rtl"] .box-navigation .open>.dropdown-toggle:after {content: '\f078';}

/*========================================================
                      search Module
=========================================================*/
.box-searchs{margin-right:2.3rem;}
.box-searchs > button i{  font-size: 2.3rem;  }
.box-searchs > button.active,
.navigation > button:hover {  color: #314872;  }
@media (max-width: 991px) {
  .box-search{display:none;}
  .box-search.active{display:block;}
  .box-searchs{  display: block;margin-right:1rem;  }
}

.search {position: relative;border-top-left-radius: 0;border-top-right-radius: 0;  }
.search button {position: absolute;top:50%;transform: translateY(-50%);right: 0;  font-weight: 400;  font-size: 1.2em;  line-height: 40px;  padding: 0 22px;}
.search input[type="text"]:focus {  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);  }
#livesearch_search_results {  margin: 3px 0 0;  padding: 0;  position: absolute;  top: 100%;  width: 100%;  left: 0;  color: #000;  background-color: #f2f2f2;  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);  list-style-type: none;  z-index: 12;  border-radius: 0;  text-align: left;  }
#livesearch_search_results li {  vertical-align: middle;  padding: 10px;  -moz-transition: 0.4s color ease, 0.4s background-color ease;  -o-transition: 0.4s color ease, 0.4s background-color ease;  -webkit-transition: 0.4s color ease, 0.4s background-color ease;  transition: 0.4s color ease, 0.4s background-color ease;  }
#livesearch_search_results li:before,
#livesearch_search_results li:after {  display: table;  content: "";  line-height: 0;  }
#livesearch_search_results li:after {  clear: both;  }
#livesearch_search_results li img {  float: left; width:5rem;height:5rem;  margin-right:1rem;  }
#livesearch_search_results li img.loading {  background: #fff;  }
#livesearch_search_results li:hover,
#livesearch_search_results li.highlighted {  background-color: #314872;  }
#livesearch_search_results li:hover a,
#livesearch_search_results li:hover a:visited,
#livesearch_search_results li.highlighted a,
#livesearch_search_results li.highlighted a:visited {  color: #fff;  }
#livesearch_search_results a,
#livesearch_search_results a:visited {  display: block;  padding:0.5rem;  color: #888;  }
#livesearch_search_results a:before,
#livesearch_search_results a:after,
#livesearch_search_results a:visited:before,
#livesearch_search_results a:visited:after {  display: table;  content: "";  line-height: 0;  }
#livesearch_search_results a:after,
#livesearch_search_results a:visited:after {  clear: both;  }

[dir="rtl"] .box-searchs { margin-left:2.3rem;margin-right:auto;  }
[dir="rtl"] .search button{left:0;right:auto;}
[dir="rtl"] #livesearch_search_results li img{float:right;margin-left:1rem;margin-right:auto;}
[dir="rtl"] #livesearch_search_results li{text-align:right;}

/*========================================================
                      Cart Module
=========================================================*/

.cart > button {  position: relative;  color: #000;  margin-right:1rem;  }
.cart > button i, .cart > button span {  font-size: 2.3rem;  }
.cart > button .cart-total,
.cart > button .cart-total3,
.cart > button strong {  display: none;  }
.cart > button .cart-total2 {  position: absolute;  top: -0.8rem;  right:-0.8rem;  color: #000000;  background: #f0f0f0;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;  font-size: 1rem;  width: 1.5rem;  height: 1.5rem;  line-height: 1.5rem;  text-align: center;  -moz-transition: 0.3s background-color ease;  -o-transition: 0.3s background-color ease;  -webkit-transition: 0.3s background-color ease;  transition: 0.3s background-color ease;  }
.cart > button .cart-total3 {  font-size:1.2rem;  letter-spacing: -.4px;  }
.cart > button i {  position: relative;  margin-right: 0px;  font-weight: 400;  }
.cart > button.active,
.cart > button:hover {  color: #314872;  }

.cart ul{overflow-y:auto;max-height: calc(100% - 210px);height: 100%;}
.cart li.title{font-weight:bold;}

.cart li.product {position: relative;display: flex;align-items:center;}
.cart li.product {padding-bottom: 1.2rem;  }
.cart li.product .image {width:3.8rem;  }
.cart li.product .name {flex-grow:1;margin-left:1.5rem;}
.cart li.product .name button{font-size:1.5em;margin:0px 10px;}

.cart li{border-bottom:1px solid #eeeeee;padding-bottom: 1.2rem;margin-bottom:1.2rem;line-height:150%;}
.cart li.empty{border-bottom:0px;padding-left:0.8rem;}

.cart li.total{line-height:200%;}
.cart li.total>div{display:flex;align-items:center;}
.cart li.total>div>div.t-left{width:50%;text-align:left;}
.cart li.total>div>div.t-right{width:50%;text-align:right;}

.cart li.btns{  border-bottom:0;  position: absolute;  bottom: 0;  left: 0.8rem;  right: 0.8rem;  padding-bottom:0;  margin-bottom:0.8rem;  }

[dir="rtl"] .cart > button { margin-left:1rem;margin-right:auto;  }
[dir="rtl"] .cart > button .cart-total2 {  position: absolute;  left:-0.8rem;right:auto; }
[dir="rtl"] .cart li.product .name {flex-grow:1;margin-right:1.5rem;margin-left:auto;}

/*========================================================
                  customer Module
=========================================================*/

.box-customer{margin-right:2.3rem;}
.box-customer > button i {  font-size: 2.3rem;  }
.box-customer > button.active,
.box-customer > button:hover {  color: #314872;  }
@media (max-width: 991px) {
  .box-customer {  display: none;  }
}
[dir="rtl"] .box-customer { margin-left:2.3rem;margin-right:auto;  }

/*========================================================
                   Preloader Module
=========================================================*/

#page-preloader {  position: fixed;  left: 0;  top: 0;  right: 0;  bottom: 0;  background: #fff;  z-index: -1;  opacity: 0;  -moz-transition: all 1.3s ease 0.3s;  -o-transition: all 1.3s ease 0.3s;  -webkit-transition: all 1.3s ease 0.3s;  transition: all 1.3s ease 0.3s;  }
#page-preloader.visible {  opacity: 1;  z-index: 100500;  }
#page-preloader.active {  opacity: 0.2;  background: #000;  z-index: 15;  }
#page-preloader.visible .preloader {  opacity: 1;  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  }
#page-preloader .preloader {  width: 5rem;  height: 5rem;  position: absolute;  display: inline-block;  left: 50%;  top: 50%;  background: url(../image/preloader.gif) no-repeat 50% 50%;  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  -webkit-transition: all 0.3s ease;  transition: all 0.3s ease;  opacity: 0;  }

/*========================================================
                  swiper carousel module
=========================================================*/

/* CSS Document */
.swiper-viewport {  margin: 0px;  background: #fff;  z-index: 1;   width: 100%;  position: relative;  overflow: hidden;  }
/* OpenCart Code */
.swiper-container {  direction: ltr !important;  }
.swiper-pager {  width: 100%;  position: absolute;  top: 50%;  line-height: 3.5rem;  }
.swiper-button-prev, .swiper-button-next {  color: rgba(0, 0, 0, 0.8);  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);  transition: all .3s ease;  z-index: 2;  background-image: none;  }
.swiper-viewport .swiper-button-prev {  opacity: 0.7;  left: 0.8rem;  }
.swiper-viewport .swiper-button-next {  opacity: 0.7;  right: 0.8rem;  }
/* Desktop */
@media (min-width: 768px){
  .swiper-viewport .swiper-button-prev {  opacity: 0;  left: -1.5rem;  }
  .swiper-viewport .swiper-button-next {  opacity: 0;  right: -1.5rem;  }
  .swiper-viewport:hover .swiper-button-prev {  opacity: 0.7;  left: 0.8rem;  }
  .swiper-viewport:hover .swiper-button-next {  opacity: 0.7;  right: 0.8rem;  }
}
.swiper-button-prev:before {  width: 3rem;  height: 3rem;  font-family: FontAwesome;  content: "\f053";  color: rgba(0,0,0,0.8);  font-size: 40px;  }
.swiper-button-next:before {  width: 3rem;  height: 3rem;  font-family: FontAwesome;  content: "\f054";  color: rgba(0,0,0,0.8);  font-size: 40px;  }
.swiper-pagination {  bottom:30px;  left: 0;  text-align: center;  width: 100%;  }
.swiper-pagination-bullet {  width: 1.2rem;  height: 1.2rem;  background: rgba(0, 0, 0, 0.5);  border-radius: 20px;  box-shadow: inset 0 0 3px rgba(0,0,0,0.3);  margin: 0 10px;  opacity: 1;  }
.swiper-pagination-bullet:hover {  background: rgba(0, 0, 0, 0.7);  }
.swiper-pagination-bullet-active {  background: rgba(0, 0, 0, 0.9);  }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {  opacity: 0;  cursor: pointer;  pointer-events: auto;  }

.swiper-slide{background-color:#fefefe;text-align:center;}
.swiper-slide a {display:block;}
.swiper-slide img {margin:0px auto;}
.swiper-viewport .swiper-slide{background:#efefef;}

/*========================================================
                     Box Module
=========================================================*/

.box.latest,
.box.bestseller,
.box.single-category,
.box.specials,
.box.manufacturer,
.box.featured,
.box.blog_articles,
.box.related-block,
.box.banners{position:relative;}

.box .box-heading {font-size:2rem; font-weight:600;text-align:center;}
.top .html-block .box-content {line-height:200%;font-size:1.1rem;}
@media (min-width: 768px) {
   .box .box-content .last {  clear: left;  }
}

/*================  .box.related-block module ===============*/

.box.related-block{margin-bottom:1.5rem;}

/*================  .box.manufacturer module ===============*/
.box.manufacturer .name{padding:0.5rem auto;text-align:center;font-weight:bold;}
.box.manufacturer img{margin:0.5rem;}

/*================  Banners ===============*/
.banners>div {margin-bottom:1.5rem;}
.banners .b-desc{text-align:center;padding:1.1rem 0px;font-size:1.2rem;}
@media (max-width: 991px) {
  .banners>div:nth-child(2n+1) {clear: left;}
  html[dir="rtl"]  .banners>div:nth-child(2n+1) {clear: right;}
}

/*========================================================
                     Breadcrumb Module
=========================================================*/
.breadcrumb {padding: 0;  border-radius: 0;  background: none;   -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px; overflow: hidden;  white-space: nowrap;}
.breadcrumb a {  display: inline-block;  }
.breadcrumb > li {  position: relative;  }
.breadcrumb > li > a,
.breadcrumb > li > a > i,
.breadcrumb > li > span,
.breadcrumb > li + li:before {  vertical-align: middle;  }
.breadcrumb > li + li:before {  content: '\e0c2';  padding: 0;  font-family: "material-design";  font-size: 14px;  line-height: 20px;  }
.breadcrumb i:before {  content: '\e0ba';  font-family: "material-design";  }

html[dir="rtl"] .breadcrumb > li + li:before {  content: '\e0c3';  }

/*========================================================
                      Footer Styles
=========================================================*/
footer { background-color:#f8f8f8}

footer .footer-box {padding-top: 3rem;padding-bottom:1rem;}
.flinks{margin-bottom:1.5rem;}
.footer_links .box-heading,
footer .html-block .box-heading {font-weight:bold;font-size:1.1rem}
.footer_links .box-content,
footer .html-block .box-content {margin-top:1.5rem;}

footer .bg-copyright {padding-top:1.5rem;  padding-bottom:1.5rem;  background-color:#efefef;}
footer .bg-copyright .box-payments {float:left;}
footer .bg-copyright .copyright {float:right;line-height:2.3rem;}

[dir="rtl"] footer .bg-copyright .box-payments{float:right;}
[dir="rtl"] footer .bg-copyright .copyright{float:left;}

@media (max-width: 767px) {
  footer .footer_links .box-heading,
  footer .html-block .box-heading {cursor:pointer;font-size:1.2rem;}
  footer .bg-footer{text-align:center;}
  footer .bg-copyright {text-align:center; }
  footer .bg-copyright .box-payments {float:none;}
  footer .bg-copyright .copyright {float:none;}
  [dir="rtl"] footer .bg-copyright .box-payments {float:none;}
  [dir="rtl"] footer .bg-copyright .copyright {float:none;}
}

@media (min-width: 768px) and (max-width: 991px) {
  footer .flinks:nth-child(2n+1) {clear: left;}
  [dir="rtl"] footer .flinks:nth-child(2n+1) {clear: right;}
}

.social-list {  margin-top: 1.5rem;  margin-bottom: 0.5rem;  }
.social-list:before, .social-list:after {  display: table;  content: "";  line-height: 0;  }
.social-list:after {  clear: both;  }
.social-list li {  margin: 0;  display: inline-block;  text-align: center;  }
.social-list li, .social-list li a {  display: inline-block;  }
.social-list li a {  display: inline-block;  font-size:1.8rem;  line-height: 3.5rem;  width: 3.5rem;  height: 3.5rem;  text-align: center;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;  }
.social-list li a, .social-list li a:visited, .social-list li a:focus {  color: #fff;  background: #000;  }
.social-list li a:hover {  color: #fff;  background-color: #314872;  }
.social-list li + li {  margin-left:0.8rem;  }

.box-payments {  list-style-type: none;  padding: 0;  }
.box-payments:before, .box-payments:after {  display: table;  content: "";  line-height: 0;  }
.box-payments:after {  clear: both;  }
.box-payments li {  display: inline-block;  margin: 0 0 0.5rem;  }

/*========================================================
                      Megamenu Module
=========================================================*/
.megamenu {  width: 100%;  display: inline-block;  line-height: 1.2em;  -moz-transition: 0.2s all ease;  -o-transition: 0.2s all ease;  -webkit-transition: 0.2s all ease;  transition: 0.2s all ease;  position:relative;  }
.sf-menu {  width: 100%;  white-space: nowrap; list-style: none;  margin: 0;  padding: 0; }
@media (min-width: 768px) and (max-width: 991px) {
  .megamenu {display: none;  }
}
@media (max-width: 767px) {
  .megamenu {display: none;  }
}

#mega-preloader{  position:fixed; top:0; left:0; right:0; bottom:0; opacity: 0.2;  background: #000;  z-index: 15; display:none;  }
.megaMask #mega-preloader{display:block;}
.megaMask header{position:relative;z-index:16;}

/*================ Menu  ===============*/

.sf-menu > li {  display: inline-block;  margin-left:0.1rem;  margin-right:3.1rem;  vertical-align: top;  }
.sf-menu > li:last-child {  margin-right: 0;  }
[dir="rtl"] .sf-menu > li {  margin-left:3.1rem;  margin-right:0.1rem;  }
[dir="rtl"] .sf-menu > li:last-child {  margin-left: 0;  }
.sf-menu > li > a {  display: block;  font-size:1.1rem;  }

@media (min-width: 1200px) and (max-width: 1479px) {
  .sf-menu > li {  margin-left: 0;  margin-right: 2rem;  }
  .sf-menu > li:last-child {  margin-right: 0;  }
  [dir="rtl"] .sf-menu > li {  margin-left: 2rem;  margin-right: 0;  }
  [dir="rtl"] .sf-menu > li:last-child {  margin-left: 0;  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .sf-menu > li {  margin-left: 0;  margin-right:1.1rem;  }
  .sf-menu > li:last-child {  margin-right: 0;  }
  [dir="rtl"] .sf-menu > li {  margin-left:1.1rem;  margin-right: 0;  }
  [dir="rtl"] .sf-menu > li:last-child {  margin-left: 0;  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .sf-menu > li {  margin-left: 0;  margin-right:0.6rem;  }
  .sf-menu > li:last-child {  margin-right: 0;  }
  [dir="rtl"] .sf-menu > li {  margin-left:0.6rem;  margin-right: 0;  }
  [dir="rtl"] .sf-menu > li:last-child {  margin-left: 0;  }
}

/* Menu a */

.sf-menu li {  position: relative;  }
.sf-menu li > a,
.sf-menu li > a:hover,
.sf-menu li > a.active,
.sf-menu li > a:visited,
.sf-menu li > a:focus {  color: #000; font-size:1.2rem; }

.sf-menu > li {  padding-top:1rem;  padding-bottom:1rem;  }
.sf-menu > li > a {  position: relative;  letter-spacing: 1.5px;  }
.sf-menu > li > a span {  position: relative;  }
.sf-menu > li:last-child > a:after {  display: none; }

/*================ Sub-menu lvl1  ===============*/

.sf-menu .simple_menu {  list-style-type: none;  display: none;  position: absolute;  z-index: 109;  left: 0;  text-align: left;  top: 100%;  width: 250px;  padding: 0;  line-height: 1.2em;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  }
.sf-menu .simple_menu {  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);  }
[dir="rtl"] .sf-menu .simple_menu {  text-align: right;  }
[dir="rtl"] .sf-menu .simple_menu {  left: auto;  right: 0;  }

/*================ Sub-menu lvl1 item  ===============*/

.sf-menu .simple_menu li {  position: relative;  }
.sf-menu .simple_menu a {  display: block;  white-space: nowrap;  color: #777;  background: #f2f2f2;  padding:1rem 1rem;  }
.sf-menu .simple_menu li.active > a,
.sf-menu .simple_menu a:hover,
.sf-menu .simple_menu li.sfHover > a,
.sf-menu .simple_menu li > a.active {  color: #fff;  background: #314872;  }

/*================ Sub-menu lvl2 ===============*/

/*simple*/
.sf-menu .simple_menu .simple_menu {  left: 100%;  top: 0;  margin-top: 0;  }
html[dir="rtl"] .sf-menu .simple_menu .simple_menu {  left: auto;  right: 100%;  }
.sf-menu .simple_menu .simple_menu:before {  display: none;  }

/*simplemenu*/
.sf-menu > li > .sf-with-ul {  position: relative;  }
.sf-menu ul > li > .sf-with-ul {  position: relative;  }
@media (min-width: 1200px) and (max-width: 1479px) {
  .sf-menu > li > a {  letter-spacing: .7px;  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sf-menu > li > a {  letter-spacing: .2px;  }
  .sf-menu .simple_menu {  width: 21rem;  }
  .sf-menu .simple_menu a {  padding-left:0.8rem;  padding-right:0.8rem;  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sf-menu > li > a {  letter-spacing: 0; font-weight: 400;  text-transform: none;  }
  .sf-menu .simple_menu {  width: 21rem;  }
  .sf-menu .simple_menu a {  padding-left: 1rem;  padding-right: 1rem;  }
}

/*mega*/
.sf-menu li.sf-with-mega {  position: static;  }

.sf-menu .sf-mega {  display: none;  position: absolute;  list-style-type: none;  top: 100%;  left: 0px;  right: 0px;  z-index: 109;  padding: 25px 22px 30px;  color: #777;  background-color: #f9f9f9;  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);  background-repeat: no-repeat;  background-position: bottom;  background-size: cover;  line-height: 1.2em;  text-align: left;  }
.sf-menu .sf-mega .sf-mega_row { margin:1rem; }
.sf-menu .sf-mega .sf-mega_row:after {  content: "";  line-height: 0; clear: both; }
.sf-menu .sf-mega .sf-mega_row .sf-mega_section { float: left;  width:25%; margin-bottom:3rem; }
.sf-menu .sf-mega .sf-mega_row .sf-mega_section:nth-child(4n+1){clear:left;}
.sf-menu .sf-mega .sf-mega_row .sf-mega_section .submenu_title {  text-transform: uppercase;  font-weight: 700; margin-bottom:1.5rem; font-size:1.1rem;}
.sf-menu .sf-mega .sf-mega_row .sf-mega_section .submenu_content {  padding: 0;  list-style-type: none;  }
.sf-menu .sf-mega .sf-mega_row .sf-mega_section .submenu_content li{  margin-top:1rem; }

[dir="rtl"] .sf-menu .sf-mega {  text-align: right;  }
[dir="rtl"] .sf-menu .sf-mega_row .sf-mega_section {  float: right;  }
[dir="rtl"] .sf-menu .sf-mega_row .sf-mega_section:nth-child(4n+1){  clear: right;  }

/*========================================================
                      Stuck menu module
=========================================================*/
@-webkit-keyframes run { 0% {  top: -120px;  } 100% {  top: 0;  } }
@keyframes run { 0% {  top: -120px;  } 100% {  top: 0;  } }
.scroll-fix {top: 0;  left: 0;  right: 0;  z-index: 1400;  -webkit-animation: run .7s infinite ease-in-out;  animation: run .7s infinite ease-in-out;  -webkit-animation-iteration-count: 1;  animation-iteration-count: 1;  }
@media only screen and (min-width: 1200px) {
  .scroll-fix {position: fixed;}
}
/* mid-line */
.header-logo-block.scroll-fix{background-color:#efefef;padding-top:10px;padding-bottom:0px;z-index:15;}
.header-logo-block.scroll-fix .logo>button{display:inline-block;}

/* checkout bug */
.ajax-overlay-open .scroll-fix {  z-index: 996;  }

/*========================================================
                Column Styles
=========================================================*/
.panel-heading {  padding:1.3rem;  font-weight: 700;  font-size:1.1rem;  background: #f8f8f8;  color: #a3a3a3; }
.list-group-item {white-space:nowrap;}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover{  border:0px;background-color: #314872;  border-color: #314872; }

#column-left .panel-default .panel-heading,
#column-left .panel-default .panel-footer{background: #f8f8f8;color:#303030;border: 0px;}
#column-left .panel{border: 1px solid transparent;-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.05) !important}
#column-left .list-group-item{border: 0px solid #f8f8f8;background-color:#f8f8f8;}
#column-left .list-group-item:hover{color: #7d7d7d;}
#column-left .list-group-item.active,
#column-left .list-group-item.active:focus,
#column-left .list-group-item.active:hover {color: #7d7d7d;background-color:#f8f8f8;border-color:#f8f8f8;border: 0px transparent;}
#column-left .toggle_close{position:absolute;left:auto;right:28px;top:20px;font-size:25px;display:none;}

#column-left.active .panel-default .panel-heading,
#column-left.active .panel-default .panel-footer{background: #fff;}
#column-left.active .list-group-item{border: 0px solid #fff;background-color:#fff;}
#column-left.active .list-group-item.active,
#column-left.active .list-group-item.active:focus,
#column-left.active .list-group-item.active:hover {border: 0px solid #fff;background-color:#fff;border-color:#fff;}
#column-left.active .toggle_close{display:block;}

@media (max-width: 991px) {
  #column-left,
  #column-right{position: fixed;z-index:20;display:block;left:auto;right:-26rem;top:0;bottom:0;width:26rem;margin:0px;padding:3.8rem 1.6rem 0 1.6rem;color: #7d7d7d;background: #fff;font-size:1.1rem;overflow-y: auto;overflow-x: hidden;}
  #column-left,
  #column-right{-moz-transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;transition: 0.5s ease;  }
  #column-left.active,
  #column-right.active{  -moz-transform: translateX(-26rem);  -ms-transform: translateX(-26rem);  -o-transform: translateX(-26rem);  -webkit-transform: translateX(-26rem);  transform: translateX(-26rem);  cursor: auto;  }

  [dir="rtl"] #column-left,
  [dir="rtl"] #column-right{left:-26rem;right:auto;}
  [dir="rtl"] #column-left.active,
  [dir="rtl"] #column-right.active{  -moz-transform: translateX(26rem);  -ms-transform: translateX(26rem);  -o-transform: translateX(26rem);  -webkit-transform: translateX(26rem);  transform: translateX(26rem);  cursor: auto;  }
}

/*  fixed colum left + content + right */

@media (min-width: 992px) {
  #column-left .product-layout .col-md-3 {  width: 100%;  }
  #column-left + #content .product-layout .col-md-3 {  width: 50%;  }
  #column-left + #content + #column-right .product-layout .col-md-3 {  width: 100%;  }
  #content + #column-right .product-layout .col-md-3 {  width: 100%;  }
}

/*========================================================
                     category filter module
=========================================================*/
.category-filter{}


/*========================================================
                      Category Sort Module
=========================================================*/
.button-view button + button {  margin-left: 5px;  }
[dir="rtl"] .button-view button + button {  margin-left: unset;  margin-right: 5px;  }
.button-view a,
.button-view button {  width: 2rem; font-size:2.1rem;  height:2.3rem;  line-height: 2.3rem;  text-align: center;  display: inline-block;  }
.button-view button {  color: #a3a3a3;  }
#list-view:hover,
#grid-view:hover,
#list-view.active,
#grid-view.active {  color: #314872;  }

.product-filter {  background: #f8f8f8;  padding: 1.2rem 0.5rem;}
.product-filter + div + div {  font-weight: 600;  font-size: 1.1rem;  }
.product-filter label {  font-size: 1.1rem;  }
.product-filter_elem {  float: left;  }

[dir="rtl"] .product-filter_elem {  float: right;  }

.product-filter_elem .sbHolder,
.product-filter_elem select {  height: 2.2rem;  width: auto;  -webkit-border-radius: 0;  -moz-border-radius: 0;  border-radius: 0;  padding: 5px 7px;  border-top: none;  border-bottom: none;  background-color:#FFF;  }
.product-filter_elem .sbHolder .sbSelector, .product-filter_elem select .sbSelector {  padding: 0.5rem 0.5rem;  }
.product-filter_elem .sbHolder .sbToggle, .product-filter_elem select .sbToggle {  line-height:2.2rem;  }
.product-filter_elem.show{float:right;}
.product-filter_elem.show .sbHolder {  width: 5.4rem;  min-width: 5.4rem;  }
[dir="ltr"] .product-filter_elem.show .sbHolder {  border-right: none;  }
[dir="rtl"] .product-filter_elem.show .sbHolder {  border-left: none;  }
.product-filter_elem.sort .sbHolder {  min-width: 11rem;  }
.product-filter .show,
.product-filter .sort {  margin-left: 0.8rem;  margin-right: 0.8rem;  }
.product-filter label,
.product-filter .sbHolder {  display: inline-block;  vertical-align: middle;  }
.product-filter label { margin: 0;  color: #a3a3a3;  }
[dir="ltr"] .product-filter label {  margin-right: 0.5rem;  }
[dir="rtl"] .product-filter label {  margin-left: 0.5rem;  }
.product-filter .compare-total {  border-right: 1px solid #e8e8e8;  color: #a3a3a3;  }
[dir="rtl"] .product-filter .compare-total {  border-right: none;  border-left: 1px solid #e8e8e8;  }
.product-filter .compare-total span {  display: none;  }
.product-filter .compare-total:hover {  color: #314872;  }
@media (max-width: 767px) {
  .product-filter label{display:none;}
}

.elem_filter{float:right; font-weight:bold;}
[dir="rtl"] .elem_filter{float:left;}
[dir="rtl"] .product-filter_elem.show{float:left;}
.elem_filter button {  width: 1.7rem;  height: 2.15rem;  line-height: 2.15rem;  text-align: center;  display: inline-block;  font-size: 1.7rem;  }
.elem_filter button {  color: #314872; }

@media (min-width: 992px) {
  .elem_filter_category{display:none;}
}

/*========================================================
                      Category Page
=========================================================*/
.category_description{  margin-bottom:2rem;font-size:1.1rem;  }

/* ==================    Product List, Product Grid    =================== */
@media (min-width: 992px) {
  .product-layout.product-grid.col-lg-3:nth-child(4n+5),
  .product-layout.product-grid.col-lg-4:nth-child(3n+4){  clear: left;  }

  [dir="rtl"] .product-layout.product-grid.col-lg-3:nth-child(4n+5),
  [dir="rtl"] .product-layout.product-grid.col-lg-4:nth-child(3n+4){  clear: right;  }
}
@media (max-width: 991px) {
  .product-layout.product-grid.col-lg-3:nth-child(2n+3),
  .product-layout.product-grid.col-lg-4:nth-child(2n+3) {clear: left;}

  [dir="rtl"] .product-layout.product-grid.col-lg-3:nth-child(2n+3),
  [dir="rtl"] .product-layout.product-grid.col-lg-4:nth-child(2n+3) {  clear: right;  }
}
@media (max-width: 767px) {
  .product-layout.product-grid:nth-child(2n+1) {clear: left;}
  [dir="rtl"] .product-layout.product-grid:nth-child(2n+1) {clear: right;}
}
@media (max-width: 767px) {
  .product-layout.product-grid,
  .product-layout.product-list {  text-align: center;  }
}
.product-layout.product-list {  clear:both;  }

/* ===================   Product thumb   =================== */

/* Product btn */
.product-btn {  display: inline-block;  font-size: 1.1rem;  line-height: 2.5rem;  width: 2.5rem;  height: 2.5rem;  color: #fff;  background: #000;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;  }
.product-btn:hover {  color: #fff;  background: #314872;  }

/* Product Price */
.price,
.price-new,
.price-old{  display: inline-block;  font: 400 1.4rem/1.7rem "Poppins", sans-serif; color: #000;  }

.price-new {  color: #000;  }
.price-old {  color: #777; text-decoration: line-through;  font-size: 1rem;  line-height: 1.2em;  font-weight: 400;  margin-left: 5px;  }
[dir="rtl"] .price-old {  margin-left: 0;  margin-right:0.5rem;  }

.price-tax {  font-size:1rem;  }

/* Product discounts */
.price-discounts{padding:0;font-size:1.1rem;}
.price-discounts li{padding:0;list-style-type: none;}

/* Product thumb */
.product-thumb {  position: relative;  text-align: center;  background: #f8f8f8;  overflow: hidden;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  -moz-transition: background-color 0.3s ease;  -o-transition: background-color 0.3s ease;  -webkit-transition: background-color 0.3s ease;  transition: background-color 0.3s ease;  padding-bottom:10px;  }
@media (min-width: 768px) {
  .product-thumb {padding-bottom: 12.5rem;}
  .product-thumb:hover {z-index: 2;  background: #fff;  }
  .product-list .product-thumb {  margin-bottom:1rem;padding-bottom: 3rem;  }
  .product-list .product-thumb:before,
  .product-list .product-thumb:after {  display: table;  content: "";  line-height: 0;  }
  .product-list .product-thumb:after {  clear: both;  }
}
@media (max-width: 767px) {
  .box .product-thumb,
  .product-layout.product-grid .product-thumb,
  .product-layout.product-list .product-thumb {  max-width: 100%;  }
  .clearfix + .product-list .product-thumb {  border-top: none;  padding: 0;  }
}

/* product-thumb .image */
.product-thumb .image {  position: relative;  overflow: hidden;  text-align: center;  margin-bottom: 1.2rem;  mix-blend-mode: multiply;  }
@media (min-width: 768px) {
  .product-thumb .image {  margin-bottom: 0.8rem;  }
  .product-thumb .image:hover {  border-color: #314872;  }
  .product-list .product-thumb .image {  width: 30.637%;  }
  .product-list .product-thumb .image{  float: left;  }
  [dir="rtl"] .product-list .product-thumb .image{  float: right;  }
}
@media (max-width: 767px) {
  .product-list .product-thumb .image,
  .product-grid .product-thumb .image{  float: none;  width: 100%;  }
}

/* product-thumb .image img */
.product-thumb .image > a {  display: block;  }
.product-thumb .image > a img {  -moz-transition: all 0.4s ease;  -o-transition: all 0.4s ease;  -webkit-transition: all 0.4s ease;  transition: all 0.4s ease;  margin: 0 auto;  background: #f8f8f8;  }
.product-thumb .lazy {  height: 0;  position: relative;  }
.product-thumb .lazy img {  height: auto;  position: absolute;  top: 0;  left: 0;  }

/* product-thumb .image img-primary img-secondary */
.product-thumb .image .img-primary,
.product-thumb .image .img-secondary {  opacity: 0;  }

.product-thumb .image .lazy-loaded {  display: block;  }
.product-thumb .image .lazy-loaded .img-primary {  opacity: 1;  }
.product-thumb .image .lazy-loaded .img-secondary {  opacity: 0;  }

@media (min-width: 768px) {
  .product-thumb:hover .lazy-loaded .img-primary {  opacity: 0;  }
  .product-thumb:hover .lazy-loaded .img-secondary {  opacity: .8;  }

  .mobile .product-thumb .image:hover .lazy-loaded .img-primary,
  .tablet .product-thumb .image:hover .lazy-loaded .img-primary {  opacity: 1;  }

  .mobile .product-thumb .image:hover .lazy-loaded .img-secondary,
  .tablet .product-thumb .image:hover .lazy-loaded .img-secondary {  opacity: 0;  }

  .product-list .product-thumb .image:hover .lazy-loaded .img-primary {  opacity: 0;  }
  .product-list .product-thumb .image:hover .lazy-loaded .img-secondary {  opacity: 1;  }

  .product-list .product-thumb .image:hover {  border-color: #314872;  }
}

/* .product-thumb .image .sale */
.sale, .discount, .new-pr {display: inline-block;  position: absolute; top:1rem;  z-index: 1;  width: 3rem;  height: 2rem;  line-height: 2rem;  font-size:1rem; font-weight: 700;  color: #fff;  overflow: hidden; text-align:center;}
.round {width: 3rem;  height: 3rem;  line-height: 3rem;  font-size:1rem; -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;  }
.sale {  background-color: #fc4e4e;  }
.new-pr {  background-color: #68d76e;  }
.discount {background: #314872;}
.product-thumb .sale,
.product-thumb .new-pr {left:1rem;  }
.product-thumb .discount {right:1rem;  }

/* product-thumb .image .rating */
.product-thumb .image .rating {  margin-bottom: 0.5rem;  }
.product-thumb .image .rating {  position: absolute;  bottom: 03rem;  left: 0;  right: 0;  pointer-events: none;  text-align: center;  margin-bottom: 0;  }
@media (min-width: 768px) {
  .product-thumb .image .rating {  bottom: 4.3rem;  }
}

/* .product-thumb .image .button-wrap */
.product-thumb .button-wrap button {  vertical-align: middle;  margin-left: 1px;  margin-right: 1px;  }
.product-thumb .image .button-wrap {  white-space: nowrap;  }
.mobile .product-thumb .image .button-wrap,
.tablet .product-thumb .image .button-wrap {  opacity: 1;  -moz-transform: translateX(-50%) translateY(-50%);  -ms-transform: translateX(-50%) translateY(-50%);  -o-transform: translateX(-50%) translateY(-50%);  -webkit-transform: translateX(-50%) translateY(-50%);  transform: translateX(-50%) translateY(-50%);  -moz-transition: none;  -o-transition: none;  -webkit-transition: none;  transition: none;  }

@media (min-width: 768px) {
  .product-thumb .image .button-wrap {  position: absolute;  top: 50%;  left: 50%;  -moz-transform: translateX(-50%) translateY(-50%);  -ms-transform: translateX(-50%) translateY(-50%);  -o-transform: translateX(-50%) translateY(-50%);  -webkit-transform: translateX(-50%) translateY(-50%);  transform: translateX(-50%) translateY(-50%);  }
  .product-thumb .image .button-wrap button {  opacity: 0;  -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  -webkit-transition: all 0.3s ease;  transition: all 0.3s ease;  -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg);  -o-transform: rotate(90deg);  -webkit-transform: rotate(90deg);  transform: rotate(90deg);  }
  .product-thumb .image .button-wrap button:first-child {  -moz-transform: translateX(20px) translateY(20px) rotate(45deg);  -ms-transform: translateX(20px) translateY(20px) rotate(45deg);  -o-transform: translateX(20px) translateY(20px) rotate(45deg);  -webkit-transform: translateX(20px) translateY(20px) rotate(45deg);  transform: translateX(20px) translateY(20px) rotate(45deg);  }
  .product-thumb .image .button-wrap button:last-child {  -moz-transform: translateX(-20px) translateY(-20px) rotate(-45deg);  -ms-transform: translateX(-20px) translateY(-20px) rotate(-45deg);  -o-transform: translateX(-20px) translateY(-20px) rotate(-45deg);  -webkit-transform: translateX(-20px) translateY(-20px) rotate(-45deg);  transform: translateX(-20px) translateY(-20px) rotate(-45deg);  }

  .product-thumb:hover .image .button-wrap button {  opacity: 1;  }
  .product-thumb:hover .image .button-wrap button,
  .product-thumb:hover .image .button-wrap button:first-child,
  .product-thumb:hover .image .button-wrap button:last-child {  -moz-transform: none;  -ms-transform: none;  -o-transform: none;  -webkit-transform: none;  transform: none;  }

  .product-list .product-thumb .image .button-wrap {  display: none;  }
}
@media (max-width: 767px) {
  .product-thumb .image .button-wrap {  display: none;  }
}

/* .product-thumb .content  */
@media (min-width: 768px) {
  .product-thumb .content {  position: absolute;  z-index: 1;  bottom: -2.3rem;  left: 1.2rem;  right: 1.2rem;  -moz-transition: bottom 0.3s ease;  -o-transition: bottom 0.3s ease;  -webkit-transition: bottom 0.3s ease;  transition: bottom 0.3s ease;  }
  .product-thumb:hover .content {  bottom: 3rem;  }
  .product-list .product-thumb .content {  position: relative;  left: auto;  right: auto;  bottom: auto;  }
  .product-list .product-thumb .content {  padding: 0 3rem;  width: 69.23%; float: left; text-align: left;  }
  [dir="rtl"] .product-list .product-thumb .content {  float: right; text-align: right;  }
}

/* .product-thumb .content .name  */
.name > a,
.name > a:visited,
.name > a:focus {  color: #000;  }
.name > a:hover {  color: #314872;  }
.product-thumb .content .name {  font-size:1.1rem;  line-height: 1.5rem; margin:1.2rem 0;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  text-overflow: ellipsis;  height:2.4em;  overflow: hidden;  }
.product-thumb .content .name > a {  display: inline;  }
@media (min-width: 768px) {
  .product-list .name {  text-overflow: clip;  white-space: normal;  }
}

/* .product-thumb .content .description  */
.product-thumb .content .description {  display: none;  }
@media (min-width: 768px) {
  .product-list .product-thumb .content .description {  display: block;  }
}

/* .product-thumb .content .button-wrap */
.product-thumb .content .button-wrap {  margin-bottom: 1.25rem;}
@media (min-width: 768px) {
  .product-thumb .content .button-wrap {  display: none;  }
  .product-thumb .content .button-wrap {  position: relative;  width: 100%;    left: auto;  right: auto;  bottom: auto;  border: none;  }
  .product-list .product-thumb .content .button-wrap {  display: block;  }
}
@media (max-width: 767px) {
  .product-thumb .content .button-wrap .quickview {    }
}
@media (max-width: 480px) {
  .product-thumb .content .button-wrap { display:none; }
  .product-list .product-thumb .content .button-wrap {  display: block;  }
}

/* .product-thumb .content .price */
.product-thumb .content .price {  width: 100%;  margin-bottom: 1.25rem;  }
.product-thumb .content .price-tax {  color: #999;  font-size: 1rem;  display: block;  }

/* .product-thumb .content .btn-primary  */
.product-thumb .content .btn-primary{margin-bottom:1.25rem;}
@media (min-width: 768px) {
  .product-thumb .content .btn-primary {  -moz-transform: scale(0.2);  -ms-transform: scale(0.2);  -o-transform: scale(0.2);  -webkit-transform: scale(0.2);  transform: scale(0.2);  opacity: 0;  }
  .product-thumb:hover .content .btn-primary {  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  -webkit-transform: scale(1);  transform: scale(1);  opacity: 1;  }
  .product-list .product-thumb .btn-primary {  -moz-transform: none;  -ms-transform: none;  -o-transform: none;  -webkit-transform: none;  transform: none;  opacity: 1;  }
}
@media (max-width: 767px) {
  .product-thumb .content .btn-primary {  -moz-transform: none;  -ms-transform: none;  -o-transform: none;  -webkit-transform: none;  transform: none;  opacity: 1;  }
}
@media (max-width: 480px) {
  .product-grid .product-thumb .content .btn-primary { display:none; }
  .top .product-thumb .content .btn-primary { display:none; }
  .related-block .product-thumb .content .btn-primary { display:none; }
}

/* .product-thumb .product-option-wrap .product-options */
.product-thumb .product-options {  display: none;  }
@media (max-width: 420px) {
  .product-thumb .product-options {  max-width: 95%;  }
  .product-thumb .product-options [class*="col-xs"] {  float: left;  }
  .product-thumb .product-options [class*="col-xs"] + [class*="col-xs"] {  margin-top: 0 !important;  }
}

/* ===================   Product ajax-overlay Option   =================== */

.ajax-overlay {  position: fixed;  top: 0;  left: 0;  right: 0;  bottom: 0;  visibility: hidden;  opacity: 0;  -moz-transition: opacity 0.3s ease-in-out;  -o-transition: opacity 0.3s ease-in-out;  -webkit-transition: opacity 0.3s ease-in-out;  transition: opacity 0.3s ease-in-out;  z-index: 997;  }
.ajax-overlay.visible {  opacity: 1;  background: rgba(0, 0, 0, 0.4);  visibility: visible;  }
.ajax-overlay .product-options {  position: relative;  display: inline-block;  vertical-align: middle;  max-width: 450px;  min-width: 300px;  padding-bottom: 0;  border-bottom: none;  max-height: 80%;  backface-visibility: hidden;  }
.ajax-overlay .product-options .h3 {  margin-top: 0; }
.ajax-overlay .product-options .col-sm-8 {  text-align: left;  }
.ajax-overlay .product-options .options {  padding: 20px;  text-align: center;  background: #FFF;  -webkit-border-radius: 15px;  -moz-border-radius: 15px;  border-radius: 15px;  -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);  -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);  }
.ajax-overlay .product-options .ajax-overlay_close {  position: absolute;  right: 10px;  top: 10px;  font-size: 16px;  color: rgba(0, 0, 0, 0.5);  font-family: "material-design";  text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.2);  }
.ajax-overlay .product-options .ajax-overlay_close:before {  content: '\e054';  }
.ajax-overlay .product-options .ajax-overlay_close:hover {  color: #000;  }
.ajax-overlay .product-option-wrap {  text-align: center;  height: 100%;  }
.ajax-overlay .product-option-wrap:before {  content: '';  display: inline-block;  height: 100%;  vertical-align: middle;  }
html[dir="rtl"] .ajax-overlay .product-options .ajax-overlay_close {  right: auto;  left: 10px;  }

/*========================================================
                      Product Page
=========================================================*/

@media (min-width: 992px) {
  .product_page{display:flex;}
  .product_page-left .product-gallery{position:sticky;top:0;z-index:1;}
}
@media (max-width: 991px) {
  .product_page-right {  margin-top:1.5rem;  }
}

/* ===================   product_page-left   =================== */

/* Product Gallery  */
.product-gallery:before,
.product-gallery:after {  display: table;  content: "";  line-height: 0;  }
.product-gallery:after {  clear: both;  }
.product-gallery .col-lg-3 {  width: 26%;  }
.product-gallery .col-lg-9 {  width: 74%;  }

.product-gallery .bx-wrapper {  margin: 0 !important;  }
html[dir="rtl"] .product-gallery .bx-wrapper {  direction: ltr;  }
.product-gallery .image-additional {  margin: 0 -0.8rem 0 0;  padding: 0 0.8rem 0 0;  list-style-type: none;  }

.product-gallery .image-thumb .bx-wrapper .bx-prev,
.product-gallery .image-thumb .bx-wrapper .bx-next {  position: absolute;  left: 1.5rem;  right: 1.5rem;  font-size: 1.1rem;  line-height: 1.5rem;  background: rgba(255, 255, 255, 0.6);  text-align: center;  margin: 0;  color: #000;  }

.product-gallery .image-thumb .bx-wrapper .bx-prev.disabled,
.product-gallery .image-thumb .bx-wrapper .bx-next.disabled {  display: none;  visibility: hidden;  }

.product-gallery .image-thumb .bx-wrapper .bx-prev:hover,
.product-gallery .image-thumb .bx-wrapper .bx-next:hover {  color: #fff;  background: #314872;  }

.product-gallery .image-thumb .bx-wrapper .bx-prev {  top: 0;  }
.product-gallery .image-thumb .bx-wrapper .bx-next {  bottom: 0;  }

@media (max-width: 1199px) {
  .product-gallery .image-thumb .bx-wrapper .bx-prev,
  .product-gallery .image-thumb .bx-wrapper .bx-next {  width: 1.5rem;  height: 4.3rem;  line-height: 4.3rem;  display: inline-block;  font-size: 0.8rem;  }

  .product-gallery .image-thumb .bx-wrapper .bx-prev {  top: 50%;  left: 1.1rem;  right: auto;  margin-top: -2rem;  }
  .product-gallery .image-thumb .bx-wrapper .bx-next {  left: auto;  right: 1.1rem;  bottom: 50%;  margin-bottom: -2rem;  }
}
.product-gallery .image-thumb .bx-wrapper .bx-viewport {  -moz-box-sizing: content-box;  -webkit-box-sizing: content-box;  box-sizing: content-box;  }
.product-gallery .image-thumb li a {  display: block;text-align:center;  }

@media (min-width: 1200px) {
  .product-gallery .image-thumb li a:hover,
  .product-gallery .image-thumb li a.zoomGalleryActive {  background: #f9f9f9;  }
}

/* product_gallery_Video */
.gallery_video_play {z-index:5;left:1.2rem;bottom:1.2rem;position:absolute;width:3.8rem;height:3.8rem;color: #303030;border-radius:50%;opacity:0.8;color:#000;border:2px solid #000;line-height:45px;text-align:center;cursor:pointer;border: 2px solid #303030;line-height: normal;background-color: rgba(255, 255, 255, 0.3);display: flex;justify-content: center; align-items: center;-moz-transition: 0.3s all ease;-o-transition: 0.3s all ease;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;}
.gallery_video_play:hover{opacity: 1;background-color: rgba(255, 255, 255, 0.8);}
.gallery_video_play .fa-play:before {color: #303030;font-size:1.4rem;margin-left:0.3rem}

.gallery_video{display:none;z-index:6;background-color:#000;position:absolute;top:0px;bottom:0px;left:0.8rem;right:0.8rem;}
.gallery_video.active{display:block;}
.btn-close-video{color:#FFF;position:absolute;right:0.8rem;top:0.8rem;font-size:2rem;font-weight:bold;z-index:100;}
.videourl{width:99%;text-align:center;z-index:10;position:absolute;top:50%;left:50%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.video_frame{width:100%;min-height:27rem}
.video_load{position: absolute;left:45%;top:45%;color:#FFF;z-index:1}

/* product_zoom */
.zoomContainer {  z-index: 1 !important;  }
.zoomContainer .zoomLens {  z-index: 2 !important;  }
.zoomWindowContainer > div {  border-width: 2px !important;  background-color: #fff  !important;  border-color: #e8e8e8 !important;  }
@media (max-width: 1199px) {
  .zoomContainer {  display: none !important;  }
}
.polaroid {  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none;  background: #f8f8f8;  padding: 0;  }
.magnificent-viewport {  background: #f8f8f8;  }

/* ===================   product_page-right   =================== */

/* product_info */
.product-info .product-title {  margin: 0 0 1rem 0;  font-size:1.5rem;  text-align:left;  }
.product-info .product-title + ul {  font-size:1.2rem;}

/* product_price */
.product-info .price{margin-bottom:1.5rem;}
.product-info .price,
.product-info .price-new {  font-size: 2rem;font-weight: 700;  }
.product-info .price {  color: #000;  }
.product-info .price-new {  color: #000;  }
.product-info .price-old {  color: #777; }
.product-info .points{margin-bottom:1rem;}

/* product_rating */
.product-info .rating{margin-bottom:1rem;}
.product-info .review-link-write{margin-left:1.5rem;}

/* Product countdown */
.product-countdown {  list-style: none;  text-align: center;  padding: 0; }
.product-countdown li {  display: inline-block;  padding: 0 1px;  float: left;  font-size: 1.2rem;  line-height: 1.2em;  text-transform: uppercase;  }
.product-countdown li.cell {  font-size: 0.9rem;  line-height: 1.1rem;  letter-spacing: .8px;  }
.product-countdown li span {  width: 100%;  display: block;  font-size: 1.3rem;  font-weight: 700;  letter-spacing: 0;  margin-bottom: 0.5rem;  text-transform: none;  }
.price-countdown{ margin-top: 1.2rem;}

  /* reward */
.reward-block span {  display: block;  }

/* product_options */
.product-options {  padding-bottom: 1.5rem;  border-bottom: 1px solid #e8e8e8;  }

.product-options .control-label {  text-align: left;  margin: 0 0 10px;  color: #a3a3a3;  text-transform: uppercase;  font-size: 1rem;  }
.product-options .radio {  padding-top: 0;  }
.product-options .radio input[type="radio"] + label {  padding: 5px 5px 5px 45px;  text-align: left;  display: block;  background: #f8f8f8;  text-transform: capitalize;  }
.product-options .radio input[type="radio"] + label:before {  top: 9px;  left: 13px;  }
.product-options .radio input[type="radio"] + label:after {  top: 11px;  left: 15px;  }
.product-options .radio + .radio {  margin-top: 15px;  }
.product-options .radio input[type="radio"] + label {  border: 1px solid #e8e8e8;  }

.product-options .checkbox label {  padding: 5px 5px 5px 45px;  display: block;  background: #f8f8f8;  text-transform: capitalize;  text-align: left;  }
.product-options .checkbox label:before,
.product-options .checkbox label:after {  left: 13px;  top: 10px;  }
.product-options .checkbox label:before {  background: none;  border: 1px solid #e8e8e8;  }
.product-options .checkbox input[type="checkbox"] + label {  border: 1px solid #e8e8e8;  }

html[dir="rtl"] .product-options .radio input[type="radio"] + label {  padding-left: 5px;  padding-right: 45px;  text-align: right;  }
html[dir="rtl"] .product-options .radio input[type="radio"] + label:before {  left: auto;  right: 13px;  }
html[dir="rtl"] .product-options .radio input[type="radio"] + label:after {  left: auto;  right: 15px;  }
html[dir="rtl"] .product-options .radio input[type="radio"] + label {  text-align: right;  }

html[dir="rtl"] .product-options .checkbox label {  padding-left: 5px;  padding-right: 45px;  text-align: right;  }
html[dir="rtl"] .product-options .checkbox label:before,
html[dir="rtl"] .product-options .checkbox label:after {  left: auto;  right: 13px;  }

/* product_option */
input[name="captcha"] + img {  margin-top: 1.2rem;  }
input[name*="quantity"] {  display: inline-block;  width: 3rem;  text-align: center;  padding-left: 0.5rem;  padding-right:0.5rem;  }

#product label { text-transform: uppercase;  }
#product .input-group[class*="col-"] {  padding-left: 1.2rem;  padding-right: 1.2rem;  }
#product .alert {  position: relative;  z-index: 1 ;  }
#product input[name*="quantity"] {  vertical-align: middle;  }

/* product_option_quantity */
#product .quantity label {  margin-right: 0.5rem;  }
@media (max-width: 767px) {
  #product .counter {  display: inline-block;  }
}

[dir="ltr"] #product .quantity .counter-plus {  margin-right: 0.8rem;  }
[dir="rtl"] #product .quantity .counter-plus {  margin-left: 0.8rem;  }

/* product_default_quantity */
.counter,
.counter:focus {  display: inline-block;  height: 3rem;  width: 3rem;  color: #a3a3a3;  background: #f8f8f8;  line-height: 3rem;  text-align: center;  font-size: 20px;  vertical-align: middle;  }
.counter:hover,
.counter:focus:hover {  background: #f0f0f0;  color: #314872;  }

/* product button */
.product-buy{margin-top:1.5rem;margin-bottom:1.5rem;}
#button-cart {  display: inline-block;  vertical-align: middle;}
#button-cart:disabled {  pointer-events: none;  opacity: .5;  }

/* product-buttons */
.product-buttons {   margin-top:1rem; margin-bottom:1rem; }
.product-buttons ul{padding:0;}
.product-buttons ul:before,
.product-buttons ul:after {  display: table;  content: "";  line-height:0;  }
.product-buttons ul:after {  clear: both;  }
.product-buttons ul li {  display: inline-block;  margin-right: 0.8rem;  font-size: 1.1rem;  line-height: 1.2em;  list-style: none;  }
.product-buttons ul li button {  display: inline-block;  background: none;  font-weight: 600;  color: #a3a3a3;  padding: 0;  margin-bottom: 0.5rem;  }
.product-buttons ul li button:hover,
.product-buttons ul li button:focus {  color: #314872;  background: transparent;  }
.product-buttons ul li button:active {  box-shadow: none;  }
.product-buttons ul li button i {  margin-right: 0.5rem;  }
[dir="rtl"] .product-buttons ul li {  margin-right: 0;  margin-left: 0.8rem;  }

/* parent module */
.product_color{margin-bottom:1.5rem;}
.product_color .product_color_name{  color: #000;  font-weight: 400;  font-family: "Poppins", sans-serif;  margin: 0 0 0.8rem;  line-height: 1.2em;  font-size:1.5em;  }
.product_color .product_color_txt a{display:inline-block;border:1px solid #eee;\margin-right:0.8rem;margin-bottom:10px;padding:0.1rem 0.8rem;}
.product_color .product_color_txt a.vselect,
.product_color a:hover{background-color: #314872;color:#FFF;}
.product_color .product_color_txt a.img{border:1px solid #ccc;}
.product_color .product_color_txt a.img.vselect,
.product_color a.img:hover{border-color:#000;background-color:#314872;}
.product_color.image .product_color_txt a{padding-left:0.2rem;padding-right:0.2rem;}
.tbg{position: absolute;top: 0px;right: 1rem;left: 1rem;bottom: 0px}
.tbg img{height:100%;}

/* share module */
.product-share {  height: 2.5rem;  margin-top: 1em;  }

/* addthis share */
.addthis_sharing_toolbox a {  -moz-transition: 0.3s all ease;  -o-transition: 0.3s all ease;  -webkit-transition: 0.3s all ease;  transition: 0.3s all ease;  }
.addthis_sharing_toolbox a:hover {  opacity: .6;  }

/* product bulletpoint module */
.product_bullet ul{margin:0px;padding:0px;}
.product_bullet ul li{margin:0px;padding:0px;list-style-type:none;}

/* ===================   product_tabs   =================== */

/* product_tabs */
.product_tabs {  border-top: 2px solid #efefef;  margin: 2rem 0 0 0;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;  font-size: 1.2rem;  line-height: 2rem;  }
.product_tabs:before, .product_tabs:after {  display: table;  content: "";  line-height: 0;  }
.product_tabs:after {  clear: both;  }

.product_tabs .nav-tabs {  width: 30%;  float: left;  border-bottom: none; }
.product_tabs .nav-tabs > li {  float: none;  margin-bottom: 0;  }
.product_tabs .nav-tabs > li > a {  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;  background: #f8f8f8;  text-transform: uppercase;  font-weight: 700;  font-size: 1.2rem;  border: 1px solid #e8e8e8;  border-top: none;  margin-right: 0;  color: #a3a3a3;  position: relative;  z-index: 0;  }
.product_tabs .nav-tabs > li > a:before {  content: '';  position: absolute;  left: 0;  right: 100%;  background: #FFF;  top: 0;  bottom: 0;  z-index: -1;  -moz-transition: 0.3s all ease;  -o-transition: 0.3s all ease;  -webkit-transition: 0.3s all ease;  transition: 0.3s all ease;  }
.product_tabs .nav-tabs > li > a:hover {  background: #f0f0f0;  color: #a3a3a3;  }
.product_tabs .nav-tabs > li > a:focus {  border-top: none;  }
.product_tabs .nav-tabs > li.active > a {  color: #314872;  }
.product_tabs .nav-tabs > li.active > a:before {  right: -2px;  }
.product_tabs .nav-tabs > li.active > a:hover,
.product_tabs .nav-tabs > li.active > a:focus {  background: #FFF;  border: 1px solid #e8e8e8;  border-top: none;  }

html[dir="rtl"] .product_tabs .nav-tabs{float:right;padding-right:0px;padding-left:30px;}
html[dir="rtl"] .product_tabs .nav-tabs > li.active > a:before{right:0px;left:-2px;}
html[dir="rtl"] .product_tabs .tab-content {float: left;}

@media (max-width: 767px) {
  .product_tabs .nav-tabs > li > a:before {  display: none;  }
  .product_tabs .nav-tabs > li.active > a {  background: #FFF;  }
}

.product_tabs .tab-content {  width: 70%;  float: left;  padding: 2em;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  -moz-transition: none;  -o-transition: none;  -webkit-transition: none;  transition: none;  }
@media (min-width: 992px) {
  /* .product_tabs .nav-tabs {  position:sticky;top:0px;  } */
}

@media (max-width: 991px) {
  .product_tabs .nav-tabs,
  .product_tabs .tab-content {  width: 100%;  float: none;  }
  .product_tabs .tab-content {  border-left: none;  padding: 1.5rem 0;  }
}

/* product description */
.description-picture p{display:block;min-height:15rem;}
.description-picture img{border:1px solid #efefef;border-radius:5px;}
@media (max-width: 767px) {
  .description-picture img{width:100%;}
}

.product-video .r_frame {  position: relative;  padding-bottom: 50%;  }
.product-video iframe {  position: absolute;  left: 0;  top: 0;  width: 100% !important;  height: 100% !important;  }

/* product_spec */
.product-spec .table {  border: none;  }
.product-spec .table th {  text-align: center;  text-transform: uppercase;  border: none;  padding: 1.1rem 0.5rem;  font-size: 1.3rem;  }
.product-spec .table td {  line-height: 2rem;  padding: 1rem 1.1rem;  border-bottom: none;  border-top: none;  }
.product-spec .table tr + tr td {  border-top: 1px solid #e8e8e8;  }
.product-spec .table td:first-child {  width: 30%;  border-left: none;  text-align: right;  color: #a3a3a3;  text-transform: uppercase;  }
.product-spec .table td {  width: 70%;  border-right: none;  }
@media (max-width: 479px) {
  .product-spec .table td:first-child,
  .product-spec .table td {  width: 50%;  }
}

/* product_reivew form */
.review-form-title {  text-align: center;  }
.review-form-title .h3 {  cursor: pointer;  position: relative;  border-bottom: 1px solid #e8e8e8;  padding: 0 10px 5px;  display: inline-block;  -moz-transition: 0.3s all ease;  -o-transition: 0.3s all ease;  -webkit-transition: 0.3s all ease;  transition: 0.3s all ease;  }
.review-form-title .h3:before {  position: absolute;  bottom: -1.5rem;  left: 50%;  width: 0;  height: 0;  border: 0.8rem solid transparent;  border-top-color: #e8e8e8;  content: '';  margin-left: -10px;  }
.review-form-title .h3:hover {  color: #314872;  }
.product-rating-status .fa-stack + .review-link,
.product-rating-status .review-link + .review-link {  border-left: 1px solid #e8e8e8;  }
.product-rating-status .review-link {  position: relative;  padding-left: 0.5rem;  margin-left: 0.5rem;  vertical-align: middle;  }
.rating-section a {  cursor: pointer;  }
.product-review-form {  display: block;  }

.product-reviews input[type="radio"] {  display: inline;  outline: none;  }
.product-reviews input[type="radio"]:focus {  outline: none;  }
.product-reviews .review-item {  margin-bottom: 2em;  }
.review-score .fa-stack {  width: 1em;  height: 1em;  margin-bottom: 0.8rem;  }

.image-row,.image-plus{float:left;position:relative;width:6rem;height:6rem;margin:0.8rem 1.1rem 0.8rem 0;background-color:#efefef;text-align:center;line-height:6rem;}
.image-row .image-upload{position:absolute;width:30rem;height:30rem;left:1.1rem;top:1.1rem;line-height:3.8rem;color:#999;}
.image-row .image-close{position:absolute;width:1.5rem;height:1.5rem;right:-0.6rem;top:-2.7rem;cursor:pointer;}
.image-row img{max-width:6rem;max-height:6rem;border:1px solid #efefef;}
.image-plus button{font-size:3rem;width:100%;}

@keyframes rotation{ from {  transform: rotate(0deg);  } to {  transform: rotate(360deg);  } }
#image-plus.loading i{animation: rotation 3s linear infinite;}

/* product_faq form */
.faq-name {margin-bottom:2rem;}
.faq-form-title {  text-align: center;  }
.faq-form-title .h3 {position: relative;  border-bottom: 1px solid #e8e8e8;  padding: 0 10px 5px;  display: inline-block;  -moz-transition: 0.3s all ease;  -o-transition: 0.3s all ease;  -webkit-transition: 0.3s all ease;  transition: 0.3s all ease;  }
.faq-form-title .h3:before {  position: absolute;  bottom: -1.5rem;  left: 50%;  width: 0;  height: 0;  border: 0.8rem solid transparent;  border-top-color: #e8e8e8;  content: '';  margin-left: -10px;  }
.faq-form-title .h3:hover {  color: #314872;  }
.faq-item {padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px dashed #ccc;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.faq-item ol, .faq-item ul,.faq-content ol, .faq-content ul {padding-left: 15px;}
.faq-title {color:#303030;margin-bottom:10px;}
.faq-content {margin-top: 5px;line-height: 180%;position:relative;}
.faqlabel{width:30px;height:30px;position:absolute;display:inline-block;border-radius:30px;line-height:28px;text-align:center;color:#FFF;border:1px solid #ccc;}
.faqlabel.q{background-color:#303030;}
.faqlabel.a{color:#303030;}
.faq-item .d,.faq-title .d,.faq-content .d{margin-left:50px;line-height: 200%;margin-bottom: 15px;}
.faq-see-more {margin-left: 50px;color: #007185;cursor: pointer;font-size:1rem;}
.faq-see-hide {margin-left: 50px;color: #0F1111;cursor: pointer;font-size:1rem;display: none;}
.faq-see-hide.active {display: block;}

/*========================================================
                      Search Page
=========================================================*/
#search_filter_form .row > div{margin-bottom:1.2rem}
#search_filter_form .toggle_cont .toggle_title{padding-left:0px;padding-right:0px;}

/*========================================================
                      Account Page
=========================================================*/
.well {  background-color: #fff;  border: 1px solid #e8e8e8;  border-top: 2px solid #314872;  margin-bottom: 2.3rem;  padding: 2.3rem;  border-radius: 0;  box-shadow: none;  }
.well .heading {  margin-bottom:1.5rem;  }
.well .heading:before, .well .heading:after {  display: table;  content: "";  line-height: 0;  }
.well .heading:after {  clear: both;  }
.well .heading i {  color: #314872;  float: left;  font-size: 56px;  margin-right: 14px;  line-height: 60px;  }
.well .heading h2 {  font-size: 23px;  color: #a3a3a3;  margin: 0 0 5px;  }
.well .heading strong {  font-weight: normal;  font-style: italic;  }
.well p {  border-bottom: 1px solid #e8e8e8;  padding: 20px 0;  }
.well a {  display: inline-block;  margin-top: 20px;  }

#account-register .form-horizontal .buttons {  line-height: 1.8em;  }
#account-register .form-horizontal .buttons a + br {  display: none;  }
#account-register .form-horizontal .buttons .btn {  margin-top: 0.8rem;  }
#account-account #content ul.list-unstyled {  margin-bottom: 1.5rem;  }

#account-wishlist .img-thumbnail{max-width:10rem;border:0px;}

.account-account h3 {  text-transform: uppercase;  padding-bottom: 1.5rem;  border-bottom: 1px solid #314872;  }
.account-account h3 i {  color: #314872;  margin-right: 0.8rem;  font-size: 2.3rem;  }
@media (max-width: 767px) {
  .account-account .col-sm-4 + .col-sm-4 {  margin-top: 2.3rem;  }
}

.account-address .table, .account-address-delete .table {  width: 50%;  margin: 0 auto;  }
@media (max-width: 991px) {
  .account-address .table, .account-address-delete .table {  width: 100%;  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .well .heading {  text-align: center;  }
  .well .heading h2 {  font-size: 1.2rem;  }
  .well .heading i {  float: none;  }
  #account-register .form-horizontal .buttons {  font-size: 0.9rem;  }
}

@media (max-width: 410px) {
  .account-address .table td a {  display: block;  }
  .account-address .table td a + a {  margin-top: 0.5rem;  }
}

/*========================================================
                      Manufacturer Page
=========================================================*/
.manufacturer-list:before,
.manufacturer-list:after {  display: table;  content: "";  line-height: 0;  }
.manufacturer-list:after {  clear: both;  }
.manufacturer-list .manufacturer-heading {  font-weight: bold;  color: #a3a3a3;  float: left;  display: block;  font-size: 2rem;  text-align: center;  text-transform: uppercase;  width: 15%;  height: 3.8rem;  line-height: 3.8rem;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  }
.manufacturer-list .manufacturer-content {  padding: 1rem 1.1rem;  float: left;  width: 85%;  border-left: 1px solid #e8e8e8;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  }
.manufacturer-list .manufacturer-content a {  white-space: nowrap;  }
.manufacturer-list + .manufacturer-list {  border-top: 1px solid #e8e8e8;  }
.brands {  background: #f8f8f8;  padding: 1.5rem;  margin-bottom: 2.3rem;  }

/*========================================================
                      Site Map Page
=========================================================*/
.site-map-page h5 {  margin: 0 0 20px;  line-height: normal;  text-transform: uppercase;  }
.site-map-page ul + h5 {  margin-top: 40px;  }
.site-map-page #content ul {  list-style-type: none;  padding-left: 0;  }
.site-map-page #content ul li {  position: relative;  line-height: 24px;  }
.site-map-page #content ul li + li {  margin-top: 16px;  }
.site-map-page #content ul li a:hover {  color: #a3a3a3;  }
.site-map-page #content ul.category-list {  position: relative;  }
.site-map-page #content ul.category-list:before {  content: '';  position: absolute;  left: 0;  top: 12px;  bottom: 12px;  width: 1px;  background: #314872;  }
.site-map-page #content ul.category-list .ul-with-ul:before,
.site-map-page #content ul.category-list .ul-with-ul:after {  -moz-transform: translate(0, 0);  -ms-transform: translate(0, 0);  -o-transform: translate(0, 0);  -webkit-transform: translate(0, 0);  transform: translate(0, 0);  }
.site-map-page #content ul.category-list .ul-with-ul:before {  top: 12px;  }
.site-map-page #content ul.category-list .ul-with-ul:after {  top: 6px;  }
.site-map-page #content ul.category-list ul {  position: relative;  margin-top: 16px;  }
.site-map-page #content ul.category-list ul:before {  content: '';  position: absolute;  left: 0;  top: 12px;  bottom: 12px;  width: 1px;  background: #e8e8e8;  }
.site-map-page #content ul.category-list li {  position: relative;  padding-left: 60px;  }
.site-map-page #content ul.category-list li:before {  content: '';  position: absolute;  top: 50%;  -moz-transform: translate(0, -50%);  -ms-transform: translate(0, -50%);  -o-transform: translate(0, -50%);  -webkit-transform: translate(0, -50%);  transform: translate(0, -50%);  left: 0;  height: 1px;  width: 35px;  background: #e8e8e8;  }
.site-map-page #content ul.category-list > li:after {  content: '';  position: absolute;  top: 50%;  -moz-transform: translate(0, -50%);  -ms-transform: translate(0, -50%);  -o-transform: translate(0, -50%);  -webkit-transform: translate(0, -50%);  transform: translate(0, -50%);  left: 35px;  width: 12px;  height: 12px;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;  }
.site-map-page #content ul.category-list > li:before,
.site-map-page #content ul.category-list > li:after {  background: #314872;  }
@media (max-width: 767px) {
  .site-map-page .col-sm-6 + .col-sm-6 {  margin-top: 30px;  }
}
@media (max-width: 479px) {
  .site-map-page .col-xs-6 {  width: 100%;  float: none;  }
  .site-map-page .col-xs-6 + .col-xs-6 {  margin-top: 30px;  }
}

/*========================================================
                      Contact page
=========================================================*/
.contact_page h3{font-weight:bold;}
.contact_page  legend{font-weight:bold;}
.contact_page .panel {  padding-top: 1.2rem;  background-color: transparent;  border: none;  border-top: 1px solid #e8e8e8;  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none;  }

/*========================================================
                      COMPARE Page
=========================================================*/
#product-compare .img-thumbnail{max-width:10rem;border:0px;}

/*========================================================
                      Cart Page
=========================================================*/
input#input-voucher,
input#input-coupon {  width: 90%;  }

#collapse-coupon .col-sm-2,
#collapse-voucher .col-sm-2 {  width: 100%;  float: none;  padding-left: 3px;  }

#checkout-cart .img-thumbnail{max-width:5em;border:0px;}
#checkout-cart h1{display:none;}
#checkout-cart h2{display:none;}

/* input-group */
.input-group .input-group-addon {  height: 30px;  }
.input-group-btn .btn {  height: 38px;  padding-top: 0;  padding-bottom: 0;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  }
.input-group-btn .btn {  padding: 7px 12px;  }
.input-group-btn .btn i {  font-size: 15px;  line-height: 18px;  }

/*========================================================
                      Information Page
=========================================================*/

/*   Terms and Conditions Page */
.terms_conditions_page h4 {  position: relative;  padding-left: 60px;  }
.terms_conditions_page h4:before {  content: '\e174';  position: absolute;  left: 0;  bottom: -7px;  color: #314872;  font-size: 40px;  line-height: 40px;  font-family: "material-design";  }
.terms_conditions_page p + h4 {  margin-top: 40px;  }

/*   Privacy Policy */
.privacy_page ol {  list-style-type: none;  counter-reset: list;  padding-left: 0;  }
.privacy_page ol li {  counter-increment: list;  }
.privacy_page ol li h4 {  padding-top: 10px;  }
.privacy_page ol li h4:before {  content: counter(list, decimal);  display: inline-block;  vertical-align: top;  margin-top: -10px;  margin-right: 15px;  width: 40px;  height: 40px;  line-height: 40px;  text-align: center;  background: #314872;  color: #fff;  font-size: 16px;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;  -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2);  -moz-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2);  box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2);  }
.privacy_page ol li + li {  margin-top: 40px;  }
.block-categories {  text-align: center;  padding-bottom: 24px;  border-bottom: 1px solid #c1c1c1;  margin-bottom: 19px;  }

/*   Agree */
.agree b {  -moz-transition: 0.3s all ease;  -o-transition: 0.3s all ease;  -webkit-transition: 0.3s all ease;  transition: 0.3s all ease;  }
.agree:hover b {  color: #314872;  }

/*========================================================
                      Blog Page
=========================================================*/
/* blog list */
.blog_article {  margin-bottom: 2rem;  }
.blog_article + .blog_article {  padding-top: 2rem;  border-top: 1px solid #e8e8e8;  }

.article-title {  font-size:1.2rem;  line-height: 1.8em;  font-weight: 700;  color: #000; margin-bottom: 1.5rem; }
.article-sub-title {  margin-bottom: 1.5rem;  }
.article-sub-title span{display:inline-block;}
.article-sub-title span + span {  margin-left: 1rem;  }
.article-description {  margin-bottom:1.5rem;font-size:1.1rem;line-height:2rem;  }

/* blog info */
.article-info .article-sub-title {  text-align: center;  }
.article-info .article-image {  text-align: center;  overflow: hidden;  margin-bottom: 18px;  }

.related-article h4 {  text-transform: uppercase;  color: #314872;  }
.related-article h4 a:hover {  color: #a3a3a3;  }
.related-article .article-sub-title {  text-align: left;  }
.related-article .article-sub-title span + span {  margin-left: 5px;  }
.related-article .row + .row {  margin-top: 30px;  }
.related-article .image {  margin-top: 5px;  }

.article-comment {  padding-bottom: 20px;  margin-bottom: 20px;  border-bottom: 1px solid #e8e8e8;  }
.article-comment .author {  float: left;  text-transform: uppercase;  font-size: 16px;  margin-bottom: 10px;  }
.article-comment .reply-message {  float: right;  text-transform: uppercase;  }
.article-comment .comment-date {  clear: both;  color: #a3a3a3;  text-transform: uppercase;  }
.article-comment .comment-date:before {  font-size: 15px;  color: #314872;  margin-right: 5px;  }
.article-comment .text {  margin-top: 15px;  }
.article-comment .article-reply {  margin: 30px 0 0 60px;  }

.reply-cancel { display: inline-block;  margin: 0 10px;  font-size: 16px;  color: #314872;  -moz-transition: 0.3s all ease;  -o-transition: 0.3s all ease;  -webkit-transition: 0.3s all ease;  transition: 0.3s all ease;  text-transform: uppercase;  margin-top: 10px;  }
.reply-cancel:hover {  color: #333;  }
.comment-left #button-comment {  cursor: pointer;}

/* aside */
aside .blog-categories .box-heading {  margin-bottom: 0;  }
aside .blog-categories ul > li {  position: relative;  }
aside .blog-categories ul > li > i {  position: absolute;  top: 10px;  right: 10px;  color: #a3a3a3;  -moz-transition: 0.3s all ease;  -o-transition: 0.3s all ease;  -webkit-transition: 0.3s all ease;  transition: 0.3s all ease;  cursor: pointer;  font-size: 20px;  }
aside .blog-categories ul > li > i:hover {  color: #314872;  }
aside .blog-categories ul > li > a {  background: #f8f8f8;  display: block;  color: #a3a3a3;  font-size: 16px;  text-transform: uppercase;  font-weight: 500;  padding: 10px 10px 10px 20px;  }
aside .blog-categories ul > li > a:hover {  background: #f0f0f0;  }
aside .blog-categories ul > li + li {  border-top: 1px solid #e8e8e8;  }
aside .blog-categories ul ul {  display: none;  padding: 0;  list-style-type: none;  border-top: 1px solid #e8e8e8;  }
aside .blog-categories ul ul a {  padding-left: 40px;  }

aside #blog-search {  margin: 15px 0 0;  position: relative;  }
aside #blog-search input {  padding-right: 35px;  }
aside #blog-search a {  display: inline-block;  position: absolute;  right: 10px;  font-size: 16px;  line-height: 40px;  top: 0;  color: #a3a3a3;  font-family: "FontAwesome";  background: none;  }
aside #blog-search a:hover {  color: #314872;  }

/* box article */
.box.blog_articles {  text-align: center;  }
.box.blog_articles .box-heading {  margin-bottom:2rem;  }
.box.blog_articles .article-image {margin-bottom:1rem;}
.box.blog_articles .article-image img {  width: 100%;  }

/* home article module */
@media (min-width: 992px) {
  .top .box.blog_articles .box-content > div:nth-child(4n+1) {clear: left;}
  html[dir="rtl"] .top .box.blog_articles .box-content > div:nth-child(4n+1) {clear: right;}
}
@media (max-width: 991px) {
  .top .box.blog_articles .box-content > div:nth-child(2n+1) {clear: left;}
  html[dir="rtl"] .top .box.blog_articles .box-content > div:nth-child(2n+1) {clear: right;}
}


/*========================================================
                      Product Quickview Module
=========================================================*/
.ajax-quickview,
.ajax-quickview-images,
.ajax-quickview-images > ul,
.ajax-quickview-images > ul > li {  height: 100%;  }

.ajax-quickview-images,
.ajax-quickview-cont-wrap {  width: 50%;  }

.ajax-quickview .name,
.ajax-quickview .cart-button {  margin-top: 15px;  }
.ajax-quickview .cart-button .product-btn {  margin-right: 2px;  }

.ajax-quickview-images {  position: relative;  float: left;  }
.ajax-quickview-images > ul {  margin: 0;  }
.ajax-quickview-images > ul > li {  position: absolute;  left: 0;  top: 0;  width: 100%;  z-index: 1;  opacity: 0;  text-align: center;  overflow: hidden;  -moz-transition: opacity 0.5s ease;  -o-transition: opacity 0.5s ease;  -webkit-transition: opacity 0.5s ease;  transition: opacity 0.5s ease;  }
.ajax-quickview-images > ul > li > img {  display: inline-block;  position: absolute;  top: 50%;  left: 50%;  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  max-height: 101%;  max-width: none;  width: auto;  }
.ajax-quickview-images > ul > li.active {  z-index: 2;  opacity: 1;  }

.ajax-quickview-images .next-img,
.ajax-quickview-images .prev-img {  position: absolute;  top: 50%;  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  -webkit-transform: translateY(-50%);  transform: translateY(-50%);  z-index: 5;  width: 45px;  height: 45px;  display: inline-block;  text-align: center;  line-height: 45px;  color: #fff;  background: rgba(0, 0, 0, 0.4);  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;  }
.ajax-quickview-images .next-img:hover,
.ajax-quickview-images .prev-img:hover {  color: #fff;  background: #314872;  }
.ajax-quickview-images .next-img {  right: 15px;  }
.ajax-quickview-images .prev-img {  left: 15px;  }

.ajax-quickview-cont-wrap {  float: right;  max-height: 100%;  overflow-y: auto;  }
.ajax-quickview-cont-wrap .form-horizontal .form-group {  margin-left: 0;  margin-right: 0;  }
.ajax-quickview-cont-wrap .ajax-quickview-cont {  padding: 30px 50px 35px 40px;  }

.ajax-quickview-cont-wrap .sale,
.ajax-quickview-cont-wrap .new-pr,
.ajax-quickview-cont-wrap .discount {  position: static;  }

.ajax-quickview-cont-wrap .product-option-wrap{margin-top:10px;}
.ajax-quickview-cont-wrap .rating{margin-top:10px;}
.ajax-quickview-cont-wrap .product-options {  border-bottom: none;  }

.ajax-quickview-cont-wrap .model,
.ajax-quickview-cont-wrap .manufacturer {  font-size: 18px;  line-height: 1.5em;  }
.ajax-quickview-cont-wrap btn-primary {  vertical-align: middle;  }

.ajax-quickview-cont-wrap .counter,
.ajax-quickview-cont-wrap input[name*="quantity"] {  vertical-align: middle;  font-family: "Open Sans", sans-serif;  }
.ajax-quickview-cont-wrap .counter-plus {  margin-right: 10px;  }

.ajax-quickview-overlay {  position: fixed;  top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 20;  background: rgba(0, 0, 0, 0.4);  opacity: 0;  visibility: hidden;  }
.ajax-quickview-overlay .ajax-quickview-overlay__preloader {  position: absolute;  top: 50%;  left: 50%;  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  display: inline-block;  width: 100px;  height: 100px;  border: 18px solid #fff;  background: url(../image/preloader.gif) no-repeat 50% 50% #fff;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);  }
.ajax-quickview-overlay.visible {  opacity: 1;  visibility: visible;  }

[dir="rtl"] .ajax-quickview .cart-button .product-btn {  margin-right: 0;  margin-left: 2px;  }
[dir="rtl"] .ajax-quickview-cont-wrap .counter-plus {  margin-right: 0;  margin-left: 10px;  }

/* option-color */
div.option-color > div {  display: inline-block;  }
div.option-color .control-label {  vertical-align: top;  line-height: 27px;  margin: 0 11px 0 0;  }
div.option-color .radio {  margin: 0;  display: inline-block;  float: left;  width: auto;  margin-top: 0;  vertical-align: top;  }
div.option-color .radio + .radio {  margin-left: 1px;  margin-right: 0;  margin-top: 0;  }
div.option-color .radio input[type=radio]:checked + label:after {  border-color: #314872;  background: 0 0;  }
div.option-color .radio input[type=radio] + label {  padding: 0;  background: 0 0;  border: none;  line-height: 0;  position: relative;  }
div.option-color .radio input[type=radio] + label img {  display: inline-block;  position: absolute;  top: 3px;  left: 3px;  z-index: 1;max-width: 21px;  }
div.option-color .radio input[type=radio] + label:before {  display: none;  }
div.option-color .radio input[type=radio] + label:after {  position: relative;  display: inline-block;  top: auto;  left: auto;  width: 27px;  height: 27px;  border: 2px solid #fff;  background: 0 0;  -webkit-border-radius: 0;  -moz-border-radius: 0;  border-radius: 0;  }

[dir="rtl"] div.option-color .control-label {  margin-left: 11px;  margin-right: 0;  }
[dir="rtl"] div.option-color .radio {  margin: 0;  }
[dir="rtl"] div.option-color .radio {  float: right;  }
[dir="rtl"] div.option-color .radio + .radio {  margin-left: 0;  margin-right: 1px;  margin-top: 0;  }
[dir="rtl"] div.option-color .radio input[type=radio] + label {  padding: 0 !important;  }
[dir="rtl"] div.option-color .radio input[type=radio] + label:after {  right: auto !important;  }

@media (max-width: 991px) {
  .ajax-quickview-images,
  .ajax-quickview-cont-wrap {  width: 100%;float:none;  }
  .ajax-quickview-cont-wrap .ajax-quickview-cont {  padding: 10px 15px;  }
}

/*========================================================
                      fancybox module
=========================================================*/
div.fancybox-skin {  background: #fff;  }

.fancybox-overlay {  z-index: 10001;  }
.fancybox-opened {  z-index: 10003;  }
.fancybox-lock {  overflow: visible !important;  }
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {  opacity: 0.8;  }
.fancybox-close:hover,
.fancybox-prev span:hover,
.fancybox-next span:hover {  opacity: 1;  }

.fancybox-opened div.fancybox-skin {  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);  -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);  }
.fancybox-skin:hover .fancybox-nav span {  visibility: visible;  }
.fancybox-nav {  height: 40px;  top: 50%;  width: 40px;  }
.fancybox-next {  right: -60px;  }
.fancybox-prev {  left: -60px;  }

html[dir="rtl"] .fancybox-close {  right: auto;  left: -1.4rem;  }

@media (min-width: 768px) {
    .fancybox-next {  right: -30px;  }
    .fancybox-prev {  left: -30px;  }
}

/*========================================================
                      photoswipe module
=========================================================*/
.ps-document-overlay,
.ps-carousel,
.ps-uilayer,
.ps-toolbar,
.ps-caption {  z-index: 100000000 !important;  }

/*========================================================
                      categories module
=========================================================*/
.product-categories{  margin-bottom:1.5rem;  }
.product-categories-thumb{  margin-bottom:1.5rem;  text-align: center;  overflow: hidden;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  -moz-transition: background-color 0.3s ease;  -o-transition: background-color 0.3s ease;  -webkit-transition: background-color 0.3s ease;  transition: background-color 0.3s ease;  }
.product-categories-thumb .name{  font-size: 1rem;  line-height: 1.2em;  margin-top:1rem;  margin-bottom: 1rem;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  text-overflow: ellipsis;  }

/*========================================================
                      EDM Module
=========================================================*/
.newsletter-description {  line-height: 1.7em;  margin-bottom: 1.5rem;  }

/*========================================================
                      Newsletter popup Module
=========================================================*/
.newsletter-popup-wrap {  display: none;  position: fixed;  top: 0;  left: 0;  right: 0;  bottom: 0;  z-index: 10000;  background: rgba(0, 0, 0, 0.4);}
.tablet .newsletter-popup-wrap,
.mobile .newsletter-popup-wrap {  display: none !important;  }
@media (max-width: 767px) {
  .newsletter-popup-wrap {  display: none !important;  }
}
.newsletter-popup {  position: relative; transform: translateY(-50%); top:50%;  width: 440px;  height: 324px;  margin: 0 auto;  background-color: #f1f1f1;  background-repeat: no-repeat;  padding: 55px 40px 10px;  text-align: center;  }

.newsletter-popup .zemez-login-form {  position: relative;  font-size: 0;  line-height: 0;  margin-bottom: 5px;  display: inline-block;  vertical-align: top;  }
.newsletter-popup .zemez-login-form input {  width: 230px;  height: 50px;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  border: none;  background: #fff;  display: inline-block;  font-size: 12px;  line-height: 16px;border-radius: 3px;  }
.newsletter-popup .btn-primary {  vertical-align: top;  padding-top: 13px;  padding-bottom: 14px;  height: 50px;  margin-left: 1px;  margin-right: 1px;  }

.newsletter-popup h3 {  font: 700 22px/24px "Open Sans", sans-serif;  margin-bottom: 5px;  text-transform: none;  }
.newsletter-popup h3 + p {  margin-top: 20px;  }
.newsletter-popup p {  font-size: 12px;  line-height: 21px;  margin-bottom: 25px;  }

.newsletter-popup-dont-show {  bottom: 56px;  position: absolute;  left: 20px;  right: 20px;  }

.newsletter-popup-close-btn {  background: none;  outline: none;  border: none;  position: absolute;  right: -34px;  top: -35px;  display: inline-block;  width: 35px;  height: 35px;  font-size: 14px;  line-height: 35px;  text-align: center;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;  }
.newsletter-popup a.newsletter-popup-close-btn,
.newsletter-popup a.newsletter-popup-close-btn:visited {  color: #fff;  background: #314872;  }
.newsletter-popup a.newsletter-popup-close-btn:hover,
.newsletter-popup a.newsletter-popup-close-btn:focus,
.newsletter-popup a.newsletter-popup-close-btn:active {  color: #fff;  background-color: #333;  }

/*========================================================
                  ToTop Module
=========================================================*/
.ui-to-top {  width: 3rem;  height: 3rem;  font-size: 1.5rem;  line-height: 3rem;  position: fixed;  right: 1.1rem;  bottom: 1.1rem;  overflow: hidden;  text-align: center;  text-decoration: none;  z-index: 3;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;  -moz-transform: translateY(120px) scale(0);  -ms-transform: translateY(120px) scale(0);  -o-transform: translateY(120px) scale(0);  -webkit-transform: translateY(120px) scale(0);  transform: translateY(120px) scale(0);  }
.ui-to-top, .ui-to-top:visited, .ui-to-top:focus, .ui-to-top:hover {  color: #fff;  background: rgba(0, 0, 0, 0.3);  }
.ui-to-top:hover {  color: #fff;  background: #314872;  }
.ui-to-top.active {  -moz-transform: translateY(0px) scale(1);  -ms-transform: translateY(0px) scale(1);  -o-transform: translateY(0px) scale(1);  -webkit-transform: translateY(0px) scale(1);  transform: translateY(0px) scale(1);  }
.mobile .ui-to-top,
.tablet .ui-to-top {  display: none !important;  }

@media (min-width: 480px) {
  .ui-to-top {  right: 2rem;  bottom: 5rem;  }
  html[dir="rtl"] .ui-to-top {  right: auto;  left: 20px;  }
}

/*========================================================
                  zbuy Module
=========================================================*/
.bottom_slide{  position:fixed;  z-index:951;  width:100%;  background-color:#f9f9f9;  left:0;  bottom:0;  -moz-transform: translateY(100%);  -ms-transform: translateY(100%);  -o-transform: translateY(100%);  -webkit-transform: translateY(100%);  transform: translateY(100%);  -moz-transition: 0.3s ease;  -o-transition: 0.3s ease;  -webkit-transition: 0.3s ease;  transition: 0.3s ease;  }
.bottom_slide.active{  -moz-transform: translateY(0%);  -ms-transform: translateY(0%);  -o-transform: translateY(0%);  -webkit-transform: translateY(0%);  transform: translateY(0%);  }

.zbuy{position:fixed;bottom:0px;width:100%;background-color:white;padding:10px;z-index:19;border-top: 1px solid #eee;}
.zbuy-close{position: absolute;top:1rem;right:1rem;font-size:1.5rem;padding:0;opacity: 0.6;color: #303030}
.zbuy-close:hover{opacity: 1;}
.zbuy-add{text-align:left;}
.zbuy-image{padding-top:1rem;padding-bottom:1rem;background: #fff;}
.zbuy-image .title{height:4.5rem;line-height:1.5rem;overflow:hidden;overflow-y:auto;}
.zbuy-image img{cursor:pointer;}
.zbuy-add .zbuy-options{max-height:350px;overflow-y:auto;}
.zbuy-add .zbuy_parent .product_color{margin-bottom:0;}
.zbuy-add .zbuy_parent .product_color .product_color_name{font-size:1.2rem;margin:1rem 0rem;font-weight:bold;}
.zbuy-add .zbuy_option{}
.zbuy-add .zbuy_option .control-label{font-size:1.2rem;margin:1rem 0rem;font-weight:bold;}
.zbuy-add .zbuy_num{margin-bottom:1rem;}
.zbuy-add .zbuy_num .input-group{width:10rem;}
.zbuy-button{margin-bottom:1rem;}
.zbuy-button .add{display:none;}
.zbuy-button .buy{display:none;}
.zbuy-button .add.active{display:block;}
.zbuy-button .buy.active{display:block;}

/*========================================================
                  Abandoned Module
=========================================================*/


/*========================================================
                  livechat module
=========================================================*/

.chat_window_button{position: fixed;right: 1rem; bottom: 0px;z-index: 5;padding: 1rem 1.5rem;border-top-right-radius: 6px;border-top-left-radius: 6px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);min-width:8rem;border:0px;}
.chat_window_button{background: rgba(0, 0, 0, 0.8);color: #fff;}
.chat_window_button:hover{background: #000; }
.chat_window_button.active{display: none;}
.chat_window_button i{margin-right: 1rem;font-size: 1.2rem;position: relative;}

.chat_window .chat_body{position: fixed;right: 10px; bottom: 0px;z-index: 19;max-height: 0px;-moz-transition: 0.3s ease;-o-transition: 0.3s ease;-webkit-transition: 0.3s ease;transition: 0.3s ease;box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);}
.chat_window .chat_body.active{max-height: 40rem;}
.chat_window .chat_body .chat_title{background: rgba(48, 48, 48, 0.9);display: flex;justify-content: space-between;padding: 1rem 1.2rem;color: #fff;border-top-right-radius: 6px;border-top-left-radius: 6px;}
.chat_window .chat_body .chat_title div i{margin-right: 5px;}
.chat_window .chat_body .chat_title > i{cursor: pointer;}
.chat_window .chat_body .chat_content{background: rgba(255, 255, 255, 0.95);padding: 1rem 2rem;color:#000;}
.chat_window .chat_body .chat_content div{max-width:20rem;display: flex;flex-flow: column;align-items: center;}
.chat_window .chat_body .chat_content div .t0 i{font-size:5rem;line-height:6rem;}
.chat_window .chat_body .chat_content div .t1{padding-top:1rem;text-align: center;width: 90%;}
.chat_window .chat_body .chat_content div .t2{display: flex;flex-flow: column;padding: 15px 0px;width: 100%;text-align: center;}
.chat_window .chat_body .chat_content div .t2 a{padding: 12px 15px;background: #ff8b00;color: #fff;border-radius: 4px;margin-top: 15px;width: 70%;}
.chat_window .chat_body .chat_content div .t2 a:hover{background: #ff981d}
@media (max-width: 767px) {
  .chat_window_button{right:0.5rem; bottom:6rem;border-radius: 50%;height:4.4rem;width:4.4rem;min-width: unset;}
  .product-product .chat_window_button{bottom:18rem}
  .chat_window_button i{margin-right: 0px;font-size: 1.5em;}
  .chat_window_button span{display: none;}
  .chat_window .chat_body{width: 100%;right: 0px;}
  .chat_window .chat_body .chat_content div{max-width: 100%;right: 0px; bottom: 0px;}
}

/*========================================================
                  d_quickcheckout module
=========================================================*/
.ve-input[type=text], .ve-input[type=email], .ve-input[type=password], .ve-input[type=time], .ve-input[type=date], .ve-input[type=datetime], .ve-input[type=tel] {
  width: 100%;
  box-shadow: unset;
  height: 3rem;
  border: 1px solid #e8e8e8;
  border-radius:0;
}
.ve-input-group__addon:first-child, .ve-input-group .ve-input:first-child, .ve-input-group .ve-btn:first-child, .ve-input-group a.ve-btn:first-child, .ve-input-group a:not([href]):not([tabindex]).ve-btn:first-child{
  height:3rem;
}
.ve-input-group__addon:not(:first-child):not(:last-child), .ve-input-group .ve-input:not(:first-child):not(:last-child), .ve-input-group .ve-btn:not(:first-child):not(:last-child), .ve-input-group a.ve-btn:not(:first-child):not(:last-child), .ve-input-group a:not([href]):not([tabindex]).ve-btn:not(:first-child):not(:last-child){
  height:3rem;
}
.ve-input-group__addon:last-child, .ve-input-group .ve-input:last-child, .ve-input-group .ve-btn:last-child, .ve-input-group a.ve-btn:last-child, .ve-input-group a:not([href]):not([tabindex]).ve-btn:last-child{
  height:3rem;
}
.qc-confirm{margin-bottom:2.5rem;}
.qc .process {  box-shadow: unset; margin-bottom:0px; }
.ve-btn, a.ve-btn, a:not([href]):not([tabindex]).ve-btn{height:3rem;line-height:3rem;}
.qc-confirm .ve-btn--hg{height:3rem;line-height:3rem;}

.qc-confirm .ve-btn--hg {
  height: 4rem;
  line-height: 4rem;
}
.qc-loader{top:40%;}

@media (max-width: 991px) {
.qc .qc-row {margin-right: -10px;margin-left: -10px;}
.qc .qc-col-xs-1, .qc .qc-col-sm-1, .qc .qc-col-md-1, .qc .qc-col-lg-1, .qc .qc-col-xs-2, .qc .qc-col-sm-2, .qc .qc-col-md-2, .qc .qc-col-lg-2, .qc .qc-col-xs-3, .qc .qc-col-sm-3, .qc .qc-col-md-3, .qc .qc-col-lg-3, .qc .qc-col-xs-4, .qc .qc-col-sm-4, .qc .qc-col-md-4, .qc .qc-col-lg-4, .qc .qc-col-xs-5, .qc .qc-col-sm-5, .qc .qc-col-md-5, .qc .qc-col-lg-5, .qc .qc-col-xs-6, .qc .qc-col-sm-6, .qc .qc-col-md-6, .qc .qc-col-lg-6, .qc .qc-col-xs-7, .qc .qc-col-sm-7, .qc .qc-col-md-7, .qc .qc-col-lg-7, .qc .qc-col-xs-8, .qc .qc-col-sm-8, .qc .qc-col-md-8, .qc .qc-col-lg-8, .qc .qc-col-xs-9, .qc .qc-col-sm-9, .qc .qc-col-md-9, .qc .qc-col-lg-9, .qc .qc-col-xs-10, .qc .qc-col-sm-10, .qc .qc-col-md-10, .qc .qc-col-lg-10, .qc .qc-col-xs-11, .qc .qc-col-sm-11, .qc .qc-col-md-11, .qc .qc-col-lg-11, .qc .qc-col-xs-12, .qc .qc-col-sm-12, .qc .qc-col-md-12, .qc .qc-col-lg-12{
padding-right: 10px;padding-left: 10px;
}

}
@media (max-width: 767px) {
.qc .qc-row {margin-right: -5px;margin-left: -5px;}
.qc .qc-col-xs-1, .qc .qc-col-sm-1, .qc .qc-col-md-1, .qc .qc-col-lg-1, .qc .qc-col-xs-2, .qc .qc-col-sm-2, .qc .qc-col-md-2, .qc .qc-col-lg-2, .qc .qc-col-xs-3, .qc .qc-col-sm-3, .qc .qc-col-md-3, .qc .qc-col-lg-3, .qc .qc-col-xs-4, .qc .qc-col-sm-4, .qc .qc-col-md-4, .qc .qc-col-lg-4, .qc .qc-col-xs-5, .qc .qc-col-sm-5, .qc .qc-col-md-5, .qc .qc-col-lg-5, .qc .qc-col-xs-6, .qc .qc-col-sm-6, .qc .qc-col-md-6, .qc .qc-col-lg-6, .qc .qc-col-xs-7, .qc .qc-col-sm-7, .qc .qc-col-md-7, .qc .qc-col-lg-7, .qc .qc-col-xs-8, .qc .qc-col-sm-8, .qc .qc-col-md-8, .qc .qc-col-lg-8, .qc .qc-col-xs-9, .qc .qc-col-sm-9, .qc .qc-col-md-9, .qc .qc-col-lg-9, .qc .qc-col-xs-10, .qc .qc-col-sm-10, .qc .qc-col-md-10, .qc .qc-col-lg-10, .qc .qc-col-xs-11, .qc .qc-col-sm-11, .qc .qc-col-md-11, .qc .qc-col-lg-11, .qc .qc-col-xs-12, .qc .qc-col-sm-12, .qc .qc-col-md-12, .qc .qc-col-lg-12{
padding-right: 5px;padding-left: 5px;
}
}