@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800");

@import url("https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700");

@import url("https://fonts.googleapis.com/css?family=Shadows+Into+Light");

html {

  font-size: 62.5%;

  font-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%

}



body {

  background-color: #fff;

  color: #7a7d82;

  font: normal 400 1.4rem / 1.8 "Open Sans", sans-serif;

  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

  overflow-x: hidden

}



body:not(.loaded)>*:not(.loading-overlay) {

  visibility: hidden

}



::-moz-selection {

  background-color: #282d3b;

  color: #fff

}



::selection {

  background-color: #282d3b;

  color: #fff

}



p {

  margin-bottom: 1.5rem

}



ul,

ol {

  margin: 0 0 2.25rem;

  padding: 0;

  list-style: none

}



b,

strong {

  font-weight: 700

}



em,

i {

  font-style: italic

}



hr {

  max-width: 1730px;

  margin: 5.5rem auto 5.2rem;

  border: 0;

  border-top: 1px solid #dfdfdf

}



sub,

sup {

  position: relative;

  font-size: 70%;

  line-height: 0;

  vertical-align: baseline

}



sup {

  top: -.5em

}



sub {

  bottom: -.25em

}



img {

  display: block;

  max-width: 100%;

  height: auto

}



@-webkit-keyframes rotating {

  from {

    -webkit-transform: rotate(0deg)

  }

  to {

    -webkit-transform: rotate(360deg)

  }

}



@keyframes rotating {

  from {

    transform: rotate(0deg)

  }

  to {

    transform: rotate(360deg)

  }

}



@-webkit-keyframes spin {

  0% {

    -webkit-transform: rotate(0deg)

  }

  100% {

    -webkit-transform: rotate(359deg)

  }

}



@keyframes spin {

  0% {

    transform: rotate(0deg)

  }

  100% {

    transform: rotate(359deg)

  }

}



@-webkit-keyframes bouncedelay {

  0%,

  80%,

  100% {

    -webkit-transform: scale(0)

  }

  40% {

    -webkit-transform: scale(1)

  }

}



@keyframes bouncedelay {

  0%,

  80%,

  100% {

    transform: scale(0)

  }

  40% {

    transform: scale(1)

  }

}



.loading-overlay {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  transition: all .5s ease-in-out;

  background: #fff;

  opacity: 1;

  visibility: visible;

  z-index: 999999

}



.loaded>.loading-overlay {

  opacity: 0;

  visibility: hidden

}



.bounce-loader {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 70px;

  margin: -9px 0 0 -35px;

  transition: all .2s;

  text-align: center;

  z-index: 10000

}



.bounce-loader .bounce1,

.bounce-loader .bounce2,

.bounce-loader .bounce3 {

  display: inline-block;

  width: 18px;

  height: 18px;

  border-radius: 100%;

  background-color: #CCC;

  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);

  -webkit-animation: 1.4s ease-in-out 0s normal both infinite bouncedelay;

  animation: 1.4s ease-in-out 0s normal both infinite bouncedelay

}



.bounce-loader .bounce1 {

  -webkit-animation-delay: -.32s;

  animation-delay: -.32s

}



.bounce-loader .bounce2 {

  -webkit-animation-delay: -.16s;

  animation-delay: -.16s

}



h1,

.h1,

h2,

.h2,

h3,

.h3,

h4,

.h4,

h5,

.h5,

h6,

.h6 {

  margin-bottom: 1.8rem;

  color: #2b2b2d;

  font-weight: 700;

  letter-spacing: 0;

  line-height: 1.1

}



h1,

.h1 {

  font-size: 3rem

}



h2,

.h2 {

  font-size: 2.2rem

}



h3,

.h3 {

  font-size: 1.7rem

}



h4,

.h4 {

  font-size: 1.5rem

}



h5,

.h5 {

  font-size: 1.2rem

}



h6,

.h6 {

  font-size: 1rem

}



a {

  transition: all .3s;

  color: #282d3b;

  text-decoration: none

}



a:hover,

a:focus {

  color: #282d3b;

  text-decoration: underline

}



.heading {

  margin-bottom: 4rem;

  font-size: 1.4rem

}



.heading .title {

  margin-bottom: 1.6rem

}



.heading p {

  letter-spacing: -.015em

}



.heading p:last-child {

  margin-bottom: 0

}



.title {

  text-transform: uppercase

}



.subtitle {

  margin-bottom: 2rem;

  color: #2b2b2d;

  font: 700 1.8rem/1 "Open Sans", sans-serif;

  text-transform: uppercase

}



.carousel-title {

  margin-bottom: 2.2rem;

  padding: 0;

  color: #2b2b2d;

  font: 700 1.7rem/1 "Open Sans", sans-serif;

  letter-spacing: -.01rem;

  text-transform: uppercase

}



.light-title {

  margin-bottom: 2rem;

  font-weight: 300

}



.text-primary {

  color: #08c !important

}



.lead {

  margin-bottom: 2rem;

  color: #21293c;

  font-size: 1.8rem;

  font-weight: 400;

  line-height: 1.5

}



@media screen and (min-width: 768px) {

  h1,

  .h1 {

    font-size: 3.2rem

  }

  h2,

  .h2 {

    font-size: 2.4rem

  }

}



@media screen and (min-width: 992px) {

  h1,

  .h1 {

    font-size: 3.6rem

  }

}



.container-fluid {

  width: 100%;

  margin-right: auto;

  margin-left: auto

}



.page-wrapper {

  position: relative;

  transition: transform .35s

}



.mmenu-active .page-wrapper {

  transform: translateX(250px)

}



.main {

  flex: 1 1 auto

}



.row.row-sm {

  margin-right: -10px;

  margin-left: -10px

}



.row.row-sm [class*='col-'] {

  padding-right: 10px;

  padding-left: 10px

}



.ajax-overlay {

  display: -ms-flexbox;

  display: flex;

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  -ms-flex-align: center;

  align-items: center;

  background-color: rgba(0, 0, 0, 0.6);

  z-index: 1041

}



@media screen and (min-width: 1200px) {

  .padding-left-lg {

    padding-left: 35px

  }

  .padding-right-lg {

    padding-right: 35px

  }

  .col-xl-5col {

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%

  }

  .col-xl-7col {

    -ms-flex: 0 0 14.2857%;

    flex: 0 0 14.2857%;

    max-width: 14.2857%

  }

  .col-xl-8col {

    -ms-flex: 0 0 12.5%;

    flex: 0 0 12.5%;

    max-width: 12.5%

  }

}



@media screen and (min-width: 1280px) {

  .container {

    max-width: 1200px

  }

}



@media screen and (max-width: 991px) {

  .container {

    max-width: 100%

  }

}



.header {

  border-top: 0.3rem solid #08c;

  background-color: #fff

}



.header .container,

.header .container-fluid {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center

}



.header .btn-remove::before {

  display: none

}



.header-left,

.header-center,

.header-right {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center

}



.header-right {

  margin-left: auto

}



.header-center {

  margin-right: auto;

  margin-left: auto

}



.header-top {

  padding-top: .4rem;

  padding-bottom: .4rem;

  background-color: #fed700;

  color: #999;

  font-size: 1.1rem;

  letter-spacing: .025rem;

  line-height: 1.5

}



.header-top a {

  padding-top: .5rem;

  padding-bottom: .5rem;

  color: inherit

}



.welcome-msg {

  display: none;

  position: relative;

  margin: .3rem 2rem .3rem 0;

  text-transform: uppercase

}



.welcome-msg::after {

  position: absolute;

  top: 50%;

  right: -14px;

  height: 11px;

  margin-top: -5.5px;

  border-right: 1px solid;

  content: '';

  opacity: .8

}



.header-middle {

  padding-top: 3.5rem;

  padding-bottom: 3.5rem

}



.logo {

  display: block

}



.logo img {

  display: block;

  max-width: 100%;

  height: auto;

  width: 101px;

}



.header-dropdown {

  position: relative;

}



.header-dropdown>a {

  display: -ms-inline-flexbox;

  display: inline-flex;

  position: relative;

  -ms-flex-align: center;

  align-items: center;

  padding-right: 1.1rem

}



.header-dropdown>a::after {

  position: absolute;

  top: 50%;

  right: 0;

  width: 0;

  height: 0;

  margin-top: -2px;

  margin-left: .6rem;

  border-width: 4px 3px 0;

  border-style: solid;

  border-color: #999 transparent transparent;

  content: ''

}



.header-dropdown a img {

  display: inline-block;

  max-width: 16px;

  height: auto;

  margin-right: .6rem

}



.header-dropdown a:hover,

.header-dropdown a:focus {

  text-decoration: none

}



.header-menu {

  position: absolute;

  top: 100%;

  left: 0;

  min-width: 100%;

  padding-top: .4rem;

  padding-bottom: .4rem;

  transition: all .25s;

  border: 1px solid #ccc;

  background-color: #fff;

  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);

  opacity: 0;

  visibility: hidden;

  z-index: 20

}



.header-right .header-menu {

  right: 0;

  left: auto

}



.header-dropdown:hover>.header-menu {

  opacity: 1;

  visibility: visible

}



.header-menu ul {

  margin: 0;

  padding: 0;

  list-style: none

}



.header-menu ul li {

  position: relative;

  margin: 0

}



.header-menu ul a {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  padding: 2px 9px;

  white-space: nowrap

}



.header-menu a {

  color: inherit

}



.header-menu a:hover,

.header-menu a:focus {

  background-color: #ccc;

  color: #fff

}



.header-dropdowns .header-dropdown+.header-dropdown,

.header-dropdowns .header-dropdown+.dropdown {

  margin-left: 29px

}



.header-dropdowns .header-dropdown+.header-dropdown::before,

.header-dropdowns .header-dropdown+.dropdown::before {

  position: absolute;

  top: 50%;

  left: -14px;

  height: 11px;

  margin-top: -5.5px;

  border-right: 1px solid;

  content: '';

  opacity: .8

}



.dropdownmenu-wrapper {

  position: relative;

  padding: 2rem;

  border: 1px solid #f0f0f0;

  border-radius: 0;

  background-color: #fff;

  box-shadow: 0 29px 28px rgba(0, 0, 0, 0.1)

}



.dropdownmenu-wrapper::before,

.dropdownmenu-wrapper::after {

  display: block;

  position: absolute;

  width: 0;

  height: 0;

  border-style: solid;

  content: ''

}



.dropdownmenu-wrapper::before {

  top: -12px;

  left: 15px;

  border-width: 0 13px 12px;

  border-color: transparent transparent #f0f0f0

}



.dropdownmenu-wrapper::after {

  top: -10px;

  left: 16px;

  border-width: 0 12px 10px;

  border-color: transparent transparent #fff

}



.cart-dropdown .dropdown-menu,

.compare-dropdown .dropdown-menu {

  display: block;

  top: 100%;

  left: 0;

  /* width: 300px; */
  width: 220px;

  margin: 0;

  padding-top: 12px;

  transition: all .25s;

  border: 0;

  background-color: transparent;

  color: #777;

  font-size: 1.1rem;

  box-shadow: none;

  opacity: 0;

  visibility: hidden;

  z-index: 100

}



.cart-dropdown .dropdown-menu.show,

.compare-dropdown .dropdown-menu.show {

  opacity: 1;

  visibility: visible

}



.cart-dropdown:hover .dropdown-menu,

.compare-dropdown:hover .dropdown-menu {

  opacity: 1;

  visibility: visible

}



.compare-dropdown .dropdown-toggle,

.cart-dropdown .dropdown-toggle {

  text-decoration: none

}



.compare-dropdown .dropdown-toggle:hover,

.compare-dropdown .dropdown-toggle:focus,

.cart-dropdown .dropdown-toggle:hover,

.cart-dropdown .dropdown-toggle:focus {

  text-decoration: none

}



.compare-dropdown .dropdown-toggle {

  text-transform: uppercase

}



.compare-dropdown .dropdown-toggle i {

  margin-top: -.2rem;

  margin-right: .2rem

}



.compare-dropdown .dropdown-toggle i::before {

  margin: 0

}



.compare-dropdown .dropdown-toggle::after {

  display: none

}



.compare-products {

  margin: 0;

  padding: 0;

  list-style: none

}



.compare-products .product {

  position: relative;

  margin: 0;

  padding: .5rem 0;

  box-shadow: none !important

}



.compare-products .product:hover {

  box-shadow: none

}



.compare-products .product-title {

  margin: 0;

  color: #696969;

  font-size: 1.1rem;

  font-weight: 400;

  line-height: 1.35;

  text-transform: uppercase

}

.wishlist-dropdown{margin-right: 21px;}

.wishlist-dropdown a i{

    font-size:2.5rem;

    color: #0085c8;

}

   .dot {

  height: 16px;

  width: 16px;

  background-color: #ff0000;

  border-radius: 50%;

  display: inline-block;

  text-align: center;

	position: absolute;margin-top: -6px;color: #fff;

font-size: 11px;line-height: 1.4;

}

.compare-products .btn-remove {

  display: -ms-flexbox;

  display: flex;

  position: absolute;

  top: 50%;

  right: 0;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 2.3rem;

  height: 2.3rem;

  margin-top: -1.2rem;

  padding: .5rem 0;

  color: #777;

  font-size: 1.3rem;

  line-height: 1;

  text-align: center;

  overflow: hidden

}



.compare-actions {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  margin-top: 2rem

}



.compare-actions .action-link {

  display: inline-block;

  color: #777;

  font-size: 1.1rem;

  text-transform: uppercase

}



.compare-actions .btn {

  min-width: 110px;

  margin-left: auto;

  padding: .9rem 1rem;

  border: 0;

  border-radius: .2rem;

  color: #fff;

  font-size: 1.2rem;

  font-weight: 400;

  letter-spacing: .025rem;

  text-align: center;

  text-transform: uppercase

}



.cart-dropdown .dropdown-toggle {

  display: block;

  position: relative;

  padding-right: 2.6rem

}



.cart-dropdown .dropdown-toggle .cart-count {

  display: -ms-flexbox;

  display: flex;

  position: absolute;

  top: -.2rem;

  right: 1.9rem;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;

  min-width: 1.6rem;

  height: 1.6rem;

  padding-bottom: 1px;

  border-radius: 50%;

  background-color: #ed5348;

  color: #fff;

  font-size: 1rem;

  font-weight: 600;

  line-height: 1;

  box-shadow: 0 7px 8px rgba(0, 0, 0, 0.05)

}



.cart-dropdown .dropdown-toggle::before {

  display: inline-block;

  margin: 2px 0 0;

  color: #08c;

  font-family: 'porto';

  font-size: 3.3rem;

  line-height: 1;

  content: '\e87f'

}



.cart-dropdown .dropdown-toggle::after {

  display: inline-block;

  position: absolute;

  top: 1rem;

  right: 0;

  width: auto;

  height: auto;

  margin: 0;

  transition: all .3s;

  border: 0;

  color: #606669;

  font-family: 'porto';

  font-size: 1.4rem;

  line-height: 1;

  content: '\e81c'

}



.cart-dropdown .dropdown-menu {

  right: 0;

  left: auto

}



.cart-dropdown .dropdownmenu-wrapper {

  padding: 1.6rem 1.9rem

}



.cart-dropdown .dropdownmenu-wrapper::before {

  right: 28px;

  left: auto

}



.cart-dropdown .dropdownmenu-wrapper::after {

  right: 29px;

  left: auto

}



.cart-dropdown .product {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  margin: 0 !important;

  padding: 1.6rem 1rem;

  border-bottom: 1px solid #e6ebee;

  box-shadow: none !important

}



.cart-dropdown .product-image-container {

  position: relative;

  max-width: 80px;

  margin: 0;

  margin-left: auto;

  border: 1px solid #ededed

}



.cart-dropdown .product-title {

  margin-bottom: .2rem;

  color: #696969;

  font-size: 1.3rem;

  font-weight: 600;

  text-align: left

}



.cart-dropdown .product-details {

  color: #696969;

  font-size: 1.3rem;

  font-weight: 600;

  text-align: left

}



.cart-dropdown .btn-remove {

  display: -ms-flexbox;

  display: flex;

  position: absolute;

  top: -1rem;

  right: -1rem;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 2rem;

  height: 2rem;

  border-radius: 50%;

  background-color: #fff;

  color: #474747;

  font-size: 1.1rem;

  line-height: 1;

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)

}



.cart-dropdown .btn-remove:hover,

.cart-dropdown .btn-remove:focus {

  color: #08c;

  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3)

}



.dropdown-cart-total {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: end;

  align-items: flex-end;

  margin-bottom: 1.1rem;

  padding: .7rem 1rem;

  color: #474747;

  font-size: 1.3rem;

  font-weight: 700;

  text-transform: uppercase

}



.dropdown-cart-total .cart-total-price {

  margin-left: auto;

  font-size: 1.5rem

}



.dropdown-cart-action {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: justify;

  justify-content: space-between;

  padding: .2rem 1rem 1.5rem

}



.dropdown-cart-action .btn {

  min-width: 110px;
  min-width: 75px;

  padding: 1.25rem 1rem;

  border-radius: .2rem;

  border-color: #010204;

  background-color: #010204;

  color: #fff;

  font-size: 1.2rem;

  font-weight: 400;

  letter-spacing: .025rem;

  text-transform: uppercase

}



.dropdown-cart-action .btn:hover,

.dropdown-cart-action .btn:focus {

  border-color: #222;

  background-color: #222;

  color: #fff

}



.header-search {

  position: relative;

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 0;

  line-height: 1

}



.header-search .header-search-wrapper {

  display: none;

  position: relative;

  -ms-flex-align: stretch;

  align-items: stretch;

  width: 70%;

  min-width: 250px;

  border: 1px solid #dbe0e2;

  border-radius: 20px;

  background-color: #fff;

  overflow: visible;margin-left:16%;

}



.header-search .header-search-wrapper::after {

  display: block;

  clear: both;

  content: ''

}



.header-search .header-search-wrapper.show {

  display: -ms-flexbox;

  display: flex

}



.header-search form {

  margin: 0

}



.header-search .select-custom {

  flex: 0 0 142px;

  margin: 0

}



.header-search .select-custom::after {

  right: 1.1rem;

  color: #8d8d8d;

  font-size: 1.4rem

}



.header-search .form-control,

.header-search select {

  height: 38px;

  margin: 0;

  background-color: #fff;

  font: 400 1.3rem/1.5 "Open Sans", sans-serif

}



.header-search .form-control {

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  width: 100%;

  margin: 0;

  padding: 4px 22px;

  border: 0;

  border-radius: 20px 0 0 20px;

  color: #8d8d8d;

  line-height: 20px;

  box-shadow: none

}



.header-search .form-control::-webkit-input-placeholder {

  color: #8d8d8d

}



.header-search .form-control::-moz-placeholder {

  color: #8d8d8d

}



.header-search .form-control:-ms-input-placeholder {

  color: #8d8d8d

}



.header-search .form-control::-ms-input-placeholder {

  color: #8d8d8d

}



.header-search .form-control::placeholder {

  color: #8d8d8d

}



.header-search select {

  width: 100%;

  padding: 1px 20px 1px 10px;

  border: 0;

  border-left: 1px solid #dbe0e2;

  border-radius: 0;

  color: #8d8d8d;

  line-height: 36px;

  -moz-appearance: none;

  -webkit-appearance: none

}



.header-search .search-toggle {

  display: inline-block;

  min-width: 2.5rem;

  padding: 1rem 0;

  color: #08c;

  font-size: 1.6rem;

  font-weight: 700;

  line-height: 1;

  text-align: center

}



.header-search .search-toggle i {

  display: inline-block;

  margin-bottom: 2px

}



.header-search .btn {

  -ms-flex: 0 0 50px;

  flex: 0 0 50px;

  min-width: 0;

  max-width: 50px;

  height: 38px;

  margin: 0;

  padding: 0 3px 0 0;

  border: 0;

  border-left: 1px solid #dbe0e2;

  border-radius: 0 20px 20px 0;

  background: transparent;

  background-color: transparent;

  color: #606669;

  font-size: 1.5rem;

  font-weight: 400;

  line-height: 1;

  cursor: pointer

}



.header-search .btn i::before {

  margin: 0

}



.header-search .btn:hover,

.header-search .btn:focus {

  background-color: transparent;

  color: #08c

}



.header-contact {

  position: relative;

  margin-right: 3.2rem;

  padding-right: 3.6rem;

  color: #606669;

  font-size: 1.8rem;

  letter-spacing: 0;

  line-height: 1.4

}





.header-contact span {

  display: block;

  color: #787d7f;

  font-size: 1.1rem;

  font-weight: 600;

  text-transform: uppercase

}



.header-contact a {

  color: inherit

}



.header-contact a:hover,

.header-contact a:focus {

  color: #08c;

  text-decoration: none

}



.header-bottom .container,

.header-bottom .container-fluid {

  position: relative

}



.header-bottom .logo,

.header-bottom .cart-dropdown {

  display: none

}



.header-bottom .logo {

  margin-right: 2.5rem

}



.header-bottom .logo img {

  width: auto;

  max-height: 32px

}



.header-bottom .cart-dropdown {

  order: 2;

  margin-left: auto

}



.header-bottom .cart-dropdown .dropdown-toggle {

  padding-right: 1.6rem

}



.header-bottom .cart-dropdown .dropdown-toggle::before {

  font-size: 2.6rem

}



.header-bottom .cart-dropdown .dropdown-toggle .cart-count {

  right: .9rem

}



.header-bottom .cart-dropdown .dropdownmenu-wrapper::before {

  right: 15px

}



.header-bottom .cart-dropdown .dropdownmenu-wrapper::after {

  right: 16px

}



.mobile-menu-toggler {

  display: none;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-right: 1.5rem;

  padding: 1rem .5rem;

  border: 0;

  background: transparent;

  color: #08c;

  font-size: 2.1rem;

  line-height: 1;

  cursor: pointer

}



.mobile-menu-toggler i::before {

  margin: 0

}



@media screen and (min-width: 576px) {

  .welcome-msg {

    display: block

  }

}



@media screen and (min-width: 768px) {

  .welcome-msg {

    margin-right: 3rem

  }

}



@media screen and (min-width: 992px) {

  .header {

    padding-bottom: 1rem

  }

  .dropdown-expanded>a {

    display: none

  }

  .dropdown-expanded .header-menu {

    position: static;

    top: auto;

    right: auto;

    left: auto;

    padding: 0;

    border: 0;

    background-color: transparent;

    box-shadow: none;

    opacity: 1;

    visibility: visible

  }

  .dropdown-expanded .header-menu ul {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center

  }

  .dropdown-expanded .header-menu ul li+li {

    margin-left: 3rem

  }

  .dropdown-expanded .header-menu ul li+li::before {

    position: absolute;

    top: 50%;

    left: -14px;

    height: 11px;

    margin-top: -5.5px;

    border-right: 1px solid;

    content: '';

    opacity: .8

  }

  .dropdown-expanded .header-menu ul a {

    padding: 0

  }

  .dropdown-expanded .header-menu a {

    color: inherit

  }

  .dropdown-expanded .header-menu a:hover,

  .dropdown-expanded .header-menu a:focus {

    background-color: transparent;

    color: #999;

    text-decoration: underline

  }

  .header-search .search-toggle {

    display: none

  }

  .header-search form {

    width: 410px

  }

  .header-search .header-search-wrapper {

    display: -ms-flexbox;

    display: flex

  }

}



@media screen and (min-width: 1200px) {

  .header-middle .header-center {

    padding-left: 90px

  }

}



@media screen and (max-width: 991px) {

  .header-search {

    margin-left: 5px

  }

  .header-search .header-search-wrapper {

    position: absolute;

    top: 100%;

    right: -80px;

    width: 450px;

    margin-top: .3rem;

    border-width: 5px;

    border-radius: 24px;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.075);

    z-index: 99

  }

  .header-search .header-search-wrapper::before {

    display: block;

    position: absolute;

    top: -25px;

    right: 77px;

    width: 20px;

    height: 20px;

    border: 10px solid transparent;

    border-bottom-color: #dbe0e2;

    content: ''

  }

  .cart-dropdown .dropdown-toggle::before {

    font-size: 2.6rem

  }

  .cart-dropdown .dropdownmenu-wrapper::before {

    right: 25px

  }

  .cart-dropdown .dropdownmenu-wrapper::after {

    right: 26px

  }

  .header-middle .header-right {

    margin-left: 1rem

  }

  .header-center {

    margin-right: 0;

    margin-left: auto

  }

  .header-contact {

    margin-right: 1.8rem;

    padding-right: 2rem

  }

  .header-bottom {

    display: none

  }

  .mobile-menu-toggler {

    display: -ms-flexbox;

    display: flex

  }

}



@media screen and (max-width: 767px) {

  .header-middle {

    padding-top: 3rem;

    padding-bottom: 3rem

  }

  .header-contact {

    display: none

  }

  .header-search .header-search-wrapper {

    width: 380px

  }

  .header-search .select-custom {

    -ms-flex: 0 0 132px;

    flex: 0 0 132px

  }

  .header-search .btn {

    -ms-flex: 0 0 40px;

    flex: 0 0 40px

  }

  .cart-dropdown .dropdown-toggle {

    padding-right: 1.5rem

  }

  .cart-dropdown .dropdown-toggle .cart-count {

    right: .9rem

  }

  .cart-dropdown .dropdown-toggle::before {

    font-size: 2.3rem

  }

  .cart-dropdown .dropdownmenu-wrapper::before {

    right: 12px

  }

  .cart-dropdown .dropdownmenu-wrapper::after {

    right: 13px

  }

  .mobile-menu-toggler {

    margin-right: 1rem

  }

  .header-middle .header-right {

    margin-left: .7rem

  }

}



@media screen and (max-width: 479px) {

  .header-middle {

    padding-top: 2.5rem;

    padding-bottom: 2.5rem

  }

  .header-search .header-search-wrapper {

    width: 260px;

  }

  .compare-dropdown {

    display: none

  }

}



@media (max-width: 360px) {

  .header-search .header-search-wrapper {

    width: 240px

  }

  .header-search .select-custom {

    display: none

  }

  .cart-dropdown .dropdown-menu,

  .compare-dropdown .dropdown-menu {

    width: 260px

  }

  .cart-dropdown .dropdownmenu-wrapper,

  .compare-dropdown .dropdownmenu-wrapper {

    padding: 1rem 1.4rem

  }

  .dropdown-cart-action .btn {

    min-width: 100px

  }

}



.main-nav {

  width: 100%;

  background-color: #fed700

}



.menu,

.menu * {

  margin: 0;

  padding: 0;

  list-style: none

}



.menu::after {

  display: block;

  clear: both;

  content: ''

}



.menu li {

  position: relative;

  padding-right: 1rem;

  padding-left: 1rem

}



.menu li.megamenu-container {

  position: static

}



.menu li a {

  display: block;

  padding: .7rem 1rem;

  transition: background .25s;

  color: #696969;

  font-size: 1.2rem;

  font-weight: 600;

  text-transform: uppercase;

  white-space: nowrap

}



.menu li .menu-title {

  margin-top: 1.25rem;

  margin-bottom: 0;

  color: #434d53;

  letter-spacing: -.01rem;

  text-transform: uppercase

}



.menu li .menu-title a {

  padding: .7rem 2rem;

  color: #434d53;

  font-size: 1.3rem;

  font-weight: 700

}



.menu li .menu-title a:hover,

.menu li .menu-title a:focus {

  text-decoration: underline

}



.menu>li {

  padding-right: 0;

  padding-left: 0;

  float: left

}



.menu>li>a {

  padding: 1.25rem 1.5rem;

  background-color: transparent;

  color: #08c;

  font-weight: 700;

  letter-spacing: .01rem

}



.menu>li>a .tip {

  position: absolute;

  top: -4px;

  right: 22px;

  margin: 0

}



.menu>li>a .tip::before {

  position: absolute;

  top: 100%;

  left: 3px;

  width: 3px;

  height: 3px;

  margin: 0;

  border-color: transparent

}



.menu>li>a .tip.tip-new::before {

  border-top-color: #0cc485

}



.menu>li>a .tip.tip-hot::before {

  border-top-color: #eb2771

}



.menu ul {

  display: none;

  position: absolute;

  top: 100%;

  left: 0;

  min-width: 240px;

  padding-top: 1rem;

  padding-bottom: 1rem;

  z-index: 99

}



.menu ul ul {

  top: -1rem;

  left: 100%

}



.menu .megamenu {

  display: none;

  position: absolute;

  top: 100%;

  right: 1.5rem;

  left: 1.5rem;

  padding: 1rem;

  z-index: 999

}



.menu .megamenu.megamenu-fixed-width {

  right: auto;

  left: 0;

  width: 640px

}



.menu .megamenu ul {

  display: block;

  position: static;

  top: auto;

  right: auto;

  bottom: auto;

  left: auto;

  min-width: 0;

  margin: 0 0 1.25rem;

  padding: 0;

  box-shadow: none

}



.menu .megamenu .banner {

  width: 100%;

  height: 100%;

  margin-bottom: 0;

  background-color: transparent

}



.menu .megamenu .banner a {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0

}



.menu .megamenu .banner img {

  position: absolute;

  height: 100%

}



.menu .megamenu .banner img.product-promo {

  padding: 1rem

}



.menu a {

  display: block;

  position: relative;

  text-decoration: none

}



.menu.sf-arrows>li>a.sf-with-ul {

  padding-right: 2.8rem

}



.menu.sf-arrows>li>a.sf-with-ul::before {

  position: absolute;

  bottom: 0;

  left: 50%;

  width: 0;

  height: 0;

  margin-left: -10px;

  border-width: 0 10px 7px;

  border-style: solid;

  border-color: transparent transparent #fff;

  content: '';

  opacity: 0;

  visibility: hidden

}



.menu.sf-arrows>li.show>a.sf-with-ul::before {

  opacity: 1;

  visibility: visible

}



.menu.sf-arrows .sf-with-ul {

  position: relative

}



.menu.sf-arrows .sf-with-ul::after {

  display: inline-block;

  position: absolute;

  top: 50%;

  right: 1.5rem;

  margin-top: -1px;

  transform: translateY(-50%);

  font-family: 'porto';

  font-size: 1.3rem;

  line-height: 1;

  content: '\e81c'

}



.menu.sf-arrows ul .sf-with-ul::after {

  right: 1rem;

  content: '\e81a'

}



.menu .megamenu,

.menu ul {

  background-color: #fff;

  box-shadow: 0 29px 29px rgba(0, 0, 0, 0.1)

}



.menu li:hover>a,

.menu li.show>a,

.menu li.active>a {

  background-color: #f4f4f4;

  color: #696969

}



.menu>li:hover>a,

.menu>li.show>a,

.menu>li.active>a {

  background-color: #08c;

  color: #fff

}



.menu .show>ul,

.menu .show>.megamenu {

  opacity: 1 !important

}



.menu li:hover>ul,

.menu li.show>ul,

.menu li:hover>.megamenu,

.menu li.show>.megamenu {

  display: block

}



.tip {

  display: inline-block;

  position: relative;

  margin: -2px 0 0 1rem;

  padding: .3rem .4rem;

  border-radius: .2rem;

  color: #fff;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1;

  text-transform: uppercase;

  vertical-align: middle;

  z-index: 1

}



.tip::before {

  position: absolute;

  top: 50%;

  right: 100%;

  left: auto;

  margin-top: -3px;

  border: 3px solid transparent;

  content: ''

}



.tip.tip-new {

  background-color: #0fc567

}



.tip.tip-new::before {

  border-right-color: #0fc567

}



.tip.tip-hot {

  background-color: #eb2771

}



.tip.tip-hot::before {

  border-right-color: #eb2771

}



.mobile-menu-container {

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  width: 100%;

  max-width: 250px;

  transform: translateX(-100%);

  transition: all .35s;

  background-color: #1d1e20;

  font-size: 1.2rem;

  line-height: 1.5;

  box-shadow: 0.1rem 0 0.6rem 0 rgba(50, 50, 50, 0.65);

  visibility: hidden;

  z-index: 1001;

  overflow-y: auto

}



.mmenu-active .mobile-menu-container {

  transform: translateX(0);

  visibility: visible

}



.mobile-menu-container .social-icons {

  -ms-flex-pack: center;

  justify-content: center;

  margin-bottom: 0

}



.mobile-menu-container .social-icon {

  width: 3rem;

  height: 3rem;

  margin-bottom: 0;

  border: 0;

  background-color: transparent;

  font-size: 1.5rem

}



.mobile-menu-container .social-icon+.social-icon {

  margin-left: .3rem

}



.mobile-menu-container .social-icon:hover,

.mobile-menu-container .social-icon:focus {

  background-color: transparent;

  color: #fafafa

}



.mobile-menu-wrapper {

  position: relative;

  padding: 4.2rem 0 3rem

}



.mobile-menu-close {

  position: absolute;

  top: 1rem;

  right: 1rem;

  padding: .4rem;

  color: #fff;

  font-size: 1.3rem;

  line-height: 1;

  cursor: pointer;

  z-index: 9

}



.mobile-menu-overlay {

  display: block;

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  transition: all .4s;

  background-color: rgba(0, 0, 0, 0.5);

  opacity: 0;

  visibility: hidden;

  z-index: 1000

}



.mmenu-active .mobile-menu-overlay {

  opacity: 1;

  visibility: visible

}



.mobile-nav {

  margin: 0 0 2rem;

  padding: 0

}



.mobile-menu {

  margin: 0;

  padding: 0;

  border-bottom: 1px solid #242527;

  list-style: none

}



.mobile-menu>li>a {

  text-transform: uppercase

}



.mobile-menu li {

  display: block;

  position: relative;

  border-top: 1px solid #242527

}



.mobile-menu li a {

  display: block;

  position: relative;

  margin-right: 4.5rem;

  padding: 1.1rem 0 1.1rem 1.5rem;

  color: #fff

}



.mobile-menu li a:hover,

.mobile-menu li a:focus {

  color: #08c;

  text-decoration: none

}



.mobile-menu li.open>a,

.mobile-menu li.active>a {

  color: #08c

}



.mobile-menu li ul {

  display: none;

  margin: 0;

  padding: 0

}



.mobile-menu li ul li a {

  padding-left: 2.5rem

}



.mobile-menu li ul ul li a {

  padding-left: 3.5rem

}



.mobile-menu>li>a {

  text-transform: uppercase

}



.mobile-menu .tip {

  font-size: .8rem

}



.mmenu-btn {

  display: -ms-flexbox;

  display: flex;

  position: absolute;

  top: 50%;

  right: -3.8rem;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 3rem;

  height: 3rem;

  margin-top: -1.5rem;

  border-radius: 0;

  outline: none;

  background-color: transparent;

  color: #fff;

  font-size: 1.5rem;

  cursor: pointer

}



.mmenu-btn::after {

  display: inline-block;

  margin-top: -2px;

  font-family: 'porto';

  content: '\e81c'

}



.open>a>.mmenu-btn::after {

  content: '\e81b'

}



@-webkit-keyframes fixedHeader {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-60px)

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0)

  }

}



@keyframes fixedHeader {

  0% {

    opacity: 0;

    transform: translateY(-60px)

  }

  100% {

    opacity: 1;

    transform: translateY(0)

  }

}



.sticky-header.fixed {

  position: fixed;

  top: 0;

  right: 0;

  left: 0;

  padding-top: .7rem;

  padding-bottom: .7rem;

  background-color: #fff;

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

  z-index: 1040;

  -webkit-animation-duration: .4s;

  animation-duration: .4s;

  -webkit-animation-name: fixedHeader;

  animation-name: fixedHeader

}



.sticky-header.fixed .main-nav {

  width: auto;

  background-color: transparent

}



.sticky-header.fixed .menu>li>a {

  padding-top: .55rem;

  padding-bottom: .55rem

}



.sticky-header.fixed .logo,

.sticky-header.fixed .cart-dropdown {

  display: block

}



.sticky-header.fixed-nav {

  position: fixed;

  top: 46px;

  right: 0;

  left: 0;

  height: 38px;

  background-color: white;

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

  overflow: hidden;

  z-index: 1039;

  -webkit-animation-duration: .4s;

  animation-duration: .4s;

  -webkit-animation-name: fixedHeader;

  animation-name: fixedHeader

}



.sticky-header.fixed-nav .container {

  margin: 0 auto;

  padding-left: 1.5rem

}



@media screen and (max-width: 991px) {

  .sticky-header.fixed-nav {

    top: 0

  }

}



@media screen and (max-width: 575px) {

  .sticky-header.fixed-nav {

    display: none

  }

}



.footer {

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  padding-top: 3rem;

  background-color: #262623;

  color: #a8a8a8;

  font-size: 1.3rem;

  line-height: 1.4

}



.footer .social-icon {

  width: 3.8rem;

  height: 3.8rem;

  margin-bottom: 0;

  background-color: #32322f;

  color: #fff;

  font-size: 1.4rem

}



.footer .social-icon+.social-icon {

  margin-left: .5rem

}



.footer .social-icon:hover,

.footer .social-icon:focus {

  background-color: #08c;

  color: #fff

}



.footer .contact-info {

  margin: 0;

  padding: 0

}



.footer-middle {

  padding: 4rem 0 2.5rem

}



.footer .widget-title {

  margin-top: 0;

  margin-bottom: 1.4rem;

  color: #fff;

  font: 700 1.6rem/1.1 'Open Sans', sans-serif;

  letter-spacing: 0;

  text-transform: uppercase

}



.footer-top {

  padding-top: 1.5rem;

  border-bottom: 1px solid #3d3d38

}



.footer-top .widget-title {

  margin-bottom: 1.8rem

}



.footer .widget {

  margin-bottom: 2.9rem

}



.footer .links {

  margin-bottom: 0

}



.footer .links li {

  position: relative;

  margin-bottom: .8rem

}



.footer a {

  color: inherit

}



.footer a:hover,

.footer a:focus {

  color: #fff;

  text-decoration: underline

}



.footer .widget-social {

  margin-bottom: 3rem

}



.footer .widget-social::after {

  display: block;

  clear: both;

  content: ''

}



.contact-info {

  margin-bottom: 0

}



.contact-info li {

  position: relative;

  margin-bottom: 2.4rem;

  line-height: 1.4

}



.contact-info-label {

  display: block;

  color: #fff;

  font-weight: 400;

  text-transform: uppercase

}



.widget-newsletter p {

  max-width: 360px;

  margin-top: -.5rem;

  margin-bottom: 1.5rem;

  line-height: 1.5

}



.widget-newsletter form {

  position: relative;

  max-width: 390px;

  margin-bottom: 0

}



.widget-newsletter .form-control {

  height: 4.8rem;

  margin-bottom: 1rem;

  padding: 1.35rem 14rem 1.35rem 2.5rem;

  border: 1px solid #fff;

  border-radius: 40px;

  background-color: #fff;

  color: #686865;

  font-size: 1.4rem;

  font-weight: 400;

  line-height: 1

}



.widget-newsletter .form-control:focus {

  border-color: #f2f2f2;

  background-color: #f2f2f2;

  color: #686865

}



.widget-newsletter .form-control::-webkit-input-placeholder {

  color: #686865

}



.widget-newsletter .form-control:-ms-input-placeholder {

  color: #686865

}



.widget-newsletter .form-control::-ms-input-placeholder {

  color: #686865

}



.widget-newsletter .form-control::placeholder {

  color: #686865

}



.widget-newsletter .btn {

  display: inline-block;

  position: absolute;

  top: 0;

  right: -1px;

  padding: 1.6rem 1.9rem 1.6rem 1.5rem;

  border-radius: 0 40px 40px 0;

  border-color: #08c;

  background-color: #08c;

  color: #fff;

  font-family: 'Open Sans', sans-serif;

  font-size: 1.4rem;

  font-weight: 600;

  letter-spacing: 0;

  line-height: 1;

  text-transform: uppercase

}



.widget-newsletter .btn:hover,

.widget-newsletter .btn:focus {

  background-color: #0099e6;

  color: #fff

}



.footer-bottom {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: start;

  align-items: flex-start;

  -ms-flex-direction: column;

  flex-direction: column;

  padding-top: 1.5rem;

  padding-bottom: 1.5rem;

  border-top: 1px solid #3d3d38

}



.footer-bottom .contact-info {

  margin-right: auto;

  margin-bottom: 1.5rem;

  margin-left: auto

}



.footer-bottom .contact-info li {

  margin-bottom: 0

}



.footer-copyright {

  margin-right: auto;

  margin-bottom: 1.2rem;

  margin-left: auto

}



.footer-payments {

  margin-right: auto;

  margin-left: auto

}



#scroll-top {

  position: fixed;

  right: 15px;

  bottom: 0;

  width: 40px;

  height: 40px;

  padding: 11px 0;

  -webkit-transform: translateY(40px);

  transform: translateY(40px);

  transition: all .3s;

  border-radius: 5px 5px 0 0;

  background-color: #404040;

  color: #fff;

  font-size: 16px;

  line-height: 1;

  text-align: center;

  opacity: 0;

  visibility: hidden;

  z-index: 9999

}



#scroll-top:hover,

#scroll-top:focus {

  background-color: #555

}



#scroll-top.fixed {

  -webkit-transform: translateY(0);

  transform: translateY(0);

  opacity: 1;

  visibility: visible

}



@media screen and (min-width: 768px) {

  .footer .widget-social .social-icons {

    margin-bottom: 0;

    float: right

  }

}



@media screen and (min-width: 992px) {

  .footer-top .widget {

    margin-bottom: 1.3rem

  }

  .footer-middle {

    padding-top: 3rem;

    padding-bottom: 2.1rem

  }

  .footer-bottom {

    flex-direction: row

  }

  .footer-copyright {

    margin-right: 0;

    margin-bottom: 0;

    margin-left: 0

  }

  .footer-payments {

    margin-right: 0;

    margin-bottom: 0;

    margin-left: 2rem

  }

  .footer .social-icons {

    margin-left: auto

  }

  .footer-bottom .contact-info {

    margin-right: 0;

    margin-bottom: 0

  }

}



@media screen and (min-width: 1200px) {

  .footer-payments {

    margin-left: 7.2rem

  }

}



@media screen and (max-width: 767px) {

  .footer .footer-top .widget {

    margin-bottom: 2rem

  }

}



.product-intro.owl-carousel.owl-theme .owl-nav.disabled+.owl-dots {

  margin: 0

}



.product-intro.owl-carousel.owl-theme .owl-dots {

  top: -58px;

  position: absolute;

  right: 0

}



.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot span {

  position: relative;

  display: block;

  width: 14px;

  height: 14px;

  border: 2px solid;

  background: none;

  margin: 5px 2px;

  border-radius: 7px;

  border-color: rgba(0, 68, 102, 0.4);

  transition: opacity .2s

}



.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot.active span,

.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {

  background: none;

  border-color: #08c

}



.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot.active span::before,

.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot:hover span::before {

  display: none

}



.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot.active span::after,

.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot:hover span::after {

  content: '';

  position: absolute;

  left: 3px;

  bottom: 3px;

  right: 3px;

  top: 3px;

  border-radius: 10px;

  background-color: #08c

}



.product-intro.owl-carousel.owl-theme .owl-nav {

  color: #333;

  font-size: 2.4rem

}



.product-intro.owl-carousel.owl-theme .owl-nav .owl-prev,

.product-intro.owl-carousel.owl-theme .owl-nav .owl-next {

  opacity: 0;

  transition: opacity .2s, transform .4s;

  top: 30%;

  width: 30px

}



.product-intro.owl-carousel.owl-theme .owl-nav .owl-prev {

  text-align: left;

  left: -30px;

  padding-right: 30px;

  transform: translateX(-10px)

}



.product-intro.owl-carousel.owl-theme .owl-nav .owl-next {

  text-align: right;

  right: -30px;

  padding-left: 30px;

  transform: translateX(10px)

}



.product-intro.owl-carousel.owl-theme:hover .owl-prev,

.product-intro.owl-carousel.owl-theme:hover .owl-next {

  transform: translateX(0);

  opacity: 1

}



.product-panel {

  margin-bottom: 3.5rem

}



.product-panel .section-title {

  color: #313131;

  padding-bottom: 1rem;

  border-bottom: 1px solid rgba(0, 0, 0, 0.08);

  margin-bottom: 2.4rem

}



.product-panel .section-title h2 {

  font: 700 1.6rem "Open Sans", sans-serif;

  letter-spacing: -0.01em;

  line-height: 22px;

  text-transform: uppercase

}



.product-intro {

  padding-bottom: 1.6rem

}



.product-default {

  color: #777;

  margin-bottom: 2rem

}



.product-default a {

  color: #777;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis

}



.product-default a:hover {

  color: #08c;

  text-decoration: none

}



.product-default figure {

  margin-bottom: 1.6rem;

  position: relative

}



.product-default figure img {

  transition: all .5s;

  height: 270px;

  width: 100%;

  object-fit: contain;

}



.product-default figure img:last-child {

  opacity: 0;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  left: 0

}



.product-default figure img:first-child {

  opacity: 1;

  position: relative

}



.product-default .label-group {

  display: flex;

  flex-direction: column;

  position: absolute;

  top: .8rem;

  left: .8rem

}



.product-default .label-group>* {

  margin-bottom: 5px

}



.product-default .product-label {

  text-transform: uppercase;

  padding: 5px 11px;

  font: 600 1rem/1 "Open Sans", sans-serif;

  color: white

}



.product-default .product-label.label-sale {

  background-color: #62b959

}



.product-default .product-label.label-cut {

  background-color: #e27c7c

}



.product-default .product-details {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center

}



.product-default .category-list {

  font: 400 1rem "Open Sans", sans-serif;

  line-height: 1.7;

  opacity: .8;

  text-transform: uppercase

}



.product-default .product-title {

  font: 400 1.5rem "Open Sans", sans-serif;

  letter-spacing: -.01em;

  line-height: 1.35;

  margin-bottom: 1.72rem;

  text-overflow: ellipsis;

  overflow: hidden;

  display:inline-block;

  width:100%;

}



.product-default .tooltiptext {

  visibility: hidden;

  position: absolute;

  background-color: #333;

  color: #fff;

  font-family: "Open Sans", sans-serif;

  font-weight: 400;

  letter-spacing: 0.01em;

  text-align: center;

  padding: 1rem .7rem;

  z-index: 1;

  opacity: 0;

  transition: opacity .3s;

  bottom: 125%;

  left: 50%;

  transform: translateX(-50%)

}



.product-default .product-action {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: center;

  color: #333;width:80%;

}



/*thumbnail-in zoom*/



.piclist {

    margin-top: 30px;

}

.piclist li {

    display: inline-block;

    width: 50px;

    height: 50px;

}

.piclist li img {

    width: 100%;

    height: auto;

}



.product-default .btn-icon-wish,

.product-default .btn-quickview {

  display: flex;

  border: 1px solid #ddd;

  font-size: 1.6rem;

  margin: 0 2px;

  width: 36px;

  height: 36px;

  align-items: center;

  justify-content: center;

  opacity: 0;

  transition: all .25s ease;

  transform: translateX(200%)

}



.product-default .btn-icon-wish.checked,

.product-default .btn-quickview.checked {

  color: #e27c7c

}



.product-default .btn-icon-wish.checked i::before,

.product-default .btn-quickview.checked i::before {

  content: '\e88a'

}



.product-default .btn-quickview {

  font-size: 1.4rem;

  transform: translateX(-200%)

}



.product-default .btn-add-cart {

  display: flex;

  align-items: center;

  background-color: white;

  border: 1px solid #ddd;

  padding: 3px 14px;

  font-size: 14px;

  line-height: 32px;

  margin: 0 2px;

  cursor: pointer;

  transition: all .25s ease;

  text-transform: uppercase;

}

button:focus {

  outline: none;

}

.product-default .btn-add-cart i {

  font-size: 1.8rem;

  margin-bottom: 2px

}



.product-default .btn-add-cart i::before {

  margin: 0 4px 0 0

}



.product-default:hover {

  z-index: 2

}





.product-default:hover figure img:first-child {

  opacity: 0

}



.product-default:hover figure img:last-child {

  opacity: 1

}



.product-default:hover .btn-add-cart {

  background-color: #08c;

  border-color: #08c;

  color: white

}



.product-default:hover .product-action a {

  transform: translateX(0);

  opacity: 1

}



.tooltip-top::after {

  content: "";

  position: absolute;

  top: 96%;

  left: 50%;

  margin-left: -6px;

  border-width: 6px;

  border-style: solid;

  border-color: #333 transparent transparent transparent

}



.old-price {

  text-decoration: line-through;

  font-size: 1.4rem;

  letter-spacing: 0.005em;

  font-weight: 600;

  color: #999;

  font-family: "Open Sans";

  margin-right: 3px

}



.product-price {

  color: #465157;

  font: 600 1.8rem/0.8 "Open Sans", sans-serif

}



.price-box {

  margin-bottom: 1.2rem

}



.ratings-container {

  line-height: 1;

  margin: 0 0 10px 1px;

  cursor: pointer;

  position: relative;

  display: inline-block

}



.ratings-container .product-ratings,

.ratings-container .ratings {

  position: relative;

  display: inline-block;

  font-size: 13px;

  letter-spacing: 0.1em;

  font-family: 'porto'

}



.ratings-container .product-ratings {

  height: 13px

}



.ratings-container .product-ratings::before {

  content: "\e852 " "\e852 " "\e852 " "\e852 " "\e852";

  color: rgba(0, 0, 0, 0.16)

}



.ratings-container .product-ratings:hover .tooltiptext {

  visibility: visible;

  opacity: 1

}



.ratings-container .ratings {

  position: absolute;

  top: 0;

  left: 0;

  white-space: nowrap;

  overflow: hidden

}



.ratings-container .ratings::before {

  content: "\e852 " "\e852 " "\e852 " "\e852 " "\e852";

  color: #6a6a6d

}



.divide-line {

  display: flex;

  flex-wrap: wrap;

  padding-bottom: 0

}



.divide-line>.col-1:nth-child(n) {

  border-right: 1px solid rgba(0, 0, 0, 0.09);

  border-bottom: 1px solid rgba(0, 0, 0, 0.09)

}



.divide-line>.col-1:nth-child(12n) {

  border-right: none

}



.divide-line>.col-2:nth-child(n) {

  border-right: 1px solid rgba(0, 0, 0, 0.09);

  border-bottom: 1px solid rgba(0, 0, 0, 0.09)

}



.divide-line>.col-2:nth-child(6n) {

  border-right: none

}



.divide-line>.col-3:nth-child(n) {

  border-right: 1px solid rgba(0, 0, 0, 0.09);

  border-bottom: 1px solid rgba(0, 0, 0, 0.09)

}



.divide-line>.col-3:nth-child(4n) {

  border-right: none

}



.divide-line>.col-4:nth-child(n) {

  border-right: 1px solid rgba(0, 0, 0, 0.09);

  border-bottom: 1px solid rgba(0, 0, 0, 0.09)

}



.divide-line>.col-4:nth-child(3n) {

  border-right: none

}



.divide-line>.col-5:nth-child(n) {

  border-right: 1px solid rgba(0, 0, 0, 0.09);

  border-bottom: 1px solid rgba(0, 0, 0, 0.09)

}



.divide-line>.col-5:nth-child(2n) {

  border-right: none

}



.divide-line>.col-6:nth-child(n) {

  border-right: 1px solid rgba(0, 0, 0, 0.09);

  border-bottom: 1px solid rgba(0, 0, 0, 0.09)

}



.divide-line>.col-6:nth-child(2n) {

  border-right: none

}



.divide-line>.col-7:nth-child(n) {

  border-right: 1px solid rgba(0, 0, 0, 0.09);

  border-bottom: 1px solid rgba(0, 0, 0, 0.09)

}



.divide-line>.col-7:nth-child(1n) {

  border-right: none

}



.divide-line>.col-8:nth-child(n) {

  border-right: 1px solid rgba(0, 0, 0, 0.09);

  border-bottom: 1px solid rgba(0, 0, 0, 0.09)

}



.divide-line>.col-8:nth-child(1n) {

  border-right: none

}



.divide-line>.col-9:nth-child(n) {

  border-right: 1px solid rgba(0, 0, 0, 0.09);

  border-bottom: 1px solid rgba(0, 0, 0, 0.09)

}



.divide-line>.col-9:nth-child(1n) {

  border-right: none

}



.divide-line>.col-10:nth-child(n) {

  border-right: 1px solid rgba(0, 0, 0, 0.09);

  border-bottom: 1px solid rgba(0, 0, 0, 0.09)

}



.divide-line>.col-10:nth-child(1n) {

  border-right: none

}



.divide-line>.col-11:nth-child(n) {

  border-right: 1px solid rgba(0, 0, 0, 0.09);

  border-bottom: 1px solid rgba(0, 0, 0, 0.09)

}



.divide-line>.col-11:nth-child(1n) {

  border-right: none

}



.divide-line:not(.up-effect) .product-default .btn-quickview {

  width: calc(100% - 30px);

  margin: 0 15px

}



.divide-line:not(.up-effect) .product-default .product-details {

  padding: 0 1.5rem

}



.divide-line.up-effect .product-default {

  padding: 5rem 0 0;

  margin: 0;

  transition: all .3s

}



.divide-line.up-effect .product-default .product-action {

  transition: all .3s;

  opacity: 0

}



.divide-line.up-effect .product-default:hover {

  padding: 1rem 0 4rem

}



.divide-line.up-effect .product-default:hover .product-action {

  opacity: 1

}



.divide-line .product-default {

  margin-bottom: 0

}



.divide-line .product-default:hover {

  box-shadow: 0 25px 35px -5px rgba(0, 0, 0, 0.1)

}



.divide-line .product-default:hover figure {

  box-shadow: none

}



.inner-quickview figure {

  position: relative

}



.inner-quickview figure .btn-quickview {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  font-size: 1.3rem;

  font-weight: 400;

  letter-spacing: 0.025em;

  font-family: "Oswald", sans-serif;

  text-transform: uppercase;

  visibility: hidden;

  opacity: 0;

  height: unset;

  padding: 1.4rem;

  background-color: #08c;

  color: white;

  transform: none;

  margin: 0;

  border: none;

  transition: all .3s ease-out

}



.inner-quickview figure .btn-quickview:hover {

  opacity: 1

}



.inner-quickview .product-details {

  align-items: unset

}



.inner-quickview .product-title a {

  color: #212529

}



.inner-quickview .product-title a:hover {

  color: #08c

}



.inner-quickview .category-wrap {

  display: flex;

  justify-content: space-between;

  align-items: center

}



.inner-quickview .category-wrap .btn-icon-wish {

  font-size: 1.5rem;

  transform: none;

  opacity: 1;

  width: auto;

  height: auto;

  border: none;

  margin-right: -2px

}



.inner-quickview:hover .btn-quickview {

  visibility: visible;

  opacity: 0.9

}



.inner-icon figure {

  position: relative

}



.inner-icon figure .btn-icon-group {

  position: absolute;

  top: 1.5rem;

  right: 1.5rem

}



.inner-icon figure .btn-icon {

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid #ddd;

  border-radius: 50%;

  margin: 0 0 5px;

  width: 36px;

  height: 36px;

  padding: 0;

  opacity: 0;

  visibility: hidden;

  transition: all .3s;

  transform: none

}



.inner-icon figure .btn-icon i {

  font-size: 1.6rem;

  margin-bottom: 0

}



.inner-icon figure .btn-icon i::before {

  margin: 0

}



.inner-icon figure .btn-icon i.icon-bag {

  font-size: 1.8rem

}



.inner-icon figure .btn-icon:hover {

  background-color: #08c;

  border-color: #08c;

  color: white

}



.inner-icon:hover .btn-icon {

  background-color: white;

  border-color: #ddd;

  color: black;

  visibility: visible;

  opacity: 1

}



.left-details .product-details {

  align-items: unset

}



.left-details .btn-icon-wish,

.left-details .btn-quickview,

.left-details .btn-add-cart {

  background-color: #f4f4f4;

  border-color: #f4f4f4;

  color: black

}



.left-details .btn-icon-wish:hover,

.left-details .btn-quickview:hover,

.left-details .btn-add-cart:hover {

  background-color: #08c;

  border-color: #08c;

  color: white

}



.left-details .btn-icon-wish,

.left-details .btn-quickview {

  transform: none

}



.left-details .btn-add-cart {

  margin-left: 0;

  padding: 0 1.5rem

}



.left-details .product-action {

  justify-content: unset

}



.modal#addCartModal {

  width: 340px;

  top: calc((100% - 320px) / 2);

  left: calc((100% - 320px) / 2);

  padding: 10px !important;

  overflow: hidden

}



.modal#addCartModal .modal-dialog {

  margin: 0

}



.modal#addCartModal .modal-content {

  margin: 0;

  border: none;

  box-shadow: none

}



.add-cart-box {

  padding: 19px 10px 20px !important;

  border-top: 4px solid #08c;

  background-color: white;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6)

}



.add-cart-box h4 {

  font-weight: 500;

  color: #08c;

  margin-bottom: 1.8rem

}



.add-cart-box img {

  margin: 0 auto 10px;

  width: 120px

}



.add-cart-box .btn-actions {

  display: flex;

  justify-content: space-around

}



.add-cart-box .btn-actions .btn-primary {

  width: 140px;

  padding: 8px 0;

  font: 500 16px "Open Sans", sans-serif;

  border: none;

  cursor: pointer

}



.add-cart-box .btn-actions .btn-primary:focus,

.add-cart-box .btn-actions .btn-primary:active,

.add-cart-box .btn-actions .btn-primary:active:focus {

  outline: none;

  border: none;

  box-shadow: none

}



.hidden-description {

  position: relative

}



.hidden-description:hover figure {

  box-shadow: none

}



.hidden-description:hover .btn-add-cart {

  background-color: #f4f4f4

}



.hidden-description:hover .product-details {

  opacity: 1;

  transform: translateY(0)

}



.hidden-description figure {

  margin-bottom: 0

}



.hidden-description figure .btn-icon-group {

  top: 1rem;

  right: 1rem

}



.hidden-description .product-details {

  position: absolute;

  width: 100%;

  bottom: 46px;

  padding: 15px 20px 0;

  background-color: white;

  border-top: 1px solid rgba(0, 0, 0, 0.09);

  border-bottom: 1px solid rgba(0, 0, 0, 0.09);

  opacity: 0;

  transform: translateY(5px);

  transition: all .3s ease

}



.hidden-description .product-action {

  position: absolute;

  left: 0;

  bottom: -46px;

  width: 100%

}



.hidden-description .btn-quickview {

  transform: none;

  opacity: .85;

  background-color: #08c;

  color: white;

  width: 50%;

  margin: 0;

  border: none;

  height: 45px;

  font-size: 1.3rem;

  font-weight: 400;

  letter-spacing: 0.025em;

  font-family: "Oswald", sans-serif;

  text-transform: uppercase

}



.hidden-description .btn-quickview:hover {

  opacity: 1;

  color: white

}



.hidden-description .btn-add-cart {

  z-index: 3;

  justify-content: center;

  margin: 0;

  width: 50%;

  height: 45px;

  border: none;

  background: #f4f4f4;

  font-size: 1.3rem;

  font-weight: 400;

  letter-spacing: 0.025em;

  font-family: "Oswald", sans-serif;

  text-transform: uppercase

}



.hidden-description .btn-add-cart:hover {

  background-color: #08c;

  color: white

}



.full-width {

  padding-left: 10px;

  padding-right: 10px;

  margin: 0;

  display: flex;

  flex-wrap: wrap

}



.full-width [class*='col-'] {

  padding-right: 10px;

  padding-left: 10px

}



.product-select-group {

  display: flex

}



.product-select {

  margin: 0 4px 0 0;

  cursor: pointer

}



.product-select.type-image {

  width: 32px;

  height: 32px;

  background-size: contain;

  border: 1px solid rgba(0, 0, 0, 0.09)

}



.product-select.type-image.checked,

.product-select.type-image.hover {

  border: 1px solid #08c

}



.product-select.type-check {

  margin: 5px;

  overflow: unset;

  display: block;

  position: relative;

  width: 12px;

  height: 12px;

  border-radius: 50%

}



.product-select.type-check::after {

  content: '';

  background-color: transparent;

  border: 1px solid black;

  position: absolute;

  left: -3px;

  top: -3px;

  border-radius: 50%;

  width: 18px;

  display: block;

  height: 18px

}



.product-select.type-check.checked::before {

  font-size: 8px;

  content: '\f00c';

  font-family: 'Font Awesome 5 Free';

  font-weight: 900;

  -webkit-font-smoothing: antialiased;

  text-indent: 0;

  position: absolute;

  left: 0;

  top: 50%;

  width: 100%;

  color: #fff;

  height: 12px;

  line-height: 12px;

  margin-top: -6px;

  text-align: center

}



.no-gaps {

  display: flex;

  flex-wrap: wrap;

  padding-left: 0;

  padding-right: 0

}



.no-gaps [class*='col-'] {

  padding-right: 0;

  padding-left: 0

}



.no-gaps .product-details {

  padding: 0 1rem

}



.no-gaps .product-default {

  margin-bottom: 0

}



.no-gaps .product-default:nth-child(even) figure>a:first-child::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(33, 37, 41, 0.01)

}



.inner-icon-inline figure .btn-icon-group {

  display: flex;

  flex-direction: row

}



.inner-icon-inline figure .btn-icon {

  margin-left: 5px

}



.overlay figure {

  margin: 0

}



.overlay figure>a:first-child::after {

  content: '';

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background-color: rgba(27, 27, 23, 0);

  transition: all .25s

}



.overlay figure .btn-quickview,

.overlay figure .btn-icon-group {

  z-index: 1

}



.overlay figure .btn-icon {

  border-color: #fff;

  border-width: 2px;

  color: #fff;

  background-color: #4d4d4a;

  opacity: 0

}



.overlay .product-details {

  align-items: center;

  position: absolute;

  width: 100%;

  left: 0;

  top: 0;

  bottom: 0;

  opacity: 0;

  transform: scale(0.8);

  transition: all .4s

}



.overlay .product-details .product-category,

.overlay .product-details .product-title a,

.overlay .product-details .product-price {

  color: white

}



.overlay .product-details a:hover {

  color: #08c

}



.overlay .product-details .ratings-container .product-ratings::before {

  color: rgba(255, 255, 255, 0.6)

}



.overlay .product-details .price-box {

  margin-bottom: 0

}



.overlay:hover figure,

.overlay:nth-child(even):hover figure {

  box-shadow: none

}



.overlay:hover figure>a:first-child::after,

.overlay:nth-child(even):hover figure>a:first-child::after {

  background-color: rgba(27, 27, 23, 0.6)

}



.overlay:hover figure .btn-quickview,

.overlay:hover figure .btn-icon,

.overlay:nth-child(even):hover figure .btn-quickview,

.overlay:nth-child(even):hover figure .btn-icon {

  opacity: 0.85;

  visibility: visible

}



.overlay:hover figure .btn-quickview:hover,

.overlay:hover figure .btn-icon:hover,

.overlay:nth-child(even):hover figure .btn-quickview:hover,

.overlay:nth-child(even):hover figure .btn-icon:hover {

  opacity: 1

}



.overlay:hover figure .btn-icon,

.overlay:nth-child(even):hover figure .btn-icon {

  border-color: #fff;

  border-width: 2px;

  color: #fff;

  background-color: #4d4d4a;

  opacity: 0.85

}



.overlay:hover .product-details,

.overlay:nth-child(even):hover .product-details {

  opacity: 1;

  transform: scale(1)

}



.overlay-dark figure {

  margin: 0

}



.overlay-dark figure>a:first-child::after {

  content: '';

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background-color: rgba(27, 27, 23, 0.3);

  transition: all .25s

}



.overlay-dark figure .btn-quickview,

.overlay-dark figure .btn-icon-group {

  z-index: 1

}



.overlay-dark figure .btn-icon {

  border-color: #fff;

  border-width: 2px;

  color: #fff;

  background-color: #4d4d4a;

  opacity: 0;

  margin-left: 8px

}



.overlay-dark figure .btn-quickview {

  border: 2px solid white;

  background-color: #4d4d4a;

  border-radius: 2rem;

  padding: 1rem 2.3rem;

  width: auto;

  height: auto;

  left: 50%;

  bottom: 50%;

  transform: translate(-50%, 50%);

  opacity: 0;

  transition: all .1s

}



.overlay-dark .product-details {

  position: absolute;

  width: 100%;

  left: 2rem;

  bottom: 4rem;

  opacity: 0;

  transform: translateY(10px);

  transition: all .4s

}



.overlay-dark .product-details .product-category,

.overlay-dark .product-details .product-title a,

.overlay-dark .product-details .product-price {

  color: white

}



.overlay-dark .product-details a:hover {

  color: #08c

}



.overlay-dark .product-details .ratings-container .product-ratings::before {

  color: rgba(255, 255, 255, 0.6)

}



.overlay-dark .product-details .price-box {

  margin-bottom: 0

}



.overlay-dark:hover figure,

.overlay-dark:nth-child(even):hover figure {

  box-shadow: none

}



.overlay-dark:hover figure>a:first-child::after,

.overlay-dark:nth-child(even):hover figure>a:first-child::after {

  background-color: rgba(27, 27, 23, 0.7)

}



.overlay-dark:hover figure .btn-quickview,

.overlay-dark:hover figure .btn-icon,

.overlay-dark:nth-child(even):hover figure .btn-quickview,

.overlay-dark:nth-child(even):hover figure .btn-icon {

  opacity: 0.85

}



.overlay-dark:hover figure .btn-quickview:hover,

.overlay-dark:hover figure .btn-icon:hover,

.overlay-dark:nth-child(even):hover figure .btn-quickview:hover,

.overlay-dark:nth-child(even):hover figure .btn-icon:hover {

  background-color: #4d4d4a;

  opacity: 1

}



.overlay-dark:hover figure .btn-icon,

.overlay-dark:nth-child(even):hover figure .btn-icon {

  border-color: #fff;

  border-width: 2px;

  color: #fff;

  background-color: #4d4d4a;

  opacity: 0.85

}



.overlay-dark:hover .product-details,

.overlay-dark:nth-child(even):hover .product-details {

  opacity: 1;

  transform: translateY(0)

}



.creative-grid>div:not(:last-child) .product-default {

  height: 600px

}



.creative-grid>div:last-child .product-default {

  height: 300px

}



.creative-grid .product-default {

  padding-bottom: 2rem;

  margin-bottom: 0;

  position: relative

}



.creative-grid .product-default figure {

  height: 100%

}



.creative-grid .product-default figure img {

  position: absolute;

  object-fit: cover;

  height: 100%;

  transition: opacity .3s linear

}



.creative-grid .product-default figure img:last-child {

  opacity: 0

}



.creative-grid .product-default figure img:first-child {

  opacity: 1

}



.creative-grid .product-default:hover figure img:first-child {

  opacity: 0

}



.creative-grid .product-default:hover figure img:last-child {

  opacity: 1

}



.inner-btn figure .btn-icon-group {

  top: unset;

  left: unset;

  right: 1.5rem;

  bottom: 1.5rem

}



.inner-btn figure .btn-icon {

  position: relative;

  margin-bottom: 0

}



.inner-btn figure .btn-quickview {

  background-color: white

}



.inner-btn figure .btn-quickview i {

  font-size: 1.4rem

}



.quantity-input .product-details {

  align-items: center

}



.quantity-input .btn-add-cart {

  margin: 0 0 0 4px;

  margin-bottom: 1rem

}



.quantity-input .btn-add-cart:hover {

  background-color: #08c;

  border-color: #08c;

  color: white

}



.product-single-qty {

  max-width: 90px;

  max-height: 36px;

  margin-bottom: 1rem

}



.product-single-qty .bootstrap-touchspin.input-group {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

  -ms-flex-align: stretch;

  align-items: stretch;

  max-width: 100%;

  max-height: 36px;

  padding-right: 0

}



.product-single-qty .bootstrap-touchspin .form-control {

  max-width: none;

  height: 36px;

  padding: 1rem .2rem;

  color: #08c;

  font-size: 1.5rem;

  letter-spacing: .05em;

  box-shadow: none

}



.product-single-qty .bootstrap-touchspin .form-control,

.product-single-qty .bootstrap-touchspin .form-control:not(:focus),

.product-single-qty .btn-outline:not(:disabled):not(.disabled):active {

  border-color: #dae2e6

}



.product-single-qty .btn {

  display: -ms-inline-flexbox;

  display: inline-flex;

  position: relative;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;

  min-width: 28px;

  margin: 0;

  padding: .5rem;

  font-family: "Open Sans", sans-serif;

  font-size: 2.4rem;

  line-height: 1;

  z-index: 2

}



.product-single-qty .btn.btn-down-icon:hover::before,

.product-single-qty .btn.btn-down-icon:hover::after,

.product-single-qty .btn.btn-up-icon:hover::before,

.product-single-qty .btn.btn-up-icon:hover::after {

  background-color: #08c

}



.product-single-qty .btn.btn-outline {

  border-color: #dae2e6;

  color: #8798a1

}



.product-single-qty .btn.btn-down-icon::after,

.product-single-qty .btn.btn-up-icon::before,

.product-single-qty .btn.btn-up-icon::after {

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

  width: 11px;

  height: 1px;

  margin-left: -.55rem;

  background-color: black;

  content: ''

}



.product-single-qty .btn.btn-up-icon::before {

  transform: rotate(90deg)

}



.product-list {

  display: flex

}



.product-list figure {

  max-width: 270px;

  margin-right: 20px;

  margin-bottom: 0

}



.product-list figure img {

  object-fit: cover;

  height: 100%

}



.product-list .product-details {

  max-width: calc(100% - 270px)

}



.product-list .product-title {

  font: 600 1.8rem "Open Sans", sans-serif

}



.product-list .product-description {

  font: 400 1.4rem "Open Sans", sans-serif;

  line-height: 24px;

  margin-bottom: 1em;

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical

}



.product-list .btn-add-cart {

  background-color: #08c;

  border-color: #08c;

  color: white;

  margin-right: 5px;

  margin-bottom: 5px;

  padding: 0 1rem

}



.product-list .btn-icon-wish,

.product-list .btn-quickview {

  opacity: 1;

  background-color: white;

  color: #333;

  border-color: #dddddd;

  margin-right: 5px;

  margin-bottom: 5px

}



.product-list:hover figure {

  box-shadow: none

}



.product-widget {

  display: flex;

  margin-bottom: 15px

}



.product-widget figure {

  max-width: 84px;

  margin-right: 20px;

  margin-bottom: 0

}



.product-widget figure img {

  object-fit: cover;

  height: 100%

}



.product-widget .ratings-container {

  margin-bottom: 5px

}



.product-widget .product-details {

  max-width: calc(100% - 104px)

}



.product-widget .product-title {

  font-size: 1.4rem

}



.product-widget .price-box {

  margin-bottom: 0

}



.product-widget .product-price {

  font-size: 1.5rem

}



.product-widget .old-price {

  font-size: 1.2rem

}



.product-widget:hover figure {

  box-shadow: none

}



.modal-backdrop.show {

  opacity: 0.7

}



.modal-backdrop.fade {

  transition: opacity .3s linear

}



.product-quick-view {

  background-color: #fff;

  padding: 2rem

}



.product-quick-view .product-single-details .product-action {

  margin-bottom: 2.1rem

}



.product-quick-view .product-single-filter {

  padding-bottom: 2.2rem

}



.config-swatch-list {

  margin: 1.5rem 0 0;

  padding: 0;

  font-size: 0;

  list-style: none

}



.config-swatch-list li {

  margin-right: .4rem;

  margin-bottom: .3rem

}



.config-swatch-list li a {

  position: relative;

  display: flex;

  align-items: center;

  width: 2.2rem;

  height: 2.2rem;

  color: #000

}



.config-swatch-list li a span:last-child {

  padding-top: .3rem;

  color: #7a7d82;

  font-size: 1.2rem

}



.config-swatch-list li .color-panel {

  display: inline-block;

  width: 1.7rem;

  height: 1.7rem;

  border: 1px solid #fff;

  transition: all .3s;

  margin-right: 1.5rem

}



.config-swatch-list li:hover span:last-child {

  text-decoration: underline

}



.config-swatch-list li.active a::before {

  display: inline-block;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translateX(-50%) translateY(-50%);

  color: #fff;

  font-family: 'porto';

  font-size: 1.1rem;

  line-height: 1;

  content: '\e84e'

}



.config-swatch-list a:hover .color-panel,

.config-swatch-list a:focus .color-panel,

.config-swatch-list li.active .color-panel {

  box-shadow: 0 0 0 .1rem #dfdfdf

}



@media (max-width: 767px) {

  .creative-grid>div:not(: last-child) .product-default {

    height: 400px

  }

  .creative-grid>div:last-child .product-default {

    height: 200px

  }

}



@media (min-width: 481px) {

  .col-xs-6 {

    flex: 0 0 50%;

    max-width: 50%

  }

}



@media (min-width: 768px) {

  .col-xs-6 {

    flex: 0 0 25%;

    max-width: 25%

  }

}



@media (max-width: 575px) {

  .product-list {

    flex-direction: column

  }

  .product-list figure {

    margin-right: 0;

    margin-bottom: 2rem

  }

  .product-list .product-details {

    max-width: none

  }

  .product-action .btn-add-cart {

    display: block;

    padding: 0 8px;

    width: 36px;

    height: 36px;

    overflow: hidden

  }

}



@media (max-width: 1200px) {

  .product-intro.owl-carousel.owl-theme .owl-nav .owl-prev {

    left: 10px

  }

  .product-intro.owl-carousel.owl-theme .owl-nav .owl-next {

    right: 10px

  }

}



@media (max-width: 1159px) {

  .product-intro.owl-carousel.owl-theme .owl-nav .owl-prev {

    left: -30px

  }

  .product-intro.owl-carousel.owl-theme .owl-nav .owl-next {

    right: -30px

  }

}



@media (max-width: 1000px) {

  .product-intro.owl-carousel.owl-theme .owl-nav .owl-prev {

    left: 10px

  }

  .product-intro.owl-carousel.owl-theme .owl-nav .owl-next {

    right: 10px

  }

}



@media (min-width: 576px) {

  .divide-line>.col-sm-1:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-sm-1:nth-child(12n) {

    border-right: none

  }

  .divide-line>.col-sm-2:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-sm-2:nth-child(6n) {

    border-right: none

  }

  .divide-line>.col-sm-3:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-sm-3:nth-child(4n) {

    border-right: none

  }

  .divide-line>.col-sm-4:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-sm-4:nth-child(3n) {

    border-right: none

  }

  .divide-line>.col-sm-5:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-sm-5:nth-child(2n) {

    border-right: none

  }

  .divide-line>.col-sm-6:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-sm-6:nth-child(2n) {

    border-right: none

  }

  .divide-line>.col-sm-7:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-sm-7:nth-child(1n) {

    border-right: none

  }

  .divide-line>.col-sm-8:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-sm-8:nth-child(1n) {

    border-right: none

  }

  .divide-line>.col-sm-9:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-sm-9:nth-child(1n) {

    border-right: none

  }

  .divide-line>.col-sm-10:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-sm-10:nth-child(1n) {

    border-right: none

  }

  .divide-line>.col-sm-11:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-sm-11:nth-child(1n) {

    border-right: none

  }

}



@media (min-width: 768px) {

  .divide-line>.col-md-1:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-md-1:nth-child(12n) {

    border-right: none

  }

  .divide-line>.col-md-2:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-md-2:nth-child(6n) {

    border-right: none

  }

  .divide-line>.col-md-3:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-md-3:nth-child(4n) {

    border-right: none

  }

  .divide-line>.col-md-4:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-md-4:nth-child(3n) {

    border-right: none

  }

  .divide-line>.col-md-5:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-md-5:nth-child(2n) {

    border-right: none

  }

  .divide-line>.col-md-6:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-md-6:nth-child(2n) {

    border-right: none

  }

  .divide-line>.col-md-7:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-md-7:nth-child(1n) {

    border-right: none

  }

  .divide-line>.col-md-8:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-md-8:nth-child(1n) {

    border-right: none

  }

  .divide-line>.col-md-9:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-md-9:nth-child(1n) {

    border-right: none

  }

  .divide-line>.col-md-10:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-md-10:nth-child(1n) {

    border-right: none

  }

  .divide-line>.col-md-11:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-md-11:nth-child(1n) {

    border-right: none

  }

}



@media (min-width: 992px) {

  .divide-line>.col-lg-1:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-lg-1:nth-child(12n) {

    border-right: none

  }

  .divide-line>.col-lg-2:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-lg-2:nth-child(6n) {

    border-right: none

  }

  .divide-line>.col-lg-3:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-lg-3:nth-child(4n) {

    border-right: none

  }

  .divide-line>.col-lg-4:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-lg-4:nth-child(3n) {

    border-right: none

  }

  .divide-line>.col-lg-5:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-lg-5:nth-child(2n) {

    border-right: none

  }

  .divide-line>.col-lg-6:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-lg-6:nth-child(2n) {

    border-right: none

  }

  .divide-line>.col-lg-7:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-lg-7:nth-child(1n) {

    border-right: none

  }

  .divide-line>.col-lg-8:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-lg-8:nth-child(1n) {

    border-right: none

  }

  .divide-line>.col-lg-9:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-lg-9:nth-child(1n) {

    border-right: none

  }

  .divide-line>.col-lg-10:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-lg-10:nth-child(1n) {

    border-right: none

  }

  .divide-line>.col-lg-11:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-lg-11:nth-child(1n) {

    border-right: none

  }

}



@media (min-width: 1200px) {

  .divide-line>.col-xl-1:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-xl-1:nth-child(12n) {

    border-right: none

  }

  .divide-line>.col-xl-2:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-xl-2:nth-child(6n) {

    border-right: none

  }

  .divide-line>.col-xl-3:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-xl-3:nth-child(4n) {

    border-right: none

  }

  .divide-line>.col-xl-4:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-xl-4:nth-child(3n) {

    border-right: none

  }

  .divide-line>.col-xl-5:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-xl-5:nth-child(2n) {

    border-right: none

  }

  .divide-line>.col-xl-6:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-xl-6:nth-child(2n) {

    border-right: none

  }

  .divide-line>.col-xl-7:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-xl-7:nth-child(1n) {

    border-right: none

  }

  .divide-line>.col-xl-8:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-xl-8:nth-child(1n) {

    border-right: none

  }

  .divide-line>.col-xl-9:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-xl-9:nth-child(1n) {

    border-right: none

  }

  .divide-line>.col-xl-10:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-xl-10:nth-child(1n) {

    border-right: none

  }

  .divide-line>.col-xl-11:nth-child(n) {

    border-right: 1px solid rgba(0, 0, 0, 0.09);

    border-bottom: 1px solid rgba(0, 0, 0, 0.09)

  }

  .divide-line>.col-xl-11:nth-child(1n) {

    border-right: none

  }

}



.banners-group {

  margin-bottom: 1.9rem

}



.banner {

  display: block;

  position: relative;

  margin-bottom: 1.5rem;

  background-color: #ccc

}



.banner.banner-cat {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  height: 220px;

  background-color: #ccc;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

  margin-bottom: 0

}



.banner>a {

  display: block

}



.banner img {

  display: block;

  width: 100%;

  max-width: none;

  height: auto

}



.banner .banner-content {

  display: inline-block

}



.banner .banner-title {

  margin-bottom: 2rem;

  color: #010204;

  font: 800 3rem/1.1 "Open Sans", sans-serif;

  letter-spacing: -.025rem;

  text-transform: uppercase

}



.banner .banner-subtitle {

  margin-bottom: .2rem;

  color: #010204;

  font: 700 1.5rem/1.1 "Open Sans", sans-serif;

  letter-spacing: 0;

  text-transform: uppercase

}



.banner .banner-subtitle span {

  font-family: "Oswald", sans-serif;

  font-size: 2.4rem

}



.banner .btn {

  min-width: 100px;

  padding: 1.1rem 1rem;

  border-radius: .2rem

}



.banner-image>a {

  position: relative

}



.banner-image>a::after {

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  transition: all .3s ease;

  background-color: rgba(0, 0, 0, 0.2);

  content: '';

  opacity: 0;

  visibility: hidden

}



.banner-image>a:hover::after,

.banner-image>a:focus::after {

  opacity: 1;

  visibility: visible

}



@media screen and (min-width: 768px) {

  .banner.banner-cat {

    height: 260px

  }

  .banner .banner-title {

    margin-bottom: 2.5rem;

    font-size: 3.2rem

  }

  .banner .banner-subtitle {

    font-size: 1.6rem

  }

  .banner .banner-subtitle span {

    font-size: 2.5rem

  }

}



@media screen and (min-width: 992px) {

  .banner.banner-cat {

    height: 300px

  }

  .banner .banner-title {

    margin-bottom: 3rem;

    font-size: 3.6rem

  }

  .banner .banner-subtitle {

    font-size: 1.8rem

  }

  .banner .banner-subtitle span {

    font-size: 2.6rem

  }

}



.breadcrumb-nav {

  margin-bottom: 0

}



.breadcrumb-nav .container {

  padding: 0

}



.top-nav.breadcrumb-nav {

  margin-top: -1rem

}



.breadcrumb {

  margin-top: -1rem;

  margin-bottom: 0;

  padding: 1.4rem 1.5rem 1.2rem;

  border-radius: 0;

  background-color: #fff

}



.breadcrumb-item {

  font: 400 1.2rem/1.4 "Open Sans", sans-serif;

  letter-spacing: .025rem;

  text-transform: capitalize

}



.breadcrumb-item i {

  margin-top: -.2rem;

  font-size: 1.3rem;

  vertical-align: top

}



.breadcrumb-item i::before {

  margin: 0

}



.breadcrumb-item+.breadcrumb-item {

  padding-left: 1rem

}



.breadcrumb-item+.breadcrumb-item::before {

  margin-top: -.3rem;

  padding-right: 1rem;

  color: #8e8e8e;

  font-family: 'porto';

  font-size: 1.3rem;

  content: '\e81a';

  vertical-align: middle

}



.breadcrumb-item a,

.breadcrumb-item.active {

  color: #8e8e8e

}



.page-header {

  padding: 4rem 0

}



.page-header h1 span {

  display: block;

  margin-bottom: .4rem;

  font-family: "Open Sans", sans-serif;

  font-size: 1.5rem;

  font-style: normal;

  font-weight: 700;

  line-height: 1

}



.page-header .btn {

  min-width: 100px;

  padding: .85rem 2rem;

  border-radius: .2rem;

  font-size: 1.4rem

}



.page-header.page-header-bg {

  background-color: #ccc;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover

}



.page-header.page-header-bg h1 {

  margin-bottom: 2rem

}



.page-header h1,

.page-title {

  margin-bottom: 0;

  color: #1e3636;

  font-weight: 800;

  text-transform: uppercase

}



@media screen and (min-width: 768px) {

  .page-header {

    padding-top: 6rem;

    padding-bottom: 6rem

  }

  .page-header h1 span {

    font-size: 1.6rem

  }

  .page-header.page-header-bg {

    background-position: center right

  }

  .page-header.page-header-bg h1 {

    margin-bottom: 2.5rem

  }

}



@media screen and (min-width: 992px) {

  .page-header {

    padding-top: 8rem;

    padding-bottom: 8rem

  }

  .page-header h1 span {

    font-size: 1.8rem

  }

  .page-header.page-header-bg h1 {

    margin-bottom: 3rem

  }

}



@font-face {

  font-family: 'porto';

  src: url("../fonts/porto6e1d.eot?64334846");

  src: url("../fonts/porto6e1d.eot?64334846#iefix") format("embedded-opentype"), url("../fonts/porto6e1d.woff2?64334846") format("woff2"), url("../fonts/porto6e1d.woff?64334846") format("woff"), url("../fonts/porto6e1d.ttf?64334846") format("truetype"), url("../fonts/porto6e1d.svg?64334846#porto") format("svg");

  font-weight: normal;

  font-style: normal

}



[class^='icon-']::before,

[class*=' icon-']::before {

  display: inline-block;

  width: 1em;

  margin-right: .2em;

  margin-left: .2em;

  font-family: 'porto';

  font-style: normal;

  font-variant: normal;

  font-weight: normal;

  line-height: 1em;

  text-align: center;

  text-decoration: inherit;

  text-transform: none;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  speak: none

}



.icon-cancel::before {

  content: '\e800'

}



.icon-spin2::before {

  content: '\e801'

}



.icon-spin3::before {

  content: '\e802'

}



.icon-spin4::before {

  content: '\e803'

}



.icon-spin5::before {

  content: '\e804'

}



.icon-spin6::before {

  content: '\e805'

}



.icon-firefox::before {

  content: '\e806'

}



.icon-chrome::before {

  content: '\e807'

}



.icon-opera::before {

  content: '\e808'

}



.icon-ie::before {

  content: '\e809'

}



.icon-phone::before {

  content: '\e80a'

}



.icon-down-dir::before {

  content: '\e80b'

}



.icon-cart::before {

  content: '\e80c'

}



.icon-up-dir::before {

  content: '\e80d'

}



.icon-mode-grid::before {

  content: '\e80e'

}



.icon-mode-list::before {

  content: '\e80f'

}



.icon-compare::before {

  content: '\e810'

}



.icon-wishlist::before {

  content: '\e811'

}



.icon-search::before {

  content: '\e812'

}



.icon-left-dir::before {

  content: '\e813'

}



.icon-right-dir::before {

  content: '\e814'

}



.icon-down-open::before {

  content: '\e815'

}



.icon-left-open::before {

  content: '\e816'

}



.icon-right-open::before {

  content: '\e817'

}



.icon-up-open::before {

  content: '\e818'

}



.icon-angle-left::before {

  content: '\e819'

}



.icon-angle-right::before {

  content: '\e81a'

}



.icon-angle-up::before {

  content: '\e81b'

}



.icon-angle-down::before {

  content: '\e81c'

}



.icon-down::before {

  content: '\e81d'

}



.icon-left::before {

  content: '\e81e'

}



.icon-right::before {

  content: '\e81f'

}



.icon-up::before {

  content: '\e820'

}



.icon-angle-double-left::before {

  content: '\e821'

}



.icon-angle-double-right::before {

  content: '\e822'

}



.icon-angle-double-up::before {

  content: '\e823'

}



.icon-angle-double-down::before {

  content: '\e824'

}



.icon-mail::before {

  content: '\e825'

}



.icon-location::before {

  content: '\e826'

}



.icon-skype::before {

  content: '\e827'

}



.icon-right-open-big::before {

  content: '\e828'

}



.icon-left-open-big::before {

  content: '\e829'

}



.icon-down-open-big::before {

  content: '\e82a'

}



.icon-up-open-big::before {

  content: '\e82b'

}



.icon-retweet::before {

  content: '\e82c'

}



.icon-user::before {

  content: '\e82d'

}



.icon-mail-alt::before {

  content: '\e82e'

}



.icon-fax::before {

  content: '\e82f'

}



.icon-lock::before {

  content: '\e830'

}



.icon-company::before {

  content: '\e831'

}



.icon-city::before {

  content: '\e832'

}



.icon-post::before {

  content: '\e833'

}



.icon-country::before {

  content: '\e834'

}



.icon-calendar::before {

  content: '\e835'

}



.icon-doc::before {

  content: '\e836'

}



.icon-mobile::before {

  content: '\e837'

}



.icon-clock::before {

  content: '\e838'

}



.icon-chat::before {

  content: '\e839'

}



.icon-tag::before {

  content: '\e83a'

}



.icon-folder::before {

  content: '\e83b'

}



.icon-folder-open::before {

  content: '\e83c'

}



.icon-forward::before {

  content: '\e83d'

}



.icon-reply::before {

  content: '\e83e'

}



.icon-cog::before {

  content: '\e83f'

}



.icon-cog-alt::before {

  content: '\e840'

}



.icon-wrench::before {

  content: '\e841'

}



.icon-quote-left::before {

  content: '\e842'

}



.icon-quote-right::before {

  content: '\e843'

}



.icon-gift::before {

  content: '\e844'

}



.icon-dollar::before {

  content: '\e845'

}



.icon-euro::before {

  content: '\e846'

}



.icon-pound::before {

  content: '\e847'

}



.icon-rupee::before {

  content: '\e848'

}



.icon-yen::before {

  content: '\e849'

}



.icon-rouble::before {

  content: '\e84a'

}



.icon-try::before {

  content: '\e84b'

}



.icon-won::before {

  content: '\e84c'

}



.icon-bitcoin::before {

  content: '\e84d'

}



.icon-ok::before {

  content: '\e84e'

}



.icon-chevron-left::before {

  content: '\e84f'

}



.icon-chevron-right::before {

  content: '\e850'

}



.icon-export::before {

  content: '\e851'

}



.icon-star::before {

  content: '\e852'

}



.icon-star-empty::before {

  content: '\e853'

}



.icon-plus-squared::before {

  content: '\e854'

}



.icon-minus-squared::before {

  content: '\e855'

}



.icon-plus-squared-alt::before {

  content: '\e856'

}



.icon-minus-squared-alt::before {

  content: '\e857'

}



.icon-truck::before {

  content: '\e858'

}



.icon-lifebuoy::before {

  content: '\e859'

}



.icon-pencil::before {

  content: '\e85a'

}



.icon-users::before {

  content: '\e85b'

}



.icon-video::before {

  content: '\e85c'

}



.icon-menu::before {

  content: '\e85d'

}



.icon-desktop::before {

  content: '\e85e'

}



.icon-doc-inv::before {

  content: '\e85f'

}



.icon-circle::before {

  content: '\e860'

}



.icon-circle-empty::before {

  content: '\e861'

}



.icon-circle-thin::before {

  content: '\e862'

}



.icon-mini-cart::before {

  content: '\e863'

}



.icon-paper-plane::before {

  content: '\e864'

}



.icon-attention-alt::before {

  content: '\e865'

}



.icon-info::before {

  content: '\e866'

}



.icon-compare-link::before {

  content: '\e867'

}



.icon-cat-default::before {

  content: '\e868'

}



.icon-cat-computer::before {

  content: '\e869'

}



.icon-cat-couch::before {

  content: '\e86a'

}



.icon-cat-garden::before {

  content: '\e86b'

}



.icon-cat-gift::before {

  content: '\e86c'

}



.icon-cat-shirt::before {

  content: '\e86d'

}



.icon-cat-sport::before {

  content: '\e86e'

}



.icon-cat-toys::before {

  content: '\e86f'

}



.icon-tag-line::before {

  content: '\e870'

}



.icon-bag::before {

  content: '\e87f'

}



.icon-search-1::before {

  content: '\e872'

}



.icon-plus::before {

  content: '\e873'

}



.icon-minus::before {

  content: '\e874'

}



.icon-search-2::before {

  content: '\e875'

}



.icon-bag-1::before {

  content: '\e876'

}



.icon-online-support::before {

  content: '\e877'

}



.icon-shopping-bag::before {

  content: '\e878'

}



.icon-us-dollar::before {

  content: '\e879'

}



.icon-shipped::before {

  content: '\e87a'

}



.icon-list::before {

  content: '\e87b'

}



.icon-money::before {

  content: '\e87c'

}



.icon-shipping::before {

  content: '\e87d'

}



.icon-support::before {

  content: '\e87e'

}



.icon-bag-2::before {

  content: '\e87f'

}



.icon-grid::before {

  content: '\e880'

}



.icon-bag-3::before {

  content: '\e881'

}



.icon-direction::before {

  content: '\e882'

}



.icon-home::before {

  content: '\e883'

}



.icon-magnifier::before {

  content: '\e884'

}



.icon-magnifier-add::before {

  content: '\e885'

}



.icon-magnifier-remove::before {

  content: '\e886'

}



.icon-phone-1::before {

  content: '\e887'

}



.icon-clock-1::before {

  content: '\e888'

}



.icon-heart::before {

  content: '\e889'

}



.icon-heart-1::before {

  content: '\e88a'

}



.icon-earphones-alt::before {

  content: '\e88b'

}



.icon-credit-card::before {

  content: '\e88c'

}



.icon-action-undo::before {

  content: '\e88d'

}



.icon-envolope::before {

  content: '\e88e'

}



.icon-chart::before {

  content: '\e88f'

}



.icon-down-1::before {

  content: '\e890'

}



.icon-up-1::before {

  content: '\e891'

}



.icon-eye::before {

  content: '\e892'

}



.icon-spin1::before {

  content: '\e893'

}



.icon-twitter::before {

  content: '\f099'

}



.icon-facebook::before {

  content: '\f09a'

}



.icon-gplus::before {

  content: '\f0d5'

}



.icon-linkedin::before {

  content: '\f0e1'

}



.icon-spinner::before {

  content: '\f110'

}



.icon-instagram::before {

  content: '\f16d'

}



.icon-sliders::before {

  content: '\f1de'

}



.icon-question-circle-o::before {

  content: '\f29c'

}



.icon-check-empty::before {

  content: '\f87a'

}



.icon-check::before {

  content: '\f87b'

}



.icon-docs-inv::before {

  content: '\e895'

}



.icon-briefcase::before {

  content: '\e896'

}



.icon-user-2::before {

  content: '\e91a'

}



.icon-search-3::before {

  content: '\e918'

}



.icon-wishlist-2::before {

  content: '\e91b'

}



.icon-secure-payment::before {

  content: '\e919'

}



.icon-smiling-girl::before {

  content: '\e91f'

}



.icon-boy-broad-smile::before {

  content: '\e921'

}



.icon-smiling-baby::before {

  content: '\e922'

}



.icon-tshirt::before {

  content: '\e920'

}



.icon-chef::before {

  content: '\e91e'

}



.icon-edit::before {

  content: '\e91d'

}



.icon-gift-2::before {

  content: '\e91c'

}



.icon-category-saddle::before {

  content: '\e916'

}



.icon-category-pedals::before {

  content: '\e915'

}



.icon-category-frames::before {

  content: '\e914'

}



.icon-category-chains::before {

  content: '\e913'

}



.icon-category-tools::before {

  content: '\e917'

}



form {

  margin-bottom: 3.5rem

}



form h2 {

  margin-top: 3.4rem;

  margin-bottom: 2.3rem

}



.form-group {

  margin-bottom: 1.4rem

}



.form-group .form-control,

.form-group .select-custom {

  margin-bottom: 0

}



.form-group .form-control+.form-control {

  margin-top: 1rem

}



.form-group-sm {

  max-width: 480px;

  margin-bottom: .9rem

}



.form-control {

  max-width: 480px;

  height: 4.8rem;

  margin-bottom: 1rem;

  padding: 1.25rem 1.5rem;

  transition: all .3s;

  border: 1px solid #e6e6e6;

  border-radius: 0;

  background-color: #fff;

  color: #7a7d82;

  font-family: "Open Sans", sans-serif;

  font-size: 1.4rem;

  font-weight: 400;

  line-height: 1.5

}



.form-control:focus {

  border-color: #282d3b;

  background-color: #fff;

  color: #7a7d82;

  box-shadow: none

}



.form-control-sm {

  height: 4.5rem;

  padding: 1.2rem 1.5rem;

  font-size: 1.3rem

}



select.form-control:not([size]):not([multiple]) {

  height: 4.8rem

}



select.form-control-sm:not([size]):not([multiple]) {

  height: 4.5rem

}



.main .form-control::-webkit-input-placeholder {

  color: #7a7d82

}



.main .form-control::-moz-placeholder {

  color: #7a7d82

}



.main .form-control:-ms-input-placeholder {

  color: #7a7d82

}



.main .form-control::-ms-input-placeholder {

  color: #7a7d82

}



.main .form-control::placeholder {

  color: #7a7d82

}



textarea.form-control {

  max-width: 680px;

  min-height: 176px

}



.form-footer {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  margin-top: 2rem;

  margin-bottom: 3.5rem;

  font-size: 1.4rem;

  vertical-align: middle

}



.form-footer .form-footer-right {

  margin-right: 0;

  margin-left: auto

}



.form-footer .form-footer-right .btn {

  margin: 0

}



.form-footer .btn {

  margin-right: 3rem

}



.forget-pass {

  line-height: 1.3

}



label {

  margin: 0 0 .6rem;

  color: #6e7075;

  font-size: 1.4rem;

  font-weight: 400

}



.required-field>label::after {

  margin: 0 0 0 .45rem;

  color: #e02b27;

  font-size: 1.2rem;

  content: '*'

}



.required {

  color: #e02b27;

  font-size: 1.2rem

}



.required+.form-footer {

  margin-top: .8rem

}



.select-custom {

  position: relative;

  margin-bottom: 1rem

}



.select-custom select {

  -webkit-appearance: none;

  appearance: none

}



.select-custom::after {

  display: inline-block;

  position: absolute;

  top: 50%;

  right: 1.9rem;

  -webkit-transform: translateY(-51%);

  transform: translateY(-51%);

  color: #34373f;

  font-family: 'porto';

  font-size: 1.5rem;

  content: '\e81c'

}



.select-custom .form-control,

.select-custom .form-control-sm {

  padding-right: 4rem

}



.form-group-custom-control {

  margin-top: 2rem

}



.form-group-custom-control .custom-control {

  margin-top: 0;

  margin-bottom: 2rem

}



.form-group-custom-control+.form-group-custom-control {

  margin-top: -.5rem

}



.form-group-custom-control .custom-control-label {

  font-family: "Open Sans", sans-serif;

  font-weight: 400;

  letter-spacing: 0;

  text-transform: initial

}



.custom-control-label {

  position: static;

  margin-top: .1rem;

  margin-bottom: 0;

  font-size: 1.4rem

}



.custom-control-label::before,

.custom-control-label::after {

  top: .4rem;

  left: 0;

  width: 2rem;

  height: 2rem

}



.custom-control-label::before {

  border: 1px solid #e6e6e6;

  background-color: #fff

}



.custom-checkbox .custom-control-label::before {

  border-radius: 0

}



.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {

  border-color: #08c;

  background-color: #08c;

  color: #282d3b

}



.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {

  background-color: #08c

}



.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {

  background-color: rgba(0, 136, 204, 0.5)

}



.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {

  background-color: rgba(0, 136, 204, 0.5)

}



.form-input {

  padding: 1rem 1.2rem;

  border: 1px solid #ddd;

  border-radius: 2px

}



.form-wide {

  width: 100%

}



@media screen and (min-width: 768px) {

  form,

  .form-footer {

    margin-bottom: 4rem

  }

  form h2 {

    margin-top: 4.4rem

  }

}



@media screen and (min-width: 992px) {

  form,

  .form-footer {

    margin-bottom: 5rem

  }

}



.btn {

  min-width: 124px;

  padding: 1.25rem 2rem;

  transition: all .3s;

  border-radius: 0;

  font-family: "Oswald", sans-serif;

  font-size: 1.4rem;

  letter-spacing: .075rem;

  line-height: 1.5;

  text-transform: uppercase

}



.btn-sm {

  min-width: 90px;

  padding: 1rem 1.5rem;

  font-size: 1.3rem;

  letter-spacing: 1px

}



.btn-link {

  min-width: 0;

  padding-top: 0;

  padding-bottom: 0;

  color: #282d3b;

  font-family: "Open Sans", sans-serif;

  font-size: 13px;

  letter-spacing: 0;

  text-transform: initial

}



.btn-link:hover,

.btn-link:focus {

  color: #282d3b;

  text-decoration: underline

}



.btn-md {

  padding: 1rem 2.4rem;

  font-size: 12px;

  letter-spacing: .025em;

  text-shadow: none

}



.btn-primary {

  border-color: #08c;

  background-color: #08c;

  color: #fff;

  box-shadow: none

}



.btn-primary:hover,

.btn-primary:focus,

.btn-primary.focus {

  border-color: #00a3f5;

  background-color: #00a3f5;

  color: #fff;

  box-shadow: none

}



.btn-primary.disabled,

.btn-primary:disabled {

  border-color: #08c;

  background-color: #08c;

  color: #fff

}



.btn-primary:not(:disabled):not(.disabled):active,

.btn-primary:not(:disabled):not(.disabled).active,

.show>.btn-primary.dropdown-toggle {

  border-color: #005e8c;

  background-color: #069;

  color: #fff

}



.btn-secondary {

  border-color: #282d3b;

  background-color: #282d3b;

  color: #fff;

  box-shadow: none

}



.btn-secondary:hover,

.btn-secondary:focus,

.btn-secondary.focus {

  border-color: #384053;

  background-color: #384053;

  color: #fff;

  box-shadow: none

}



.btn-secondary.disabled,

.btn-secondary:disabled {

  border-color: #282d3b;

  background-color: #282d3b;

  color: #fff

}



.btn-secondary:not(:disabled):not(.disabled):active,

.btn-secondary:not(:disabled):not(.disabled).active,

.show>.btn-secondary.dropdown-toggle {

  border-color: #0e1015;

  background-color: #13161d;

  color: #fff

}



.btn-dark {

  border-color: #2b2b2c;

  background-color: #2b2b2c;

  color: #fff;

  box-shadow: none

}



.btn-dark:hover,

.btn-dark:focus,

.btn-dark.focus {

  border-color: #333;

  background-color: #333;

  color: #fff;

  box-shadow: none

}



.btn-dark.disabled,

.btn-dark:disabled {

  border-color: #2b2b2c;

  background-color: #2b2b2c;

  color: #fff

}



.btn-dark:not(:disabled):not(.disabled):active,

.btn-dark:not(:disabled):not(.disabled).active,

.show>.btn-dark.dropdown-toggle {

  border-color: #333;

  background-color: #333;

  color: #fff

}



.btn-outline {

  border-color: #ccc;

  background-color: transparent;

  background-image: none;

  color: #ccc

}



.btn-outline:hover,

.btn-outline.focus {

  border-color: #08c;

  background-color: transparent;

  color: #282d3b;

  box-shadow: none

}



.btn-outline.disabled,

.btn-outline:disabled {

  background-color: transparent;

  color: #ccc

}



.btn-outline:not(:disabled):not(.disabled):active,

.btn-outline:not(:disabled):not(.disabled).active,

.show>.btn-outline.dropdown-toggle {

  border-color: #08c;

  background-color: transparent;

  color: #282d3b

}



.btn-outline-secondary {

  border-color: #ccc;

  background-color: transparent;

  background-image: none;

  color: #777

}



.btn-outline-secondary:hover,

.btn-outline-secondary.focus {

  border-color: #08c;

  background-color: #08c;

  color: #fff;

  box-shadow: none

}



.btn-outline-secondary.disabled,

.btn-outline-secondary:disabled {

  background-color: transparent;

  color: #777

}



.btn-outline-secondary:not(:disabled):not(.disabled):active,

.btn-outline-secondary:not(:disabled):not(.disabled).active,

.show>.btn-outline-secondary.dropdown-toggle {

  border-color: #08c;

  background-color: #08c;

  color: #fff

}



.btn-outline-dark {

  border-color: #efefef;

  background-color: transparent;

  background-image: none;

  color: #05131c

}



.btn-outline-dark:hover,

.btn-outline-dark.focus {

  border-color: #08c;

  background-color: #08c;

  color: #fff;

  box-shadow: none

}



.btn-outline-dark.disabled,

.btn-outline-dark:disabled {

  background-color: transparent;

  color: #05131c

}



.btn-outline-dark:not(:disabled):not(.disabled):active,

.btn-outline-dark:not(:disabled):not(.disabled).active,

.show>.btn-outline-dark.dropdown-toggle {

  border-color: #08c;

  background-color: #08c;

  color: #fff

}



.btn-social-login {

  display: -ms-flexbox;

  display: flex;

  margin-right: 10px;

  margin-left: 10px;

  background-color: #08c;

  font-family: Oswald;

  text-decoration: none;

  text-transform: uppercase

}



.btn-social-login span,

.btn-social-login i {

  color: #fff

}



.btn-social-login i {

  margin-top: -1px;

  padding-right: 6px

}



.btn-facebook {

  background: #3a589d

}



.btn-gplus {

  background: #dd4e31

}



.btn-twitter {

  background: #1aa9e1

}



.owl-dots .owl-dot,

.owl-nav .owl-prev,

.owl-nav .owl-next {

  outline: none

}



a:focus {

  outline: none

}



.mfp-container .mfp-preloader,

.porto-loading-icon {

  display: inline-block;

  width: 40px;

  height: 40px;

  margin: 0 auto;

  border: 2px solid transparent;

  border-radius: 50%;

  border-top-color: #08c;

  border-image: none;

  content: '';

  z-index: 2;

  -webkit-animation: spin .75s infinite linear;

  animation: spin .75s infinite linear

}



.mfp-container .mfp-preloader::before,

.porto-loading-icon::before {

  position: absolute;

  top: -2px;

  right: 0;

  left: -2px;

  width: inherit;

  height: inherit;

  border: inherit;

  border-radius: inherit;

  border-top-color: inherit;

  content: '';

  -webkit-animation: spin 1.5s infinite ease;

  animation: spin 1.5s infinite ease

}



.alert {

  margin-bottom: 2rem;

  padding: 1.4rem 1.5rem;

  border-radius: 0

}



.alert.alert-intro {

  font-size: 1.5rem

}



.card {

  margin-bottom: 3rem;

  border: 1px solid #ddd;

  border-radius: 0;

  font-size: 1.4rem

}



.card-header {

  margin: 0;

  padding: 1.2rem 1.5rem;

  border-radius: 0;

  border-color: #ddd;

  background-color: #f5f5f5;

  color: #2b2b2d;

  font-weight: 700;

  line-height: 1.5;

  text-transform: uppercase

}



.card-header::after {

  display: block;

  clear: both;

  content: ''

}



.card-header .card-edit {

  display: inline-block;

  margin-top: .1rem;

  float: right;

  color: #282d3b;

  font-size: 1.3rem;

  font-weight: 400;

  text-transform: capitalize

}



.card-body {

  min-height: 135px;

  padding: 2rem 1.5rem;

  border-top: 0;

  border-radius: 0

}



.card-body a {

  text-decoration: underline

}



.card-body h4 {

  margin-bottom: .7rem;

  color: #8a8a8a

}



.modal form {

  margin: 0

}



.modal form .form-group {

  max-width: 480px

}



.modal form .form-control {

  max-width: 100%

}



.modal-body {

  padding: 1.5rem

}



.modal-content {

  border-radius: 0;

  box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35)

}



.modal-header,

.modal-footer {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  height: 80px;

  padding-right: 1.5rem;

  padding-left: 1.5rem

}



.modal-title {

  font-weight: 400

}



.close {

  font-size: 2.2rem

}



@media screen and (min-width: 576px) {

  .modal-content {

    margin-top: 20px;

    margin-bottom: 20px

  }

  .modal-body {

    max-height: calc(100vh - 210px);

    padding-top: 2rem;

    overflow-y: auto

  }

  .modal-header,

  .modal-footer,

  .modal-body {

    padding-right: 2em;

    padding-left: 2rem

  }

}



@media screen and (min-width: 992px) {

  .modal-dialog {

    max-width: 800px

  }

  .modal-header,

  .modal-footer,

  .modal-body {

    padding-right: 3rem;

    padding-left: 3rem

  }

}



@media screen and (max-width: 479px) {

  .modal-open,

  .modal-open .modal {

    padding-right: 0 !important

  }

}



.member {

  margin-bottom: 2.8rem;

  padding: 2.5rem 0;

  transition: all .3s ease;

  background-color: #fff;

  text-align: center

}



.member img {

  display: inline-block !important;

  max-width: 160px !important;

  height: auto;

  border-radius: 50%

}



.owl-carousel .member {

  margin-bottom: .5rem

}



.member-title {

  margin: 2.5rem 0 .5rem;

  color: #282d3b;

  font: 700 1.4rem/1 "Open Sans", sans-serif;

  text-transform: uppercase

}



.member-job {

  display: block;

  margin-bottom: 1rem;

  color: #8c8e94;

  font-size: 1.4rem;

  text-transform: uppercase

}



.tooltip {

  font-family: "Open Sans", sans-serif;

  font-size: 1.3rem

}



.tooltip.show {

  opacity: 1

}



.tooltip .arrow {

  width: 1rem;

  height: 1rem

}



.bs-tooltip-top,

.bs-tooltip-auto[x-placement^='top'] {

  padding: 1rem 0

}



.bs-tooltip-top .arrow::before,

.bs-tooltip-auto[x-placement^='top'] .arrow::before {

  margin-left: -.5rem;

  border-width: 1rem 1rem 0;

  border-top-color: #ddd

}



.bs-tooltip-right,

.bs-tooltip-auto[x-placement^='right'] {

  padding: 0 1rem

}



.bs-tooltip-right .arrow,

.bs-tooltip-auto[x-placement^='right'] .arrow {

  width: 1rem;

  height: 2rem

}



.bs-tooltip-right .arrow::before,

.bs-tooltip-auto[x-placement^='right'] .arrow::before {

  border-width: 1rem 1rem 1rem 0;

  border-right-color: #ddd

}



.bs-tooltip-bottom,

.bs-tooltip-auto[x-placement^='bottom'] {

  padding: 1rem 0

}



.bs-tooltip-bottom .arrow::before,

.bs-tooltip-auto[x-placement^='bottom'] .arrow::before {

  margin-left: -.5rem;

  border-width: 0 1rem 1em;

  border-bottom-color: #ddd

}



.bs-tooltip-left,

.bs-tooltip-auto[x-placement^='left'] {

  padding: 0 1rem

}



.bs-tooltip-left .arrow,

.bs-tooltip-auto[x-placement^='left'] .arrow {

  width: 1rem;

  height: 1rem

}



.bs-tooltip-left .arrow::before,

.bs-tooltip-auto[x-placement^='left'] .arrow::before {

  border-width: 1rem 0 1rem 1rem;

  border-left-color: #ddd

}



.tooltip-inner {

  max-width: 270px;

  padding: 1.2rem 1.5rem;

  border: 1px solid #ddd;

  border-radius: .1rem;

  background-color: #f4f4f4;

  color: #777;

  text-align: left

}



.social-icons {

  /*display: -ms-flexbox;*/

  /*display: flex;*/

  /*-ms-flex-align: center;*/

  /*align-items: center*/

}



.social-icon {

  display: -ms-inline-flexbox;

  display: inline-flex;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 3.2rem;

  height: 3.2rem;

  background-color: #08c;

  color: #fff;

  font-size: 1.4rem;

  text-decoration: none;

  opacity: 1

}



.social-icon+.social-icon {

  margin-left: .5rem

}



.social-icon:hover,

.social-icon:focus {

  color: #fff;

  text-decoration: none;

  opacity: .85

}



.social-icon.social-facebook {

  background-color: #3b5a9a;

  color: #fff

}



.social-icon.social-twitter {

  background-color: #1aa9e1;

  color: #fff

}



.social-icon.social-linkedin {

  background-color: #0073b2;

  color: #fff

}



.social-icon.social-gplus {

  background-color: #dd4b39;

  color: #fff

}



.social-icon.social-mail {

  background-color: #dd4b39;

  color: #fff

}



.info-boxes-container {

  margin-bottom: 3.4rem;

  border-bottom: .1rem solid #e5e8e8;

  background-color: #fff

}



.info-boxes-container .container,

.info-boxes-container .container-fluid {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

  -ms-flex-align: center;

  align-items: center;

  padding: 0

}



.info-box {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  width: 100%;

  padding: .3rem 1.5rem;

  color: #839199

}



.info-box i {

  min-width: 3.5rem;

  margin-right: 1.9rem;

  color: #465157;

  font-size: 3.7rem;

  text-align: center

}



.info-box i::before {

  width: auto;

  margin: 0

}



.info-box h4 {

  margin-bottom: .1rem;

  padding-top: .1rem;

  color: #465157;

  font: 600 1.4rem/1.1 "Open Sans", sans-serif;

  letter-spacing: .05rem;

  text-transform: uppercase

}



.info-box p {

  margin-bottom: 0;

  font-size: 1.3rem;

  font-weight: 300;

  letter-spacing: .01rem;

  line-height: 1.6

}



@media screen and (min-width: 768px) {

  .info-boxes-container .container,

  .info-boxes-container .container-fluid {

    -ms-flex-direction: row;

    flex-direction: row;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: center;

    justify-content: center

  }

  .info-box {

    -ms-flex: 0 0 33.33%;

    flex: 0 0 33.33%;

    -ms-flex-pack: center;

    justify-content: center;

    max-width: 33.33%;

    padding-top: .7rem;

    padding-bottom: .7rem

  }

  .info-box:first-child {

    -ms-flex-pack: start;

    justify-content: flex-start

  }

}



.feature-box {

  width: 100%;

  margin-bottom: 3rem;

  padding: 2rem 2.5rem;

  background-color: #fff;

  color: #7b858a;

  font-size: 1.5rem;

  line-height: 2

}



.feature-box i {

  display: inline-block;

  margin-bottom: 2.2rem;

  color: #08c;

  font-size: 5rem;

  line-height: 1

}



.feature-box i::before {

  margin: 0

}



.feature-box h3 {

  margin-bottom: 2rem;

  color: #21293c;

  font: 600 1.8rem/1.1 "Open Sans", sans-serif;

  letter-spacing: 0

}



.feature-box p {

  margin-bottom: 0

}



.feature-box-content {

  color: #7b858a;

  font-size: 1.5rem;

  line-height: 1.8

}



.feature-box-simple {

  margin-bottom: 2.5rem;

  padding: 0;

  background-color: transparent;

  color: #687176;

  font-size: 1.3rem;

  line-height: 1.9

}



.feature-box-simple .feature-box-content {

  color: inherit;

  font-size: 1.3rem;

  line-height: 1.8

}



.feature-box-simple i {

  display: -ms-inline-flexbox;

  display: inline-flex;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-bottom: 2.5rem;

  color: #08c;

  font-size: 4rem

}



.feature-box-simple i.icon-paper-plane::before {

  margin-left: -.5rem

}



.feature-box-simple h3 {

  margin-bottom: 2.6rem;

  color: #2b2b2d;

  font-size: 1.6rem;

  font-weight: 700;

  letter-spacing: 0;

  text-transform: uppercase

}



.feature-box-simple h3 span {

  display: block;

  margin-top: .5rem;

  color: #465157;

  font-size: 1.4rem;

  font-weight: 400;

  text-transform: capitalize

}



.feature-box-simple p {

  max-width: 340px;

  min-height: 0 !important;

  margin-bottom: 0

}



.feature-box-simple.text-center p {

  margin-right: auto;

  margin-left: auto

}



.feature-box-simple .btn {

  min-width: 125px;

  padding: 1rem;

  font-size: 1.3rem

}



@media screen and (min-width: 768px) {

  .feature-box {

    padding: 4.1rem 4.5rem 4rem

  }

  .feature-box.feature-box-simple {

    padding: 0

  }

}



@media screen and (min-width: 992px) {

  .feature-box p {

    min-height: 120px

  }

}



.nav.nav-tabs {

  margin: 0;

  border: 0;

  border-bottom: .2rem solid #e7e7e7

}



.nav.nav-tabs .nav-item {

  margin-bottom: -.2rem

}



.nav.nav-tabs .nav-item .nav-link {

  padding: 1.2rem 0;

  border: 0;

  border-bottom: .2rem solid transparent;

  color: #282d3b;

  font: 700 1.4rem/1 "Oswald", sans-serif;

  letter-spacing: .01rem;

  text-transform: uppercase

}



.nav.nav-tabs .nav-item .nav-link:hover {

  color: #08c

}



.nav.nav-tabs .nav-item+.nav-item {

  margin-left: 3.4rem

}



.nav.nav-tabs .nav-item.show .nav-link,

.nav.nav-tabs .nav-item .nav-link.active {

  border-bottom-color: #08c;

  color: #08c

}



.count-container {

  margin-bottom: 2rem

}



.count-wrapper {

  margin-bottom: .7rem;

  color: #08c;

  font: 800 3.2rem/1 "Open Sans", sans-serif;

  text-transform: uppercase

}



.count-wrapper span+span {

  font-size: 1.9rem

}



.count-title {

  margin-bottom: 0;

  color: #7b858a;

  font: 400 1.4rem/1 "Open Sans", sans-serif

}



.testimonial-owner {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-content: center

}



.testimonial-owner figure {

  max-width: 60px;

  margin-right: 25px

}



.testimonial-owner h4 {

  display: block;

  margin-bottom: .5rem;

  padding-top: .7rem;

  color: #111;

  font-size: 1.4rem;

  text-transform: uppercase

}



.testimonial-owner span {

  display: block;

  color: #666;

  font-size: 1.2rem;

  text-transform: uppercase

}



.testimonial blockquote {

  position: relative;

  margin-left: 15px;

  padding: 1rem 2rem;

  font-size: 1.4rem;

  font-style: normal;

  line-height: 1.8

}



.testimonial blockquote::before {

  position: absolute;

  top: 0;

  left: -1rem;

  color: #08c;

  font-family: 'porto';

  font-size: 2.1rem;

  font-weight: 400;

  line-height: 1;

  content: '\e842'

}



@media screen and (min-width: 576px) {

  .testimonial blockquote {

    margin-left: 85px;

    padding: 1.5rem 3rem 1.5rem 2rem

  }

}



.toolbox {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: row;

  flex-direction: row;

  margin-top: 0;

  margin-bottom: 1.5rem;

  color: #7a7d82;

  font-size: 1.4rem;

  line-height: 1.5

}



.toolbox::after {

  display: block;

  clear: both;

  content: ''

}



.toolbox.toolbox-pagination {

  margin-bottom: 5rem;

  padding-top: 2rem;

  border-top: .1rem solid #efefef

}



.toolbox .pagination {

  margin-left: auto

}



.toolbox .select-custom {

  margin-bottom: 0

}



.toolbox .select-custom::after {

  right: 1.3rem;

  font-size: 1.6rem

}



.toolbox .select-custom .form-control {

  max-width: 160px;

  padding-right: 2.5rem;

  border-color: #e4e4e4;

  font-size: 1.2rem

}



.toolbox label {

  display: none;

  margin-top: 1px;

  margin-bottom: 0;

  color: #7a7d82;

  font-size: 1.3rem;

  font-weight: 400

}



.toolbox .form-control {

  display: inline-block;

  margin-bottom: 0;

  padding: 0 .8rem;

  border-width: .1rem;

  color: #7a7d82

}



.toolbox .form-control:not(:focus) {

  border-color: #e4e4e4

}



.toolbox select.form-control:not([size]):not([multiple]) {

  height: 34px

}



.toolbox .toolbox-show .select-custom:after {

  right: 1rem

}



.toolbox-pagination .toolbox-show {

  display: none

}



.pagination {

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 0;

  border-radius: 0;

  font-family: "Open Sans", sans-serif;

  font-weight: 700

}



.page-link {

  display: -ms-inline-flexbox;

  display: inline-flex;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;

  min-width: 3.2rem;

  height: 3.2rem;

  padding: 0 .3rem;

  border: .1rem solid #e9e9e9;

  background-color: transparent;

  color: #706f6c;

  font-size: 1.4rem;

  line-height: 1.1

}



.page-link.page-link-btn {

  display: -ms-inline-flex;

  display: inline-flex;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;

  min-width: 0;

  height: 3.2rem;

  padding: 0;

  border: 0;

  color: #6f6e6b;

  font-size: 2rem

}



.page-link.page-link-btn i {

  position: relative;

  top: -.1rem

}



.page-link.page-link-btn i::before {

  margin-right: 0;

  margin-left: 0

}



.page-link:hover,

.page-link:focus {

  background-color: transparent;

  color: #08c;

  text-decoration: none;

  box-shadow: none

}



.page-item+.page-item {

  margin-left: .7rem

}



.page-item span {

  padding-right: .3rem;

  padding-left: .3rem

}



.page-item:first-child .page-link {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0

}



.page-item:last-child .page-link {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0

}



.page-item.active .page-link {

  border-color: #e9e9e9;

  background-color: transparent;

  color: #08c

}



.page-item.disabled .page-link {

  color: #eaeaea

}



.page-item.disabled .page-link.page-link-btn {

  border-color: #eaeaea;

  background-color: transparent;

  color: #eaeaea

}



.toolbox-left {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center

}



.toolbox-item {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center

}



.toolbox-item.toolbox-sort {

  margin-right: 1.5rem

}



.toolbox-item.toolbox-show {

  margin-left: auto;

  font-size: 1.2rem

}



.toolbox-item label {

  margin-right: 1.2rem

}



.sorter-btn {

  margin-left: .8rem;

  color: #000;

  font-size: 1.7rem;

  text-decoration: none

}



.sorter-btn::before {

  font-family: 'porto';

  content: '\e890'

}



.sorter-btn.btn-desc::before {

  content: '\e891'

}



.sorter-btn:hover,

.sorter-btn:focus {

  text-decoration: none

}



.layout-modes {

  display: none;

  margin-left: 2.1rem;

  font-size: 0

}



.layout-btn {

  display: inline-block;

  height: 3.4rem;

  margin-right: .7rem;

  color: #000;

  font-size: 1.6rem;

  line-height: 3.4rem;

  text-align: center;

  text-decoration: none

}



.layout-btn i::before {

  margin-right: 0;

  margin-left: 0

}



.layout-btn:last-child {

  margin-right: 0

}



.layout-btn.active,

.layout-btn:hover,

.layout-btn:focus {

  color: #08c;

  text-decoration: none

}



.horizontal-filter .toolbox-sort {

  margin-left: auto

}



.horizontal-filter .toolbox-item:last-child {

  display: none

}



@media screen and (min-width: 480px) {

  .layout-modes {

    display: -ms-flexbox;

    display: flex

  }

  .horizontal-filter .toolbox-show {

    margin-left: 0

  }

  .toolbox-pagination .toolbox-show {

    display: -ms-flexbox;

    display: flex;

    margin-left: 0

  }

}



@media screen and (min-width: 576px) {

  .toolbox-left {

    margin-bottom: 0

  }

  .toolbox-left label {

    margin-right: 1.8rem

  }

  .horizontal-filter .toolbox-item:last-child {

    display: -ms-flexbox;

    display: flex

  }

}



@media screen and (min-width: 768px) {

  .toolbox label {

    display: block

  }

}



@media screen and (min-width: 992px) {

  .toolbox.toolbox-pagination {

    margin-bottom: 5rem

  }

}



@media screen and (max-width: 575px) {

  .horizontal-filter .toolbox-item.toolbox-sort {

    margin-right: 0

  }

}



.login-popup .mfp-content {

  width: 80%;

  max-width: 872px;

  background-color: white

}



.login-popup .container {

  padding: 2.5rem 3rem

}



.login-popup .title {

  font-size: 1.5rem;

  font-weight: 600;

  line-height: 2;

  text-transform: uppercase

}



.login-popup form {

  display: block

}



.login-popup label {

  color: #777;

  font-family: "Open Sans", sans-serif;

  font-size: 1.2rem;

  font-weight: 400;

  line-height: 1;

  text-transform: capitalize

}



.login-popup .form-footer {

  margin: 0 0 2rem

}



.login-popup .form-footer .custom-control {

  margin: 0 0 0 auto;

  font-size: 1.3rem

}



.login-popup .forget-password {

  color: #08c;

  font-size: 1.3rem

}



.login-popup .social-login-wrapper {

  padding: 2rem 2rem 2.5rem;

  background-color: #f4f4f2;

  text-align: center

}



.login-popup .social-login-wrapper p {

  margin-bottom: 2rem;

  color: #121214;

  font-size: 12px;

  font-weight: 600;

  text-transform: uppercase

}



.login-popup .btn-group {

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -ms-flex-pack: distribute;

  justify-content: space-around

}



.mfp-newsletter.mfp-bg {

  transition: all .35s;

  background-color: transparent

}



.newsletter-popup {

  position: relative;

  max-width: 700px;

  height: 320px;

  margin-right: auto;

  margin-left: auto;

  padding: 46px 46px 25px;

  border-radius: 0;

  background: #f1f1f1;

  background-repeat: no-repeat;

  background-position: center center;

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)

}



.mfp-close-btn-in .newsletter-popup .mfp-close {

  top: -2.5px;

  color: #08c;

  font-size: 2rem;

  font-weight: 700;

  opacity: .85

}



.newsletter-popup-content {

  max-width: 300px;

  text-align: center

}



.newsletter-popup-content .form-control {

  height: auto;

  padding-top: 6.5px;

  padding-bottom: 6.5px;

  border-radius: 0;

  font-size: 13px

}



.newsletter-popup-content .btn {

  min-width: 54px;

  margin-left: -1px;

  padding: 0;

  border: 1px solid #ccc;

  border-radius: 0;

  background-color: transparent;

  color: #555;

  font-family: "Oswald", sans-serif;

  font-size: 1.4rem;

  letter-spacing: .08em;

  line-height: 32px;

  text-align: center;

  text-transform: uppercase

}



.logo-newsletter {

  display: inline-block;

  max-width: 100%;

  height: auto

}



.newsletter-popup h2 {

  margin: 32px 0 12px;

  color: #313131;

  font-size: 16px;

  font-weight: 700;

  line-height: 1

}



.newsletter-popup p {

  color: #444;

  font-size: 1.3rem;

  line-height: 1.4

}



.newsletter-popup form {

  margin: 0 0 2.1rem

}



.newsletter-subscribe {

  font-size: 1.1rem;

  text-align: left

}



.newsletter-subscribe .checkbox {

  margin-top: 1.5rem

}



.newsletter-subscribe input {

  margin-right: .5rem

}



.newsletter-subscribe label {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  font-size: 1.1rem

}



.mfp-newsletter.mfp-removing {

  transition: opacity .35s ease-out;

  opacity: 0

}



.mfp-ready.mfp-bg {

  transition: all .35s ease-out;

  background-color: #000

}



.mfp-zoom-out-cur .mfp-bg {

  opacity: .8

}



.mfp-zoom-out-cur .mfp-counter {

  color: #fff

}



.mfp-zoom-out-cur .mfp-arrow-right::before {

  border-left: 0

}



.mfp-zoom-out-cur .mfp-arrow-left::before {

  border-right: 0

}



.mfp-ajax-product.mfp-bg,

.login-popup.mfp-bg {

  opacity: 0

}



.mfp-wrap .mfp-content {

  transition: all .35s ease-out;

  opacity: 0

}



.mfp-ajax-product.mfp-wrap .mfp-content,

.login-popup.mfp-wrap .mfp-content {

  max-width: 872px

}



.mfp-wrap.mfp-ready .mfp-content {

  opacity: 1

}



.mfp-wrap.mfp-removing .mfp-content {

  opacity: 0

}



@media screen and (min-width: 768px) {

  .login-popup .col-md-6 {

    padding: 0 2rem

  }

  .login-popup .col-md-6:first-child {

    border-right: 1px solid #f5f6f6

  }

}



.product-default figure a::after {

  content: '';

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: rgba(0, 0, 0, 0.1);

  opacity: 0;

  transition: all .3s

}



.product-default:hover figure a::after {

  opacity: 1

}



.home-slider-container,

.home-slide {

  position: relative;

  width: 100%;

  height: 350px;

  background-color: #bce3f2

}



.owl-carousel-lazy.owl-carousel {

  display: block

}



.owl-carousel-lazy.owl-carousel .category-slide:first-child,

.owl-carousel-lazy.owl-carousel .owl-item:first-child .category-slide {

  display: -ms-flexbox;

  display: flex

}



.owl-carousel-lazy.owl-carousel:not(.owl-loaded)>*:not(:first-child) {

  display: none

}



.home-slide,

.category-slide {

  position: relative;

  background-color: #bce3f2;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center

}



.home-slide::after,

.home-slide::before,

.category-slide::after,

.category-slide::before {

  position: absolute;

  top: calc(50% - 2rem);

  left: calc(50% - 2rem);

  width: 40px;

  height: 40px;

  border: 2px solid transparent;

  border-radius: 50%;

  border-top-color: #08c;

  border-image: none;

  content: ''

}



.home-slide::before,

.category-slide::before {

  -webkit-animation: spin 1s infinite ease;

  animation: spin 1s infinite ease;

  z-index: 4

}



.home-slide::after,

.category-slide::after {

  -webkit-animation: spin .5s infinite linear;

  animation: spin .5s infinite linear;

  z-index: 5

}



.home-slide.loaded::after,

.home-slide.loaded::before,

.category-slide.loaded::after,

.category-slide.loaded::before {

  display: none

}



.home-slide .slide-bg,

.category-slide .slide-bg {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  max-height: none !important;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

  z-index: 2

}



.slide-content-right .home-slide-content {

  padding: 0

}



.home-slide-content {

  display: inline-block;

  position: relative;

  padding-left: 3rem;

  text-align: center;

  z-index: 3

}



.home-slide-content h1 {

  margin-bottom: 3.9rem;

  color: #fff;

  font: 800 3.6rem/1.1 "Open Sans", sans-serif;

  letter-spacing: -.04rem;

  text-transform: uppercase

}



.home-slide-content h3 {

  margin-bottom: .2rem;

  color: #fff;

  font: 700 1.8rem/1.1 "Oswald", sans-serif;

  letter-spacing: .1rem;

  text-transform: uppercase

}



.home-slide-content .btn {

  position: relative;

  min-width: 117px;

  padding: 1.15rem .5rem;

  border-radius: .2rem;

  font-size: 1.5rem;

  font-weight: 400;

  z-index: 4

}



.home-slide-content .slide-border-top,

.home-slide-content .slide-border-bottom {

  pointer-events: none

}



.home-slide-content .slide-border-top img,

.home-slide-content .slide-border-bottom img {

  display: inline-block !important;

  width: auto !important;

  max-width: 100% !important;

  height: auto

}



.home-slide-content .slide-border-top {

  margin-bottom: 1.3rem

}



.home-slide-content .slide-border-bottom {

  margin-top: -73px

}



.home-slide-content.slide-content-big {

  padding-left: 60px

}



.home-slide-content.slide-content-big h1 {

  margin-bottom: 3rem;

  font-size: 4.6rem

}



.home-slide-content.slide-content-big h3 {

  font-size: 2.3rem

}



.home-slider.owl-carousel .owl-nav .owl-prev,

.home-slider.owl-carousel .owl-nav .owl-next {

  display: flex;

  position: absolute;

  top: 50%;

  align-items: center;

  justify-content: center;

  min-width: 3.6rem;

  margin: 0;

  transform: translateY(-50%);

  transition: all .3s;

  border: 0;

  border-radius: 0;

  background-color: transparent;

  color: #0e2f40;

  font-size: 3.6rem;

  font-weight: 100;

  line-height: 1

}



.home-slider.owl-carousel .owl-nav .owl-prev i,

.home-slider.owl-carousel .owl-nav .owl-next i {

  margin-top: -.3rem

}



.home-slider.owl-carousel .owl-nav .owl-prev i::before,

.home-slider.owl-carousel .owl-nav .owl-next i::before {

  margin: 0;

  border-radius: 0

}



.home-slider.owl-carousel .owl-nav .owl-prev {

  left: 1.2rem

}



.home-slider.owl-carousel .owl-nav .owl-next {

  right: 1.2rem

}



.home-slider.owl-carousel .owl-nav .owl-prev:hover,

.home-slider.owl-carousel .owl-nav .owl-next:hover,

.home-slider.owl-carousel .owl-nav .owl-prev:focus,

.home-slider.owl-carousel .owl-nav .owl-next:focus {

  border-color: transparent;

  background-color: transparent;

  color: #08c

}



.home-slider.owl-carousel .owl-dots {

  position: absolute;

  right: 0;

  bottom: 4rem;

  left: 0;

  margin: 0;

  line-height: 0

}



.owl-carousel .product:not(.product-sm) {

  margin-bottom: 0

}



.owl-dots-top.owl-carousel .owl-dots {

  position: absolute;

  top: -40px;

  right: 0;

  margin: 0

}



.owl-dots-top.owl-carousel.owl-theme .owl-nav.disabled+.owl-dots {

  margin: 0

}



.featured-products-section {

  /* padding-top: 5.2rem;

  padding-bottom: 5rem; */
  padding-top: 0%;

  padding-bottom: 0%;

  /* background-color: #000; */

}



.featured-products-section.carousel-section .container {

  padding-right: 1rem;

  padding-left: 1rem;

  overflow: hidden

}



@media screen and (min-width: 1280px) {

  .featured-products-section.carousel-section .container {

    max-width: 1190px

  }

}



.carousel-section .container {

  overflow: hidden

}



.carousel-section .owl-carousel .owl-stage-outer {

  padding-bottom: 3rem;

  overflow: visible

}



.carousel-section .owl-theme .owl-nav.disabled+.owl-dots {

  margin-top: -.4rem

}



.info-section {

  padding-top: 6rem;

  padding-bottom: 3.6rem;

  background-color: #f7f7f7

}



.promo-section {

  position: relative;

  margin: 0;

  padding-top: 7.4rem;

  padding-bottom: 6.2rem;

  background-color: #202020;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

  color: #fff;

  text-align: center

}



.promo-section .container {

  position: relative;

  z-index: 2

}



.promo-section h3 {

  margin-bottom: 2.1rem;

  color: inherit;

  font: 400 3rem/1 "Oswald", sans-serif;

  letter-spacing: 0;

  text-transform: uppercase

}



.promo-section .btn {

  min-width: 127px;

  padding: 1.3rem 1rem;

  border-radius: .2rem;

  font-size: 1.3rem

}



.promo-content {

  display: -ms-flexbox;

  display: flex;

  position: absolute;

  bottom: -4.2rem;

  left: 0;

  -ms-flex-direction: column;

  flex-direction: column;

  -ms-flex-pack: center;

  justify-content: center;

  width: 352px;

  height: 258px;

  padding: 4rem;

  background-color: #08c;

  color: #fff

}



.promo-content .promo-title {

  margin-bottom: 3rem;

  color: inherit;

  font: 300 4.8rem/1 "Oswald", sans-serif;

  letter-spacing: 0;

  text-transform: uppercase

}



.promo-content .promo-title span {

  display: block;

  margin-bottom: .6rem;

  padding-left: .4rem;

  font-family: "Open Sans", sans-serif;

  font-size: 1.7rem;

  font-weight: 400;

  letter-spacing: .1rem

}



.promo-content .btn {

  display: inline-block;

  min-width: 108px;

  padding: .85rem 1.2rem;

  border-width: .2rem

}



.partners-container {

  padding-top: 5.5rem;

  padding-bottom: 5.5rem

}



.partners-carousel {

  padding-right: 40px;

  padding-left: 40px

}



.partner {

  display: block;

  padding-top: .8rem;

  padding-bottom: .8rem

}



.partner img {

  display: block;

  width: auto !important;

  max-width: 100% !important;

  height: auto;

  margin-right: auto;

  margin-left: auto

}







@media screen and (min-width: 576px) {

  .slide-content-right .home-slide-content {

    padding-left: 3rem

  }

}



@media screen and (min-width: 768px) {

  .home-slider-container,

  .home-slide {

    height: 500px

  }

  .promo-section h3 {

    font-size: 3.6rem

  }

  .blog-section .entry-body {

    padding-right: 4rem;

    padding-left: 4rem

  }

}



@media screen and (min-width: 992px) {

  .partners-carousel {

    padding-right: 100px;

    padding-left: 100px

  }

}



@media screen and (min-width: 992px) and (max-width: 1199px) {

  .blog-section .entry-body {

    padding-right: 2rem;

    padding-left: 2rem

  }

}



.about-section {

  padding: 1rem 0 2.5rem;

  color: #7b858a;

  font-size: 1.5rem;

  line-height: 1.8

}



.about-section p {

  margin-bottom: 2rem

}



.features-section {

  padding: 5rem 0 2.4rem;

  background-color: #f1f1f1

}





@media screen and (min-width: 768px) {

  .about-section {

    padding-top: 3rem;

    padding-bottom: 3.5rem

  }

}



@media screen and (min-width: 992px) {

  .counters-section .col-md-4 {

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%

  }

}



.sidebar-wrapper {

  margin-bottom: 10px

}



.sidebar-shop {

  font-size: 1.4rem

}



.sidebar-shop .widget {

  margin: 0;

  padding: 2.3rem 2rem 1.8rem;

  border: 1px solid #dae2e6;

  border-bottom: 0

}



.sidebar-shop .widget::after {

  display: block;

  clear: both;

  content: ''

}



.sidebar-shop .widget:last-child {

  border-bottom: 1px solid #dae2e6

}



.sidebar-shop .widget .product.product-sm:last-child {

  margin-bottom: .4rem

}



.sidebar-shop .widget-title {

  margin: 0;

  color: #21293c;

  font-family: "Open Sans", sans-serif;

  font-size: 1.5rem;

  font-weight: 600;

  line-height: 1.1;

  text-transform: uppercase

}



.sidebar-shop .widget-title a {

  display: block;

  position: relative;

  padding: .2rem 0 .6rem;

  color: inherit

}



.sidebar-shop .widget-title a:hover,

.sidebar-shop .widget-title a:focus {

  color: #2b2b2d;

  text-decoration: none

}



.sidebar-shop .widget-title a::after {

  display: inline-block;

  position: absolute;

  top: 0;

  right: .1rem;

  transition: all .35s;

  font-family: 'porto';

  font-size: 1.7rem;

  font-weight: 400;

  content: '\e81b'

}



.sidebar-shop .widget-title a.collapsed::after {

  content: '\e81c'

}



.sidebar-shop .widget-body {

  padding-top: 1.3rem;

  padding-bottom: .5rem

}



.sidebar-shop .widget-body::after {

  display: block;

  clear: both;

  content: ''

}



.sidebar-shop .widget-featured {

  position: relative

}



.sidebar-shop .widget-featured .widget-body {

  padding-top: 2.3rem

}



.sidebar-shop .widget-featured .product-sm:last-child {

  margin-bottom: 0

}



.widget .owl-carousel .owl-nav {

  position: absolute;

  top: -4.2rem;

  right: -.4rem

}



.widget .owl-carousel .owl-nav button.owl-next,

.widget .owl-carousel .owl-nav button.owl-prev {

  padding: 0 .4rem !important;

  border-radius: 0;

  color: #2b2b2d;

  font-size: 1.8rem;

  line-height: 1

}



.widget .owl-carousel .owl-nav i::before {

  width: auto;

  margin: 0

}



.cat-list {

  margin: 0;

  padding: 0;

  list-style: none

}



.cat-list li {

  margin-bottom: .8rem

}



.cat-list li:last-child {

  margin-bottom: 0

}



.cat-list li a {

  color: #7a7d82;

  font-weight: 400

}



.cat-list li a span {

  float: right

}



.cat-list li a:hover,

.cat-list li a:focus {

  color: #08c

}



.price-slider-wrapper {

  padding-top: 1rem

}



.filter-price-action {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  margin-top: 2.5rem;

  padding-bottom: .4rem

}



.filter-price-action::after {

  display: block;

  clear: both;

  content: ''

}



.filter-price-action .filter-price-text {

  margin-left: auto;

  color: #7a7d82;

  font-size: 1.3rem;

  font-weight: 400

}



.filter-price-action .btn {

  min-width: 0;

  padding: .3rem 1.2rem;

  font-size: 1.3rem;

  letter-spacing: .08em

}



.config-swatch-list,

.config-size-list {

  margin: 0;

  padding: 0;

  font-size: 0;

  list-style: none

}



.config-swatch-list li {

  display: -ms-inline-flexbox;

  display: inline-flex;

  margin-right: .4rem;

  margin-bottom: .4rem

}



.config-swatch-list a {

  display: block;

  position: relative;

  width: 2.2rem;

  height: 2.2rem;

  transition: all .3s

}



.config-swatch-list a:hover,

.config-swatch-list a:focus {

  box-shadow: 0 0 0 .1rem #fff, 0 0 0 .2rem #dfdfdf

}



.config-swatch-list li.active a::before {

  display: inline-block;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translateX(-50%) translateY(-50%);

  color: #fff;

  font-family: 'porto';

  font-size: 1.1rem;

  line-height: 1;

  content: '\e84e'

}



.config-size-list {

  margin-right: -.4rem

}



.config-size-list li {

  display: -ms-inline-flexbox;

  display: inline-flex;

  margin-right: .4rem;

  margin-bottom: .4rem

}



.config-size-list li a {

  display: block;

  position: relative;

  min-width: 2.6rem;

  height: 2.6rem;

  padding-right: 0.7rem;

  padding-left: 0.7rem;

  transition: all .3s;

  border: 1px solid #e9e9e9;

  background-color: #fff;

  color: #7a7d82;

  font-size: 1.1rem;

  font-weight: 400;

  line-height: 2.4rem;

  text-align: center;

  text-decoration: none

}



.config-size-list li a:hover,

.config-size-list li a:focus {

  border-color: #08c;

  background-color: #08c;

  color: #fff;

  text-decoration: none

}



.config-size-list li.active a {

  border-color: #08c;

  background-color: #08c;

  color: #fff

}



.widget-block {

  color: #2b2b2d

}



.widget-block h5 {

  margin-top: .8rem;

  margin-bottom: 2.3rem;

  color: #7a7d82;

  font-size: 1.4rem;

  font-weight: 600

}



.widget-block p {

  max-width: 210px

}



.boxed-slider .category-slide {

  height: 300px

}



.boxed-slide-content {

  margin-bottom: 0;

  background-color: transparent;

  z-index: 3

}



.boxed-slide-content .btn {

  display: inline-block

}



.boxed-slider .owl-dots {

  position: absolute;

  right: 0;

  bottom: 2.5rem;

  left: 0

}



.horizontal-filter {

  margin-bottom: 18px;

  padding: 1.2rem 1rem;

  background-color: #f4f4f4

}



.horizontal-filter .price-sort {

  position: relative

}



.horizontal-filter .price-sort label {

  font-size: 1.2rem

}



.horizontal-filter .price-sort .input-price {

  display: block;

  width: 100%;

  margin-bottom: 10px;

  padding: 5px 8px;

  line-height: 1.4;

  box-shadow: none

}



.horizontal-filter .price-sort.opened::before {

  display: block

}



.sort-list li {

  padding: 7px 0;

  font-size: 1.2rem;

  text-transform: uppercase

}



.filter-toggle {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  margin-right: 1rem

}



.filter-toggle a {

  display: inline-block;

  position: relative;

  width: 46px;

  height: 26px;

  margin-left: 8px;

  border-radius: 13px;

  background: #e6e6e6;

  text-decoration: none

}



.filter-toggle a::before {

  position: absolute;

  left: 0;

  width: 42px;

  height: 22px;

  transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);

  -webkit-transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);

  transition: all .3s linear;

  border-radius: 11px;

  background-color: #fff;

  content: ''

}



.filter-toggle a::after {

  position: absolute;

  left: 0;

  width: 22px;

  height: 22px;

  -webkit-transform: translate3d(2px, 2px, 0);

  transform: translate3d(2px, 2px, 0);

  transition: all .2s ease-in-out;

  border-radius: 11px;

  background-color: #fff;

  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);

  content: ''

}



.filter-toggle.opened a {

  background-color: #08c

}



.filter-toggle.opened a::before {

  -webkit-transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);

  transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0)

}



.filter-toggle.opened a::after {

  -webkit-transform: translate3d(22px, 2px, 0);

  transform: translate3d(22px, 2px, 0)

}



@media screen and (min-width: 576px) {

  .horizontal-filter {

    padding: 1.2rem 2rem

  }

}



@media screen and (min-width: 992px) {

  .products-body {

    overflow: hidden

  }

  .products-body .sidebar-shop {

    left: -25%;

    transition: all .3s linear 0s;

    visibility: hidden;

    z-index: -1

  }

  .sidebar-opened .sidebar-shop {

    left: 0;

    visibility: visible;

    z-index: 0

  }

  .main-content {

    margin-left: -25%;

    transition: all .3s linear 0s

  }

  .sidebar-opened .main-content {

    margin-left: 0

  }

  main:not(.sidebar-opened) .main-content {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%

  }

  main:not(.sidebar-opened) .main-content .col-md-4 {

    max-width: 25%

  }

  .filter-sorts {

    padding: 12px

  }

  .filter-sorts .toolbox-left {

    position: relative

  }

  .filter-sorts .toolbox-item {

    margin-right: 1rem

  }

  .filter-sorts .toolbox-item.toolbox-sort {

    margin: 0 1rem 0 0;

    background: #fff

  }

  .filter-sorts .toolbox-item.toolbox-show {

    margin-left: auto;

    font-size: 1.2rem

  }

  .filter-sorts select {

    min-width: 140px;

    border: 0;

    text-transform: uppercase

  }

  .filter-sorts .layout-modes {

    margin-left: .5rem

  }

  .filter-sorts .filter-toggle {

    display: none

  }

  .filter-sorts .sidebar-shop {

    left: 0;

    visibility: visible;

    z-index: 2

  }

  .filter-price-form,

  .sort-list {

    display: none

  }

  .filter-price-form {

    position: absolute;

    top: 100%;

    left: 0;

    min-width: 220px;

    margin-top: 9px;

    padding: 10px 15px;

    background-color: #fff;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);

    z-index: 99

  }

  .sort-list {

    position: absolute;

    top: 100%;

    left: 0;

    min-width: 220px;

    margin-top: 9px;

    padding: 10px 15px;

    background: #fff;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);

    z-index: 99

  }

  .sort-menu-trigger {

    display: block;

    min-width: 140px;

    height: 34px;

    padding-left: .8rem;

    color: #7a7d82;

    font-size: 1.2rem;

    line-height: 34px;

    text-transform: uppercase;

    z-index: 9

  }

  .sort-menu-trigger:hover,

  .sort-menu-trigger:focus {

    text-decoration: none

  }

  .sort-menu-trigger::before {

    display: none;

    position: absolute;

    top: 100%;

    left: 21px;

    margin-top: 1px;

    border-right: 10px solid transparent;

    border-bottom: 10px solid #fff;

    border-left: 10px solid transparent;

    content: '';

    z-index: 999

  }

  .toolbox-item.opened .sort-list,

  .toolbox-item.opened .filter-price-form,

  .toolbox-item.opened .sort-menu-trigger::before {

    display: block

  }

}



@media screen and (max-width: 991px) {

  .sort-menu-trigger {

    display: block;

    margin-bottom: 1.5rem;

    font-size: 14px;

    font-weight: 600;

    line-height: 1.4;

    text-transform: uppercase

  }

  .filter-sorts .toolbox-sort.select-custom {

    display: block;

    margin: 2rem

  }

  .filter-sorts .toolbox-sort.select-custom::after {

    content: none

  }

}



.paction {

  position: relative;

  display: -ms-flexbox;

  display: inline-flex;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;

  font-size: 1.8rem;

  font-family: 'porto';

  color: #08c;

  background-color: white;

  border: 1px solid #d4d4d4;

  transition: all .3s;

  text-decoration: none;

  text-align: center;

  min-width: 35px;

  height: 35px

}



.paction span {

  display: none;

  padding-right: .1rem;

  padding-left: .4rem;

  font-size: 1.2rem;

  letter-spacing: .02rem

}



.paction+.paction {

  margin-left: .7rem

}



.paction:hover,

.paction:focus {

  text-decoration: none;

  color: white;

  border-color: #08c;

  background-color: #08c

}



.add-cart::before {

  display: inline-block;

  line-height: 1;

  margin-top: 4px;

  font-size: 1.9rem;

  content: '\e87f';

  font-family: 'porto'

}



.add-wishlist::before {

  content: '\e88a'

}



.add-compare::before {

  content: '\e810'

}



.add-cart {

  font-family: "Oswald", sans-serif;

  font-weight: 400;

  text-transform: uppercase;

  padding: .85rem .5rem;

  min-width: 115px;

  z-index: 2

}



.add-cart i {

  width: 20px;

  height: 18px;

  top: 3px;

  margin-right: 1rem

}



.add-cart i::before {

  margin-left: -7px;

  width: 14px;

  height: 11px

}



.add-cart i,

.add-cart i::before {

  border-color: white

}



.add-cart:hover,

.add-cart:focus {

  border-color: #08c;

  background-color: #08c;

  color: #fff

}



.add-cart span {

  display: inline-block

}



.product-single-container {

  margin-bottom: 3rem

}



.product-single-details {

  margin-top: -.6rem;

  font-family: "Open Sans", sans-serif

}



.product-single-details .product-title {

  margin-bottom: .5rem;

  color: #21293c;

  font-size: 3.2rem;

  font-weight: 700;

  letter-spacing: -.01em

}



.product-single-details .price-box {

  margin-bottom: 2.4rem;

  color: #08c;

  font-weight: 700

}



.product-single-details .product-price {

  font-size: 2.4rem;

  font-weight: 700;

  color: #08c

}



.product-single-details .old-price {

  font-size: 1.6rem;

  font-weight: 600

}



.product-single-details .old-price+.product-price {

  margin-left: 1rem

}



.product-single-details .ratings-container {

  margin-bottom: 2.1rem

}



.product-single-details .ratings-container .product-ratings,

.product-single-details .ratings-container .ratings {

  font-size: 1.4rem

}



.product-single-details .ratings-container .product-ratings {

  height: 14px

}



.product-single-details .rating-link {

  margin-left: 1rem;

  color: #90939a;

  font-weight: 500;

  font-size: 1.2rem;

  letter-spacing: .025em

}



.product-single-details .product-desc {

  padding-bottom: 2.7rem;

  font-size: 1.4rem;

  letter-spacing: .005em;

  line-height: 1.92

}



.product-single-details .product-desc a {

  color: #282d3b;

  border-bottom: 1px solid #282d3b

}



.product-single-details .product-action {

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -ms-flex-pack: start;

  justify-content: flex-start;

  margin-bottom: 3.1rem;

  align-items: center

}



.product-single-details .sticky-header {

  height: auto

}



.product-single-details .sticky-header .sticky-detail {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: row;

  flex-direction: row;

  -ms-flex-align: center;

  align-items: center

}



.product-single-details .sticky-header .product-title {

  margin-right: 2rem;

  margin-bottom: 0;

  color: #777;

  font-size: 16px;

  font-weight: 600

}



.product-single-details .sticky-header .price-box {

  margin-top: 1rem;

  margin-bottom: 0;

  padding: 0;

  border: 0;

  color: #2b2b2d

}



.product-single-details .sticky-header .ratings-container {

  margin-bottom: 3.2rem

}



.product-single-details .container {

  display: none;

  -ms-flex-align: center;

  align-items: center

}



.product-single-details .container img {

  max-width: 5rem;

  max-height: 5rem;

  margin-right: 2rem

}



.product-single-details .container .add-cart {

  margin-left: auto;

  margin-bottom: 0

}



.product-single-details .sticky-header.fixed-nav .container {

  display: -ms-flexbox;

  display: flex;

  padding: 1.5rem

}



.product-single-details .product-single-qty,

.product-single-details .paction {

  margin: 0 1rem 1rem 0

}



.product-single-details .paction {

  height: 43px;

  min-width: 43px

}



.product-single-details .add-cart {

  min-width: 115px

}



.product-both-info .product-single-details {

  margin-top: 0

}



.product-both-info .product-single-details .product-desc {

  border-bottom: 0

}



.product-single-gallery a {

  display: block

}



.product-single-gallery img {

  display: block;

  width: 100%;

  max-width: none;

  height: auto

}



.product-single-gallery .owl-theme .owl-nav,

.product-single-gallery .owl-theme .owl-nav {

  color: #000;

  font-size: 32px

}



.product-single-gallery .owl-prev,

.product-single-gallery .owl-next {

  margin: 0 2rem !important;

  transition: all .5s;

  opacity: 0

}



.prod-thumbnail {

  padding: .5rem 1rem

}



.prod-thumbnail img {

  width: 100%;

  cursor: pointer

}



.prod-thumbnail>div {

  padding: .5rem

}



.prod-thumbnail .active img,

.prod-thumbnail img:hover {

  border: 2px solid #21293c

}



.transparent-dots {

  display: -ms-flexbox;

  display: flex;

  position: absolute;

  top: 1rem;

  -ms-flex-direction: column;

  flex-direction: column;

  width: 80px;

  margin: 0;

  padding: 0;

  opacity: .5;

  z-index: 99

}



.transparent-dots .active img,

.transparent-dots img:hover {

  border: 1px solid #08c

}



.product-slider-container {

  position: relative

}



.prod-full-screen {

  position: absolute;

  right: 2rem;

  bottom: 1.7rem;

  transition: all .5s;

  outline: none;

  opacity: 0;

  z-index: 1

}



.prod-full-screen i {

  color: #000;

  font-size: 1.4rem;

  cursor: pointer

}



.product-item:hover .prod-full-screen,

.product-item:hover .owl-prev,

.product-item:hover .owl-next {

  opacity: 1

}



.prod-thumbnail img {

  display: block

}



.prod-thumbnail .owl-dot {

  box-sizing: border-box

}



.single-info-list {

  margin-bottom: 2rem;

  padding: 0;

  font-size: 1.4rem;

  line-height: 1.5;

  text-transform: uppercase

}



.single-info-list li {

  margin-bottom: 1rem;

  color: #7b858a;

  letter-spacing: .005em

}



.single-info-list li strong {

  color: #4c4c4c

}



.product-single-qty {

  max-width: 117px;

  max-height: 43px

}



#add-to-cart2 {

    margin-top: 10px;

}

.product-single-qty .bootstrap-touchspin.input-group {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

  -ms-flex-align: stretch;

  align-items: stretch;

  max-width: 100%;

  max-height: 43px;

  padding-right: 0

}



.product-single-qty .bootstrap-touchspin .form-control {

  max-width: none;

  height: 43px;

  padding: 1rem .2rem;

  color: #21293c;

  font-size: 1.5rem;

  letter-spacing: .05em;

  box-shadow: none

}



.product-single-qty .bootstrap-touchspin .form-control,

.product-single-qty .bootstrap-touchspin .form-control:not(:focus) {

  border-color: #dae2e6

}



.product-single-qty .horizontal-quantity {

  height: 43px

}



.product-single-qty .btn {

  display: -ms-inline-flexbox;

  display: inline-flex;

  position: relative;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;

  min-width: 31px;

  margin: 0;

  padding: .5rem;

  font-family: "Open Sans", sans-serif;

  font-size: 2.4rem;

  line-height: 1;

  z-index: 2

}



.product-single-qty .btn.btn-outline {

  border-color: #dae2e6;

  color: #8798a1

}



.product-single-qty .btn.btn-down-icon::after,

.product-single-qty .btn.btn-up-icon::before,

.product-single-qty .btn.btn-up-icon::after {

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

  width: 11px;

  height: 1px;

  margin-left: -.55rem;

  background-color: #8798a1;

  content: ''

}



.product-single-qty .btn.btn-up-icon::before {

  transform: rotate(90deg)

}



.product-filters-container .product-action {

  display: flex

}



.product-single-filter {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  padding-bottom: 4.2rem

}



.product-single-filter+.product-single-filter {

  margin-top: 2.2rem

}



.product-single-filter label {

  margin-right: 1.3rem;

  margin-bottom: 0;

  color: #21293c;

  font: 600 1.5rem/1.1 "Open Sans", sans-serif;

  letter-spacing: .005em

}



.product-single-filter .config-swatch-list {

  display: inline-flex;

  margin: 0

}



.product-single-filter .config-swatch-list li {

  margin-bottom: 0

}



.product-single-filter .config-size-list li {

  margin-right: .7rem;

  margin-bottom: 0

}



.product-single-filter .config-size-list li a {

  min-width: 3rem;

  height: 3rem;

  border: 1px solid #dae2e6;

  background-color: #f4f4f4;

  color: #21293c;

  font-size: 1.5rem;

  font-weight: 600;

  line-height: 2.8rem

}



.product-single-filter .config-size-list li a:hover,

.product-single-filter .config-size-list li a:focus {

  border-color: #282d3b;

  background-color: #f4f4f4;

  color: #21293c

}



.product-single-filter .config-size-list li.active a {

  border-color: #282d3b;

  outline: none;

  background-color: #f4f4f4;

  color: #21293c

}



.product-single-filter.product-single-qty {

  max-width: 148px;

  max-height: 7.5rem;

  border-bottom: 0

}



.product-single-share {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center

}



.product-single-share label {

  margin-right: 1.2rem;

  margin-bottom: .5rem;

  color: #069;

  font: 600 1.4rem/1.1 "Open Sans", sans-serif;

  letter-spacing: .005em;

  text-transform: uppercase

}



.product-single-tabs {

  margin-bottom: 5.5rem

}



.product-single-tabs .tab-pane {

  padding-top: 3.5rem;

  color: #7b858a;

  line-height: 1.92

}



.product-single-tabs .sticky-header {

  height: auto

}



.scrolling-box .tab-pane+.tab-pane {

  margin-top: 3.5rem;

  border-top: 2px solid #dae2e6

}



.product-desc-content p {

  margin-bottom: 2.2rem

}



.product-desc-content ul,

.product-desc-content ol {

  margin-bottom: 2.2rem;

  padding-left: 4rem

}



.product-desc-content ul li,

.product-desc-content ol li {

  margin-bottom: .4rem

}



.product-desc-content ul li i,

.product-desc-content ol li i {

  margin-right: 2rem;

  color: #21293c;

  font-size: 1.5rem

}



.product-desc-content ul li i::before,

.product-desc-content ol li i::before {

  margin: 0

}



.product-desc-content img.float-right,

.product-desc-content img.float-left {

  max-width: 50%

}



.product-desc-content .feature-box i {

  float: none;

  display: inline-block

}



.product-desc-content .feature-box-content {

  margin-left: 0

}



.product-tags-content h4 {

  margin: 0 0 2rem;

  font-size: 1.8rem;

  font-weight: 700;

  text-transform: uppercase

}



.product-tags-content form {

  margin-bottom: 2rem

}



.product-tags-content .form-group {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: stretch;

  align-items: stretch

}



.product-tags-content .form-control {

  margin-right: 10px

}



.product-tags-content .btn {

  padding-top: .5rem;

  padding-bottom: .5rem

}



.collateral-box ul,

.collateral-box ol {

  margin-top: -2rem;

  margin-bottom: 2.5rem

}



.collateral-box ul li,

.collateral-box ol li {

  padding: 2rem 0 1rem;

  border-bottom: 1px solid #dae2e6

}



.ratings-table {

  width: 100%;

  margin: 20px 0 40px;

  border: 1px solid #dae2e6;

  border-spacing: 0;

  font-size: 100%;

  empty-cells: show

}



.ratings-table thead th,

.ratings-table tbody td {

  border-right: 1px solid #dae2e6;

  border-bottom: 1px solid #dae2e6;

  line-height: 1.3

}



@media (max-width: 600px) {

  .ratings-table thead th,

  .ratings-table tbody td {

    padding-left: 5px;

    padding-right: 5px

  }

}



.ratings-table input[type=checkbox],

.ratings-table input[type=radio] {

  margin: 0 auto

}



@media (max-width: 600px) {

  .ratings-table thead {

    display: none

  }

}



.ratings-table thead th {

  padding: .8rem 1.5rem;

  background-color: #f6f6f6;

  color: #777;

  font-size: 1.1rem;

  font-weight: 600;

  text-align: center;

  text-transform: uppercase;

  white-space: nowrap;

  vertical-align: middle

}



.ratings-table tbody td {

  padding: 1.5rem 1rem;

  font-size: 1.3rem;

  text-align: center;

  vertical-align: middle

}



.ratings-table tbody td:first-child {

  font-weight: 700;

  text-align: left

}



.add-product-review h3 {

  font-size: 1.8rem

}



.add-product-review form {

  margin-bottom: 0

}



.sidebar-product {

  margin-bottom: 2.8rem

}



.sidebar-product .widget:not(:last-child) {

  margin-bottom: 1rem;

  padding-bottom: 0

}



.sidebar-product .widget:not(:last-child).widget-banner {

  margin-bottom: 4.6rem

}



.sidebar-product .widget:not(:last-child).widget-brand {

  margin-bottom: 2.5rem

}



.sidebar-product .widget-title {

  margin: 0;

  color: #21293c;

  font: 600 1.2rem/1.1 "Open Sans", sans-serif;

  letter-spacing: 0.05em;

  text-transform: uppercase;

  border-bottom-width: 1px

}



.sidebar-product .widget-subtitle {

  color: #7a7d82;

  margin-bottom: 3rem;

  font-size: 1.3rem;

  font-weight: 400

}



.sidebar-product .widget-body {

  padding-left: 0;

  padding-top: 2.3rem

}



.sidebar-product .widget-body p {

  line-height: 27px;

  font-size: 1.3rem;

  color: #069;

  letter-spacing: 0.01em;

  font-weight: 500;

  margin-bottom: 3rem

}



.widget-brand {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

  -ms-flex-align: center;

  align-items: center;

  margin-top: .5rem

}



.widget-brand a {

  display: block

}



.widget-info ul {

  margin: 0

}



.widget-info li {

  padding-top: 1.8rem;

  padding-bottom: 2rem;

  border-top: 1px solid #dee5e8;

  line-height: 1

}



.widget-info li::after {

  display: block;

  clear: both;

  content: ''

}



.widget-info i {

  min-width: 40px;

  margin-top: .3rem;

  margin-right: 1.4rem;

  margin-left: .7rem;

  float: left;

  color: #08c;

  font-size: 4rem;

  line-height: 1

}



.widget-info i::before {

  margin: 0

}



.widget-info h4 {

  margin-bottom: 0;

  color: #6b7a83;

  font: 600 1.4rem/1.5 "Open Sans", sans-serif;

  text-transform: uppercase;

  white-space: nowrap;

  overflow: hidden

}



.widget-banner {

  padding-top: 4rem;

  border-top: 1px solid #dfdfdf

}



.widget-banner a {

  display: block

}



.widget-banner img {

  display: block;

  width: 100%;

  max-width: none;

  height: auto

}



.featured-section {

  padding-top: 3.8rem;

  padding-bottom: 6rem;

  background-color: #f4f4f4

}



.featured-section.bg-white {

  background-color: #fff

}



.featured-section.pt-sm {

  padding-top: 2.5rem

}



.productPage .home-product {

  margin: 0

}



.productPage .home-product:hover figure {

  box-shadow: none

}



.promote {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

  -ms-flex-pack: justify;

  justify-content: space-between

}



.promote li {

  border-top: 0

}



.promote h4 {

  color: #1d2127;

  font-weight: 400;

  letter-spacing: 0

}



.promote i {

  margin: .3rem .7rem

}



.product-single-gallery .product-item {

  position: relative;

  margin-bottom: .4rem

}



.product-single-gallery .product-single-grid {

  margin-bottom: 3.6rem

}



.carousel-title {

  margin-bottom: 2rem

}



@media screen and (min-width: 1200px) {

  .widget-info i {

    min-width: 40px;

    margin-right: 2.9rem;

    font-size: 4rem

  }

}



@media screen and (min-width: 992px) {

  .featured-section {

    padding-top: 5.8rem;

    padding-bottom: 8rem

  }

  .product-single-container .col-lg-7 {

    -ms-flex: 0 0 55.56%;

    flex: 0 0 55.56%;

    max-width: 55.56%

  }

  .product-single-container .col-lg-5 {

    -ms-flex: 0 0 44.44%;

    flex: 0 0 44.44%;

    max-width: 44.44%

  }

}



@media screen and (max-width: 991px) {

  .product-single-gallery {

    margin-bottom: 3rem

  }

}



@media screen and (min-width: 992px) and (max-width: 1199px) {

  .product-all-icons.product-action .product-single-qty {

    margin-right: 50%;

    margin-bottom: 1.2rem

  }

}



@media screen and (min-width: 768px) {

  .featured-section {

    padding-top: 4.8rem;

    padding-bottom: 7rem

  }

  .product-both-info .product-single-share {

    -ms-flex-pack: end;

    justify-content: flex-end

  }

}



@media screen and (min-width: 576px) {

  .promote {

    -ms-flex-direction: row;

    flex-direction: row

  }

  .product-both-info .product-top-banner {

    display: -ms-flexbox;

    display: flex

  }

  .product-both-info .product-single-share {

    margin-left: auto

  }

  .product-tags-content .form-control {

    width: 250px

  }

}



.product-single-extended {

  margin-bottom: 6rem

}



.product-single-extended .product-single-gallery {

  position: relative;

  margin-bottom: 3rem

}



.product-single-extended .product-title {

  font-size: 4.5rem;

  line-height: 1.15

}



.product-single-extended .price-box {

  margin-bottom: 1rem;

  border: 0

}



.product-single-extended .product-price {

  font-size: 3.1rem

}



.product-single-extended .old-price {

  font-size: 2.4rem

}



.product-single-extended .old-price+.product-price {

  margin-left: 1.5rem

}



.product-single-extended .product-desc {

  margin-bottom: 3.1rem;

  padding-bottom: 1.9rem

}



.product-single-extended .product-desc p {

  max-width: none

}



.product-single-extended .product-action {

  margin-bottom: 0

}



.product-single-extended .widget-area .widget.widget-info {

  margin-bottom: 0

}



.product-single-extended .widget-info ul {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center

}



.product-single-extended .widget-info i {

  margin-right: 1rem

}



.product-single-extended .widget-info li {

  padding: 0;

  border-top: 0

}



.product-single-extended .widget-info li+li {

  margin-left: 2.5rem

}



.product-single-extended .product-filters-container {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: end;

  justify-content: flex-end;

  margin-bottom: 2rem

}



.product-single-extended .product-single-filter {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: 0

}



.product-single-extended .product-single-filter+.product-single-filter,

.product-single-extended .product-single-filter+.product-action {

  margin-top: 0;

  margin-left: 5rem

}



.product-single-extended .product-single-filter .config-swatch-list li {

  margin-right: .5rem;

  margin-bottom: 0

}



.product-single-extended .product-single-filter .config-swatch-list a {

  width: 3rem;

  height: 3rem

}



.product-desc .view-more {

  color: #08c;

  font-weight: 700;

  text-transform: uppercase

}



.product-single-header {

  margin-bottom: 3.2rem;

  padding-bottom: 1.4rem;

  border-bottom: 1px solid #dae2e6

}



.product-single-header .single-header-right {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

  -ms-flex-align: end;

  align-items: flex-end

}



.product-single-header .product-single-share {

  margin-top: 1rem;

  margin-bottom: 3.7rem

}



.single-qty-wrapper {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center

}



.single-qty-wrapper label {

  margin-right: 1.3rem;

  margin-bottom: 0;

  color: #21293c;

  font: 600 1.5rem/1.1 "Open Sans", sans-serif;

  letter-spacing: .005em;

  text-transform: uppercase

}



.single-qty-wrapper .product-single-qty {

  max-width: 104px;

  max-height: 30px

}



.single-qty-wrapper .product-single-qty .bootstrap-touchspin.input-group {

  max-height: 30px

}



.single-qty-wrapper .product-single-qty .bootstrap-touchspin .form-control {

  max-width: none;

  height: 30px;

  padding: .35rem .2rem;

  box-shadow: none

}



.single-qty-wrapper .product-single-qty .bootstrap-touchspin .form-control,

.single-qty-wrapper .product-single-qty .bootstrap-touchspin .form-control:not(:focus) {

  border-color: #dae2e6

}



.single-qty-wrapper .product-single-qty .horizontal-quantity {

  height: 30px;

  background-color: #f4f4f4

}



.single-qty-wrapper .product-single-qty .btn.btn-outline {

  border-color: transparent

}



.single-qty-wrapper .product-single-qty .btn.btn-outline:hover.btn-down-icon::after,

.single-qty-wrapper .product-single-qty .btn.btn-outline:hover.btn-up-icon::before,

.single-qty-wrapper .product-single-qty .btn.btn-outline:hover.btn-up-icon::after,

.single-qty-wrapper .product-single-qty .btn.btn-outline:focus.btn-down-icon::after,

.single-qty-wrapper .product-single-qty .btn.btn-outline:focus.btn-up-icon::before,

.single-qty-wrapper .product-single-qty .btn.btn-outline:focus.btn-up-icon::after {

  background-color: #08c

}



.single-qty-wrapper .product-single-qty .btn.btn-down-icon::after,

.single-qty-wrapper .product-single-qty .btn.btn-up-icon::before,

.single-qty-wrapper .product-single-qty .btn.btn-up-icon::after {

  background-color: #97a6ae

}



.owl-nav-simple.owl-carousel .owl-nav .owl-prev,

.owl-nav-simple.owl-carousel .owl-nav .owl-next {

  display: -ms-flexbox;

  display: flex;

  position: absolute;

  top: 50%;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;

  min-width: 3rem;

  margin: 0;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  transition: all .3s;

  border: 0;

  border-radius: 0;

  background-color: transparent;

  color: #21293c;

  font-size: 3rem;

  font-weight: 100;

  line-height: 1

}



.owl-nav-simple.owl-carousel .owl-nav .owl-prev i,

.owl-nav-simple.owl-carousel .owl-nav .owl-next i {

  margin-top: -.3rem;

  line-height: 1

}



.owl-nav-simple.owl-carousel .owl-nav .owl-prev i::before,

.owl-nav-simple.owl-carousel .owl-nav .owl-next i::before {

  margin: 0;

  border-radius: 0

}



.owl-nav-simple.owl-carousel .owl-nav .owl-prev:hover,

.owl-nav-simple.owl-carousel .owl-nav .owl-prev:focus,

.owl-nav-simple.owl-carousel .owl-nav .owl-next:hover,

.owl-nav-simple.owl-carousel .owl-nav .owl-next:focus {

  color: #08c

}



.owl-nav-simple.owl-carousel .owl-nav .owl-prev {

  left: 1rem

}



.owl-nav-simple.owl-carousel .owl-nav .owl-next {

  right: 1rem

}



.product-single-row {

  display: -ms-flexbox;

  display: flex;

  position: relative;

  -ms-flex-align: center;

  align-items: center;

  height: 700px;

  background-color: #fff;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

  color: #7b858a;

  font-size: 1.4rem;

  letter-spacing: .005em;

  line-height: 1.92

}



.product-single-row .single-row-entire,

.product-single-row .single-row-bg {

  position: absolute;

  top: 0;

  bottom: 0;

  background-color: #ccc;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover

}



.product-single-row .single-row-entire {

  width: 100%

}



.product-single-row .single-row-bg {

  left: 50%;

  width: 50%

}



.product-single-row.single-row-reverse .single-row-bg {

  left: 0

}



.product-single-row h5 {

  margin-bottom: 1.1rem;

  margin-left: .6rem;

  color: #7b858a;

  font-size: 2rem;

  font-weight: 600;

  letter-spacing: -.01em

}



.product-single-row h2 {

  margin-bottom: 2.8rem;

  font-size: 4.5rem;

  font-weight: 600;

  letter-spacing: -.01em

}



.product-single-row p {

  margin-bottom: 0

}



.product-single-row ul,

.product-single-row ol {

  margin-bottom: 0

}



.product-single-row ul li,

.product-single-row ol li {

  margin-bottom: .4rem

}



.product-single-row ul li i,

.product-single-row ol li i {

  margin-right: 2rem;

  color: #21293c;

  font-size: 1.5rem

}



.product-single-row ul li i::before,

.product-single-row ol li i::before {

  margin: 0

}



.product-single-video {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  height: 300px;

  background-color: #4d4d4d;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

  color: #7b858a;

  text-align: center

}



.product-single-video h3 {

  margin-bottom: 1.2rem;

  color: #21293c;

  font-size: 3.5rem;

  font-weight: 600;

  letter-spacing: -.01em

}



.product-single-video .video-btn {

  color: #7b858a;

  font-size: 2rem;

  font-weight: 600;

  letter-spacing: -.01em;

  text-transform: uppercase

}



.product-single-video .video-btn img {

  display: inline-block;

  max-width: 38px;

  height: auto;

  margin-left: .7rem;

  vertical-align: middle

}



@media screen and (min-width: 576px) {

  .product-single-extended .paction {

    height: 50px

  }

  .product-single-extended .paction.add-cart {

    min-width: 156px;

    height: auto;

    margin-left: 1.8rem

  }

  .product-single-extended .paction.add-cart::before {

    font-size: 2rem

  }

  .product-single-extended .paction.add-cart span {

    font-size: 1.6rem

  }

}



@media screen and (max-width: 1199px) {

  .product-single-header .single-header-right {

    -ms-flex-align: start;

    align-items: flex-start

  }

}



@media screen and (max-width: 767px) {

  .product-single-row {

    display: block

  }

  .product-single-row .single-row-bg {

    position: relative;

    left: 0;

    width: 100%;

    height: 50%

  }

  .product-single-row .single-row-entire {

    position: relative;

    height: 50%

  }

  .product-single-row h2 {

    font-size: 3.5rem

  }

  .product-single-row .container {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    height: 50%

  }

  .product-single-extended .product-price {

    font-size: 2.4rem

  }

  .product-single-extended .product-title {

    font-size: 3rem

  }

}



@media screen and (max-width: 575px) {

  .product-single-row h2 {

    font-size: 3rem

  }

  .product-single-extended .widget-info ul {

    display: block;

    margin-left: -.7rem

  }

  .product-single-extended .widget-info li+li {

    margin-top: 2rem;

    margin-left: 0

  }

  .product-single-extended .product-single-filter+.product-single-filter,

  .product-single-extended .product-single-filter+.product-action {

    margin-left: 1rem

  }

}



.sidebar-product .widget.widget-collapse {

  margin-bottom: 3rem;

  padding: 1.8rem 1.5rem 1.3rem;

  border: 1px solid #dae2e6

}



.sidebar-product .widget.widget-collapse .widget-title {

  margin: 0

}



.sidebar-product .widget.widget-collapse .widget-title a {

  display: block;

  position: relative;

  padding: .2rem 0 .6rem;

  color: inherit

}



.sidebar-product .widget.widget-collapse .widget-title a:hover,

.sidebar-product .widget.widget-collapse .widget-title a:focus {

  color: #2b2b2d;

  text-decoration: none

}



.sidebar-product .widget.widget-collapse .widget-title a::after {

  display: inline-block;

  position: absolute;

  top: 42%;

  right: .1rem;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  transition: all .35s;

  font-family: 'porto';

  font-size: 1.7rem;

  font-weight: 400;

  content: '\e81b'

}



.sidebar-product .widget.widget-collapse .widget-title a.collapsed::after {

  content: '\e81c'

}



.sidebar-product .widget.widget-collapse .widget-body {

  padding-top: 1.3rem;

  padding-bottom: .5rem

}



.sidebar-product .widget.widget-collapse .widget-body::after {

  display: block;

  clear: both;

  content: ''

}



.product-single-collapse {

  margin-bottom: 2rem

}



.product-single-collapse p {

  margin-bottom: 2.5rem

}



.product-single-collapse .product-desc-content ul,

.product-single-collapse .product-desc-content ol {

  margin-bottom: 2.5rem

}



.product-collapse-panel {

  padding-bottom: 1.8rem

}



.product-collapse-title {

  margin: 0;

  padding-bottom: 1.2rem;

  color: #2b2b2d;

  font: 700 1.4rem/1.1 "Open Sans", sans-serif;

  letter-spacing: .005em;

  text-transform: uppercase

}



.product-collapse-title a {

  display: block;

  position: relative;

  padding: 0 0 1.2rem 4rem;

  border-bottom: .2rem solid #dae2e6;

  color: inherit

}



.product-collapse-title a:hover,

.product-collapse-title a:focus {

  color: inherit;

  text-decoration: none

}



.product-collapse-title a::before {

  display: block;

  position: absolute;

  bottom: -.2rem;

  left: 0;

  width: 100%;

  height: .2rem;

  -webkit-transform-origin: left center;

  transform-origin: left center;

  -webkit-transform: scale(1, 1);

  transform: scale(1, 1);

  transition: transform .4s;

  background-color: #08c;

  content: ''

}



.product-collapse-title a::after {

  display: inline-block;

  position: absolute;

  top: .7rem;

  left: 1.5rem;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  transition: all .35s;

  font-family: 'porto';

  font-size: 2rem;

  font-weight: 400;

  content: '\e81b'

}



.product-collapse-title a.collapsed::after {

  content: '\e81c'

}



.product-collapse-title a.collapsed::before {

  -webkit-transform-origin: right center;

  transform-origin: right center;

  -webkit-transform: scale(0, 1);

  transform: scale(0, 1)

}



.collapse-body-wrapper {

  padding-top: 3.4rem;

  padding-bottom: 2rem

}



.sidebar-toggle {

  position: fixed;

  left: 0;

  width: 40px;

  height: 40px;

  transition: all .2s ease-in-out 0s;

  border: #dcdcda solid 1px;

  border-left-width: 0;

  background: #fff;

  font-size: 17px;

  line-height: 38px;

  text-align: center;

  cursor: pointer;

  z-index: 999

}



@media screen and (min-width: 992px) {

  .sidebar-toggle {

    display: none

  }

}



@media screen and (min-width: 576px) {

  .sidebar-product .widget.widget-collapse {

    padding: 3.3rem 3rem 2.8rem

  }

}



@media screen and (max-width: 991px) {

  .mobile-sidebar {

    display: block;

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    width: 200px;

    padding: 0;

    -webkit-transform: translate(-300px);

    transform: translate(-300px);

    transition: transform .2s ease-in-out 0s;

    background-color: #fff;

    z-index: 9999;

    overflow-y: auto

  }

  .sidebar-opened .mobile-sidebar {

    -webkit-transform: translate(0);

    transform: translate(0);

    transition: transform .3s ease-in-out 0s

  }

  .sidebar-opened .sidebar-overlay {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: #000;

    opacity: .35;

    z-index: 8999

  }

  .sidebar-product {

    margin: 0;

    padding: 2.5rem

  }

}



.product-single-grid {

  margin-bottom: 6rem;

  padding-top: 4rem

}



.product-single-grid .product-single-gallery {

  padding: 0 .75rem

}



.product-single-grid .product-single-gallery .product-item {

  margin-bottom: 1.5rem;

  padding: 0 .75rem

}



.product-single-grid .inner {

  position: relative

}



.product-single-grid .prod-full-screen {

  right: 1rem;

  bottom: 1rem

}



.product-single-grid .product-single-details .product-title {

  margin-top: 1.5rem;

  font-size: 2.8rem

}



.product-single-grid .product-single-details .ratings-container {

  margin-bottom: 5rem

}



.product-single-grid .product-single-details .price-box {

  margin-bottom: 3.8rem

}



.product-single-grid .product-single-details .product-price {

  font-size: 3.1rem

}



.product-single-grid .product-single-details .old-price {

  font-size: 2.2rem

}



.product-single-grid .product-single-details .old-price+.product-price {

  margin-left: 1.5rem

}



.product-single-grid .product-single-details .product-action {

  margin-bottom: 3.8rem

}



.product-single-grid .product-single-details .paction {

  height: 59px

}



.product-single-grid .add-cart {

  min-width: 270px;

  margin-left: 0

}



.product-single-grid .add-cart::before {

  font-size: 2.1rem

}



.product-single-grid .add-cart span {

  font-size: 1.6rem

}



.product-single-grid .product-filters-container {

  margin-bottom: 4rem

}



.product-single-grid .product-single-filter {

  padding-bottom: 2.1rem

}



.product-single-grid .product-single-filter .config-swatch-list li {

  margin-right: .5rem;

  margin-bottom: 0

}



.product-single-grid .product-single-filter .config-swatch-list a {

  width: 3rem;

  height: 3rem

}



.product-size-content img {

  display: block;

  width: auto;

  max-width: 100%;

  margin-right: auto;

  margin-bottom: 2rem;

  margin-left: auto

}



.table.table-size thead tr th,

.table.table-size tbody tr td {

  border: 0;

  color: #21293c;

  font-size: 1.5rem;

  letter-spacing: .005em;

  text-transform: uppercase

}



.table.table-size thead tr th {

  padding: 2.8rem 1.5rem 1.7rem;

  background-color: #f4f4f2;

  font-weight: 600

}



.table.table-size tbody tr td {

  padding: 1rem 1.5rem;

  background-color: #fff;

  font-weight: 700

}



.table.table-size tbody tr td:first-child {

  font-weight: 600

}



.table.table-size tbody tr:nth-child(2n) td {

  background-color: #ebebeb

}



@media screen and (min-width: 992px) {

  .table.table-size thead tr th {

    padding-top: 4.2rem;

    padding-bottom: 2.8rem

  }

  .table.table-size thead tr th,

  .table.table-size tbody tr td {

    padding-right: 3.5rem;

    padding-left: 3.5rem

  }

}



@media screen and (max-width: 912px) and (min-width: 768px) {

  .product-single-grid .add-cart {

    min-width: 100%

  }

}



@media screen and (max-width: 575px) {

  .product-single-grid .product-single-gallery .row {

    margin-right: -10px;

    margin-left: -10px

  }

  .product-single-grid .product-single-gallery [class*='col-'] {

    padding-right: 10px;

    padding-left: 10px

  }

}



.cart-table-container {

  margin-bottom: 2.5rem

}



.table.table-cart tr th,

.table.table-cart tr td {

  vertical-align: middle

}



.table.table-cart tr th:not(.product-col),

.table.table-cart tr td:not(.product-col) {

  text-align: center

}



.table.table-cart tr th {

  padding: 2.4rem 1.5rem 1.2rem;

  border: 0;

  font-weight: 600

}



.table.table-cart tr td {

  padding: 2rem 1.5rem;

  border-top: 1px solid #ccc

}



.table.table-cart tr td.product-col {

  padding: 2rem .8rem 1.8rem 0

}



.table.table-cart tr.product-action-row td {

  padding: 0 0 2.2rem;

  border: 0

}



.table.table-cart .product-title {

  margin-bottom: 0;

  font-size: 1.4rem

}



.table.table-cart tfoot td {

  padding: 2rem 0 1rem

}



.table.table-cart tfoot .btn {

  padding: .85rem 2rem;

  font-family: "Open Sans", sans-serif;

  letter-spacing: 0;

  text-transform: initial

}



.table.table-cart tfoot .btn+.btn {

  margin-left: 1rem

}



.table.table-cart .bootstrap-touchspin.input-group {

  margin-right: auto;

  margin-left: auto

}



.btn-remove::before {

  font-size: 1.8rem;

  font-weight: 600;

  content: 'x'

}



.btn-remove,

.btn-edit,

.btn-move {

  color: #08c

}



.btn-remove:hover,

.btn-remove:focus,

.btn-edit:hover,

.btn-edit:focus,

.btn-move:hover,

.btn-move:focus {

  color: #0099e6;

  text-decoration: none

}



.btn-edit {

  margin-right: 1rem;

  font-size: 1.3rem

}



.btn-move {

  font-size: 1.3rem;

  line-height: 2.5rem

}



.btn-move:hover,

.btn-move:focus {

  text-decoration: underline

}



.qty-col {

  min-width: 98px

}



.product-col {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center

}



tbody .product-col {

  font-size: 0

}



.product-col .product-image-container {

  -ms-flex: 0 0 180px;

  flex: 0 0 180px;

  max-width: 180px;

  margin-right: 1.8rem;

  margin-bottom: 0;

  border: 1px solid #ccc;

  vertical-align: middle

}



.product-col .product-title {

  display: inline-block;

  vertical-align: middle

}



.cart-discount {

  margin-bottom: 4rem

}



.cart-discount h4 {

  margin-bottom: 1.2rem;

  font-size: 1.6rem;

  font-weight: 400

}



.cart-discount form {

  max-width: 420px

}



.cart-summary {

  margin-bottom: 2.5rem;

  padding: 1.4rem 1.8rem 2.2rem;

  border: 1px solid #ddd;

  background: #fbfbfb

}



.cart-summary h3 {

  margin-bottom: 1.3rem;

  font-size: 2.4rem;

  font-weight: 300

}



.cart-summary h4 {

  margin-bottom: 0;

  border-top: 1px solid #ccc;

  font-size: 1.5rem;

  font-weight: 600;

  text-transform: uppercase

}



.cart-summary h4 a {

  display: block;

  position: relative;

  padding: 1rem 2rem 1rem 0;

  color: inherit

}



.cart-summary h4 a::after {

  display: inline-block;

  position: absolute;

  top: 50%;

  right: .4rem;

  transform: translateY(-50%);

  font-family: 'porto';

  font-size: 1.4rem;

  content: '\e81b'

}



.cart-summary h4 a.collapsed::after {

  content: '\e81c'

}



#total-estimate-section form {

  margin-bottom: 0;

  padding: .7rem 0 2.2rem

}



.table.table-totals {

  margin-bottom: 2rem;

  border-top: 1px solid #ccc

}



.table.table-totals tbody tr:first-child td {

  padding-top: 1.6rem

}



.table.table-totals tr {

  border: 0

}



.table.table-totals tr th,

.table.table-totals tr td {

  padding: .6rem 0;

  border: 0

}



.table.table-totals tr th:last-child,

.table.table-totals tr td:last-child {

  text-align: right

}



.table.table-totals tfoot {

  border-top: 1px solid #ccc;

  font-size: 1.8rem;

  font-weight: 600

}



.table.table-totals tfoot tr td {

  padding-top: 1.3rem;

  padding-bottom: 1.6rem

}



.table.table-totals tfoot tr td:last-child {

  color: #2b2b2d

}



.checkout-methods .btn+.btn {

  margin-top: 2.2rem

}



@media screen and (max-width: 767px) {

  .table.table-cart,

  .table.table-cart tbody,

  .table.table-cart tfoot {

    display: block

  }

  .table.table-cart thead {

    display: none

  }

  .table.table-cart tr td {

    padding: .5rem 1rem;

    border-top: 0

  }

  .table.table-cart tr td.product-col {

    padding-bottom: .5rem

  }

  .table.table-cart .product-row {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    border-top: 1px solid #ccc

  }

  .table.table-cart .product-action-row {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center

  }

  .table.table-cart .product-action-row td {

    width: 100%

  }

  .table.table-cart .product-action-row .float-right {

    margin-top: -4px;

    margin-left: auto

  }

  .table.table-cart .product-col {

    -ms-flex-direction: column;

    flex-direction: column;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center

  }

  .table.table-cart .product-col .product-image-container {

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    margin-right: 0;

    margin-bottom: 1rem

  }

  .table.table-cart tfoot {

    border-top: 1px solid #ccc

  }

  .table.table-cart tfoot tr {

    display: block;

    width: 100%

  }

  .table.table-cart tfoot tr td {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    -ms-flex-align: start;

    align-items: flex-start;

    padding: 1rem 0

  }

  .table.table-cart tfoot .btn {

    margin-top: .5rem;

    padding-right: 1rem;

    padding-left: 1rem

  }

  .table.table-cart tfoot .float-left {

    display: none

  }

  .table.table-cart tfoot .float-right {

    margin-left: auto

  }

}



.checkout-progress-bar {

  display: block;

  margin: 0 0 3rem;

  font-size: 0;

  line-height: 1.4;

  counter-reset: i

}



.checkout-progress-bar li {

  display: inline-block;

  position: relative;

  width: 50%;

  margin: 0;

  text-align: center;

  vertical-align: top

}



.checkout-progress-bar li::before {

  position: absolute;

  top: 1.9rem;

  left: 0;

  width: 100%;

  height: .7rem;

  transition: background .3s;

  background-color: #e4e4e4;

  content: ''

}



.checkout-progress-bar li>span {

  display: inline-block;

  width: 100%;

  padding-top: 4.5rem;

  color: #ccc;

  font-size: 1.6rem;

  font-weight: 300;

  word-wrap: break-word

}



.checkout-progress-bar li>span::before,

.checkout-progress-bar li>span::after {

  position: absolute;

  top: 0;

  left: 50%;

  transition: background .3s;

  border-radius: 50%;

  content: ''

}



.checkout-progress-bar li>span::before {

  width: 3.8rem;

  height: 3.8rem;

  margin-left: -1.9rem;

  background-color: #e4e4e4

}



.checkout-progress-bar li>span::after {

  top: .6rem;

  width: 2.6rem;

  height: 2.6rem;

  margin-left: -1.3rem;

  background: #fff;

  color: #777;

  font-weight: 600;

  content: counter(i);

  counter-increment: i

}



.checkout-progress-bar li.active::before,

.checkout-progress-bar li.active>span::before {

  background-color: #ff5501

}



.checkout-progress-bar li.active>span {

  color: #000

}



.checkout-progress-bar li.active>span::after {

  font-family: 'porto';

  content: '\e84e'

}



.checkout-progress-bar li:first-child::before {

  border-radius: .6rem 0 0 .6rem

}



.checkout-progress-bar li:last-child::before {

  border-radius: 0 .6rem .6rem 0

}



.checkout-steps li {

  margin-bottom: 3rem

}



.checkout-steps li form {

  max-width: 480px;

  margin-top: 2.5rem;

  margin-bottom: 0;

  padding-bottom: 2rem;

  border-bottom: 1px solid #ccc

}



.checkout-steps li form:last-of-type {

  padding-bottom: .1rem;

  border-bottom: 0

}



.checkout-steps li form p {

  margin-bottom: 1rem;

  color: #777;

  font-size: 1.3rem

}



.checkout-steps li .form-footer {

  margin-top: 1rem;

  margin-bottom: 1rem

}



.step-title {

  margin-bottom: 0;

  padding-bottom: 9px;

  border-bottom: 1px solid #ccc;

  font-size: 2.2rem;

  font-weight: 300

}



.step-title::after {

  display: block;

  clear: both;

  content: ''

}



.step-title .step-title-edit {

  margin-top: .4rem;

  float: right;

  font-size: 1.4rem

}



.shipping-step-addresses {

  margin-bottom: 2rem;

  font-size: 0

}



.shipping-step-addresses::after {

  display: block;

  clear: both;

  content: ''

}



.shipping-address-box {

  display: inline-block;

  position: relative;

  width: 100%;

  min-height: 240px;

  margin: 0;

  padding: 1.8rem 3.2rem 1rem 1.8rem;

  transition: .3s border-color;

  border: .2rem solid transparent;

  font-size: 1.3rem;

  line-height: 3rem;

  vertical-align: top;

  word-wrap: break-word

}



.shipping-address-box.active {

  border-color: #ff5501

}



.shipping-address-box.active::after {

  position: absolute;

  top: 0;

  right: 0;

  width: 2.7rem;

  height: 2.7rem;

  padding-top: .2rem;

  background-color: #ff5501;

  color: #fff;

  font-family: 'porto';

  font-size: 1.9rem;

  line-height: 2.1rem;

  text-align: center;

  content: '\e84e'

}



.shipping-address-box.active .address-box-action {

  visibility: hidden

}



.address-box-action {

  margin-top: 2rem

}



.address-box-action .btn {

  font-family: "Open Sans", sans-serif;

  letter-spacing: 0;

  text-transform: initial

}



.address-box-action .btn.btn-sm {

  padding: .85rem 1.2rem;

  font-size: 1.3rem

}



.address-box-action .btn.btn-sm.btn-link {

  padding-right: 0;

  padding-left: 0

}



.btn-new-address {

  margin-bottom: 1.2rem;

  padding: .95rem 1.3rem;

  font-family: "Open Sans", sans-serif;

  letter-spacing: 0;

  text-transform: initial

}



.table-step-shipping {

  max-width: 600px

}



.table-step-shipping tr td {

  padding: 1.8rem 1.5rem;

  border: 0;

  border-bottom: 1px solid #ccc

}



.checkout-steps-action::after {

  display: block;

  clear: both;

  content: ''

}



.checkout-steps-action .btn {

  min-width: 70px;

  text-align: center

}



.order-summary {

  margin-top: 3.3rem;

  margin-bottom: 3rem;

  padding: 2.2rem 2.7rem;

  border: 1px solid #ddd;

  background: #f5f5f5

}



.order-summary h3 {

  margin-bottom: 1.3rem;

  font-size: 2.4rem;

  font-weight: 300

}



.order-summary h4 {

  margin-bottom: 0;

  border-top: 1px solid #ccc;

  border-bottom: 1px solid #ccc;

  font-size: 1.5rem;

  font-weight: 600;

  text-transform: uppercase

}



.order-summary h4 a {

  display: block;

  position: relative;

  padding: 1rem 2rem 1rem 0;

  color: inherit

}



.order-summary h4 a::after {

  display: inline-block;

  position: absolute;

  top: 50%;

  right: .4rem;

  transform: translateY(-50%);

  font-family: 'porto';

  font-size: 1.5rem;

  font-weight: 400;

  content: '\e81b'

}



.order-summary h4 a.collapsed::after {

  content: '\e81c'

}



.table-mini-cart {

  margin-bottom: 0

}



.table-mini-cart tr td {

  padding: 2rem 0;

  border: 0;

  border-bottom: 1px solid #ccc;

  vertical-align: top

}



.table-mini-cart .product-col {

  -ms-flex-align: start;

  align-items: flex-start

}



.table-mini-cart .product-col .product-image-container {

  -ms-flex: 0 0 75px;

  flex: 0 0 75px;

  max-width: 75px;

  margin-right: 1.5rem;

  vertical-align: top

}



.table-mini-cart .product-col>div {

  padding-top: .8rem;

  vertical-align: top

}



.table-mini-cart .price-col {

  padding-top: 2.5rem;

  color: #000;

  font-size: 1.6rem;

  font-weight: 400

}



.table-mini-cart .product-title {

  display: block;

  max-width: 170px;

  margin-bottom: .8rem;

  font-size: 1.4rem;

  font-weight: 600

}



.table-mini-cart .product-qty {

  display: block;

  color: #777;

  font-size: 1.3rem

}



.checkout-payment {

  margin-bottom: 3rem

}



.checkout-payment .step-title {

  margin-bottom: 1.8rem

}



.checkout-payment h4 {

  font-weight: 400

}



.checkout-payment .form-group {

  max-width: 480px

}



#checkout-shipping-address {

  display: none;

  padding-left: 3rem;

  line-height: 3rem

}



#checkout-shipping-address.show {

  display: block

}



#new-checkout-address {

  display: none

}



#new-checkout-address.show {

  display: block

}



.checkout-discount {

  margin-top: 2rem;

  margin-bottom: 3rem

}



.checkout-discount form {

  max-width: 480px;

  margin-bottom: 0;

  padding-top: 1.5rem;

  padding-bottom: 1rem

}



.checkout-discount h4 {

  margin-bottom: 0;

  border-top: 1px solid #ccc;

  font-size: 1.4rem;

  font-weight: 400

}



.checkout-discount h4 a {

  display: block;

  position: relative;

  padding: 1rem 2rem 1rem 0

}



.checkout-discount h4 a::after {

  display: inline-block;

  position: absolute;

  top: 50%;

  right: .4rem;

  transform: translateY(-50%);

  font-family: 'porto';

  font-size: 1.5rem;

  content: '\e81b'

}



.checkout-discount h4 a.collapsed::after {

  content: '\e81c'

}



.checkout-info-box {

  margin-bottom: 3rem;

  font-size: 1.3rem;

  line-height: 2.7rem

}



.checkout-info-box .step-title {

  margin-bottom: 1.8rem

}



@media screen and (min-width: 576px) {

  .checkout-progress-bar li {

    width: 185px

  }

  .checkout-progress-bar li>span {

    font-size: 1.8rem

  }

  .shipping-address-box {

    width: 50%

  }

}



@media screen and (min-width: 768px) {

  .shipping-address-box {

    width: 33.33%

  }

}



.entry {

  margin-bottom: 3rem;

  color: #7a7d82

}



.entry a {

  color: #7a7d82

}



.entry a:hover,

.entry a:focus {

  color: #282d3b

}



.entry-media {

  margin-bottom: 2rem;

  border-radius: 0;

  background-color: #ccc

}



.entry-media img {

  display: block;

  width: 100%;

  max-width: none;

  height: auto

}



.entry-slider .owl-dots {

  position: absolute;

  right: 0;

  bottom: .6rem;

  left: 0;

  margin: 0 !important

}



.entry-body {

  padding-bottom: 2.7rem;

  border-bottom: 1px solid #ddd

}



.entry:not(.single):last-of-type .entry-body {

  border-bottom: 0

}



.entry-body .entry-date {

  width: 45px;

  margin-right: 10px;

  float: left;

  text-align: center;

  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1)

}



.entry-body .entry-date .day {

  display: block;

  margin-bottom: .3rem;

  padding: 1rem .2rem;

  border-radius: .2rem .2rem 0 0;

  background-color: #f4f4f4;

  color: #4a4a4a;

  font-size: 1.6rem;

  font-weight: 700;

  line-height: 1.375

}



.entry-body .entry-date .month {

  display: block;

  padding: 0 .2rem .2rem;

  border-radius: 0 0 .2rem .2rem;

  background-color: #08c;

  color: #fff;

  font-size: 1.2rem;

  line-height: 1.33;

  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset

}



.entry-title {

  margin-bottom: 1rem;

  color: #08c;

  font-size: 2.2rem;

  font-weight: 400;

  line-height: 1.35

}



.entry-title a {

  color: #08c

}



.entry-title a:hover,

.entry-title a:focus {

  color: #08c;

  text-decoration: underline

}



.entry-content::after {

  display: block;

  clear: both;

  content: ''

}



.read-more {

  float: right

}



.read-more i::before {

  margin: 0

}



.entry-meta>span {

  display: inline-block;

  margin-right: 1.5rem

}



.entry-meta i {

  margin-right: .5rem

}



.entry-meta i::before {

  margin: 0

}



.single .entry-meta {

  margin-bottom: 2.4rem

}



.single .entry-title {

  font-size: 2.4rem

}



.single h3 {

  font-size: 2.2rem;

  font-weight: 400

}



.single h3 i {

  margin-right: .2rem

}



.single .entry-content {

  margin-bottom: 4rem

}



.entry-share {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

  margin-bottom: 2.6rem;

  padding: 2.8rem 0;

  border-top: 1px solid #ddd;

  border-bottom: 1px solid #ddd

}



.entry-share h3 {

  margin-right: 1.5rem

}



.entry-share .social-icon {

  color: #fff

}



.entry-share .social-icon:hover,

.entry-share .social-icon:focus {

  color: #fff

}



.entry-author {

  margin-bottom: 3rem;

  padding-bottom: 2.7rem;

  border-bottom: 1px solid #ddd

}



.entry-author::after {

  display: block;

  clear: both;

  content: ''

}



.entry-author h3 {

  margin-bottom: 2rem

}



.entry-author figure {

  max-width: 80px;

  margin-right: 2rem;

  margin-bottom: 0;

  float: left

}



.entry-author h4 {

  margin: 1rem;

  font-weight: 600

}



.entry-author .author-content {

  font-size: 1.3rem;

  line-height: 1.8

}



.entry-author .author-content p:last-child {

  margin-bottom: 0

}



.comment-respond h3 {

  margin-bottom: 1.2rem

}



.comment-respond h3+p {

  margin-bottom: 2.6rem

}



.comment-respond form {

  margin-bottom: 0

}



.related-posts {

  margin-bottom: 4rem

}



.related-posts h4 {

  margin-bottom: 2rem;

  font-size: 1.9rem;

  text-transform: uppercase

}



.related-posts .entry {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: 0

}



.related-posts .entry p {

  margin-bottom: 1rem

}



.related-posts .entry-body {

  padding-bottom: 0;

  border-bottom: 0

}



.related-posts .entry-media {

  margin-bottom: 2rem

}



.related-posts .entry-title {

  margin-bottom: 1rem;

  font-size: 1.8rem

}



.sidebar {

  position: relative;

  font-size: 1.4rem

}



.sidebar .widget {

  margin-bottom: 3rem

}



.sidebar .sidebar-wrapper .widget:last-child {

  margin-bottom: 0;

  padding-bottom: 3rem

}



.sidebar-wrapper {

  -webkit-backfac-visibility: hidden

}



.widget-title {

  margin: .5rem 0 1.3rem;

  color: #2b2b2d;

  font-size: 1.8rem;

  font-weight: 700;

  line-height: 1.2

}



.widget form {

  margin-bottom: 0

}



.list {

  margin: 0;

  padding: 0;

  list-style: none

}



.list li {

  display: block;

  position: relative;

  margin: 0;

  padding: 0

}



.list li.active {

  font-weight: 600

}



.list li.active a {

  color: #2b2b2d

}



.list li a {

  display: block;

  position: relative;

  padding: .9rem 0 .8rem 2rem;

  border-bottom: 1px solid #EDEDDE;

  color: #7a7d82;

  font-size: 1.4rem

}



.list li a::before {

  display: inline-block;

  position: absolute;

  width: 0;

  height: 0;

  margin: .9rem 0 0 -1rem;

  border-top: 4px solid transparent;

  border-bottom: 4px solid transparent;

  border-left: 4px solid #333;

  content: ''

}



.list li a:hover,

.list li a:focus {

  background-color: #eee;

  text-decoration: none

}



.widget-search form {

  position: relative;

  margin: 0

}



.widget-search .form-control {

  width: 100%;

  max-width: none;

  padding-right: 5.5rem

}



.widget-search .search-submit {

  position: absolute;

  top: 50%;

  right: 0;

  width: 44px;

  height: 44px;

  margin-top: -22px;

  border: 0;

  outline: none;

  background-color: transparent;

  color: #000;

  font-size: 1.3rem;

  text-align: center;

  -webkit-box-shadow: none;

  box-shadow: none;

  cursor: pointer

}



.tagcloud::after {

  display: block;

  clear: both;

  content: ''

}



.tagcloud a {

  display: block;

  margin: 0 .7rem .7rem 0;

  padding: 1.1rem 1.4rem;

  float: left;

  background-color: #e1e1e1;

  color: #7e7d79;

  font-size: 1.4rem;

  font-weight: 400;

  line-height: 11px

}



.tagcloud a:hover,

.tagcloud a:focus {

  background-color: #08c;

  color: #fff;

  text-decoration: none

}



.simple-entry-list {

  margin: 0;

  padding: 0;

  list-style: none

}



.simple-entry-list li {

  margin: 0 0 1rem

}



.simple-entry-list li::after {

  display: block;

  clear: both;

  content: ''

}



.simple-entry-list li:last-child {

  margin-bottom: 0

}



.simple-entry-list .entry-media {

  width: 6.5rem;

  margin: 0 1.2rem 0 0;

  float: left;

  border-radius: 0;

  line-height: 0

}



.simple-entry-list .entry-media img {

  display: block;

  width: 100%;

  max-width: none;

  height: auto

}



.simple-entry-list .entry-meta {

  color: #888;

  font-size: 1.3rem

}



.simple-entry-list a {

  color: #08c

}



@media screen and (min-width: 576px) {

  .entry-share {

    flex-direction: row;

    align-items: center

  }

  .entry-share h3 {

    margin-bottom: 0

  }

  .related-posts {

    padding-top: 1rem

  }

}



@media screen and (min-width: 768px) {

  .entry-media {

    margin-bottom: 3rem

  }

  .single .entry-meta {

    margin-bottom: 3.2rem

  }

  .single .entry-title {

    font-size: 2.6rem

  }

  .entry-body {

    margin-left: 60px

  }

  .entry-body .entry-date {

    margin-left: -60px

  }

  .related-posts {

    padding-top: 2.5rem

  }

}



@media screen and (max-width: 767px) {

  .comment-respond .form-footer {

    margin-bottom: 3rem

  }

}



@media screen and (max-width: 767px) {

  .comment-respond .form-footer {

    margin-bottom: 2rem

  }

}



#map {

  height: 280px;

  margin-bottom: 4rem;

  background-color: #ccc

}



#map address {

  margin: 0;

  padding: .625rem .875rem;

  font-size: 1.3rem;

  font-style: normal;

  font-weight: 400;

  line-height: 1.5

}



#map a {

  display: inline-block;

  margin-top: .8rem;

  font-size: 1.2rem;

  text-transform: uppercase

}



.contact-info {

  margin-bottom: 3rem;

  padding-top: .5rem

}



.contact-info>div {

  margin-bottom: 1.5rem;

  font-size: 1.4rem

}



.contact-info>div::after {

  display: block;

  clear: both;

  content: ''

}



.contact-info i {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 4.3rem;

  height: 4.3rem;

  float: left;

  border-radius: .6rem;

  background-color: #08c;

  color: #fff;

  font-size: 1.8rem;

  text-align: center

}



.contact-info p {

  margin-bottom: 0;

  margin-left: 5.5rem;

  line-height: 1.4

}



@media screen and (min-width: 768px) {

  #map {

    height: 380px;

    margin-bottom: 5rem

  }

}



@media screen and (min-width: 992px) {

  #map {

    height: 460px;

    margin-bottom: 6rem

  }

}



.dashboard-content {

  margin-bottom: 1em

}



.dashboard-content h2 {

  margin-bottom: 2rem;

  font-size: 2.4rem

}



.dashboard-content .form-control {

  max-width: 100%

}



#account-chage-pass {

  display: none;

  padding-bottom: 1.5rem

}



#account-chage-pass.show {

  display: block

}



.widget-dashboard .widget-title {

  margin-top: .2rem;

  font-size: 1.8rem;

  font-weight: 600

}



.widget-dashboard {

  margin-bottom: 3rem

}



@media screen and (min-width: 768px) {

  .dashboard-content h2 {

    font-size: 2.6rem

  }

}



.owl-carousel {

  display: none;

  width: 100%;

  -webkit-tap-highlight-color: transparent;

  position: relative;

  z-index: 1

}



.owl-carousel .owl-stage {

  position: relative;

  -ms-touch-action: pan-Y;

  touch-action: manipulation;

  -moz-backface-visibility: hidden

}



.owl-carousel .owl-stage:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0

}



.owl-carousel .owl-stage-outer {

  position: relative;

  overflow: hidden;

  -webkit-transform: translate3d(0px, 0px, 0px)

}



.owl-carousel .owl-wrapper,

.owl-carousel .owl-item {

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0)

}



.owl-carousel .owl-item {

  position: relative;

  min-height: 1px;

  float: left;

  -webkit-backface-visibility: hidden;

  -webkit-tap-highlight-color: transparent;

  -webkit-touch-callout: none

}



.owl-carousel .owl-item img {

  display: block;

  width: 100%

}



.owl-carousel .owl-nav.disabled,

.owl-carousel .owl-dots.disabled {

  display: none

}



.owl-carousel .owl-nav .owl-prev,

.owl-carousel .owl-nav .owl-next,

.owl-carousel .owl-dot {

  cursor: pointer;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none

}



.owl-carousel .owl-nav button.owl-prev,

.owl-carousel .owl-nav button.owl-next,

.owl-carousel button.owl-dot {

  background: none;

  color: inherit;

  border: 0;

  padding: 0 !important;

  font: inherit

}



.owl-carousel.owl-loaded {

  display: block

}



.owl-carousel.owl-loading {

  opacity: 0;

  display: block

}



.owl-carousel.owl-hidden {

  opacity: 0

}



.owl-carousel.owl-refresh .owl-item {

  visibility: hidden

}



.owl-carousel.owl-drag .owl-item {

  touch-action: pan-y;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none

}



.owl-carousel.owl-grab {

  cursor: move;

  cursor: grab

}



.owl-carousel.owl-rtl {

  direction: rtl

}



.owl-carousel.owl-rtl .owl-item {

  float: right

}



.no-js .owl-carousel {

  display: block

}



.owl-carousel .animated {

  animation-duration: 1000ms;

  animation-fill-mode: both

}



.owl-carousel .owl-animated-in {

  z-index: 0

}



.owl-carousel .owl-animated-out {

  z-index: 1

}



.owl-carousel .fadeOut {

  animation-name: fadeOut

}



@keyframes fadeOut {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0

  }

}



.owl-height {

  transition: height 500ms ease-in-out

}



.owl-carousel .owl-item .owl-lazy {

  opacity: 0;

  transition: opacity 400ms ease

}



.owl-carousel .owl-item .owl-lazy[src^=""],

.owl-carousel .owl-item .owl-lazy:not([src]) {

  max-height: 0

}



.owl-carousel .owl-item img.owl-lazy {

  transform-style: preserve-3d

}



.owl-carousel .owl-video-wrapper {

  position: relative;

  height: 100%;

  background: #000

}



.owl-carousel .owl-video-play-icon {

  position: absolute;

  height: 80px;

  width: 80px;

  left: 50%;

  top: 50%;

  margin-left: -40px;

  margin-top: -40px;

  background: url("../../../../../../www.portotheme.com/html/porto_ecommerce/demo_5/assets/images/owl.video.play.html") no-repeat;

  cursor: pointer;

  z-index: 1;

  -webkit-backface-visibility: hidden;

  transition: transform 100ms ease

}



.owl-carousel .owl-video-play-icon:hover {

  transform: scale(1.3, 1.3)

}



.owl-carousel .owl-video-playing .owl-video-tn,

.owl-carousel .owl-video-playing .owl-video-play-icon {

  display: none

}



.owl-carousel .owl-video-tn {

  opacity: 0;

  height: 100%;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

  transition: opacity 400ms ease

}



.owl-carousel .owl-video-frame {

  position: relative;

  z-index: 1;

  height: 100%;

  width: 100%

}



.owl-theme .owl-nav {

  margin: 0;

  text-align: center;

  -webkit-tap-highlight-color: transparent;

  color: #2b2b2d;

  font-size: 2rem

}



.owl-theme .owl-nav [class*='owl-'] {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  color: #2b2b2d;

  margin: 0;

  font-size: 2rem;

  padding: 4px 7px;

  background: transparent;

  display: inline-block;

  cursor: pointer;

  border-radius: 0

}



.owl-theme .owl-nav [class*='owl-'] i::before {

  margin: 0;

  width: auto

}



.owl-theme .owl-nav [class*='owl-']:hover {

  background: transparent;

  color: #08c;

  text-decoration: none

}



.owl-theme .owl-nav .owl-prev {

  left: 0

}



.owl-theme .owl-nav .owl-next {

  right: 0

}



.owl-theme .owl-nav .disabled {

  opacity: .5;

  cursor: default

}



.owl-theme .owl-nav.disabled+.owl-dots {

  margin-top: 3.2rem

}



.owl-theme .owl-dots {

  line-height: 1;

  text-align: center;

  -webkit-tap-highlight-color: transparent

}



.owl-theme .owl-dots .owl-dot {

  display: inline-block;

  zoom: 1;

  *display: inline

}



.owl-theme .owl-dots .owl-dot span {

  position: relative;

  width: 1.1rem;

  height: .3rem;

  margin: 0 5px;

  background: #e4e4e4;

  display: block;

  -webkit-backface-visibility: visible;

  transition: all .3s ease;

  border: 0 solid transparent;

  border-radius: 0

}



.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

  border-color: transparent;

  background: #2b2b2c

}



.owl-theme.owl-theme-light .owl-dots .owl-dot span {

  border-color: transparent;

  background: #fff

}



.owl-theme.owl-theme-light .owl-dots .owl-dot span::before {

  border-color: transparent

}



.owl-theme.owl-theme-light .owl-dots .owl-dot.active span,

.owl-theme.owl-theme-light .owl-dots .owl-dot:hover span {

  border-color: transparent;

  background: #2b2b2c

}



.mfp-bg {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1042;

  overflow: hidden;

  position: fixed;

  background: #fff;

  opacity: .5

}



.mfp-wrap {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1043;

  position: fixed;

  outline: none !important;

  -webkit-backface-visibility: hidden

}



.mfp-container {

  text-align: center;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  padding: 0 8px;

  box-sizing: border-box

}



.mfp-container::before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle

}



.mfp-align-top .mfp-container::before {

  display: none

}



.mfp-content {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  text-align: left;

  z-index: 1045

}



.mfp-inline-holder .mfp-content,

.mfp-ajax-holder .mfp-content {

  width: 100%;

  cursor: auto

}



.mfp-ajax-cur {

  cursor: progress

}



.mfp-zoom-out-cur,

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {

  cursor: -moz-zoom-out;

  cursor: -webkit-zoom-out;

  cursor: zoom-out

}



.mfp-zoom {

  cursor: pointer;

  cursor: -webkit-zoom-in;

  cursor: -moz-zoom-in;

  cursor: zoom-in

}



.mfp-auto-cursor .mfp-content {

  cursor: auto

}



.mfp-close,

.mfp-arrow,

.mfp-preloader,

.mfp-counter {

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none

}



.mfp-loading.mfp-figure {

  display: none

}



.mfp-hide {

  display: none !important

}



.mfp-preloader {

  color: #222;

  position: absolute;

  top: 50%;

  width: auto;

  text-align: center;

  margin-top: -0.8em;

  left: 8px;

  right: 8px;

  z-index: 1044

}



.mfp-preloader a {

  color: #222

}



.mfp-preloader a:hover {

  color: #FFF

}



.mfp-s-ready .mfp-preloader {

  display: none

}



.mfp-s-error .mfp-content {

  display: none

}



button.mfp-close,

button.mfp-arrow {

  overflow: visible;

  cursor: pointer;

  background: transparent;

  border: 0;

  -webkit-appearance: none;

  display: block;

  outline: none;

  padding: 0;

  z-index: 1046;

  box-shadow: none;

  touch-action: manipulation

}



button::-moz-focus-inner {

  padding: 0;

  border: 0

}



.mfp-close {

  width: 44px;

  height: 44px;

  line-height: 44px;

  position: absolute;

  right: 0;

  top: 0;

  text-decoration: none;

  text-align: center;

  opacity: .65;

  padding: 0 0 18px 10px;

  color: #FFF;

  font-style: normal;

  font-size: 28px;

  font-family: Arial, Baskerville, monospace

}



.mfp-close:hover,

.mfp-close:focus {

  opacity: 1

}



.mfp-close:active {

  top: 1px

}



.mfp-close-btn-in .mfp-close {

  color: #333

}



.mfp-image-holder .mfp-close,

.mfp-iframe-holder .mfp-close {

  color: #FFF;

  right: -6px;

  text-align: right;

  padding-right: 6px;

  width: 100%

}



.mfp-counter {

  position: absolute;

  top: 0;

  right: 0;

  color: #222;

  font-size: 12px;

  line-height: 18px;

  white-space: nowrap

}



.mfp-arrow {

  position: absolute;

  opacity: .65;

  margin: 0;

  top: 50%;

  margin-top: -55px;

  padding: 0;

  width: 90px;

  height: 110px;

  -webkit-tap-highlight-color: transparent

}



.mfp-arrow:active {

  margin-top: -54px

}



.mfp-arrow:hover,

.mfp-arrow:focus {

  opacity: 1

}



.mfp-arrow:before,

.mfp-arrow::after {

  content: '';

  display: block;

  width: 0;

  height: 0;

  position: absolute;

  left: 0;

  top: 0;

  margin-top: 35px;

  margin-left: 35px;

  border: medium inset transparent

}



.mfp-arrow::after {

  border-top-width: 13px;

  border-bottom-width: 13px;

  top: 8px

}



.mfp-arrow::before {

  border-top-width: 21px;

  border-bottom-width: 21px;

  opacity: 0.7

}



.mfp-arrow-left {

  left: 0

}



.mfp-arrow-left::after {

  border-right: 17px solid #FFF;

  margin-left: 31px

}



.mfp-arrow-left::before {

  margin-left: 25px;

  border-right: 27px solid #3F3F3F

}



.mfp-arrow-right {

  right: 0

}



.mfp-arrow-right::after {

  border-left: 17px solid #FFF;

  margin-left: 39px

}



.mfp-arrow-right::before {

  border-left: 27px solid #3F3F3F

}



.mfp-iframe-holder {

  padding-top: 40px;

  padding-bottom: 40px

}



.mfp-iframe-holder .mfp-content {

  line-height: 0;

  width: 100%;

  max-width: 900px

}



.mfp-iframe-holder .mfp-close {

  top: -40px

}



.mfp-iframe-scaler {

  width: 100%;

  height: 0;

  overflow: hidden;

  padding-top: 56.25%

}



.mfp-iframe-scaler iframe {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #000;

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6)

}



img.mfp-img {

  width: auto;

  max-width: 100%;

  height: auto;

  display: block;

  line-height: 0;

  box-sizing: border-box;

  padding: 40px 0 40px;

  margin: 0 auto

}



.mfp-figure {

  line-height: 0

}



.mfp-figure::after {

  content: '';

  position: absolute;

  left: 0;

  top: 40px;

  bottom: 40px;

  display: block;

  right: 0;

  width: auto;

  height: auto;

  z-index: -1;

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

  background: #444

}



.mfp-figure small {

  color: #BDBDBD;

  display: block;

  font-size: 12px;

  line-height: 14px

}



.mfp-figure figure {

  margin: 0

}



.mfp-bottom-bar {

  margin-top: -36px;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  cursor: auto

}



.mfp-title {

  text-align: left;

  line-height: 18px;

  color: #F3F3F3;

  word-wrap: break-word;

  padding-right: 36px

}



.mfp-image-holder .mfp-content {

  max-width: 100%

}



.mfp-gallery .mfp-image-holder .mfp-figure {

  cursor: pointer

}



@media screen and (max-width: 800px) and (orientation: landscape),

screen and (max-height: 300px) {

  .mfp-img-mobile .mfp-image-holder {

    padding-left: 0;

    padding-right: 0

  }

  .mfp-img-mobile img.mfp-img {

    padding: 0

  }

  .mfp-img-mobile .mfp-figure::after {

    top: 0;

    bottom: 0

  }

  .mfp-img-mobile .mfp-figure small {

    display: inline;

    margin-left: 5px

  }

  .mfp-img-mobile .mfp-bottom-bar {

    background: rgba(0, 0, 0, 0.6);

    bottom: 0;

    margin: 0;

    top: auto;

    padding: 3px 5px;

    position: fixed;

    box-sizing: border-box

  }

  .mfp-img-mobile .mfp-bottom-bar:empty {

    padding: 0

  }

  .mfp-img-mobile .mfp-counter {

    right: 5px;

    top: 3px

  }

  .mfp-img-mobile .mfp-close {

    top: 0;

    right: 0;

    width: 35px;

    height: 35px;

    line-height: 35px;

    background: rgba(0, 0, 0, 0.6);

    position: fixed;

    text-align: center;

    padding: 0

  }

}



@media all and (max-width: 900px) {

  .mfp-arrow {

    -webkit-transform: scale(0.75);

    transform: scale(0.75)

  }

  .mfp-arrow-left {

    -webkit-transform-origin: 0;

    transform-origin: 0

  }

  .mfp-arrow-right {

    -webkit-transform-origin: 100%;

    transform-origin: 100%

  }

  .mfp-container {

    padding-left: 6px;

    padding-right: 6px

  }

}



.mfp-fade.mfp-bg {

  opacity: 0;

  -webkit-transition: all 0.15s ease-out;

  -moz-transition: all 0.15s ease-out;

  transition: all 0.15s ease-out

}



.mfp-fade.mfp-bg.mfp-ready {

  opacity: 0.8

}



.mfp-fade.mfp-bg.mfp-removing {

  opacity: 0

}



.mfp-fade.mfp-wrap .mfp-content {

  opacity: 0;

  -webkit-transition: all 0.15s ease-out;

  -moz-transition: all 0.15s ease-out;

  transition: all 0.15s ease-out

}



.mfp-fade.mfp-wrap.mfp-ready .mfp-content {

  opacity: 1

}



.mfp-fade.mfp-wrap.mfp-removing .mfp-content {

  opacity: 0

}



.bootstrap-touchspin .input-group-btn-vertical {

  position: absolute;

  right: 0;

  height: 100%;

  z-index: 11

}



.bootstrap-touchspin.input-group {

  max-width: 68px;

  padding-right: 20px;

  margin-bottom: 0

}



.bootstrap-touchspin .form-control {

  height: 4.2rem;

  text-align: center;

  margin-bottom: 0;

  max-width: 46px;

  padding: 1.05rem 1rem;

  line-height: 1.4

}



.bootstrap-touchspin .form-control:not(:focus) {

  border-color: #ccc

}



.bootstrap-touchspin .input-group-btn-vertical>.btn {

  position: absolute;

  right: 0;

  height: 2rem;

  padding: 0;

  width: 2rem;

  text-align: center;

  font-size: 1.2rem;

  min-width: 0

}



.bootstrap-touchspin .input-group-btn-vertical>.btn::before {

  position: relative;

  margin: 0;

  width: auto;

  line-height: 1;

  width: auto;

  top: -.1rem;

  margin-right: -.1rem

}



.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {

  border-radius: 0;

  top: 0

}



.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {

  border-radius: 0;

  bottom: 0

}





/*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */



.noUi-target,

.noUi-target * {

  -webkit-touch-callout: none;

  -webkit-tap-highlight-color: transparent;

  -webkit-user-select: none;

  -ms-touch-action: none;

  touch-action: none;

  -ms-user-select: none;

  -moz-user-select: none;

  user-select: none;

  -moz-box-sizing: border-box;

  box-sizing: border-box

}



.noUi-target {

  position: relative;

  direction: ltr

}



.noUi-base,

.noUi-connects {

  width: 100%;

  height: 100%;

  position: relative;

  z-index: 1

}



.noUi-connects {

  overflow: hidden;

  z-index: 0

}



.noUi-connect,

.noUi-origin {

  will-change: transform;

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  -ms-transform-origin: 0 0;

  -webkit-transform-origin: 0 0;

  transform-origin: 0 0

}



html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {

  left: auto;

  right: 0

}



.noUi-vertical .noUi-origin {

  width: 0

}



.noUi-horizontal .noUi-origin {

  height: 0

}



.noUi-handle {

  position: absolute

}



.noUi-state-tap .noUi-connect,

.noUi-state-tap .noUi-origin {

  -webkit-transition: transform 0.3s;

  transition: transform 0.3s

}



.noUi-state-drag * {

  cursor: inherit !important

}



.noUi-horizontal {

  height: .3rem

}



.noUi-horizontal .noUi-handle {

  width: 1.1rem;

  height: 1.1rem;

  left: -.55rem;

  top: -.3em

}



.noUi-vertical {

  width: .3rem;

  height: 150px

}



.noUi-vertical .noUi-handle {

  width: 1.1rem;

  height: 1.1rem;

  left: -.4rem;

  top: -.5rem

}



html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {

  right: -.55rem;

  left: auto

}



.noUi-target {

  background: #efefef;

  border-radius: 0

}



.noUi-connects {

  border-radius: 0

}



.noUi-connect {

  background: #08c

}



.noUi-draggable {

  cursor: ew-resize

}



.noUi-vertical .noUi-draggable {

  cursor: ns-resize

}



.noUi-handle {

  border-radius: 50%;

  background: #08c;

  cursor: pointer

}



[disabled] .noUi-connect {

  background: #B8B8B8

}



[disabled].noUi-target,

[disabled].noUi-handle,

[disabled] .noUi-handle {

  cursor: not-allowed

}



.noUi-pips,

.noUi-pips * {

  -moz-box-sizing: border-box;

  box-sizing: border-box

}



.noUi-pips {

  position: absolute;

  color: #999

}



.noUi-value {

  position: absolute;

  white-space: nowrap;

  text-align: center

}



.noUi-value-sub {

  color: #ccc;

  font-size: 10px

}



.noUi-marker {

  position: absolute;

  background: #CCC

}



.noUi-marker-sub {

  background: #AAA

}



.noUi-marker-large {

  background: #AAA

}



.noUi-pips-horizontal {

  padding: 10px 0;

  height: 80px;

  top: 100%;

  left: 0;

  width: 100%

}



.noUi-value-horizontal {

  -webkit-transform: translate(-50%, 50%);

  transform: translate(-50%, 50%)

}



.noUi-rtl .noUi-value-horizontal {

  -webkit-transform: translate(50%, 50%);

  transform: translate(50%, 50%)

}



.noUi-marker-horizontal.noUi-marker {

  margin-left: -1px;

  width: 2px;

  height: 5px

}



.noUi-marker-horizontal.noUi-marker-sub {

  height: 10px

}



.noUi-marker-horizontal.noUi-marker-large {

  height: 15px

}



.noUi-pips-vertical {

  padding: 0 10px;

  height: 100%;

  top: 0;

  left: 100%

}



.noUi-value-vertical {

  -webkit-transform: translate(0, -50%);

  transform: translate(0, -50%, 0);

  padding-left: 25px

}



.noUi-rtl .noUi-value-vertical {

  -webkit-transform: translate(0, 50%);

  transform: translate(0, 50%)

}



.noUi-marker-vertical.noUi-marker {

  width: 5px;

  height: 2px;

  margin-top: -1px

}



.noUi-marker-vertical.noUi-marker-sub {

  width: 10px

}



.noUi-marker-vertical.noUi-marker-large {

  width: 15px

}



.noUi-tooltip {

  display: block;

  position: absolute;

  border: 1px solid #D9D9D9;

  border-radius: 3px;

  background: #fff;

  color: #000;

  padding: 5px;

  text-align: center;

  white-space: nowrap

}



.noUi-horizontal .noUi-tooltip {

  -webkit-transform: translate(-50%, 0);

  transform: translate(-50%, 0);

  left: 50%;

  bottom: 120%

}



.noUi-vertical .noUi-tooltip {

  -webkit-transform: translate(0, -50%);

  transform: translate(0, -50%);

  top: 50%;

  right: 120%

}



.mt-1 {

  margin-top: 1rem !important

}



.mt-2 {

  margin-top: 2rem !important

}



.mt-3 {

  margin-top: 3rem !important

}



.mt-4 {

  margin-top: 4rem !important

}



.mt-5 {

  margin-top: 5rem !important

}



.mt-6 {

  margin-top: 6rem !important

}



.mt-7 {

  margin-top: 7rem !important

}



.mt-8 {

  margin-top: 8rem !important

}



.mt-9 {

  margin-top: 9rem !important

}



.mt-10 {

  margin-top: 10rem !important

}



.mb-1 {

  margin-bottom: 1rem !important

}



.mb-2 {

  margin-bottom: 2rem !important

}



.mb-3 {

  margin-bottom: 3rem !important

}



.mb-4 {

  margin-bottom: 4rem !important

}



.mb-5 {

  margin-bottom: 5rem !important

}



.mb-6 {

  margin-bottom: 6rem !important

}



.mb-7 {

  margin-bottom: 7rem !important

}



.mb-8 {

  margin-bottom: 8rem !important

}



.mb-9 {

  margin-bottom: 9rem !important

}



.mb-10 {

  margin-bottom: 10rem !important

}



@media screen and (min-width: 768px) {

  .mt-md-1 {

    margin-top: 1rem !important

  }

  .mt-md-2 {

    margin-top: 2rem !important

  }

  .mt-md-3 {

    margin-top: 3rem !important

  }

  .mt-md-4 {

    margin-top: 4rem !important

  }

  .mt-md-5 {

    margin-top: 5rem !important

  }

  .mt-md-6 {

    margin-top: 6rem !important

  }

  .mt-md-7 {

    margin-top: 7rem !important

  }

  .mt-md-8 {

    margin-top: 8rem !important

  }

  .mt-md-9 {

    margin-top: 9rem !important

  }

  .mt-md-10 {

    margin-top: 10rem !important

  }

  .mb-md-1 {

    margin-bottom: 1rem !important

  }

  .mb-md-2 {

    margin-bottom: 2rem !important

  }

  .mb-md-3 {

    margin-bottom: 3rem !important

  }

  .mb-md-4 {

    margin-bottom: 4rem !important

  }

  .mb-md-5 {

    margin-bottom: 5rem !important

  }

  .mb-md-6 {

    margin-bottom: 6rem !important

  }

  .mb-md-7 {

    margin-bottom: 7rem !important

  }

  .mb-md-8 {

    margin-bottom: 8rem !important

  }

  .mb-md-9 {

    margin-bottom: 9rem !important

  }

  .mb-md-10 {

    margin-bottom: 10rem !important

  }

}



@media screen and (min-width: 992px) {

  .mt-lg-1 {

    margin-top: 1rem !important

  }

  .mt-lg-2 {

    margin-top: 2rem !important

  }

  .mt-lg-3 {

    margin-top: 3rem !important

  }

  .mt-lg-4 {

    margin-top: 4rem !important

  }

  .mt-lg-5 {

    margin-top: 5rem !important

  }

  .mt-lg-6 {

    margin-top: 6rem !important

  }

  .mt-lg-7 {

    margin-top: 7rem !important

  }

  .mt-lg-8 {

    margin-top: 8rem !important

  }

  .mt-lg-9 {

    margin-top: 9rem !important

  }

  .mt-lg-10 {

    margin-top: 10rem !important

  }

  .mb-lg-1 {

    margin-bottom: 1rem !important

  }

  .mb-lg-2 {

    margin-bottom: 2rem !important

  }

  .mb-lg-3 {

    margin-bottom: 3rem !important

  }

  .mb-lg-4 {

    margin-bottom: 4rem !important

  }

  .mb-lg-5 {

    margin-bottom: 5rem !important

  }

  .mb-lg-6 {

    margin-bottom: 6rem !important

  }

  .mb-lg-7 {

    margin-bottom: 7rem !important

  }

  .mb-lg-8 {

    margin-bottom: 8rem !important

  }

  .mb-lg-9 {

    margin-bottom: 9rem !important

  }

  .mb-lg-10 {

    margin-bottom: 10rem !important

  }

}



@media screen and (min-width: 1200px) {

  .mt-xl-1 {

    margin-top: 1rem !important

  }

  .mt-xl-2 {

    margin-top: 2rem !important

  }

  .mt-xl-3 {

    margin-top: 3rem !important

  }

  .mt-xl-4 {

    margin-top: 4rem !important

  }

  .mt-xl-5 {

    margin-top: 5rem !important

  }

  .mt-xl-6 {

    margin-top: 6rem !important

  }

  .mt-xl-7 {

    margin-top: 7rem !important

  }

  .mt-xl-8 {

    margin-top: 8rem !important

  }

  .mt-xl-9 {

    margin-top: 9rem !important

  }

  .mt-xl-10 {

    margin-top: 10rem !important

  }

  .mb-xl-1 {

    margin-bottom: 1rem !important

  }

  .mb-xl-2 {

    margin-bottom: 2rem !important

  }

  .mb-xl-3 {

    margin-bottom: 3rem !important

  }

  .mb-xl-4 {

    margin-bottom: 4rem !important

  }

  .mb-xl-5 {

    margin-bottom: 5rem !important

  }

  .mb-xl-6 {

    margin-bottom: 6rem !important

  }

  .mb-xl-7 {

    margin-bottom: 7rem !important

  }

  .mb-xl-8 {

    margin-bottom: 8rem !important

  }

  .mb-xl-9 {

    margin-bottom: 9rem !important

  }

  .mb-xl-10 {

    margin-bottom: 10rem !important

  }

}



@media screen and (min-width: 1600px) {

  .mt-xxl-1 {

    margin-top: 1rem !important

  }

  .mt-xxl-2 {

    margin-top: 2rem !important

  }

  .mt-xxl-3 {

    margin-top: 3rem !important

  }

  .mt-xxl-4 {

    margin-top: 4rem !important

  }

  .mt-xxl-5 {

    margin-top: 5rem !important

  }

  .mt-xxl-6 {

    margin-top: 6rem !important

  }

  .mt-xxl-7 {

    margin-top: 7rem !important

  }

  .mt-xxl-8 {

    margin-top: 8rem !important

  }

  .mt-xxl-9 {

    margin-top: 9rem !important

  }

  .mt-xxl-10 {

    margin-top: 10rem !important

  }

  .mb-xxl-1 {

    margin-bottom: 1rem !important

  }

  .mb-xxl-2 {

    margin-bottom: 2rem !important

  }

  .mb-xxl-3 {

    margin-bottom: 3rem !important

  }

  .mb-xxl-4 {

    margin-bottom: 4rem !important

  }

  .mb-xxl-5 {

    margin-bottom: 5rem !important

  }

  .mb-xxl-6 {

    margin-bottom: 6rem !important

  }

  .mb-xxl-7 {

    margin-bottom: 7rem !important

  }

  .mb-xxl-8 {

    margin-bottom: 8rem !important

  }

  .mb-xxl-9 {

    margin-bottom: 9rem !important

  }

  .mb-xxl-10 {

    margin-bottom: 10rem !important

  }

}





/*# sourceMappingURL=style.min.css.map */



.category-list {

  position: relative;

}

.category-list ul li {

  display: inline-block;

  width: 14%;

  text-align: center;

  text-transform: capitalize;

  margin-bottom: 4px;

  border: 1px solid #a5a4a4;

  padding: 8px 17px;

}

.category-list ul li img {

  width: 38px;

  margin: 5px auto 5px;

}

.category-list ul li p {

  margin-bottom: 5px;

}

.category-list ul li:hover {

  border: 1px solid #000;

}

.category-list ul li a:hover, .category-list ul li a:active {

  text-decoration: none;

}



@media (max-width: 767px) {

  .category-list ul li {

    width: 49%;

  }

}

@media (min-width: 767px) and (max-width: 991px){

  .category-list ul li {

    width: 19.6%;

  }

}

@media (min-width: 992px) and (max-width: 1199px){

  .category-list ul li {

    width: 19%;

  }

}



.slider-wrapper {

  position: relative;

  width: 100%;

}

.slide-content {

  height: 320px;

}

.slider-wrapper .text-block {

 padding: 150px 0 40px;

  text-align: center;

  color: #fff;

}

.slider-wrapper .text-block h2 {

  color: #fff;

  font-size: 50px;

}

@media screen and (min-width: 768px) {

  .slider-wrapper .slide-content{

    height: 400px;

  }

}



.slider-wrapper .owl-theme .owl-nav.disabled+.owl-dots {

  margin-top: 0;

  position: absolute;

  bottom: 20px;

  width: 100%;

}



.product-single-container .owl-carousel .owl-item img {

  width: 100%;

  height: 380px;

  object-fit: contain;

}

.prod-thumbnail img {

  width: 100%;

  height: 70px;

  object-fit: contain;

}



.product-single-image-wrap {

  width: 100%;

  height: 420px!important;

  object-fit: contain!important;

}





@media (max-width: 767px) {

    .header-left .header-menu {

        position: static;

        border: none; 

        background-color: transparent; 

        box-shadow: none;

        opacity: 1;

        visibility: visible;

    }

    .header-left .header-menu ul a {

       padding: 2px 0;

    }

}



.print-btn{

    border:none;

    background-color:transparent;

}

.product-default a {

		white-space: normal;

		width:100%;

		display: block;

		display: -webkit-box;

		-webkit-line-clamp: 1;

		-webkit-box-orient: vertical;

		overflow: hidden;

		text-overflow: ellipsis;

	}

.product-details h2{

	width:100% !important;

	margin-bottom:0px !important;

}

.product-default .product-details {

		display: block;

		text-align:center;

	}

	.product-default .product-action {

		width: 80%;

		margin:0px auto;

	}

	.product-default .btn-add-cart{

		display:block;

	}

	.product-single-qty {

		display: flex;

		display: -webkit-box;

        display: -moz-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        justify-content: center;

	}

	.product-single-qty .horizontal-quantity {

		text-align: center;

	}

	#add-to-cart2 br{

		display:none;

	}

	.product-details p{

		margin-bottom:0px;

	}
.header-top {
    display: none;
}
.sticky-wrapper{
  display: none !important;
}
.header.sticky-fixed {
  position: fixed;
  top: 0;
  left: 0;
  animation: smoothScroll 1s forwards;
  background: #fff;
  z-index: 999;
  width: 100%;
  margin: 0;
  box-shadow: 0 2px 4px -1px rgb(0 0 0 / 6%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 8%);
  border-bottom: #bdbdbd 2px solid;
  height:auto;
}
.wishlist-dropdown {
  display: none !important;
}

@media(max-width:767px){

	

	.product-details .product-title{

		width:auto !important;

	}

	.product-single-qty .horizontal-quantity {

        height: 43px;

        width: 50px;

    }

	

	

}