* {
  box-sizing: border-box;
}

:root {
	--theme-primary: #1F45FC;
	--theme-secondary: #000;
	--white: #fff;
	--theme-gray: #F0F5F7;
	--theme-silver: #C0C0C0;
  --body-family: "Inter", sans-serif;
  --heading-family: "Barlow", sans-serif;
  --archivo: "Archivo", sans-serif
}

body {
	color: #000;
	font-size: 18px;
	line-height: 1.4;
	font-family: var(--body-family);
	font-weight: 400;
	letter-spacing: 0px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased
}

@media  screen and (max-width: 767px) {
body {
	font-size: 16px;
}
}

.inter-font {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.barlow-thin {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.barlow-extralight {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-light {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.barlow-regular {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-medium {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-semibold {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-bold {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-extrabold {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.barlow-black {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.barlow-thin-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.barlow-extralight-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.barlow-light-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.barlow-regular-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.barlow-medium-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.barlow-semibold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.barlow-bold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.barlow-extrabold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.barlow-black-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'UAEDirham';
  src: url('../fonts/UAE-dirham.woff') format('woff'),
       url('../fonts/UAE-dirham.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.currency-dirham {
    font-family: 'UAEDirham', sans-serif;
    top: 1.5px;
    position: relative;
}

/* coman-css-style */


.container-theme {
    max-width: min(100vw, 1390px) !important;
}

.site-massage-content {
    max-width: min(100vw, 1390px);
    padding-right: calc(1.5rem * 0.5);
    padding-left: calc(1.5rem * 0.5);
    margin: 0 auto;
}

.clearfix-ul {
  clear: both;
  content: "";
  display: table;
}

.list-custom {
  margin: 0;
  padding: 0;
}

.list-custom li {
  list-style-type: none;
}


h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
font-weight: 700;
font-family: var(--heading-family);
color: var(--theme-secondary);
}

h1, .h1 {
font-size: 3.8rem;
}


h2, .h2 {
font-size: 3rem;
}


h3, .h3 {
    font-size: 1.7rem;
}


h4, .h4 {
font-size: 1.20rem;
}

h5, .h5 {
font-size: 1.3rem;
}

h6, .h6 {
font-size: 3rem;
}

@media  screen and (max-width: 1536px) {
  h1, .h1 {
      font-size: 3.4rem;
  }
}

@media  screen and (max-width: 1024px) {
  h1, .h1 {
      font-size: 2.9rem;
  }
}

@media screen and (max-width: 991.98px) { 
  h1, .h1 {
    font-size: 2.4rem;
}

h3, .h3 {
    font-size: 1.5rem;
}

}

@media screen and (max-width: 767px) { 
h1, .h1 {
    font-size: 1.8rem;
}

h3, .h3 {
    font-size: 1.3rem;
}

h5, .h5 {
    font-size: 1.1rem;
}

}

/* coman-title */

.home-offer-section .section-title-1 h2 {
   color: var(--white);
}

.section-title-1 {
  margin-bottom: 20px;
}

.section-title-1 h2 {
    font-size: 40px;
    margin-bottom: 0;
    text-transform: capitalize;
   
}

.section-title-1.white h2 span {
  color: var(--white);
}

.section-title-1 h2 span {
  color: var(--theme-primary);
}


@media screen and (max-width: 1366px) {
  .section-title-1 h2 {
      font-size: 36px;
  }
}

@media screen and (max-width: 991.98px) {
  .section-title-1 h2 {
      font-size: 32px;
  }
  .section-title-1.md-center {
   text-align: center;
}


}

@media screen and (max-width: 767px) {
.section-title-1 h2 {
    font-size: 24px;
}

.section-title-1 {
    margin-bottom: 10px;
}
.section-title-1.sm-center {
   text-align: center;
}


}



/* theme-button */
.button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: none;
  padding: 0;
  border-radius: 0px;
  position: relative;
  overflow: hidden
}

.button::after, .button::before {
  position: absolute;
  content: "";
  transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  border-radius: 0px;
}

.button span {
    position: relative;
    display: inline-block;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 14px;
    border: 1px solid transparent;
    transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    padding: 1px 18px;
    text-transform: uppercase;
    font-family: var(--heading-family);
    font-weight: 700;
}

.button span svg {
    width: 20px;
    margin-left: 5px;
     transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}

.button.input {
  border: 1px solid transparent;
  transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  padding: 10px 30px
}

.fix-width {
  min-width: 160px
}

.button-sm {
  font-size: 10px
}

.button-sm span {
  padding: 4px 18px
}

.button-md span {
  padding: 12px 24px;
  font-weight: 500;
}

.button-rounded {
  border-radius: 100px;
  -ms-border-radius: 100px;
  -webkit-border-radius: 100px
}

.button-rounded span {
  border-radius: 100px;
  -ms-border-radius: 100px;
  -webkit-border-radius: 100px
}

.button-block {
  width: 100%
}

.button-black-white {
  background-color: var(--white);
}

.button-black-white::before {
  background-color: var(--theme-secondary);
}

.button-black-white span {
    color: var(--white);
    position: relative;
    top: 1px;
}

.button-black-white:hover span {
  color: var(--theme-secondary);
}

.button-black-white span svg {
  fill: var(--theme-primary);
}

.button-black-white:hover span svg {
    fill: var(--theme-secondary);
}

.button-black-blue {
  background-color: var(--theme-primary);
}

.button-black-blue::before {
  background-color: var(--theme-secondary);
}

.button-black-blue span {
    color: var(--white);
    position: relative;
    top: 1px;
}

.button-black-blue:hover span {
  color: var(--white);
}

.button-black-blue span svg {
  fill: var(--white);
}

.button-black-blue:hover span svg {
    fill: var(--white);
}

.button-blue-black {
  background-color: var(--theme-secondary);
}

.button-blue-black::before {
  background-color: var(--theme-primary);
}

.button-blue-black span {
    color: var(--white);
    position: relative;
    top: 1px;
}

.button-blue-black:hover span {
  color: var(--white);
}

.button-blue-black span svg {
  fill: var(--white);
}

.button-blue-black:hover span svg {
    fill: var(--white);
}

.button-white-black {
  background-color: var(--theme-secondary);
}

.button-white-black::before {
  background-color: var(--white);
}

.button-white-black span {
    color: var(--theme-primary);
    position: relative;
    top: 1px;
}

.button-white-black:hover span {
  color: var(--white);
}

.button-white-black span svg {
  fill: var(--theme-primary);
}

.button-white-black:hover span svg {
    fill: var(--white);
}

.button-outline-white {
  border: 1px solid var(--white);
}

.button-outline-white:hover {
  background-color: var(--white);
}

.button-outline-white span {
  color: #fff
}

.button-outline-white:hover span {
  color: #000
}

.button-primary {
  background-color: #000
}

.button-primary::before {
  background-color: #0c0a49
}

.button-primary span {
  color: #fff
}

.button-primary:hover span {
  color: #fff
}

.button-secondary {
  background-color: #000
}

.button-secondary::before {
  background-color: #fbb03b
}

.button-secondary span {
  color: #000
}

.button-secondary:hover span {
  color: #fff
}

.button-white {
  background-color: #000
}

.button-white::before {
  background-color: #fff
}

.button-white span {
  color: #000
}

.button-white:hover span {
  color: #fff
}

.button-white-secondary {
  background-color: #fbb03b
}

.button-white-secondary::before {
  background-color: #fff
}

.button-white-secondary span {
  color: #000
}

.button-white-secondary:hover span {
  color: #000
}

.button-dark {
  background-color: #0c0a49
}

.button-dark::before {
  background-color: #000
}

.button-dark span {
  color: #fff
}

.button-dark:hover span {
  color: #fff
}

.filled-slide-up::before {
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%
}

.filled-slide-up:hover::before {
  height: 0%
}

.filled-slide-left::before {
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.filled-slide-left:hover::before {
  width: 0%
}

.filled-slide-right::before {
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%
}

.filled-slide-right:hover::before {
  width: 0%
}

.opacity::before {
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1
}

.opacity:hover::before {
  opacity: 0
}

@media  screen and (max-width: 767px) {
.button span {
    top: 0px;
}
.button span svg {
    width: 16px;
    height: auto;
}
.button span {
    font-size: 13px;
    padding: 3px 14px;
}
}

select {
  cursor: pointer;
}

/*//////// image-wrap /////////////////*/

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

.image-wrap {
  position: relative;
}

.image-wrap.aspect-16x9 {
  padding-bottom: 56.25%;
}

.image-wrap.aspect-9x16 {
  padding-bottom: 177.77778%;
}

.image-wrap.aspect-4x3 {
  padding-bottom: 75%;
}

.image-wrap.aspect-3x4 {
  padding-bottom: 133.33333%;
}

.image-wrap.aspect-3x2 {
  padding-bottom: 66.66667%;
}

.image-wrap.aspect-2x3 {
  padding-bottom: 150%;
}

.image-wrap.aspect-1x1 {
  padding-bottom: 100%;
}

.image-wrap img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-wrap.loader {
  background-image: url("../images/loader-style1.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
  background-color: #fff;
}

.image-wrap.loader.loader-sm {
  background-size: 25px;
}

.image-wrap.picture picture {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.image-wrap.picture img {
  position: relative;
}

.image-wrap.no-position img {
  position: relative;
  height: auto;
  width: auto;
}

.image-wrap.img-auto img {
  height: auto;
  width: auto;
  right: 0;
  left: 0;
  margin: auto;
  max-height: 100%;
}

/*////////////// button and links /////////////////*/

a {
  text-decoration: none;
  color: #000;
  transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out
}

a:hover, a:focus, a:visited, a.active {
  text-decoration: none;
  outline: none
}

a:hover {
  color: var(--theme-primary);
}

.center {
  text-align: center;
}

button, input[type=submit] {
  transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out
}

textarea, button, input, input[type=checkbox] {
  outline: none;
  box-shadow: none;
  -ms-box-shadow: none;
  -webkit-box-shadow: none
}

textarea:focus, button:focus, input:focus, input[type=checkbox]:focus {
  outline: none;
  box-shadow: none;
  -ms-box-shadow: none;
  -webkit-box-shadow: none
}

/*////////////// section-padding /////////////////*/
section, .section {
position: relative;
/* z-index: 1; */
}

.section-padding {
padding: 46px 0;
}

.section-padding-md {
padding: 30px 0;
}

.section-padding-sm {
padding: 20px 0;
}

@media screen and (max-width: 991.98px) { 
  .section-padding {
      padding: 32px 0;
  }
}

@media  screen and (max-width: 767px) { 
  .section-padding {
      padding: 22px 0;
  }
}

/* start-body-style */

.header .top_header {
    background-color: var(--theme-secondary);
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 34px;
}

.header .top_header .mail-link {
    color: var(--white);
    margin-left: 2.5rem;
    font-size: 0.875rem;
    position: relative;
    top: -1px;
}

.header .top_header .mail-link:hover {
  color: #e4dece;
}

.header .top_header .mail-link svg {
  margin-right: 0.4rem;
}

.header .top_header .top_header_right {
    display: flex;
    background-color: #29A71A;
    border-radius: 10px 0 0 10px;
    align-items: center;
}

.header .top_header .top_header_right .tollFree {
    font-size: 16px;
    color: var(--white);
    padding: 4px 9px;
    border-radius: 10px 0 0 10px;
    background-color: var(--theme-primary);
}

.header .top_header .top_header_right .tollFree .seprater {
    display: inline-block;
    color: #fff;
    border-right: 1px solid #fff;
    content: "";
    height: 14px;
    width: 1px;
    position: relative;
    top: 1px;
}

.header .top_header .top_header_right .tollFree svg {
    width: 22px;
    position: relative;
    top: -2px;
    margin-right: 2px;
}

.header .top_header .top_header_right .tollFree a {
    padding: 0px 5px;
    font-size: 16px;
    color: var(--white);
    position: relative;
    top: 1px;
}

.header .top_header .top_header_right .whatsapp-link {
    background-color: #29A71A;
    border-radius: 10px 0 0 10px;
    padding: 0px 7px 0px 10px;
}

.header .top_header .top_header_right .whatsapp-link svg {
    width: 18px;
    position: relative;
    top: -1px;
}

@media  screen and (max-width: 1280px) {
.header .top_header .mail-link {
  margin-left: 0.9rem;
}
}

@media  screen and (max-width: 767px) {
.header .top_header .mail-link {
    margin-left: 0.6rem;
    font-size: 12px;
}
.header .top_header .top_header_right .tollFree {
    padding: 4px 5px 4px 7px;
}
.header .top_header .top_header_right .whatsapp-link svg {
    width: 15px;
}
.header .top_header .top_header_right .tollFree svg {
    width: 18px;
}
.header .top_header .top_header_right .tollFree a {
    padding: 0px 0px;
}

.header .top_header .top_header_right .tollFree .seprater {
  display: none;
}


}










.faq-groups {
  display: none;
}

.catalog-category-view.page-layout-1column
  .category-product-actions
  .filter-toggle
  .icon {
  font-family: Pe-icon-7-stroke;
}

#paytabsexp-form .pull-right {
  width: 100%;
}

.modal-popup .modal-inner-wrap {
  max-width: calc(100% - 15px);
}


.brand_logo_wrapper {
  display: flex;
  justify-content: center;
}

img.img_brand_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.mc_cac_map .modal-inner-wrap {
  margin-left: auto !important;
  width: 1000px !important;
}

button#bh-sl-submit {
  font-size: 14px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  height: 40px;
  font-weight: 600;
  padding: 0 35px;
  line-height: 36px;
  text-transform: uppercase;
  color: #fff;
  border: 2px solid #1f45fc;
  background-color: #1f45fc;
}

button#bh-sl-submit:hover,
button#bh-sl-submit:focus {
  color: #fff;
  border: 2px solid #222;
  background-color: #222;
}

.datetimesubmit button {
  font-size: 14px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  height: 40px;
  font-weight: 600;
  padding: 0 35px;
  line-height: 36px;
  text-transform: uppercase;
  color: #fff;
  border: 2px solid #222;
  background-color: #222;
}

.datetimesubmit button:hover,
.datetimesubmit button:focus {
  color: #fff;
  border: 2px solid #1f45fc;
  background-color: #1f45fc;
}

#onestepcheckout-page .place-order .button {
  font-size: 14px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  height: 40px;
  font-weight: 600;
  padding: 0 35px;
  line-height: 36px;
  text-transform: uppercase;
  color: #fff;
  border: 2px solid #222;
  background-color: #222;
}

#onestepcheckout-page .place-order .button:hover,
#onestepcheckout-page .place-order .button:focus {
  color: #fff;
  border: 2px solid #1f45fc;
  background-color: #1f45fc;
}

.opc-wrapper .step-title,
.opc-block-summary > .title {
  color: #000;
  font-size: 18px;
  font-weight: 700;
}

#onestepcheckout-page #opc-sidebar .payment-option-title .action-toggle {
  color: #000;
  font-size: 14px;
}

#onestepcheckout-page .price,
#onestepcheckout-page .price-box .price {
  font-weight: 700;
}

.opc-block-summary .items-in-cart > .title {
  display: none;
}

#onestepcheckout-page .newsletter-subscribe label {
  font-size: 14px;
  margin-top: -4px;
}

#onestepcheckout-page .field-tooltip {
  display: none;
}

#onestepcheckout-page #opc-sidebar {
  background: none;
}

#onestepcheckout-page .form-login .hidden-fields > .field {
  width: calc(100%);
}

#onestepcheckout-page .form-login .hidden-fields .actions-toolbar {
  float: right;
  width: 100%;
}

#onestepcheckout-page .form-login .hidden-fields .actions-toolbar button.login {
  margin-right: 0px;
  font-size: 14px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  height: 40px;
  font-weight: 600;
  padding: 0 35px;
  line-height: 36px;
  text-transform: uppercase;
  color: #fff;
  border: 2px solid #222;
  background-color: #222;
}

#onestepcheckout-page
  .form-login
  .hidden-fields
  .actions-toolbar
  button.login:hover {
  color: #fff;
  border: 2px solid #1f45fc;
  background-color: #1f45fc;
}

#onestepcheckout-page .form-login .hidden-fields .actions-toolbar {
  float: right;
  width: 100%;
  margin-top: 15px;
}

#onestepcheckout-page .form-login .hidden-fields .actions-toolbar .primary {
  float: left;
  margin-right: 20px;
}

#onestepcheckout-page .form-login .hidden-fields .secondary {
  clear: unset;
}

.checkout-cart-index #shopping-cart-table thead tr th {
    color: #000;
    font-weight: 700;
    padding: 6px 30px 6px;
    font-size: 14px;
}

.checkout-cart-index #shopping-cart-table tbody tr td {
    padding: 0px 15px !important;
}

#onestepcheckout-page .order-comment {
  font-size: 14px;
}

#onestepcheckout-page .field-error span {
  color: #ff0000;
  font-size: 12px;
}

#onestepcheckout-page .checkout-billing-address {
  display: none;
}

#onestepcheckout-page *:focus {
  border-color: #ccc;
}

.multicheckout.success a,
.checkout-success a {
  color: #1f45fc;
  margin-right: 0px;
  font-size: 14px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  height: 40px;
  font-weight: 600;
  padding: 5px 35px;
  line-height: 36px;
  text-transform: uppercase;
  color: #fff;
  border: 2px solid #222;
  background-color: #222;
}

.multicheckout.success a:hover,
.checkout-success a:hover {
  color: #fff;
  border: 2px solid #1f45fc;
  background-color: #1f45fc;
  text-decoration: none;
}

.checkout-onepage-success #registration {
  text-align: center;
}

.checkout-onepage-success #registration a.action.primary {
  font-size: 14px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  height: 40px;
  font-weight: 600;
  padding: 0 35px;
  line-height: 36px;
  text-transform: uppercase;
  color: #fff;
  border: 2px solid #222;
  background-color: #222;
}

.checkout-onepage-success #registration a.action.primary:hover {
  color: #fff;
  border: 2px solid #1f45fc;
  background-color: #1f45fc;
}

.checkout-cart-index .price,
.checkout-cart-index .price-box .price {
  font-weight: 700;
}

.checkout-cart-index
  .shopping-cart-bottom
  .cart-totals
  .table.totals
  tbody
  tr.totals.sub
  td,
.checkout-cart-index
  .shopping-cart-bottom
  .cart-totals
  .table.totals
  tbody
  tr.totals.sub
  th {
  font-weight: 600;
  color: #222;
  padding: 0 15px 4px;
}

.checkout-cart-index
  .shopping-cart-bottom
  .cart-totals
  .table.totals
  tbody
  tr.grand.totals
  td, .checkout-cart-index
  .shopping-cart-bottom
  .cart-totals
  .table.totals
  tbody
  tr.grand.totals
  th {
    padding: 5px 15px 6px;
}

.checkout-cart-index
  .shopping-cart-bottom
  .cart-totals
  .table.totals
  tbody
  tr
  th {
  font-weight: 600;
}

.checkout-cart-index
  .shopping-cart-bottom
  .cart-totals
  .table.totals
  tbody
  tr.grand.totals
  strong {
  font-weight: 700;
  font-size: 16px;
}

#bh-sl-user-location .form-input {
    width: 100%;
}

input#bh-sl-address {
  background-position: center right 28px;
  height: 40px;
  padding: 0 15px;
  font-size: 15px;
  font-weight: 500;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 0 5px 21px -4px rgba(167, 167, 167, 0.5) !important;
}

.input-text.storePickupdatepicker {
  background-position: center right 28px;
  height: 40px;
  padding: 0 15px;
  font-size: 15px;
  font-weight: 500;
  width: 46%;
  float: left;
  margin-right: 10px;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 0 5px 21px -4px rgba(167, 167, 167, 0.5) !important;
}

.input-text.storePickuptimepicker {
  height: 40px !important;
  padding: 0 15px !important;
  font-size: 15px;
  font-weight: 500;
  width: 20%;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 0 5px 21px -4px rgba(167, 167, 167, 0.5) !important;
}

#onestepcheckout-page #welcome,
#onestepcheckout-page #payment,
#onestepcheckout-page #shipping,
#onestepcheckout-page #opc-shipping_method,
#onestepcheckout-page li.step,
#onestepcheckout-page #opc-summary {
  border-radius: 10px;
  box-shadow: 0 5px 21px -4px rgba(167, 167, 167, 0.5) !important;
  padding-top: 25px;
  margin: 25px 0 0 0;
}

#onestepcheckout-page #welcome::before,
#onestepcheckout-page #payment::before,
#onestepcheckout-page #shipping::before,
#onestepcheckout-page #opc-shipping_method::before,
#onestepcheckout-page li.step::before,
#onestepcheckout-page #opc-sidebar::before {
  border-radius: 6px;
}

#onestepcheckout-page #opc-sidebar {
  background: none;
  margin: 25px 0 0 0;
}

.payment-method-title .label img {
  vertical-align: middle;
}

#onestepcheckout-page input[type="radio"] {
  top: 2px;
}

#onestepcheckout-page .field .control select {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M362.7 203.9l-159.1 144c-6.125 5.469-15.31 5.469-21.44 0L21.29 203.9C14.73 197.1 14.2 187.9 20.1 181.3C26.38 174.4 36.5 174.5 42.73 180.1L192 314.5l149.3-134.4c6.594-5.877 16.69-5.361 22.62 1.188C369.8 187.9 369.3 197.1 362.7 203.9z"/></svg>') !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 12px !important;
}

.storelocator .filter-options-title {
  background: #1f45fc;
  width: 10%;
  color: white;
  height: 35px;
  padding: 5px;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
}

.loc-name {
  color: #1f45fc;
  font-weight: 700 !important;
}

.checkoutselectstore .list-content .loc-addr {
    font-weight: 600;
    font-size: 14px;
}

.pickup-date.datetimesubmit {
  padding-top: 25px;
}

.gm-style-iw .loc-details {
  float: left;
  padding: 0px;
  width: 100%;
}

.bh-sl-loc-list ul.list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
}

.bh-sl-loc-list ul.list li {
    width: 100%;
    border: 1px solid #ccc;
    cursor: pointer;
    transition: 0.4s;
    padding: 15px;
    min-height: auto;
    border-radius: 10px;
    box-shadow: 0 5px 21px -4px rgba(167, 167, 167, 0.5);
}

@media screen and (max-width: 991.98px) { 
.bh-sl-loc-list ul.list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.7rem;
}
}

.pickup-time {
  margin-top: -29px;
  margin-bottom: 10px;
  float: left;
  margin-right: 10px;
}

.pickup-time .label {
  clear: both;
  width: 100%;
  vertical-align: sub;
}

.pickup-time .control select {
  width: 100%;
}

ul#city-filters-container {
  width: 15%;
}

#onestepcheckout-page .shipping-address-same-as-billing-block.field.choice {
  display: none;
}

#onestepcheckout-page .field .control input[type="text"],
#onestepcheckout-page .field .control input[type="email"],
#onestepcheckout-page .field .control input[type="number"],
#onestepcheckout-page .field .control select,
#onestepcheckout-page .checkout-payment-method .ccard .month .select,
#onestepcheckout-page .checkout-payment-method .ccard .year .select {
  width: 100%;
  border-width: 0 0 1px 0px;
  background: transparent;
  padding: 0;
  background: #fff;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  font-size: 13px;
  height: 40px;
  line-height: 36px;
  padding: 0 10px;
  vertical-align: baseline;
  width: 100%;
  color: #000000;
  box-shadow: none !important;
}

#onestepcheckout-page .control._with-tooltip {
  position: relative;
  padding-right: 0px;
}

#onestepcheckout-page .checkout-shipping-method {
  margin-top: 0px;
}

div#checkout-shipping-method-load {
  display: none;
}

.checkout-cart-index img.product-image-photo {
    height: 54px;
    position: relative;
    top: 0px;
    object-fit: contain;
}

.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details {
    padding-top: 0 !important;
}

.list-label {
  display: none;
}

.cms-faq strong {
  font-weight: 700;
  color: #212121;
  text-transform: uppercase;
}

.select2-container .select2-selection--single {
  height: 40px;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #ccc;
  border-radius: 0;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #000;
  line-height: 40px;
  font-size: 13px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 40px;
}

.select2-results__option {
  font-size: 13px;
  padding: 2px 6px;
  cursor: pointer;
}



article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 25px;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.page-layout-1column .category-product-actions .filter-toggle .title:before {
  color: #fff;
  font-size: 35px;
  line-height: 35px;
  background: #1f45fc;
}

.bh-sl-container .bh-sl-map {
  height: 400px;
}



@media (min-width: 1281px) {
  .container-custom {
    padding: 0 10%;
    width: 100%;
  }
}

.pr-0 {
  padding-right: 0;
}

.pl-0 {
  padding-left: 0;
}





.header.header2 {
  background-color: transparent;
  border: none;
}

header .main-menu {
  background-color: #FFFFFFE5;
}

header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
}


@media (min-width: 992px) {
  header .bottom_header {
    position: absolute;
    left: 0;
    top: 34px;
    right: 0;
    z-index: 99;
}
}

header .logo {
  display: inline-flex;
  position: relative;
  top: 3px;
}
header .logo img {
    width: 236px;
    height: auto;
}

.header .nav.nav-main-menu > li {
    padding: 0 8px;
}


.header .nav.nav-main-menu > li > a,
.header .nav.nav-main-menu > li > span.dropdown-toggle {
  color: #010101;
  text-transform: uppercase;
  transition: all 0.3s ease;
  font-weight: 700 !important;
  padding: 20px 5px;
}

.header .nav.nav-main-menu > li > a:hover,
.header .nav.nav-main-menu > li > a:focus {
  color: #1f45fc;
}

.header .nav {
  display: inline-flex;
  align-items: center;
}

.header .nav.nav-main-menu {
  width: 100%;
  display: flex;
  justify-content: space-around;
}

.header .nav.nav-main-menu > li > a {
  display: inline-flex;
  align-items: center;
}

.header .nav.nav-main-menu > li > a .la-angle-down {
  font-size: 12px;
  margin-left: 4px;
  transition: transform 0.3s ease;
}

.header .nav.nav-main-menu > li:hover > a .la-angle-down {
  transform: rotate(180deg);
}

header .bottom_header .header-right ul {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    justify-content: end;
    margin: 0;
    padding: 0;
    margin-right: 14px;
}


header .cartBox {
  cursor: pointer;
  position: relative;
}

header .cartBox .count {
    width: 22px;
    height: 22px;
    background: var(--theme-primary);
    color: #fff;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    border: #e4dece solid 2px;
    position: absolute;
    margin-left: -8px;
    margin-top: -8px;
}

header .cartBox label {
  font-size: 16px;
  text-transform: uppercase;
  margin-left: 15px;
  font-weight: 600;
  color: #212529;
  margin-top: -15px;
}

header .cartBox label b {
  font-weight: 900;
  display: block;
  font-size: 16px;
  color: inherit;
}

header .mobileMenu {
  display: none;
}

.social_box {
  width: 46px;
  height: 240px;
  position: fixed;
  right: 0;
  z-index: 12;
  display: inline-flex;
  flex-wrap: wrap;
  bottom: 170px;
}

.social_box a {
  width: 46px;
  height: 60px;
  background: #1f45fc;
  display: inline-flex;
  margin-bottom: 2px;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  text-decoration: none;
  font-size: 32px;
  transition: all 0.3s ease;
}

.social_box a:hover {
  background: #e4dece;
  color: #010101;
}

.searchSec {
  background: #1f45fc;
  width: 100%;
  display: flex;
}

.cms-index-index .searchSec {
  position: fixed;
  bottom: 0;
  z-index: 10;
}

.sticky {
  position: fixed;
  top: 0;
  bottom: unset !important;
  z-index: 13;
}

.searchSec .nav-tabs {
   width: 610px;
  border: none;
  display: inline-flex;
  background: #e4dece;
  padding: 0;
  align-items: center;
      justify-content: end;
}

.searchSec .nav-tabs .nav-link:focus,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
  background: none;
  border: none;
}

.searchSec .nav-tabs .nav-item {
  margin: 0;
  width: 45%;
  text-align: center;
  position: relative;
}

.searchSec .nav-tabs .nav-link {
  border: none;
  border-radius: 0;
  background: none;
  color: #010101;
  font-size: 0.9vw;
  line-height: 1.5em;
  text-transform: uppercase;
  padding: 0;
  color: #000;
  padding-top: 5px;
  padding-bottom: 0;
  transition: all 0.3s ease;
  font-weight: 800;
}

.searchSec .nav-tabs .nav-link.active {
  color: #1f45fc;
}

.searchSec .nav-tabs .nav-item:nth-child(1) .nav-link:after {
  content: "";
  width: 49px;
  height: 20px;
  right: -24px;
  border-radius: 20px;
  background: #1f45fc;
  display: inline-flex;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.searchSec .nav-tabs .nav-item:nth-child(1):before {
  content: "";
  width: 30px;
  height: 30px;
  right: 0;
  top: 0;
  bottom: 0;
  background: #ffffff;
  border-radius: 100%;
  position: absolute;
  margin: auto;
  box-shadow: -1.286px 1.532px 9px 1px rgba(0, 0, 0, 0.34);
  z-index: 1;
  transition: all 0.3s ease;
}

@media screen and (max-width: 1140px) {
.header .nav.nav-main-menu > li {
    padding: 0 2px;
}
.header .nav.nav-main-menu > li > a {
   font-size: 13px;
}
}

@media screen and (max-width: 1390px) {
    #mainMenu > li:last-child {
        display: none;
    }
}

@media screen and (max-width: 1326px) {
    #mainMenu > li:nth-last-child(2) {
        display: none;
    }
}

@media screen and (max-width: 1280px) {
header .logo img {
    width: 180px;
}
}

@media screen and (max-width: 1280px) {
  header .bottom_header .header-right ul {
    gap: 1rem;
  }
  header .logo img {
    width: 180px;
}

.header .nav.nav-main-menu > li > a, .header .nav.nav-main-menu > li > span.dropdown-toggle {
    padding: 16px 5px;
}

}

@media screen and (max-width: 1024px) {
  #mainMenu > li:last-child ,
  #mainMenu > li:nth-last-child(2) {
        display: block;
    }

}



@media screen and (max-width: 991px) {
header .bottom_header .header-right ul {
    margin-right: 0;
}
}

@media screen and (max-width: 767px) {
header .bottom_header .header-right ul {
    gap: 0.8rem;
}

header .logo img {
    width: 154px;
    min-width: 154px;
}

}

/*.searchSec .nav-tabs .nav-item:nth-child(1).active:before {right: -30px;}*/
.searchSec .nav-tabs .nav-item:nth-child(1).size:before {
  right: 0px;
}

.searchSec .nav-tabs .nav-item:nth-child(1).vehicle:before {
  right: -30px;
}

.searchSec .nav-tabs .nav-item:nth-child(1) .nav-link {
  padding-right: 40px;
  padding-left: 15px;
}

.searchSec .nav-tabs .nav-item:nth-child(2) .nav-link {
  padding-left: 40px;
  padding-right: 15px;
}

.searchSec .tab-content {
  width: calc(100% - 535px);
  display: inline-flex;
}

.searchSec .tab-content .tab-pane,
.searchSec .tab-content .tab-pane form {
  width: 100%;
}

.searchSec .tab-content .tab-pane form {
  display: flex;
  width: 100%;
  padding: 20px;
}

.searchSec .tab-content .tab-pane .form-group {
  margin-bottom: 0;
  width: calc(33% - 82px);
  margin-right: 20px;
}

.searchSec .tab-content .tab-pane .form-control {
  display: flex;
  align-items: center;
  border: rgba(265, 265, 265, 0.5) solid 1px;
  background: url("/../media/images/white-arrow.svg") no-repeat;
  background-position: center right 28px;
  border-radius: 0;
  height: 60px;
  padding: 0 30px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
}

.searchSec .tab-content .tab-pane .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #ffffff;
}

.searchSec .tab-content .tab-pane .btn-success {
  border-radius: 0;
  width: 187px;
  background: #e4dece url("/../media/images/black-arrow.svg") no-repeat;
  background-position: center right 39px;
  color: #000000;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 800;
  border: none;
  padding-right: 57px;
  height: auto;
}

.searchSec .tab-content .tab-pane .btn-success:hover,
.searchSec .tab-content .tab-pane .btn-success:focus {
  background: #ffffff url("/../media/images/black-arrow.svg") no-repeat;
  background-position: center right 39px;
  outline: none;
  box-shadow: none;
}

.searchSec .tab-content .tab-pane .form-control::placeholder {
  color: #ffffff;
  font-weight: 500;
  opacity: 1;
}

.searchSec .tab-content .tab-pane .form-control:-ms-input-placeholder {
  color: #ffffff;
  font-weight: 500;
  opacity: 1;
}

.searchSec .tab-content .tab-pane .form-control::-ms-input-placeholder {
  color: #ffffff;
  font-weight: 500;
  opacity: 1;
}


.subTitle {
  font-weight: 500;
  color: #323232;
  display: inline-flex;
  letter-spacing: 1.3px;
  margin-top: 8px;
}

.conventSec {
  padding: 98px 0 115px 0;
  position: relative;
}

.conventSec .tyre_process {
  position: relative;
  padding-top: 60px;
  margin-top: 50px;
}

.conventSec .mapLine {
  position: absolute;
  width: 90vw;
  max-width: 100%;
  left: 0;
  right: 0;
  margin: auto;
  height: 167px;
  top: 0;
  bottom: 0;
}

.conventSec ul {
  max-width: calc(100% - 30px);
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  position: relative;
}

.conventSec ul li {
  margin: 0 50px;
}

.conventSec ul li figure {
  border-radius: 100%;
  padding: 9px;
  background: url(/../media/images/border-pattern.svg) no-repeat;
  background-position: center;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.conventSec ul li figure img {
  border-radius: 100%;
}

.conventSec ul li label {
  font-size: 20px;
  color: #000;
  font-weight: 800;
  margin-top: 40px;
}

.conventSec ul li.process-1 {
  margin-top: 30px;
}

.conventSec ul li.process-2 {
  margin-top: -50px;
}

.conventSec ul li.process-3 {
  margin-top: -50px;
}

.conventSec ul li.process-4 {
  margin-top: -10px;
}

.conventSec ul li.process-1 figure img {
  width: 10vw;
}

.conventSec ul li.process-2 figure img {
  width: 10vw;
}

.conventSec ul li.process-3 figure img {
  width: 13vw;
}

.conventSec ul li.process-4 figure img {
  width: 10vw;
}

.bestServiceSec {
  background: url("/../media/images/bg-1.jpg") no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  padding: 10vh 0;
}

.service_slider .item {
  display: flex;
  flex-wrap: wrap;
}

.service_slider .item .service_list_1 {
  width: 25%;
  padding-right: 30px;
}

.service_slider .item .service_list_1 h2 {
  font-size: 100px;
  line-height: 93px !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  text-align: right;
  margin-top: -10px;
}

.service_slider .item .service_list_1 p {
  font-size: 18px;
  line-height: 27px;
  color: #000000;
  font-weight: 500;
  text-align: right;
  margin-top: 15px;
}

.service_slider .item .service_list_1 h2 b,
.service_slider .item .service_list_1 h2 strong {
  color: #1f45fc;
}

/*.service_slider .item .service_list_2{width: 42%}*/
.service_slider .item .service_list_3 {
  width: 33%;
  background: #ffffff;
  padding: 70px 60px 30px;
}

.service_slider .item .service_list_3 h3 {
  font-size: 36px;
  color: #000;
  line-height: 40px !important;
  text-transform: uppercase;
  font-weight: 700 !important;
  letter-spacing: 1px;
  margin-bottom: 15px;
}

.service_slider .item .service_list_3 p {
  color: #666666;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}

.service_slider .owl-dots,
.promotion_slider .owl-dots {
  width: 30px;
  position: absolute;
  right: 0px;
  top: 0;
  bottom: 0;
  margin: auto !important;
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.service_slider .owl-dots .owl-dot,
.promotion_slider .owl-dots .owl-dot {
  margin: 15px;
}

.service_slider .owl-dots .owl-dot:focus,
.promotion_slider .owl-dots .owl-dot:focus {
  border: none;
  outline: none;
}

.service_slider .owl-dots .owl-dot span,
.promotion_slider .owl-dots .owl-dot span {
  width: 13px;
  height: 13px;
  margin: 0;
  transition: all 0.3s ease;
  background: #8a8a8a;
}

.service_slider .owl-dots .owl-dot:hover span,
.promotion_slider .owl-dots .owl-dot:hover span {
  background: #1f45fc;
}

.service_slider .owl-dots .owl-dot.active span,
.promotion_slider .owl-dots .owl-dot.active span {
  background: #1f45fc;
  position: relative;
  transform: scale(0.8, 0.8);
}

.service_slider .owl-dots .owl-dot.active span:before,
.promotion_slider .owl-dots .owl-dot.active span:before {
  content: "";
  width: 31px;
  height: 31px;
  border: #1f45fc solid 1px;
  border-radius: 100%;
  position: absolute;
  left: -9px;
  right: 0;
  top: -1px;
  bottom: 0;
  margin: auto;
}

.carService {
  padding: 50px 0;
}


.carService .owl-carousel {
  display: block;
  opacity: 0;
}

.carService .owl-carousel.owl-loaded {
  opacity: 1;
  display: block;
}

.carService .carBox {
    background: #e4dece;
    border-radius: 1rem;
    overflow: hidden;
}

.carService .carBox .image-wrap.aspect-custom {
  padding-bottom: 98%;
}

.carService .carBox figure {
  position: relative;
}

.carService .carBox img {
  width: 100%;
}

.carService .carBox img.round-angle-img {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

.carService .carBox label {
  color: #000;
  font-size: 18px;
  font-weight: 800;
  padding: 5px 15px 25px;
}

.owl-car_service_slider .owl-dots {
  display: flex;
  justify-content: center;
}

.car_service_slider .owl-dots .owl-dot {
  margin: 15px 5px;
  display: inline-flex;
}

.car_service_slider .owl-dots .owl-dot:focus {
  border: none;
  outline: none;
}

.car_service_slider .owl-dots .owl-dot span {
  width: 13px;
  height: 13px;
  margin: 0;
  transition: all 0.3s ease;
  background: #8a8a8a;
}

.car_service_slider .owl-dots .owl-dot:hover span {
  background: #1f45fc;
}

.car_service_slider .owl-dots .owl-dot.active span {
  background: #1f45fc;
  position: relative;
  transform: scale(0.8, 0.8);
}

.car_service_slider .owl-dots .owl-dot.active span:before {
  content: "";
  width: 31px;
  height: 31px;
  border-radius: 100%;
  position: absolute;
  left: -9px;
  right: 0;
  top: -1px;
  bottom: 0;
  margin: auto;
}

.tyre_banner {
  width: 100%;
  background: url("/../media/images/background-2.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 70vh;
  padding: 80px 0;
  position: relative;
}

.tyre_banner h2 {
  color: #ffffff;
  text-align: right;
  font-size: 100px;
  line-height: 93px !important;
  font-weight: 900 !important;
}

.tyre_banner p {
  font-size: 18px;
  line-height: 27px !important;
  color: #fff;
  font-weight: 500;
  text-align: right;
  width: 400px;
  max-width: 100%;
  margin: 25px 0 0 auto;
  background: radial-gradient(black, transparent);
  padding: 5px;
}

.tyre_banner .half_tyre {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  display: none;
}

.promotionsec {
  width: 100%;
  padding: 7vh 0;
}

.promotion_slider {
  margin-top: 50px;
}

.promotion_slider .item {
  background-position: center !important;
  background-size: cover !important;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.promotion_slider .owl-item .item a {
  margin: 0 0 0 auto;
}

.promotion_slider .owl-item .item img {
  width: 100%;
  margin: 0 auto;
  transition: all 0.3s ease;
}

.promotion_slider .owl-item .item a img {
  filter: grayscale(1);
}

.blogSec {
  width: 100%;
  padding: 7vh 0;
}

.blogSec h4 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 800;
  color: inherit;
}

.blogSec .blog_detailBox {
  background: #f0f0f0;
  margin-top: 50px;
}

.blogSec .blog_detailBox h4 {
  color: #000000;
}

.blogSec .blog_detailBox figure img {
  width: 100%;
}

.blogSec .blog_detailBox article {
  padding: 20px 25px;
}

.blogSec .blog_detailBox .blog_option {
  margin: 20px 0;
  width: 100%;
}

.blogSec .blog_detailBox .blog_option label {
  font-size: 14px;
  color: #444444;
  font-weight: 500;
  margin-right: 25px;
  display: inline-flex;
  align-items: center;
  padding-left: 24px;
  position: relative;
}

.blogSec .blog_detailBox .blog_option i,
.blogSec .blog_detailBox .blog_option .la {
  color: #1e44f7;
  font-size: 20px;
  position: absolute;
  left: 0;
}

.blogSec .blog_detailBox p {
  font-size: 15px;
  line-height: 24px;
  color: #444444;
  font-weight: 400;
}

.blogSec .blog_sub_detail {
  position: relative;
  text-align: center;
  margin-top: 20px;
  width: 100%;
}

.blogSec .blog_sub_detail:nth-child(1) {
  margin-top: 50px;
}

.blogSec .blog_sub_detail .blogInsider {
  width: 100%;
  padding: 10px 15px 0px;
}

.blogSec .blog_sub_detail .blogInsider a {
  color: #ffffff;
}

.blogSec .blog_sub_detail article {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: flex-end;
  align-self: flex-end;
  flex-wrap: wrap;
  color: #ffffff;
}

.blogSec .blog_sub_detail figure img {
  width: 100%;
}

.blogSec .blog_sub_detail .blog_option {
  margin: 20px 0;
  width: 100%;
}

.blogSec .blog_sub_detail .blog_option label {
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-flex;
  align-items: center;
  padding-left: 24px;
  position: relative;
}

.blogSec .blog_sub_detail .blog_option i,
.blogSec .blog_sub_detail .blog_option .la {
  color: #ffffff;
  font-size: 20px;
  position: absolute;
  left: 0;
}

.otherInfo {
  background: #373736;
  width: 100%;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
}

.otherInfo .otherInfoBox {
  width: 25%;
  padding: 30px 50px;
  border-bottom: rgba(265, 265, 265, 0.1) solid 1px;
}

.otherInfo .otherInfoBox + .otherInfoBox {
  border-left: rgba(265, 265, 265, 0.1) solid 1px;
}

.otherInfo i {
  color: #e4dece;
  font-size: 50px;
  font-weight: 400;
  line-height: 40px;
  float: left;
}

.otherInfo h4 {
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 10px auto;
  letter-spacing: 0.5px;
  color: inherit;
  float: left;
  margin-left: 20px;
}

.otherInfo p {
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  color: rgba(265, 265, 265, 0.3);
}

.testimonial {
  background: url("/../media/images/bg-3-new.webp") no-repeat;
  background-position: center;
  background-size: cover;
  padding: 50px 0;
  background-attachment: fixed;
}

.testimonial h2 {
  width: 430px;
  color: #ffffff;
  font-size: 70px;
  line-height: 70px !important;
  text-align: right;
  padding-right: 60px;
}

.testimonial h2 span,
.testimonial h2 strong {
  color: #e4dece;
  font-family: inherit;
}

.testimonial .testimonial_slider {
  width: calc(100% - 430px);
}

.testimonial_slider blockquote {
  width: calc(100% - 30px);
  background: url("/../media/images/quote-icon.svg") no-repeat;
  background-position: left 30px top 30px;
  border: 1px #fff dashed;
  padding: 26px 60px 26px 95px;
  border-radius: 10px;
  font-weight: 600;
  font-style: italic;
  font-size: 20px;
  line-height: 35px;
  color: #ffffff;
  margin-top: 5px;
}

.testimonial_slider blockquote:after {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  right: 3px;
  top: 30px;
}

.testimonial_slider p {
  color: #ffffff;
  font-size: 16px;
  line-height: 28px;
  margin: 40px 0 25px;
}

.testimonial_slider .clientInfo {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  padding-left: 108px;
  min-height: 80px;
}

.testimonial_slider .clientInfo:before {
  content:
          /*'-'*/ none;
  position: absolute;
  left: 80px;
  top: 5px;
  font-size: 22px;
  color: #ffffff;
}

.testimonial_slider .clientInfo img {
  width: 58px;
  height: 58px;
  border-radius: 100%;
  position: absolute;
  left: 0;
}

.testimonial_slider .clientInfo .name {
  color: #ffffff;
  display: inline-flex;
  flex-wrap: wrap;
  line-height: 20px;
  width: 325px;
  font-size: 16px;
  font-weight: 400;
}

.testimonial_slider .clientInfo .position {
  color: #ffffff;
  display: flex;
  width: 100%;
  margin-top: 2px;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
}

.testimonial_slider .clientInfo i {
  color: #ffffff;
  width: 40px;
  height: 40px;
  font-size: 22px;
  border: #fff solid 2px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.testimonial_slider .owl-item img {
  width: auto;
}

.testimonial_slider .owl-thumbs {
  width: 30px;
  position: absolute;
  right: -60px;
  top: -10px;
  margin: auto !important;
  height: 390px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.testimonial_slider .owl-thumbs .owl-thumb-item {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  border-radius: 100%;
  background: #1e44f7;
  border: none;
  padding: 0;
  margin: 10px 0;
  transition: all 0.3s ease;
}

.testimonial_slider .owl-thumbs .owl-thumb-item img {
  border-radius: 100%;
  width: 60px;
  height: 60px;
  transition: all 0.3s ease;
}

.testimonial_slider .owl-thumbs .owl-thumb-item:focus {
  outline: none;
}

.testimonial_slider .owl-thumbs .owl-thumb-item.active {
  border: #e4dece solid 3px;
  padding: 3px;
}

.testimonial_slider .owl-thumbs .owl-thumb-item.active img {
  transform: scale(0.8);
}

.testimonial_slider .owl-thumbs .owl-thumb-item.active {
}

.testimonial_slider .owl-thumbs {
  margin: 15px;
}

.testimonial_slider .owl-thumbs:focus {
  border: none;
  outline: none;
}

.product-info-main .product-add-form .actions button {
  background-color: #000;
  border: 1px solid #fff;
  color: #fff;
}

.checkout-cart-index .checkout-extra > .block > .title strong {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 20px;
}

.checkout-cart-index .checkout-extra > .block:first-child > .title {
  border-top: 1px solid #efefef;
  text-align: center;
}

span.reartyrelink {
  cursor: pointer;
}

.modal-popup .action-close:before {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1700px) {
  .service_slider .owl-dots,
  .promotion_slider .owl-dots {
    right: -100px;
  }

}

@media (max-width: 1600px) {

  .social_box {
    height: 177px;
    bottom: 160px;
  }

  .social_box a {
    width: 45px;
    height: 45px;
  }

  .searchSec .tab-content .tab-pane .form-control {
    height: 45px;
  }

  .searchSec .tab-content .tab-pane form {
    padding: 15px;
  }

  .searchSec .nav-tabs .nav-link {
    font-size: 1vw;
  }

  .conventSec {
    padding: 40px 0 40px 0;
  }

  .blogSec .blog_detailBox {
    background: #f0f0f0;
    margin-top: 20px;
  }

  .blogSec .blog_sub_detail:nth-child(1) {
    margin-top: 20px;
  }
}


@media (max-width: 1440px) {
  .service_slider .owl-dots,
  .promotion_slider .owl-dots {
    right: -40px;
  }

  .conventSec ul li {
    margin: 0 30px;
  }

  .service_slider .item .service_list_1 h2 {
    font-size: 90px !important;
    line-height: 83px !important;
  }




}

@media (max-width: 1280px) {
  span.counter.price .price {
    font-size: 0.9vw;
  }

  .searchSec .nav-tabs .nav-link {
    font-size: 1.2vw;
  }

  .searchSec .nav-tabs {
    width: 435px;
  }

  .searchSec .tab-content {
    width: calc(100% - 435px);
  }

  .service_slider {
    width: calc(100% - 50px);
  }

  .service_slider .owl-dots {
    right: -50px;
  }

  .promotion_slider .owl-dots {
    right: -40px;
  }

  .service_slider .item .service_list_1 h2 {
    font-size: 70px !important;
    line-height: 63px !important;
  }

  .service_slider .item .service_list_1 {
    width: 22%;
  }

  .service_slider .item .service_list_2 {
    width: 45%;
  }

  .service_slider .item .service_list_3 {
    background: #ffffff;
    padding: 50px 50px 30px;
  }

  .promotion_slider {
    width: calc(100% - 40px);
  }

  .testimonial h2 {
    font-size: 50px;
    line-height: 73px;
    width: 300px;
    padding-right: 30px;
  }

  .testimonial .testimonial_slider {
    width: calc(100% - 400px);
  }

  .tyre_banner h2 {
    font-size: 90px;
    line-height: 83px;
  }

  .container-custom {
    padding: 0 15px;
    width: 100%;
  }

}



@media (max-width: 1366px) {
  .service_slider .item .service_list_3 {
    width: 30%;
    padding: 40px 40px 40px;
  }

  .social_box {
    bottom: 110px;
  }

}

@media (max-width: 1199px) {
  .container-custom {
    max-width: 100%;
  }

  .searchSec .nav-tabs {
    width: 370px;
  }

  .searchSec .tab-content {
    width: calc(100% - 370px);
  }

  .searchSec .nav-tabs .nav-item:nth-child(1):before {
    width: 24px;
    height: 24px;
  }

  .searchSec .nav-tabs .nav-item:nth-child(1) .nav-link:after {
    width: 30px;
    height: 16px;
    right: -15px;
  }

  .searchSec .tab-content .tab-pane .form-control {
    background-position: center right 10px;
    padding: 0 15px;
    font-size: 14px;
    background-size: 20px;
  }

  .searchSec .tab-content .tab-pane .btn-success {
    width: 150px;
    background-position: center right 20px;
    padding-right: 47px;
    font-size: 14px;
    background-size: 20px;
  }

  .searchSec .tab-content .tab-pane .form-group {
    width: calc(33% - 50px);
  }

  .conventSec ul li {
    margin: 0 20px;
  }

  .conventSec ul li.process-1 figure img {
    width: 150px;
  }

  .conventSec ul li.process-2 figure img {
    width: 160px;
  }

  .conventSec ul li.process-3 figure img {
    width: 220px;
  }

  .conventSec ul li.process-4 figure img {
    width: 165px;
  }

  .service_slider .item .service_list_3 {
    padding: 40px 40px 20px;
  }

  .service_slider .item .service_list_1 p {
    font-size: 16px;
    line-height: 25px;
  }

  .service_slider .item .service_list_3 h3 {
    margin-bottom: 10px;
  }

  .service_slider .item .service_list_1 {
    padding-right: 15px;
  }

  .tyre_banner {
    min-height: 500px;
  }

}

@media (max-width: 1024px) {
  .searchSec .nav-tabs .nav-item {
    width: 42%;
}

  header .cartBox label {
    font-size: 13px;
    line-height: 1.5em;
  }

  header .cartBox label b {
    font-size: 14px;
  }

  .searchSec .tab-content .tab-pane .form-control {
    height: 40px;
  }

  .service_slider .item .service_list_1 h2 {
    font-size: 60px;
    line-height: 53px;
  }

  .service_slider .item .service_list_3 {
    padding: 30px 30px 20px;
  }

  .testimonial h2 {
    font-size: 45px;
    line-height: 63px;
    width: 270px;
  }

  .testimonial .testimonial_slider {
    width: calc(100% - 370px);
  }

  .testimonial .testimonial_slider .item blockquote{
    margin: auto;
  }

  .social_box a {
    width: 50px;
    height: 50px;
    font-size: 28px;
  }

  .social_box {
    width: 50px;
    height: 205px;
  }

  .conventSec {
    padding: 70px 0 80px 0;
  }

  .tyre_banner {
    min-height: 450px;
  }

  .tyre_banner h2 {
    font-size: 80px;
    line-height: 73px !important;
  }

  .carService .carBox img.round-angle-img {
    bottom: -1px;
  }

}

@media (max-width: 991px) {

  body
    .header:not(.header6):not(.header7)
    .navigation
    .nav-main-menu
    li
    .icon
    svg {
    height: 18px !important;
  }

  span.counter.price .price {
    font-size: 9px;
  }

  .searchSec .nav-tabs {
    width: 100%;
    padding: 15px 0;
    justify-content: center;
  }

  .searchSec .nav-tabs .nav-item {
    width: 250px;
    max-width: 100%;
  }

.searchSec .tab-content {
    width: 83%;
    margin-left: auto;
    margin-right: auto;
}

  .searchSec {
    flex-wrap: wrap;
  }

  .conventSec ul li {
    margin: 0 10px;
  }

  .conventSec ul li.process-1 figure img {
    width: 120px;
  }

  .conventSec ul li.process-2 figure img {
    width: 130px;
  }

  .conventSec ul li.process-3 figure img {
    width: 180px;
  }

  .conventSec ul li.process-4 figure img {
    width: 135px;
  }

  .conventSec ul li figure {
    padding: 7px;
  }

  .service_slider .item .service_list_1 {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }

  .service_slider .item .service_list_1 h2,
  .service_slider .item .service_list_1 p {
    text-align: center;
  }

  .service_slider .item .service_list_1 p {
    margin-top: 10px;
  }

  .service_slider .item .service_list_2,
  .service_slider .item .service_list_3 {
    width: 50%;
  }

  .testimonial h2,
  .testimonial .testimonial_slider {
    width: 100%;
    padding-right: 0;
    text-align: center;
    margin-bottom: 30px;
    font-size: 60px;
    line-height: 1em;
  }

  .testimonial h2 br {
    display: none;
  }

  .otherInfo .otherInfoBox {
    width: 50%;
  }

  .otherInfo .otherInfoBox + .otherInfoBox:nth-child(3) {
    border-left: none;
  }

  .promotion_slider {
    margin-top: 30px;
  }

  .searchSec .nav-tabs .nav-link {
    font-size: 1.5vw;
  }

  .blogSec .blog_detailBox {
    margin-top: 30px;
  }

  .service_slider .item .service_list_3 h3 {
    font-size: 28px;
    line-height: 1.2em;
  }

  .blogSec .blog_detailBox article {
    padding: 25px 20px;
  }

}

@media (max-width: 1024px) {
  .searchSec .tab-content {
    width: 100%;
}
  .cms-index-index .searchSec,
  .sticky {
    position: relative;
  }

header .bottom_header {
    width: 100%;
    border-bottom: 1px solid #e4dece;
    padding: 2px 0;
}
  header .mobileMenu {
    display: inline-flex;
    align-items: center;
    margin-right: auto;
    margin-left: 0;
    font-size: 32px;
    color: #1f45fc;
    width: 150px;
  }

header nav {
    display: inline-flex;
    position: fixed;
    width: 360px;
    left: -360px;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: 9999;
    background: #ffffff;
    padding: 0;
    align-items: flex-start;
    padding-top: 40px;
    transition: all 0.3s ease;
}

  header nav:before {
    content: "\f00d";
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-size: 32px;
    color: #1f45fc;
    position: absolute;
    top: 20px;
    left: 20px;
    transform: scale(0, 0);
    transition: all 0.8s ease;
  }

  header nav.open_menu:before {
    transform: scale(1, 1);
  }

  header nav.open_menu {
    left: 0;
    box-shadow: 0 -15px 20px rgba(0, 0, 0, 0.5);
  }

  header nav ul {
    flex-wrap: wrap;
  }

  header nav ul li {
    width: 100%;
    flex-wrap: wrap;
  }

  .main-menu.bottom_header .row > .col-md-6.col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  header nav {
    overflow-y: auto;
  }

  .header .nav.nav-main-menu {
    display: block;
    width: 100%;
  }

  .header .nav.nav-main-menu > li {
    position: relative;
    width: 100%;
    padding: 0 24px;
  }

  .header .nav.nav-main-menu > li > a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px 0;
    font-size: 13px;
    letter-spacing: 0.02em;
    color: #333;
  }

  .header .nav.nav-main-menu > li > a svg {
    display: none;
  }

  /* .header .nav.nav-main-menu > li > .toggle-menu {
    position: absolute;
    top: 0;
    right: 24px;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .header .nav.nav-main-menu > li > .toggle-menu a {
    color: #999;
    font-size: 15px;
    line-height: 1;
  }

  .header .nav.nav-main-menu > li > .toggle-menu a.active .fa-plus:before {
    content: "\f068";
  } */

header .bottom_header.mobile_sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    background: #ffffff;
}

  .conventSec ul {
    flex-wrap: wrap;
  }

  .conventSec ul li,
  .conventSec ul li.process-2,
  .conventSec ul li.process-3,
  .conventSec ul li.process-4 {
    width: 100%;
    margin-top: 30px;
  }

  .conventSec ul li label {
    margin-top: 15px;
  }

  .conventSec .mapLine {
    display: none;
  }

  .conventSec .tyre_process {
    padding-top: 30px;
    margin-top: 0;
  }

  .service_slider .owl-dots,
  .promotion_slider .owl-dots {
    width: 100%;
    height: 30px;
    right: 0;
    bottom: -40px;
    top: initial;
    flex-direction: row;
  }

  .service_slider {
    width: 100%;
  }

  .service_slider .item .service_list_2,
  .service_slider .item .service_list_3 {
    width: 100%;
  }

  .service_slider .item .service_list_3 {
    padding-bottom: 30px;
  }

  .promotion_slider {
    width: 100%;
  }

  .social_box a {
    width: 40px;
    height: 40px;
    font-size: 26px;
  }

  .social_box {
    width: 40px;
    height: auto;
    bottom: 100px;
  }


  .testimonial h2 {
    font-size: 36px;
    width: 100%;
    text-align: center;
    padding-right: 0;
  }

  .tyre_banner h2 {
    font-size: 12vw;
    line-height: 1em !important;
  }

  .testimonial h2,
  .testimonial .testimonial_slider {
    width: 100%;
  }

  .testimonial_slider .owl-thumbs {
    width: 60px;
    height: 70px;
    flex-direction: row;
    position: relative;
    right: 0;
    left: 0;
    margin-top: 40px !important;
  }

  .testimonial_slider .owl-thumbs .owl-thumb-item,
  .testimonial_slider .owl-thumbs .owl-thumb-item img {
    width: 40px;
    height: 40px;
    margin: 0 2px;
  }

  .testimonial_slider blockquote:after {
    display: none;
  }

  /*.testimonial_slider blockquote{width: 100%; margin-left: auto; margin-right: auto; padding: 20px; background: none;     font-size: 14px; line-height: 26px;}*/
  .testimonial_slider blockquote {
    width: calc(100% - 130px);
    background-position: left 15px top 15px;
    border: 1px #fff dashed;
    padding: 10px 10px 10px 60px;
    font-size: 14px;
    line-height: 25px;
    color: #ffffff;
    margin-top: 5px;
  }

  .testimonial_slider .item {
    padding: 0 15px;
  }

  .testimonial,
  .carService,
  .promotionsec,
  .blogSec {
    padding: 50px 0;
  }

  .testimonial h2,
  .testimonial .testimonial_slider {
    margin-top: 0px;
    line-height: 45px !important;
    margin-bottom: 10px;
  }

  .bestServiceSec {
    padding: 50px 0;
  }

  .service_slider .item .service_list_1 h2 {
    font-size: 40px;
    line-height: 1em;
  }

  .service_slider .item .service_list_3 h3 {
    font-size: 22px;
    line-height: 1.2em;
  }

  .container-custom {
    padding: 0 15px;
  }

  .bestServiceSec {
    background-attachment: unset;
  }

  .blogSec .blog_sub_detail {
    width: calc(50% - 10px);
    margin-left: 0;
    margin-right: auto;
  }

  .blogSec .blog_sub_detail:nth-child(2) {
    margin-right: 0;
    margin-left: auto;
  }

  .blogSec .blog_sub_detail:nth-child(1),
  .blogSec .blog_sub_detail:nth-child(2) {
    margin-top: 30px;
  }

  .conventSec ul li figure img {
    width: 120px !important;
  }

  .checkout-cart-index
    #shopping-cart-table
    tbody
    tr
    td.col.item
    .product-item-photo {
    float: left;
    width: 20%;
    margin-right: 10px;
  }

  .checkout-cart-index
    #shopping-cart-table
    tbody
    tr
    td.col.qty
    .input-text.qty {
    width: 60px;
  }

  .checkout-cart-index #shopping-cart-table tbody {
    padding: 5px 0;
  }

  .checkout-cart-index #shopping-cart-table tbody {
    border-bottom: none !important;
}

.checkout-cart-index #shopping-cart-table {
    border-bottom: 1px solid #a9a9a9!important;
}

  .discount .actions-toolbar {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .checkout-cart-index .checkout-extra > .block > .content {
    padding: 15px 20px;
  }

  .checkout-cart-index .checkout-extra > .block .content {
    min-height: auto;
  }

  .checkout-cart-index .shopping-cart-bottom .cart-totals {
    margin-top: 0px;
  }

  /*.price, .price-box .price { float: right; }*/
  #onestepcheckout-page .fieldset.address > .field {
    flex: 100%;
  }

  div[name="shippingAddress.plate"],
  div[name="shippingAddress.make"],
  div[name="shippingAddress.model"],
  div[name="shippingAddress.year"] {
    margin-bottom: 10px;
  }

  .opc-payment .payment-methods .payment-method .payment-method-title .label {
    font-size: 14px;
  }

  #onestepcheckout-page input[type="radio"] {
    width: 20px;
    margin-right: 0;
  }

  .payment-method .field.choice,
  .form-group.choice {
    padding-left: 0px;
  }

  label.cart-amount {
    display: none;
  }


#bh-sl-user-location .form-input {
    width: 100%;
    float: left;
    margin-right: 15px;
    margin-bottom: 11px;
}

  .bh-sl-loc-list ul.list li {
    width: 100%;
  }

  .input-text.storePickuptimepicker {
    width: 40%;
  }

  .input-text.storePickupdatepicker {
    width: 56%;
  }

  #onestepcheckout-page .place-order .button {
    height: 50px;
    border-radius: 0;
  }

  .opc-block-summary .table-totals tr.totals.grand th strong,
  .opc-block-summary .table-totals tr.totals.grand td strong,
  .opc-block-summary .table-totals tr th,
  .opc-block-summary .table-totals tr th,
  .opc-block-summary .table-totals tr.totals.sub th,
  .opc-block-summary .table-totals tr.totals.sub td,
  .opc-block-summary .table-totals tr th strong,
  .opc-block-summary .table-totals tr th .label {
    font-size: 14px;
  }

  #onestepcheckout-page .breadcrumbs {
    margin-bottom: 0px;
  }

  #onestepcheckout-page span.note {
    font-size: 12px;
  }

  .minicart-wrapper span.counter.price {
    display: none;
  }



  header .cartBox img {
    width: 25px;
  }

  header .cartBox label {
    margin-left: 10px;
    line-height: 1em;
  }

  header .cartBox label b {
    font-size: 12px;
    margin-bottom: 5px;
  }

header .cartBox {
    margin-right: 12px;
}

  header .cartBox .count {
    width: 20px;
    height: 20px;
    font-size: 12px;
  }

  header .mobileMenu {
    width: auto;
  }
}

@media (max-width: 640px) {
  .tyre_banner .half_tyre {
    display: none;
  }

  .blogSec .blog_sub_detail {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .blogSec .blog_sub_detail:nth-child(2) {
    margin-right: 0;
    margin-left: 0;
  }

  .bh-sl-container .bh-sl-map-container {
    margin-top: -40px;
  }
}

@media (max-width: 600px) {
  .searchSec .nav-tabs .nav-item {
    width: 50%;
  }

  .searchSec .tab-content .tab-pane form {
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 5px 0;
  }

  .searchSec .tab-content .tab-pane .form-group {
    width: calc(33% - 20px);
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
  }

.searchSec .tab-content .tab-pane .btn-success {
    width: calc(100% - 25px);
    min-height: 50px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
    padding-left: 20px;
    display: none;
}

  .searchSec .tab-content .tab-pane .form-control {
    height: 50px;
  }

  .searchSec .nav-tabs .nav-link {
    font-size: 2.8vw;
  }

  .promotion_slider .owl-item .item img {
    margin: 0 auto;
  }

  .social_box a {
    width: 36px;
    height: 36px;
    font-size: 22px;
  }

  .social_box {
    width: 36px;
  }

  .otherInfo .otherInfoBox {
    width: 100%;
    padding: 30px;
  }

  .otherInfo .otherInfoBox i {
    position: absolute;
    left: 30px;
  }

  .otherInfo .otherInfoBox h4 {
    padding-left: 55px;
  }

  .otherInfo .otherInfoBox + .otherInfoBox {
    border-left: none;
  }

  .otherInfo .otherInfoBox:last-child {
    border-bottom: none;
  }

}

@media (max-width: 375px) {
  .searchSec .tab-content .tab-pane .form-group {
    width: calc(33% - 10px);
    margin-left: 5px;
    margin-right: 5px;
  }

  .searchSec .tab-content .tab-pane .form-control {
    padding: 0 10px;
    font-size: 13px;
  }

  .searchSec .tab-content .tab-pane .btn-success {
    width: 100%;
    margin-left: 7px;
    margin-right: 7px;
  }
}

@media (max-width: 360px) {
  .searchSec .nav-tabs .nav-item {
    width: 160px;
  }

  .searchSec .nav-tabs .nav-item:nth-child(1) .nav-link {
    padding-right: 20px;
    padding-left: 10px;
  }

  .searchSec .nav-tabs .nav-item:nth-child(2) .nav-link {
    padding-left: 20px;
    padding-right: 10px;
  }


  header .cartBox {
    width: auto;
    max-width: 130px;
  }

  header .cartBox label {
    font-size: 13px;
    line-height: 1em;
  }

  header nav {
    display: inline-flex;
    position: fixed;
    width: 320px;
    right: -320px;
  }

  .tyrewidthInfo .tyreInfoLeft ul li span {
    padding: 0 18px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .hide-tablet {
    display: none !important;
  }

  .header .nav {
    padding: 0 0px;
  }
}

.modal-content {
    min-height: auto !important;
    background-color: #fff;
}

.block-minicart button#top-cart-btn-checkout {
  display: none;
}

.storelocator-index-index section#maincontent {
  width: 100%;
  padding: 0;
}

.storelocator-index-index .bh-sl-container {
  padding: 0;
  margin: 0 0;
  float: none;
  width: initial;
}

.storelocator-index-index .bh-sl-container + .col-md-12 {
  width: 1200px;
  max-width: 100%;
  clear: both;
  margin: auto;
  padding-top: 20px;
  float: none;
}

.storepickup-index-index section#maincontent {
  width: 100%;
  padding: 0;
}


.minicart-wrapper .action.showcart:before {
  content: none !important;
}

.minicart-wrapper .action.showcart > .counter.qty {
  color: #fff;
  background-color: #1f45fc;
  text-align: center;
  white-space: normal;
  position: absolute;
  height: 20px;
  min-width: 20px;
  font-size: 12px;
  line-height: 20px;
  left: -10px;
  top: -11px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
}

span.counter.price {
  position: absolute;
  top: 18px;
  left: 18px;
}

div#onepage-checkout-shipping-method-additional-load a {
  display: none;
}

dd.filter-options-content {
  max-height: 200px;
  overflow-y: auto;
  min-height: auto;
}

.block.filter
  .block-content.filter-content
  .filter-options-item
  .filter-options-content
  ol.items
  .item {
  border-bottom: 1px solid #f0f0f0;
  position: relative;
  padding: 5px 0px 8px 0;
}

.block.filter .block-content.filter-content .filter-options-item .filter-options-content ol.items .item a {
    font-size: 14px;
    display: flex;
    align-items: start;
    gap: 0.5rem;
}

@media only screen and (min-width: 768px) {
  div[name="shippingAddress.plate"],
  div[name="shippingAddress.make"],
  div[name="shippingAddress.model"],
  div[name="shippingAddress.year"] {
    width: 25%;
    float: left;
    padding-right: 10px;
    margin-bottom: 30px;
    margin-top: 0px;
  }

  .checkout-index-index .checkout-shipping-method {
    position: initial;
  }

  i.la.la-envelope {
    font-size: 30px;
    padding-right: 10px;
    vertical-align: middle;
  }

  i.la.la-phone {
    font-size: 26px;
    padding-right: 10px;
    vertical-align: middle;
  }
}

.totals.shipping.excl th span.value {
  display: none;
}

.checkout-cart-index
  .shopping-cart-bottom
  .cart-totals
  .table.totals
  tbody
  tr
  th
  .label {
  font-weight: 600;
  font-size: 14px;
}

#cart-totals td.amount {
  text-align: right;
}

.logout-link .fa-sign-out:before {
  content: "\f08b";
  vertical-align: middle;
}

.logout-link span {
  font-size: 12px;
  font-weight: 500;
  line-height: 25px;
}

#onestepcheckout-page #discount-form .action {
    height: 40px;
    line-height: 21px;
}

@media only screen and (max-width: 1024px) {
  header nav.open_menu:before {
    display: none;
  }

header .navigation.open_menu .la.la-close {
    display: block;
    font-size: 32px;
    color: #1f45fc;
    position: absolute;
    top: 10px;
    left: 20px;
    transition: all 0.8s ease;
}
}

.category-car-battery .searchSec {
  display: none;
}

header .navigation .la.la-close {
  display: none;
}

@media screen and (min-width: 1680px) {
  .social_box {
    bottom: 200px !important;
  }
}

@media only screen and (min-width: 1600px) {
  .social_box {
    bottom: 250px;
  }
}

@media (max-width: 1360px) {
  .social_box {
    bottom: 150px;
  }
}

.blog-list .post-item-info .post-info h2 {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 10px;
  min-height: 65px;
}

.blog-post-view .guides-detail-content__cms-content img {
  width: 100%;
}

@media not all and (min-resolution: 0.001dpcm) {
  span.counter.price {
    top: 33px;
  }
}

.header:not(.header6):not(.header7) .navigation .nav-main-menu li .icon svg {
  height: 25px !important;
  vertical-align: middle;
  width: 25px;
}

.products-grid .product-item-info .tocart.btn-cart {
  line-height: normal !important;
  border-radius: 0;
  padding: 10px 6px;
  transform: rotate(270deg) !important;
  top: 10px;
  font-size: 12px;
  display: none;
}

.products-grid .product-item-info .tocart.btn-cart .icon {
  display: none;
}

@media only screen and (max-width: 767px) {
  .products-grid .product-item-info .tocart.btn-cart {
    display: none;
  }
}

.filter-options-item.width {
  display: none;
}

.filter-options-item.height {
  display: none;
}

.filter-options-item.rim {
  display: none;
}

.shoppingby-item.height,
.shoppingby-item.width {
  display: none;
}

@media (max-width: 767px) {
  .div-toggle {
    position: absolute;
    top: 10px;
    right: 0;
  }
}

.selection-search {
  padding: 20px 0.8% 10px 0.8%;
}

.selection-search input {
  max-width: 47.5%;
}

@media screen and (max-width: 767px) {
  .selection-search input {
    max-width: 100%;
  }
}

.header:not(.header6):not(.header7) .navigation .nav-main-menu > li {
  text-align: center;
}

.header:not(.header6):not(.header7) .navigation .nav-main-menu li li > a {
  display: flex;
  align-items: center;
}

.header:not(.header6):not(.header7) .navigation .nav-main-menu li .icon svg {
  height: 25px;
}

.header:not(.header6):not(.header7) .navigation .nav-main-menu li .icon {
  display: inline-block;
  margin-right: 8px;
}

@media screen and (max-width: 1024px) {
  .header:not(.header6):not(.header7) .navigation .nav-main-menu > li {
    text-align: left;
  }

  .banner-main-slider .owl-carousel .owl-item img {
    height: 83vw;
    object-fit: cover;
    max-height: inherit;
  }
}

.services-mobile {
  padding: 90px 0 30px;
  display: none;
}

.services-mobile .box {
  text-align: center;
  padding: 5px;
}

.services-mobile .box .link {
  display: block;
}

.services-mobile .box .link svg {
  height: 60px;
}

.services-mobile .box .link strong {
  display: block;
  font-weight: bold;
  font-size: 12px;
}

.oil-change-services table .btn-secondary:active,
.oil-change-services table .btn-secondary:focus {
  color: #fff;
  border-color: #1f45fc;
  background-color: #1f45fc;
}

@media screen and (min-width: 768px) {
  .services-mobile {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .products.list li.item.product.product-item-info .tyre_offers img {
    max-height: 40px !important;
  }
}

.use-header2 .page-wrapper {
  position: relative;
}

.header.header2 .top-header-content {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* @media (min-width: 992px) {
  .cms-index-index .header.header2:not(.active-sticky) {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 99;
  }
} */

@media (max-width: 1199px) {
  .header.header2 #mainMenu .level0 > a.level0 {
    color: #575757 !important;
  }

  .header.header2 .action.nav-toggle img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
  }
}

.mgs-quickview-catalog-product-view .product-detail-infomation.col-xs-12 {
  height: auto !important;
}

.header .logo-left-header .logo {
  display: block;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 5px 0;
  height: 51px;
}

.slide-text .big-text,
.slide-text h2 {
  font-size: 50px;
  font-weight: 700;
}

span.scroll-to-top {
  cursor: pointer;
  bottom: 100px !important;
  display: none;
}

/* Tyre search Modal */
.modal-header {
  border: none;
}
.tyreHeader {
  width: 100%;
  height: 56px;
  background: #1f45fc;
  padding-left: 25px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  transition: all 0.3s ease;
  z-index: 2;
  position: inherit;
}
.tyreHeader .backLink {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
}
.tyreHeader .backLink:hover {
  color: #fff;
}
.modal-content {
  box-shadow: none;
  border: none;
}
.modals-overlay {
  background-color: rgba(0, 0, 0, 0.65);
}
.modal-popup .action-close {
  top: 15px;
  right: 15px;
}
.modal-popup .action-close:before {
  content: "\f00d";
  font-family: "Line Awesome Free";
  font-weight: 900;
  font-size: 30px;
  background: none;
  color: #fff;
  border: none;
  border-radius: 0;
}
.disablesearchoption {
  pointer-events: none;
}
.vehicle_finder_modal_allcontent {
  overflow-x: hidden;
  overflow-y: auto;
  height: 375px;
}
ul.tyre_finder_allcontent {
    padding: 0.7vw;
    min-height: 42vh;
    max-height: 42vh;
    overflow: auto;
}
ul.tyre_finder_allcontent li {
  width: 14.25%;
  margin: 1%;
  display: inline-flex;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
  padding: 0;
  align-items: center;
  justify-content: center;
}
ul.tyre_finder_allcontent li a {
    display: flex;
    width: 100%;
    font-size: 15px;
    color: #000000;
    font-weight: 600;
    text-decoration: none;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    transition: all 0.3s ease;
}
ul.tyre_finder_allcontent li:hover a {
  background-color: #1f45fc;
  border-color: #1f45fc;
  color: #ffffff;
}
.tyrewidthInfo {
  background: #e4dece;
  padding: 30px 20px 0 30px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  min-height: 200px;
  z-index: 3;
  position: inherit;
}
.tyrewidthInfo figure {
  position: relative;
  margin-right: 0;
  margin-left: auto;
  display: flex;
  margin-top: 40px;
}
.tyrewidthInfo figure .infoLabel {
  position: absolute;
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #fff;
  text-transform: capitalize;
  font-size: 25px;
}
.tyrewidthInfo svg.tyretext {
  width: 82%;
  position: absolute;
  top: -35px;
  left: 0;
  right: 0;
  margin: auto;
}
.tyrewidthInfo svg .txtcolor {
  fill: #000000;
}
.tyrewidthInfo svg .txtcolor.active {
  fill: #1f45fc;
}
.tyrewidthInfo figure .tyreValue {
  width: 100%;
  position: absolute;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  top: 32px;
}
.tyrewidthInfo figure .tyreValue .valuetxt {
  display: inline-block;
}
.tyrewidthInfo figure .tyreValue .tvalue_1 {
  transform: rotate(-28deg);
}
.tyrewidthInfo figure .tyreValue .tvalue_2 {
  margin: 0 7px;
  transform: translate(0, -9px);
}
.tyrewidthInfo figure .tyreValue .tvalue_3 {
  margin: 0 10px;
  transform: translate(0, -12px) rotate(3deg);
}
.tyrewidthInfo figure .tyreValue .tvalue_4 {
  margin-left: 7px;
  transform: rotate(24deg);
}
.tyrewidthInfo figure .tyreValue .active {
  color: #1f45fc;
}
.tyrewidthInfo .tyreInfoLeft {
}
.tyrewidthInfo .tyreInfoLeft ul {
  list-style: none;
  display: inline-flex;
  padding: 0;
  margin: 0;
  width: auto;
  position: relative;
}
.tyrewidthInfo .tyreInfoLeft ul:before {
  content: "";
  width: 100%;
  height: 4px;
  background: #000000;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
}
.tyrewidthInfo .tyreInfoLeft ul li {
  display: inline-flex;
  margin-right: 15px;
  z-index: 1;
  background: #e4dece;
}
.tyrewidthInfo .tyreInfoLeft ul li:last-child {
  margin-right: 0;
}
.tyrewidthInfo .tyreInfoLeft ul li span {
  font-size: 15px;
  font-weight: 800;
  display: flex;
  min-height: 35px;
  align-items: center;
  justify-content: center;
  border: #000 solid 1px;
  border-radius: 25px;
  padding: 0 27px;
  color: #000000;
}
.tyrewidthInfo .tyreInfoLeft ul li.active span {
  background: #000000;
  color: #ffffff;
}
.tyrewidthInfo .tyreinfoResult {
    width: 470px;
    max-width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 60px;
    column-gap: 1rem;
}
.tyrewidthInfo .tyreinfoResult .tyreselection,
.tyrewidthInfo .tyreinfoResult .rear-tyre-selection {
  font-size: 18px;
  font-weight: 800;
  color: #000000;
}
.tyrewidthInfo .tyreinfoResult .tyreselection label,
.tyrewidthInfo .tyreinfoResult .rear-tyre-selection label {
  font-weight: 600;
  margin-right: 15px;
  color: inherit;
}
.tyrewidthInfo .tyreinfoResult .resetbtn {
  background: #1f45fc;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  padding: 10px 22px;
  text-transform: uppercase;
  border-radius: 20px;
  margin-right: 0;
  margin-left: auto;
  text-decoration: none;
  transition: all 0.3s ease;
}
.tyrewidthInfo .tyreinfoResult .resetbtn:hover,
.tyrewidthInfo .tyreinfoResult .resetbtn:focus {
  background: #ffffff;
  color: #1f45fc;
}
.modal-content .tyre_finder_modal_submittyre {
  width: 100%;
  display: flex;
  justify-content: center;
}
.modal-content .tyre_finder_modal_submittyre div {
  text-align: center;
}
.modal-content .tyre_finder_modal_submittyre .diiferent_rear_tyre {
  text-align: center;
  font-size: 22px;
  color: #000000;
  font-weight: 600;
}
.modal-content .tyre_finder_modal_submittyre .diiferent_rear_tyre span {
  font-size: 16px;
}

#vehicle_finder_modal .tyrewidthInfo .tyreinfoResult {
  width: auto;
}
ul.vehicle_finder_modal_allcontent li {
  width: 23%;
  margin: 0.8%;
  display: inline-flex;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
  padding: 0;
  align-items: center;
  justify-content: center;
}
ul.vehicle_finder_modal_allcontent li a {
    display: flex;
    width: 100%;
    font-size: 15px;
    color: #000000;
    font-weight: 600;
    text-decoration: none;
    min-height: 53px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9d9d9;
    transition: all 0.3s ease;
    border-radius: 10px;
}
ul.vehicle_finder_modal_allcontent li:hover a {
  border-color: #1f45fc;
}
ul.vehicle_finder_modal_make_content li a.make-link {
  flex-direction: column;
  gap: 8px;
  padding: 10px 6px;
  min-height: 90px;
}
ul.vehicle_finder_modal_make_content li a.make-link .make-logo {
  height: 40px;
  width: auto;
  max-width: 80%;
  object-fit: contain;
  transition: filter 0.3s ease;
}
ul.vehicle_finder_modal_make_content li a.make-link .make-name {
  line-height: 1.2;
}
ul.vehicle_finder_modal_modificationtyresize_content {
  padding: 6px 4px;
}
ul.vehicle_finder_modal_modificationtyresize_content li {
  vertical-align: top;
}
ul.vehicle_finder_modal_modificationtyresize_content li a.ts-link {
  position: relative;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 7px;
  padding: 16px 18px;
  min-height: auto;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
}
ul.vehicle_finder_modal_modificationtyresize_content li:hover a.ts-link {
  background-color: #f4f7ff;
  border-color: #1f45fc;
  color: #16203a;
  box-shadow: 0 4px 12px rgba(31, 69, 252, 0.16);
}
ul.vehicle_finder_modal_modificationtyresize_content li a.ts-link .ts-row {
  display: flex;
  width: 100%;
  gap: 10px;
  align-items: center;
  line-height: 1.25;
}
ul.vehicle_finder_modal_modificationtyresize_content li a.ts-link .ts-pos {
  flex: 0 0 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9aa0ab;
}
ul.vehicle_finder_modal_modificationtyresize_content li a.ts-link .ts-pos .ts-car {
  display: block;
  width: 30px;
  height: 23px;
  overflow: visible;
}
ul.vehicle_finder_modal_modificationtyresize_content li:hover a.ts-link .ts-pos {
  color: #6b7280;
}
ul.vehicle_finder_modal_modificationtyresize_content li a.ts-link .ts-size {
  font-size: 16px;
  font-weight: 700;
  color: inherit;
}
ul.vehicle_finder_modal_modificationtyresize_content li a.ts-link .ts-row:only-child {
  justify-content: center;
}
ul.vehicle_finder_modal_modificationtyresize_content li a.ts-link .ts-row:only-child .ts-size {
  font-size: 17px;
  letter-spacing: 0.3px;
}
ul.vehicle_finder_modal_modificationtyresize_content li a.ts-link .ts-badge {
  position: absolute;
  top: 9px;
  right: 9px;
  padding: 2px 9px;
  border-radius: 11px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
.ts-badge.ts-badge-oe {
  background-color: #0a7d28;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(10, 125, 40, 0.35);
}
.ts-badge.ts-badge-optional {
  background-color: #e6e6e6;
  color: #333333;
}
.modal-popup .modal-inner-wrap {
  width: 920px;
}
.modal-content {
  min-height: 320px;
}
/*    footer.modal-footer {
          display: none;
      }    */
.search_block .products_holder ul li:first-child {
  color: #000;
  display: block;
  width: 100%;
  border: none;
  float: left;
  text-align: left;
  font-weight: 900;
  text-transform: uppercase;
  padding-left: 0;
}
.reset-size-selection,
.reset-vehicle-selection {
  margin-left: 20px;
}
@media (max-width: 767px) {
  .modal-popup .modal-inner-wrap {
    width: 100%;
    height: 100%;
  }
  ul.tyre_finder_allcontent li {
    width: 30.33%;
  }
  ul.vehicle_finder_modal_allcontent li {
    width: 47.8%;
  }
  .tyrewidthInfo {
    padding: 10px 5px 0 5px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    min-height: 160px;
  }
  .tyrewidthInfo .tyreInfoLeft ul li {
    margin-right: 7px;
  }
  .tyrewidthInfo figure {
    display: none;
  }
  ul.tyre_finder_allcontent,
  .vehicle_finder_modal_allcontent {
    min-height: 59vh;
    max-height: 59vh;
    overflow: scroll;
  }
  .modal-popup._show .modal-inner-wrap {
    top: 51vh;
  }
  .tyrewidthInfo .tyreInfoLeft ul li span {
    font-size: 12px;
    min-height: 25px;
    padding: 0 18px;
  }
  .modal-popup .action-close {
    top: 2px;
    right: 5px;
  }
.tyreHeader {
    height: 39px;
    padding-left: 0px;
}
  ul.vehicle_finder_modal_allcontent li a {
    min-height: 38.4px;
  }

}
.tyreHeader .backLink {
  cursor: pointer;
}




/* Home About Us */
.aboutus {
  background: url(/../media/images/bg-1-new.webp) no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  padding: 50px 0;
}
.aboutus h1 {
  font-size: 26px;
  color: #000000;
  margin: 10px 0px;
}
.aboutus h2 {
  font-size: 18px;
  color: #000000;
  margin: 10px 0px;
}
.aboutus h3 {
  font-size: 16px;
  color: #000000;
  margin: 10px 0px;
}
.aboutus p {
  padding-top: 10px;
}
@media (max-width: 767px) {
  .aboutus h1 {
    font-size: 18px;
    text-align: center;
  }
  .aboutus h2,
  .aboutus h3 {
    font-size: 16px;
  }
}

/* gdpr.css */
.message.global.cookie.mgs-gdpr-cookie-notice {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 3;
  line-height: 2;
  padding: 30px;
  margin: 0;
  display: block;
  z-index: 10;
  color: #222;
}
.message.global.cookie.mgs-gdpr-cookie-notice .content {
  padding: 0;
  margin: 0;
}
.mgs-gdpr-cookie-notice.message.global h3 {
  margin-top: 0;
}
.mgs-gdpr-cookie-notice.gdpr-box-shadow {
  -webkit-box-shadow: -2px 2px 82px -26px #000;
  box-shadow: -2px 2px 82px -26px #000;
}
.mgs-gdpr-cookie-notice.text-align-center {
  text-align: center;
}
.mgs-gdpr-cookie-notice.text-align-left {
  text-align: left;
}
.mgs-gdpr-cookie-notice.text-align-right {
  text-align: right;
}
.modal-popup._inner-scroll.modal-mgs-gdpr .modal-inner-wrap {
  max-height: 90%;
  margin: 1rem auto;
}
.modal-popup.modal-mgs-gdpr .modal-content,
.modal-popup.modal-mgs-gdpr .modal-footer {
  padding: 3rem;
}
.modal-popup._inner-scroll.modal-mgs-gdpr .modal-content {
  overflow-y: auto;
}

.modal-popup.modal-mgs-gdpr .modal-header {
  padding: 0;
  border: none;
}
.modal-popup.modal-mgs-gdpr .action-close {
  top: 4px;
  right: -6px;
}

/* MGS_Mpanel/css/default.css */
html {
  overflow-x: hidden !important;
}
.cms-index-index #maincontent,
.cms-page-view #maincontent {
  padding: 0;
  width: 100%;
}
.cms-index-index #maincontent > .row,
.cms-page-view #maincontent > .row {
  margin: 0;
}
.cms-index-index #maincontent > .row > .main {
  padding: 0;
}

@media screen and (max-width: 767px) {
  .tyreHeader .backLink {
    font-size: 12px;
    margin-left: 10px;
  }
  .tyrewidthInfo .tyreinfoResult .tyreselection,
  .tyrewidthInfo .tyreinfoResult .rear-tyre-selection {
    font-size: 14px;
  }
  .tyrewidthInfo .tyreinfoResult {
    margin-left: 10px;
    width: auto;
  }
}

.service-intro {
  padding-bottom: 60px;
  padding-top: 20px;
}

.service-intro .image-wrap {
  padding-bottom: 75%;
  border-radius: 5px;
  overflow: hidden;
}

.service-intro .text-block h2 {
  margin-top: 0;
  margin-bottom: 20px;
}

.service-intro .text-block p {
  margin-bottom: 10px;
}

.service-intro .text-block p b {
  font-weight: bold;
}

.service-intro .text-block ul li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
}

.service-intro .text-block ul li i {
  color: #1f45fc;
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 3px;
}

.service-intro .text-block .extra-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px dashed #000;
  padding: 15px 0px;
  margin-top: 20px;
}

.service-intro .text-block .extra-info .price span {
  font-weight: 800;
  color: #1f45fc;
}

.select-service {
  margin: 0 -15px;
  padding: 60px 0;
  background-color: #f4f4f3;
}

.select-service .inner {
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
}

.select-service .inner + .inner {
  margin-top: 30px;
}

.select-service .box {
  background: #fff;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 30px;
  border: 1px solid #f4f4f3;
  position: relative;
}

.select-service .box:after {
  content: "\f067";
  position: absolute;
  right: -24px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  color: #000;
  font-size: 16px;
  font-family: "Line Awesome Free";
  font-weight: 900;
}

.select-service .row .col-md-3:last-child .box:after {
  display: none;
}

.select-service .box .image-wrap {
  padding-bottom: 140px;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}

.select-service .box .info {
  padding: 10px 0;
}

.select-service .box .info p {
  font-weight: 600;
}

.select-service .buynow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.select-service .buynow .price span {
  font-weight: bold;
  display: inline-block;
  margin: 0 5px;
}

.select-service .buynow .price span.strike {
  opacity: 0.5;
  text-decoration: line-through;
}

.select-service .buynow .price span:not(.strike) {
  color: #1f45fc;
  font-weight: 800;
}

.service-extra-info {
  margin: 0 -15px;
  padding: 60px 0;
}

.tabbed-content {
  background: #fff;
  border: 1px solid #f4f4f3;
  border-radius: 3px;
}

.tabbed-content .tabs ul {
  margin: 0;
  padding: 0;
}
.tabbed-content .tabs ul li {
}
.tabbed-content .tabs ul li a {
  padding: 0.5em 1em;
  border-radius: 3px;
}
.tabbed-content .tabs ul li a:hover,
.tabs ul li a.active {
  background: #2944f2;
  color: #fff;
}

.tabbed-content .item {
  margin-bottom: 2px;
  position: relative;
}

.tabbed-content .item:last-child {
  margin: 0;
}

.tabbed-content .item::before {
  cursor: pointer;
  background: #eee;
  padding: 12px 15px;
  display: block;
}

.tabbed-content .item::after {
  content: "\f067";
  font-family: "Line Awesome Free";
  font-weight: 900;
  position: absolute;
  right: 15px;
  top: 12px;
  font-size: 18px;
}

.tabbed-content .item.active::after {
  content: "\f068";
  color: #fff;
}

.tabbed-content .item.active::before {
  background: #2944f2;
  color: #fff;
}

.tabbed-content .item.active .item-content {
  padding: 20px;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

@media all and (min-width: 768px) {
  .tabbed-content .item.active .item-content {
  }

  .tabbed-content .tabs-side .tabs li {
    margin-bottom: 2px;
  }
}

.tabbed-content .tabs {
  display: none;
}

.tabbed-content .item {
  min-height: 2em;
}

.tabbed-content .item::before {
  content: attr(data-title);
}

.tabbed-content .item .item-content {
  opacity: 0;
  visibility: hidden;
  height: 0;
}

.tabbed-content .item.active .item-content {
  opacity: 1;
  visibility: visible;
  height: auto;
}

@media all and (min-width: 768px) {
  .tabbed-content .tabs {
    display: block;
    background-color: #f4f4f3;
    padding: 15px;
    border-radius: 3px 3px 0px 0px;
  }
  .tabbed-content .tabs li {
    display: inline-block;
  }
  .tabbed-content .tabs li a {
    display: block;
  }
  .tabbed-content .item {
    min-height: 0;
  }
  .tabbed-content .item::before,
  .tabbed-content .item::after {
    display: none;
  }
  .tabbed-content.tabs-side .tabs {
    width: 150px;
    float: left;
  }
  .tabbed-content.tabs-side .tabs li {
    display: block;
  }
  .tabbed-content.tabs-side .item {
    margin-left: 150px;
  }
}

.tabbed-content .item p {
  margin-bottom: 16px;
}

.tabbed-content .item p b {
  font-weight: bold;
}

.tabbed-content .item ul {
  list-style-type: disc;
  padding-left: 16px;
}

.tabbed-content .item ul li {
  margin-bottom: 10px;
}

.tabbed-content .item ul li::marker {
  color: #1f45fc;
}

.request-callback {
  margin: 0 -15px;
  padding: 60px 0;
}

.request-callback .contact-form {
  background-color: #f4f4f3;
  padding: 20px;
  border-radius: 5px;
}

.related-services {
  margin: 0 -15px;
  padding: 60px 0;
  background-color: #f4f4f3;
  background-image: url("../images/related-services.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.related-services .box {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  margin: 15px 0;
}

.related-services .box .image-wrap {
  flex: 0 0 auto;
  width: 30%;
}

.related-services .box .info {
  flex: 0 0 auto;
  width: 70%;
  padding: 20px;
}

.related-services .box .info h3 {
  margin-bottom: 10px;
}

.related-services .box .info p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.related-services .box .info .action-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.related-services .box .info .action-wrap .price {
  font-weight: 700;
  color: #1f45fc;
  font-size: 14px;
}

.related-services .box .info .action-wrap .btn {
  height: 30px;
  padding: 0 20px;
  line-height: 26px;
  font-size: 12px;
}

.service-packs {
  margin: 0 -15px;
  padding: 60px 0;
}

.service-packs .pricing-table {
  margin-top: 30px;
}

.service-packs .pricing-table .item {
  padding: 10px 0;
}

.service-packs .pricing-table * {
  text-align: center;
}

.service-packs .pricing-table .pricing-plan {
  box-shadow: 0px 10px 13px -6px rgb(0 0 0 / 4%);
  border: 1px solid #eee;
  padding: 25px;
  border-radius: 5px;
}

.service-packs .pricing-table .pricing-img {
  margin-bottom: 25px;
  max-width: 100%;
}

.service-packs .pricing-table .pricing-header {
  color: #888;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 30px;
}

.service-packs .pricing-table .pricing-features {
  color: #016ff9;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 40px 0 25px;
}

.service-packs .pricing-table .pricing-features-item {
  border-top: 1px solid #eee;
  font-size: 12px;
  line-height: 1.5;
  padding: 15px 0;
}

.service-packs .pricing-table .pricing-features-item:last-child {
  border-bottom: 1px solid #e1f1ff;
}

.service-packs .pricing-table .pricing-price {
  color: #016ff9;
  display: block;
  font-size: 32px;
  font-weight: 700;
}

.service-packs .pricing-table .pricing-button {
  border: 1px solid #1f45fc;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  margin: 20px 0;
  padding: 10px 35px;
  text-decoration: none;
  transition: all 150ms ease-in-out;
}

.service-packs .pricing-table .pricing-button:hover,
.service-packs .pricing-table .pricing-button:focus {
  background-color: #000000;
}

.service-packs .pricing-table .pricing-button.is-featured {
  background-color: #1f45fc;
  color: #fff;
}

.service-packs .pricing-table .pricing-button.is-featured:hover,
.service-packs .pricing-table .pricing-button.is-featured:active {
  background-color: #000000;
}

.related-services-style2 {
  margin: 0 -15px;
  padding: 60px 0;
}

.related-services-style2 .box {
  background: #f4f4f3;
  border-radius: 5px;
  overflow: hidden;
}

.related-services-style2 .box .image-wrap {
  padding-bottom: 56%;
}

.related-services-style2 .box .info {
  padding: 15px;
}

.related-services-style2 .box .info h3 {
  margin-bottom: 10px;
}

.related-services-style2 .box .info p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.related-services-style2 .box .info .action-wrap {
  margin-top: 10px;
}

.related-services-style2 .box .info .action-wrap .link {
  font-weight: 600;
  font-size: 14px;
}

@media screen and (max-width: 991px) {
  .service-intro .text-block {
    margin-top: 20px;
  }
  .select-service .box .image-wrap {
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 767px) {
  .service-intro .text-block .extra-info {
    justify-content: center;
    flex-direction: column;
  }
  .service-intro .text-block .extra-info .price {
    margin-bottom: 10px;
  }
  .select-service .box:after {
    display: none;
  }
  .select-service .buynow {
    flex-flow: column;
  }
  .select-service .buynow .price {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .related-services .box .info .action-wrap {
    align-items: flex-start;
    flex-flow: column;
  }
  .related-services .box .info p {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  .related-services .box .info .action-wrap .price {
    margin-bottom: 10px;
  }
  .related-services .box .info {
    padding: 15px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .select-service .box .info {
    font-size: 12px;
  }
}

/* V Start Form Style */
.page-main .column .login-container .block {
    background-color: #1f45fc0d;
    border-top: 3px solid #1f45fc;
    padding: 25px;
    border-radius: 1rem;
}

.page-main .sidebar .account-nav-content ul {
    flex-direction: column;
}

.customer-account-login .form-login .choice input[type="checkbox"] {
  top: 8px !important;
}

.page-main .sidebar {
    order: 1;
    width: 25%;
}

.page-main .sidebar .account-nav {
     background-color: #1f45fc0d;
    border-top: 3px solid #1f45fc;
    padding: 20px;
    height: max-content;
    border-radius: 1rem;
}





.account .page-main .sidebar .content .items .item.current, .account .page-main .sidebar .content .items .item a {
    padding: 10px;
    font-size: 16px;
}
.account .page-main .sidebar .content .items .item.current {
  background-color: #eee;
}
.account .page-main .pull-right {
    order: 12;
    border-top: 3px solid #1f45fc !important;
    border: 1px solid #ddd;
    padding: 40px;
    margin-left: 20px;
    width: calc(74% - 20px);
    border-radius: 1rem;
}
/* box */
.account .page-main .pull-right .block-addresses-list,
.account .page-main .pull-right .block-addresses-default .block-content .box,
.account .page-main .pull-right .block-dashboard-info .block-content .box {
  border: 1px solid #ddd;
  padding-right: 0;
  padding-left: 0;
}
.account .page-main .pull-right .block-addresses-list .block-title--myac,
.account
  .page-main
  .pull-right
  .block-addresses-default
  .block-content
  .box
  .block-title--myac,
.account
  .page-main
  .pull-right
  .block-dashboard-info
  .block-content
  .box
  .block-title--myac {
  margin-bottom: 0px;
  background: #1f45fc0d;
  padding: 10px;
}
.account .page-main .pull-right .block-addresses-list .block-content,
.account
  .page-main
  .pull-right
  .block-addresses-default
  .block-content
  .box
  .box-content,
.account
  .page-main
  .pull-right
  .block-dashboard-info
  .block-content
  .box
  .box-content {
  padding: 10px;
}
.account
  .page-main
  .pull-right
  .block-addresses-default
  .block-content
  .box
  .box-actions,
.account
  .page-main
  .pull-right
  .block-dashboard-info
  .block-content
  .box
  .box-actions {
  background: #1f45fc0d;
  padding: 10px;
}
@media  screen and (max-width: 767px) {
.account .page-main .pull-right .block-addresses-default .block-content .box .box-actions, .account .page-main .pull-right .block-dashboard-info .block-content .box .box-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.page-main .column .login-container .block .block-content #login-form .actions-toolbar{
   display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }.page-main .column .login-container .block .block-content #login-form .actions-toolbar .margin-left15{
  margin-left: 0 !important;
}
}
/* box */

.account .page-main .pull-right .block-dashboard-addresses .block-content .box {
  border: 1px solid #ddd;
  padding-right: 0;
  padding-left: 0;
}
.account
  .page-main
  .pull-right
  .block-dashboard-addresses
  .block-content
  .box
  .account-sub-title {
  margin-bottom: 0px;
  background: #1f45fc0d;
  padding: 10px;
}
.account
  .page-main
  .pull-right
  .block-dashboard-addresses
  .block-content
  .box
  .box-content {
  padding: 10px;
}
.account
  .page-main
  .pull-right
  .block-dashboard-addresses
  .block-content
  .box
  .box-actions {
  background: #1f45fc0d;
  padding: 10px;
}
.account .page-main .pull-right .block-dashboard-orders {
    margin-top: 1rem;
    margin-bottom: 0;
}
.account .page-main .pull-right .block-dashboard-orders .order {
    margin-bottom: 1rem;
}
.customer-address-index .block-addresses-list .block-content {
  margin-top: 20px !important;
}
.customer-address-index
  .block-addresses-list
  .block-content
  .additional-addresses
  .table-bordered
  > thead
  > tr
  > th,
.customer-address-index
  .block-addresses-list
  .block-content
  .additional-addresses
  .table-bordered
  > thead
  > tr
  > td {
  border-bottom-width: 0px !important;
}
.customer-address-index .block-addresses-list .block-content .limiter {
  display: none;
}




@media screen and (max-width: 991.98px) {
.page-main .sidebar {
    width: 100%;
}

.account .page-main .pull-right {
    margin-left: 12px;
    margin-right: 12px;
    width: calc(100% - 24px);
    border-radius: 1rem;
    margin-top: 1rem;
}

}










.checkout-cart-index .page-main .shopping-cart-bottom .roadside-assistance {
  margin-bottom: 0.5rem;
  padding: 8px 15px 4px;
  border: 1px solid #A9A9A9;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 20px -12px rgba(0, 0, 0, .25);
}

#roadside-assistance-form .form-group {
    margin-bottom: 6px;
}

#roadside-assistance-form .form-group select:focus {
    box-shadow: none !important;
}

#roadside-assistance-form .form-group select {
    box-shadow: none !important;
    cursor: pointer;
}

.productpackage-customer-add .main form .fieldset .control,
.productpackage-customer-add .main form .fieldset .control,
.checkout-cart-index
  .page-main
  .shopping-cart-bottom
  .roadside-assistance
  .form-group {
  position: relative;
}

.productpackage-customer-add
  .main
  form
  .fieldset
  .control
  #assign_package_dropofflocation,
.productpackage-customer-add
  .main
  form
  .fieldset
  .control
  #assign_package_location,
.checkout-cart-index
  .page-main
  .shopping-cart-bottom
  .roadside-assistance
  .form-group.dropoff_assistance_location
  .input-text,
.checkout-cart-index
  .page-main
  .shopping-cart-bottom
  .roadside-assistance
  .form-group.assistance_location
  .input-text {
  padding-left: 52px;
}

.productpackage-customer-add .main form .fieldset .pinonmap-dropoff a,
.productpackage-customer-add .main form .fieldset .pinonmap a {
  position: absolute;
  top: 0px;
  left: 0;
}

.checkout-cart-index
  .page-main
  .shopping-cart-bottom
  .roadside-assistance
  .form-group
  a {
  position: absolute;
  top: 26px;
  left: 0;
}

.productpackage-customer-add .main form .fieldset .pinonmap-dropoff a img,
.productpackage-customer-add .main form .fieldset .pinonmap a img,
.checkout-cart-index
  .page-main
  .shopping-cart-bottom
  .roadside-assistance
  .form-group
  a
  img {
  width: auto;
  height: 40px;
}

/* 8-7-24 */

.productpackage-customer-add .main #assign-package-to-order .fieldset .field {
  height: 100px;
}
.productpackage-customer-add
  .main
  #assign-package-to-order
  #packageMapDropOffModal
  #packageMapDropOffModalCloseBtn,
.productpackage-customer-add
  .main
  #assign-package-to-order
  #packageMapModal
  #packageMapModalCloseBtn {
  top: 0;
  margin-left: auto;
  display: block;
  position: relative;
  right: 0;
  border: 1px solid #ccc;
  width: 25px;
  font-size: 25px;
}
.productpackage-customer-add
  .main
  #assign-package-to-order
  #packageMapDropOffModal
  .get-my-location-div,
.productpackage-customer-add
  .main
  #assign-package-to-order
  #packageMapModal
  .get-my-location-div {
  margin-top: 16px;
}
.checkout-cart-index .main .cart-totals .roadside-assistance {
  margin-top: 20px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .checkout-cart-index .checkout-extra {
    padding-left: 183px;
  }
  .checkout-cart-index .checkout-extra > .block > .title {
    width: 183px;
  }
  .checkout-cart-index .checkout-extra > .block .content {
    padding: 40px 10px;
  }
}

/* .checkout-cart-index .main .cart-totals .roadside-assistance #roadside-assistance-form .form-group #assistanceDropOffMapModelBtn,
  .checkout-cart-index .main .cart-totals .roadside-assistance #roadside-assistance-form .form-group #assistanceMapModelBtn{
       display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 20px;
  }
  
  .checkout-cart-index .main .cart-totals .roadside-assistance #roadside-assistance-form .form-group #assistanceDropOffMapModelBtn span,
  .checkout-cart-index .main .cart-totals .roadside-assistance #roadside-assistance-form .form-group #assistanceMapModelBtn span{
   margin-right: 20px;
  }
  
  .checkout-cart-index .main .cart-totals .roadside-assistance #roadside-assistance-form .form-group #assistanceDropOffMapModelBtn img,
  .checkout-cart-index .main .cart-totals .roadside-assistance #roadside-assistance-form .form-group #assistanceMapModelBtn img{
  max-width: 45px;
  }
   */

/* 8-8-24 */
@media screen and (min-width: 991.99px) and (max-width: 1199.98px) {
  .account
    .page-main
    .pull-right
    .block-addresses-default
    .block-content
    .box
    .box-actions
    a:last-child,
  .account
    .page-main
    .pull-right
    .block-dashboard-info
    .block-content
    .box
    .box-actions
    a:last-child {
    margin-top: 5px;
  }
  .productpackage-customer-index
    .page-main
    .main
    .block-dashboard-orders
    .table-wrapper,
  .sales-order-history .page-main .main .table-wrapper {
    overflow-x: scroll;
  }
  .productpackage-customer-add .main #assign-package-to-order .fieldset .field {
    height: 90px;
  }
}
@media screen and (max-width: 991.98px) {
  .account
    .page-main
    .pull-right
    .block-addresses-default
    .block-content
    .box
    .box-actions
    a:last-child,
  .account
    .page-main
    .pull-right
    .block-dashboard-info
    .block-content
    .box
    .box-actions
    a:last-child {
    margin-top: 5px;
  }
  .productpackage-customer-index
    .page-main
    .main
    .block-dashboard-orders
    .table-wrapper,
  .sales-order-history .page-main .main .table-wrapper {
    overflow-x: scroll;
  }
  .block-title--myac h3 {
    font-size: 16px;
  }
  .productpackage-customer-add .main #assign-package-to-order .fieldset .field {
    height: 85px;
  }
  .customer-address-index .page-main .pull-right .block-addresses-list {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .account .page-main .pull-right {
    padding: 25px;
    margin-left: 10px;
    width: calc(100% - 20px);
    margin-top: 25px;
  }
  .block-dashboard-addresses {
    margin-top: 30px;
  }
  .account
    .page-main
    .pull-right
    .block-dashboard-addresses
    .block-content
    .box:not(:last-child) {
    margin-bottom: 30px;
  }
  .productpackage-customer-index
    .page-main
    .main
    .block-dashboard-orders
    .table-wrapper,
  .account .page-main .main .block .block-content .table-wrapper {
    overflow-x: scroll;
  }
  .account
    .page-main
    .pull-right
    .block-addresses-default
    .block-content
    .box
    .box-actions
    a:last-child,
  .account
    .page-main
    .pull-right
    .block-dashboard-info
    .block-content
    .box
    .box-actions
    a:last-child {
    margin-top: 0px;
  }
  .customer-address-index .block-addresses-list {
    margin-top: 30px;
  }
  .customer-address-index .actions-toolbar a {
    margin-top: 5px;
  }
  .productpackage-customer-index
    .page-main
    .main
    .package-tab-content
    .block-dashboard-orders {
    margin-top: 30px;
  }
  .productpackage-customer-add .main #assign-package-to-order .fieldset .field {
    height: 80px;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .productpackage-customer-add
    .main
    #assign-package-to-order
    .block-dashboard-orders {
    overflow-x: scroll;
  }
}

/* 14-8-24 */

.customer-account-createpassword .column .reset,
.customer-account-forgotpassword .page-main .password,
.customer-account-create .page-main .form-create-account {
  background-color: #1f45fc0d;
}
.customer-account-createpassword .column .reset, .customer-account-forgotpassword .page-main .password, .customer-account-create .page-main .form-create-account {
    margin: auto;
    border-top: 3px solid #1f45fc !important;
    padding: 40px;
    border-radius: 1rem;
}
.customer-account-edit .form-edit-account .choice input[type="checkbox"], .customer-account-login .form-login .choice input[type="checkbox"], .customer-account-create
  .page-main
  .form-create-account
  .choice
  input[type="checkbox"] {
    width: 17px;
    cursor: pointer;
    top: 8px;
}
.customer-account-edit .form-edit-account .choice .label,
.customer-account-login .form-login .choice .label,
.customer-account-create .page-main .form-create-account .choice .label {
  margin-left: 5px;
}
.customer-account-forgotpassword .page-main .password .fieldset .label {
  text-wrap: wrap;
}
.customer-account-create .page-main .form-create-account .fieldset + .fieldset {
  margin-top: 15px;
}
@media screen and (max-width: 991.98px) {
  .customer-account-createpassword .column .reset,
  .customer-account-forgotpassword .page-main .password,
  .customer-account-create .page-main .form-create-account {
    width: 80%;
  }

  .customer-account-login .form-login .actions-toolbar .action span {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .customer-account-createpassword .column .reset,
  .customer-account-forgotpassword .page-main .password,
  .customer-account-create .page-main .form-create-account {
    width: 100%;
    padding: 20px;
  }
}
#onestepcheckout-page .opc-wrapper .shipping-address-items {
  flex-wrap: wrap;
}
#onestepcheckout-page .opc-wrapper .shipping-address-item br {
  display: none !important;
}

#onestepcheckout-page .opc-wrapper .shipping-address-item {
  flex: 0 0 96%;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #onestepcheckout-page .opc-wrapper .shipping-address-item {
    flex: 0 0 94%;
    margin-bottom: 20px;
  }
}

.checkout-index-index .modal-footer {
  background-color: #fff !important;
}
.checkout-index-index .modal-popup .modal-header .action-close:before {
  content: "\f00d";
  font-family: "Line Awesome Free";
  font-weight: 900;
  font-size: 30px;
  background: none;
  color: #000;
  border: none;
  border-radius: 0;
}

.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--single:focus {
  border: 1px solid #222 !important;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  font-size: 16px !important;
}

.hide-mobile {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .hide-mobile {
    display: block !important;
  }
}

/* V End Form Style */

/* 9-10-24 */
.section-title.mb-40 {
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .section-title.mb-40 {
    margin-bottom: 25px;
  }
}


.vehicles-vehicles-index .car-brands .brands-details{
     text-align: center;
    margin-bottom: 40px;
}

.vehicles-vehicles-index .car-brands .brands-details h4 {
    font-size: 24px;
    margin-bottom: 16px;
}

.vehicles-vehicles-index .car-brands .brands-list .brand-wrap {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 15px;
}

.vehicles-vehicles-index .car-brands .brands-list .brand-wrap .col {
  width: 100%;
}

.vehicles-vehicles-index .car-brands .brands-list .box {
    text-align: center;
    border: 1px solid #cad3ff;
    border-radius: 8px;
    background-color: #fff;
    padding: 10px;
    height: 100%;
    transition: all 0.4s ease-in-out;
}

.vehicles-vehicles-index .car-brands .brands-list .box:hover {
  border-color: var(--theme-primary);
}

.vehicles-vehicles-index .car-brands .brands-list .box a {
/*   min-height: 65px; */
  position: relative;
}


.vehicles-vehicles-index .car-brands .box .image-wrap {
    position: relative;
    overflow: hidden;
}
.vehicles-vehicles-index .car-brands .box .image-wrap picture {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
 .vehicles-vehicles-index .car-brands .box .image-wrap picture img{
    position: relative;
}

.vehicles-vehicles-index .car-brands .brands-list .box a {
    min-height: 65px;
    position: relative;
    flex-direction: column;
}

.vehicles-vehicles-index .car-brands .brands-list .box a .image-wrap {
    width: 100%;
    padding-bottom: 65px;
}


.vehicles-vehicles-index .car-brands .brands-list .box a .image-wrap {
  width: 100%;
/*   min-height: 60px; */
}

.vehicles-vehicles-index .car-brands .brands-list .box a .image-wrap img {
  background-color: #fff;
  max-height: 60px;
}

@media screen and (min-width: 991.99px) and (max-width: 1199.98px) {
}

@media screen and (max-width: 991.98px) {
  .vehicles-vehicles-index .car-brands .brands-list .brand-wrap {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media screen and (max-width: 767px) {
  .vehicles-vehicles-index .car-brands .brands-list .brand-wrap {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  .vehicles-vehicles-index
    .car-brands
    .brands-list
    .brand-wrap
    .col
    .box
    a
    .image-wrap
    p {
    font-size: 14px;
  }
.vehicles-vehicles-index .car-brands .brands-details h4 {
    font-size: 16px;
    margin-bottom: 10px;
}
.vehicles-vehicles-index .car-brands .brands-list .box a p{
  font-size: 14px;
}
}

@media screen and (max-width: 480px) {
  .vehicles-vehicles-index .car-brands .brands-list .brand-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
}

.vehicles-vehicles-make .car-brands-about .section-title,
.vehicles-vehicles-make .car-brands-about .section-title h2 {
  margin-bottom: 20px;
}


.vehicles-vehicles-model .car-brands-about .section-title,
.vehicles-vehicles-make .car-brands-about .section-title{
  text-align: center;
}



.vehicles-vehicles-model .car-brands-about .brands-details ,
.vehicles-vehicles-make .car-brands-about .brands-details {
       text-align: center;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
}

.vehicles-vehicles-model .car-brands-about .brands-details h4,
.vehicles-vehicles-make .car-brands-about .brands-details h4 {
    font-size: 25px;
    margin-bottom: 20px;
}




.vehicles-vehicles-make .car-brands-about .section-title-1 .sub-title {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  color: #1f45fc;
  letter-spacing: 2px;
  display: block;
  position: relative;
}



.vehicles-vehicles-make .car-brands-about .section-title-1 .sub-title::before {
      position: absolute;
    left: 50%;
    bottom: -10px;
    content: "";
    width: 100px;
    height: 1px;
    background-color: #1f45fc5c;
    transform: translateX(-50%);
}







.vehicles-vehicles-make .car-brands-about .text-wrap .list-none li {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.vehicles-vehicles-make .car-brands-about .text-wrap .list-none li svg {
  width: 18px;
  display: block;
  margin-right: 12px;
  fill: #198754;
}

.vehicles-vehicles-make .car-brands-about .brand-logo {
  text-align: center;
  margin-bottom: 10px;
}

.vehicles-vehicles-make .car-brands-about .brand-logo img {
    max-height: 70px;
    height: 70px;
}

.vehicles-vehicles-make .car-brands-about .image-wrap-img img {
  width: 347px;
  margin: auto;
  display: block;
}

.vehicles-vehicles-make .car-make .make-list .section-title h3 {
  font-size: 25px;
}

.vehicles-vehicles-make .car-make .make-list .brand-wrap {
    justify-content: center;
    gap: 10px;
}


.vehicles-vehicles-make .car-make .make-list .brand-wrap {
    justify-content: center;
    gap: 10px;
}

.vehicles-vehicles-make .car-make .make-list .brand-wrap .modal-brand-box {
    border: 1px solid #cad3ff;
    width: max-content;
    height: 50px;
    padding: 0px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    border-radius: 8px;
    transition: background-color 0.2s ease, color 0.2s ease;
    font-weight: 600;
}

.vehicles-vehicles-make .car-make .make-list .brand-wrap .modal-brand-box:hover {
    background-color: var(--theme-primary);
    color: #fff;
}


.vehicles-vehicles-make .car-make .make-list .brand-wrap .col {
  width: auto;
}

.vehicles-vehicles-make .car-make .make-list .brand-wrap .col a {
  display: flex;
  justify-content: center;
  align-items: center;
}






.button-outline-grey {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #eee;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  font-size: 16px;
  padding: 15px 30px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  position: relative;
  overflow: hidden;
  padding: 9.8px 30px;
  transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.button-outline-grey:hover {
  background-color: #1f45fc;
  color: #fff;
}

@media screen and (max-width: 991.98px) {
  .vehicles-vehicles-model .car-brands-about .brands-details, .vehicles-vehicles-make .car-brands-about .brands-details {
      width: 100%;
}
}

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

  .vehicles-vehicles-make .car-make .make-list .section-title h3 {
    font-size: 22px;
  }

  .vehicles-vehicles-make .car-make .make-list .brand-wrap .col {
    width: auto;
  }
  .vehicles-vehicles-model .car-brands-about .brands-details h4,
  .vehicles-vehicles-make .car-brands-about .brands-details h4 {
    font-size: 18px;
}

.vehicles-vehicles-make .car-make .make-list .brand-wrap .modal-brand-box {
  height: 42px;
}

}




.vehicles-vehicles-model .car-brands-about .section-title-1 .sub-title {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  color: #1f45fc;
  letter-spacing: 2px;
  display: block;
   position: relative;
}


.vehicles-vehicles-model .car-brands-about .section-title-1 .sub-title::before {
      position: absolute;
    left: 50%;
    bottom: -10px;
    content: "";
    width: 100px;
    height: 1px;
    background-color: #1f45fc5c;
    transform: translateX(-50%);
}


.vehicles-vehicles-model .car-brands-about .text-wrap .list-none li {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.vehicles-vehicles-model .car-brands-about .text-wrap .list-none li svg {
  width: 18px;
  display: block;
  margin-right: 12px;
  fill: #198754;
}

.vehicles-vehicles-model .car-brands-about .brand-logo {
  text-align: center;
  margin-bottom: 10px;
}

.vehicles-vehicles-model .car-brands-about .brand-logo img {
    max-height: 70px;
    height: 70px;
}

.vehicles-vehicles-model .car-brands-about .image-wrap-img img {
  width: 347px;
  margin: auto;
  display: block;
}

.vehicles-vehicles-model .car-model {
  padding: 60px 0;
}

.vehicles-vehicles-model .car-model .model-list .section-title h3 {
  font-size: 25px;
}

.vehicles-vehicles-model .brand-wrap {
    justify-content: center;
    gap: 10px;
}

.vehicles-vehicles-model .car-model .ts-card,
.vehicles-vehicles-model .brand-wrap .find-tyres-box,
 .vehicles-vehicles-model .brand-wrap .car-model-box {
    border: 1px solid #cad3ff;
    width: max-content;
    height: 42px;
    padding: 0px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    border-radius: 8px;
    transition: background-color 0.2s ease, color 0.2s ease;
    font-weight: 600;
    cursor: pointer;
}

.vehicles-vehicles-model .car-model .ts-card:hover,
.vehicles-vehicles-model .brand-wrap .find-tyres-box:hover ,
.vehicles-vehicles-model .brand-wrap .car-model-box:hover {
    background-color: var(--theme-primary);
    color: #fff;
}

.vehicles-vehicles-model .brand-wrap .col a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.vehicles-vehicles-model .car-model .fw-bold {
  font-size: 21px;
  font-weight: 700 !important;
  text-transform: capitalize;
  margin-bottom: 25px;
}

.button-outline-grey {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #eee;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  font-size: 16px;
  padding: 15px 30px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  position: relative;
  overflow: hidden;
  padding: 9.8px 30px;
  transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.button-outline-grey:hover {
  background-color: #1f45fc;
  color: #fff;
}

@media screen and (max-width: 991.98px) {
  .vehicles-vehicles-make .car-brands-about .section-title h2,
  .vehicles-vehicles-model .car-brands-about .section-title h2 {
    line-height: 36px !important;
  }


}

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

  .vehicles-vehicles-model .car-model .model-list .section-title h3 {
    font-size: 17px;
  }

  .vehicles-vehicles-model .brand-wrap .col {
    width: auto;
  }

  .vehicles-vehicles-make .car-brands-about .section-title h2,
  .vehicles-vehicles-model .car-brands-about .section-title h2 {
    line-height: 25px !important;
  }

  .vehicles-vehicles-model .car-brands-about .section-title .text-wrap {
    margin-bottom: 20px;
  }
}


/* #account-nav ul.nav.items li:first-child::after {
     content: "new";
    position: absolute;
    right: 36%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ff0000;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 0px 5px;
    border-radius: 3px;
    text-transform: uppercase;
     animation: blink 1s linear infinite;
} */


@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}


/* 5-12-24 */

@media  screen and (max-width: 767px) {
.scanner-tab-content .download-report-btn {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.scanner-tab-content .block-dashboard-orders {
    margin-top: 30px !important;
}
#scanNowModal .modal-content .form-group .form-check {
      display: inline-flex;
}
#scanNowModal .modal-content .form-group .form-check .form-check-input {
    align-self: self-start;
    margin-top: 6px;
    margin-right: 13px;
}
#scanNowModal .modal-content #scanNowForm  button{
      margin: auto;
    display: block;
}
#scanNowModal .modal-content #scanNowForm  button:last-child{
      margin-top: 10px;
}
}



/* 18-12-24 */
.input-text.storePickupdatepicker {
     width: 25% !important;
}
@media screen and (min-width: 991.99px) and (max-width: 1199.98px) {
  .input-text.storePickupdatepicker {
    width: 30% !important;
}
}
@media screen and (max-width: 991.98px) {
  .input-text.storePickupdatepicker {
    width: 40% !important;
}
}
@media  screen and (max-width: 767px) {
}


/* Blog */
.blogs{
   padding: 80px 0;
}
.blogs .section-title {
    text-align: center;
    margin-bottom: 30px;
}
.blogs .box {
    background-color: #F4F4F3;
   border: 1px solid #ddd;
    transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    margin-bottom: 1.5rem;
    height: calc(100% - 1.5rem);
    overflow: hidden;
}
.blogs .box .post-image-wrap img{
      width: 100%;
    height: 145px;
    object-fit: cover;
}
.blogs .box .image-wrap.aspect-custom {
    padding-bottom: 56%;
}
.blogs .box .content {
    padding: 20px;
}
.blogs .box .content .post-info ul li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 14px;
}
.blogs .box .content .title {
    margin-top: 10px;
}
.blogs .box .content .title h5 {
    font-size: 16px;
    margin-bottom: 0;
}
.blogs .box .content p {
    margin: 12px 0 0;
    color: #000;
}
.blogs .read-more {
    margin-top: 20px;
    text-align: center;
}
@media  screen and (max-width: 991px) {
.blogs{
   padding: 50px 0;
}
}
@media  screen and (max-width: 767px) {
.blogs .box .content .title h5 {
    font-size: 15px;
}
.blogs .box .content {
    padding: 15px;
}
.blogs{
   padding: 30px 0;
}
.blogs .read-more {
    margin-top: 00px;
}
}



/* Blog-slidebar */

.blog-detail-page .blog-sidebar {
  position: sticky;
  top: 1rem;
}

   .blog-sidebar .widget{
  background-color: #F4F4F3;
  padding: 20px 20px;
    border: 1px solid #ddd;
  border-radius: 16px;
}
    .blog-sidebar .widget:not(:last-child){
  margin-bottom: 20px;
}

.blog-sidebar .widget .widget-title{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.blog-sidebar .widget .widget-title h3 {
    font-size: 1.3rem;
    margin-bottom: 0;
}

.blog-sidebar .widget:first-child .widget-body .categories ul{
  list-style-type: none;
}
.blog-sidebar .widget:first-child .widget-body .categories ul li a {
    position: relative;
    display: flex;
    align-items: center;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}

.blog-sidebar .widget:first-child .widget-body .categories ul li a::before {
    content: "";
    height: 7px;
    width: 7px;
    border-radius: 100px;
    display: inline-block;
    background-color: #1f45fc;
    margin-right: 13px;
}
.blog-sidebar .widget .widget-body .resent-post .article .picture {
    width: 75px;
    height: 70px;
    flex: 0 0 auto;
    border-radius: 6px;
    overflow: hidden;
}
.blog-sidebar .widget .widget-body .resent-post .article .article-content{
  padding-left: 15px;
}
.blog-sidebar .widget .widget-body .resent-post .article .article-content a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    color: #000000;
    line-height: 21px !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
    text-transform: none;
}
.blog-sidebar .widget .widget-body .resent-post .article .article-content a:hover{
    color: #1f45fc;
}
.blog-sidebar .widget .widget-body .resent-post .article .article-content span{
  font-size: 12px;
    text-transform: uppercase;
    display: block;
}
.blog-sidebar .widget .widget-body .resent-post .article:not(:first-child){
  border-top: 1px solid #ddd;
    margin-top: 10px;
    padding-top: 10px;
}
.blog-sidebar .widget .widget-body .tags ul{
    gap: 10px;
}
.blog-sidebar .widget .widget-body .tags ul li a {
    display: inline-block;
    background-color: #1f45fc;
    color: #fff;
    border-radius: 30px;
    font-weight: 600;
    padding: 0 20px;
    font-size: 14px;
    line-height: 36px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}
.blog-sidebar .widget .widget-body .tags ul li a:hover{
    background-color: #000;
}



@media  screen and (max-width: 991px) {
    .blog-sidebar{
        margin-top: 30px;
    }
}

@media  screen and (max-width: 767px) {
    .blog-sidebar{
        margin-top: 20px;
    }

    .blog-sidebar .widget .widget-body .resent-post .article .article-content a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 17px !important;
    font-size: 13px;
    
}
.blog-sidebar .widget:first-child .widget-body .categories ul li a {
   
    font-size: 13px;
}

.blog-sidebar .widget .widget-title h3 {
    font-size: 1.1rem;
}
}

/* #Filter Results topbar */

.toolbar .modes, .toolbar .limiter, .toolbar .sorter {
    flex: 0 0 auto !important;
}

.toolbar .limiter{
  margin-right: 13px !important;
}

.page-layout-1column .category-product-actions .toolbar-products{
  justify-content: end !important;
}

@media (max-width: 767px) {
    .toolbar select {
        max-width: 200px !important;
    }
.toolbar .sorter .sorter-action {
   padding: 0 17px !important;
}
}

.promobar-inner {
   background: none;
   background-size: 0%;
}

.promobar-offers-panel {
   background: url("/../media/images/ramadan-bg.jpg") no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
}

@media  screen and (max-width: 767px) {
  .promobar-offers-panel {
   background: url("/../media/images/ramadan-sm.jpg") no-repeat;
}

.promobar-offers-panel::before {
   background: rgb(0 0 0 / 70%);
}
}

.block-minicart .block-title ,
.block-minicart .action.close ,
.block-minicart .subtitle {
   display: none;
}

.block-minicart .block-content .subtotal .price {
    font-size: 18px;
}

.block-minicart .block-content .subtotal {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 0.6rem;
    margin-top: 15px;
    border-top: 1px solid #ebebeb;
    color: #2a2a2a;
    font-size: 18px;
    font-weight: 600;
}

.block-minicart .block-content .subtotal .label {
    font-weight: 600;
    margin-bottom: 0;
}

.minicart-items .product-item {
    position: relative;
}

.minicart-items .product-item .product.actions {
    position: absolute;
    top: 60px;
    left: 42px;
}

.minicart-items .product-item .product-image-container {
    width: 78px !important;
}

.block.filter .block-content.filter-content .filter-options-item .item label,
 .block.filter .block-content.filter-content .filter-options-item input[type=radio],
  .block.filter .block-content.filter-content .filter-options-item input[type=checkbox] {
    cursor: pointer;
}

.checkout-cart-index #shopping-cart-table tbody {
    border-bottom: 1px solid #A9A9A9;
}









    .tyre_offers {
        min-height: 35px;
        display: block;
        position: absolute;
        top: -40px;
        width: 100%;
        text-align: center;
    }

    img.img_tyre_offer {
        width: auto;
        max-width: 100%;
        max-height: 45px;
        display: inline;
    }

    span.noise {
        position: absolute;
        right: 0px;
    }

    span.noise.wet-grip {
        right: 30px;
    }

    span.noise.fuel {
        right: 60px;
    }

    .noise label {
        position: absolute;
        top: -21px;
        right: 2px;
        font-size: 12px;
        font-weight: 700;
        color: #1f45fc;
    }

    .tyre-labels img {
        vertical-align: top;
        float: right;
    }

    .tyre-labels {
        float: right;
        position: relative;
        top: -15px;
    }

    .product-reviews-summary.short.empty {
        width: 30%;
        float: left;
    }

    .products-grid .products.list .product-item-info .product-item-details {
        text-align: center;
    }

.fitted-balanced {
    font-size: 10px;
    margin-bottom: -6px;
    display: block;
}

    .block.filter .block-content.filter-content .filter-options-item .filter-options-content ol.items .item .count {
        opacity: 0
    }

    .block.filter .block-content.filter-content .filter-options-item input[type=radio],
    .block.filter .block-content.filter-content .filter-options-item input[type=checkbox] {
        margin-top: 6px;
        vertical-align: top;
    }

    .block.filter .block-content.filter-content .filter-options-item .filter-options-title {
        font-size: 1vw;
        margin-bottom: 5px;
    }

    a.mgs-ajax-layer-item {
        font-size: 0.9vw;
    }


    .message.notice {
        display: none;
    }

    .search.summary {
        opacity: 0;
    }

    .page-layout-1column .category-product-actions .toolbar-products {
        float: right;
    }

    /* Listing Page */
    li.item.product.product-item-info {
        float: none;
        box-sizing: border-box;
        padding-bottom: 15px;
        vertical-align: bottom;
        margin-bottom: 0;
        display: inline-block;
        width: auto;
        height: auto;
        position: relative;
        box-shadow: 0 5px 21px -4px rgba(167, 167, 167, .5);
        max-width: 100% !important;
    }

    .lazy-loading-img .products-grid .product-item-info .product-top {
        width: 100%;
        height: 15vh;
        -webkit-writing-mode: vertical-lr;
    }


    .products-grid .product-item-info .product-top .price_diff_percentage {
        -webkit-writing-mode: horizontal-tb;
        writing-mode: horizontal-tb;
        width: 45px;
        height: 45px;
        position: absolute;
        right: 5px;
        top: 0px;
        text-align: center;
        border-radius: 50%;
        font-size: 10px;
        font-weight: 400;
        background-color: #1f45fc;
        color: #fff;
        text-transform: uppercase;
        z-index: 5;
        line-height: normal;
        padding: 12px 0;
    }


    .product.media img {
        min-width: auto;
    }

.main .products-grid .products.list .product-item-info .vehicle_year_country {
    display: flex;
    align-items: center;
    border-top: #dcdcdc 1px solid;
    border-bottom: #dcdcdc 1px solid;
    padding: 5px 10px;
    margin: 4px -10px 0px;
    min-height: 36px;
    justify-content: space-between;
}

    .main .products-grid .products.list .product-item-info .vehicle_year_country .left_inner {
        display: inline-flex;
        align-items: center;
        width: 30%
    }

  .main .products-grid .products.list .product-item-info .vehicle_year_country .left_inner img {
    width: auto;
    height: 24px;
}

    .main .products-grid .products.list .product-item-info .vehicle_year_country .right_inner {
        margin-right: 0;
        display: inline-flex;
        align-items: center;
        max-width: initial;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

.main .products-grid .products.list .product-item-info .vehicle_year_country span.vehicle-origin, .main .products-grid .products.list .product-item-info .vehicle_year_country .right_inner span {
    display: block;
    font-size: 14px;
    line-height: 1.4em;
    color: #010101;
    font-weight: 600;
    text-align: right;
    width: 100%;
}

     .main .products-grid .products.list .product-item-info .vehicle_year_country > div {
        width: 33%;
    }

    .main .products-grid .products.list .product-item-info .vehicle_year_country span.vehicle-origin {
        text-align:left !important;
        width: 33%;
    }

    .main .products-grid .products.list .bmw_icon {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 33px;
        background: rgba(265, 265, 265, .90);
        padding: 2px;
        height: 33px;
    }

    .main .products-grid .products.list .bmw_icon img {
        width: 100%
    }

    .main .products-grid .products.list .product-item-info .vehicle_year_country .RunFlatlist {
        display: inline-flex;
        align-items: center;
        margin: auto;
    }

    .main .products-grid .products.list .product-item-info .vehicle_year_country .RunFlatlist img {
        width: 70px;
        margin: auto;
    }

.main .products-grid .products.list .product-item-info .product-item-details .product.name a {
    color: #222;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.products-grid .product-item-info .product-item-details .product-item-name {
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
    gap: 3px;
}

    .main .products-grid .products.list .product-item-info .product-item-details .price-box {
        display: flex;
        flex-wrap: wrap;
        min-height: 30px;
    }

    .main .products-grid .products.list .product-item-info .product-item-details .price-box .special-price {
        width: auto;
        display: inline-flex;
    }

    .main .products-grid .products.list .product-item-info .product-item-details .price-box .special-price .price,
    .main .products-grid .products.list .product-item-info .product-item-details .price-box>.price-final_price .price {
        color: #1f45fc
    }

    .main .products-grid .products.list .product-item-info .product-item-details .price-box .old-price {
        width: auto;
        display: inline-flex;
        margin-right: 0;
        margin-left: 5px;
    }

    .main .products-grid .products.list .product-item-info .product-item-details .price-box .old-price .price {
        font-size: 14px;
        font-weight: 500
    }

    .main .products-grid .products.list .product-item-info .product-item-details .price-box span {
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
    }

    span.single-tyre-price .price ,
    span.single-tyre-price {
        font-weight: 800;
        font-size: 18px;
        line-height: 30px;
        color: #1f45fc;
    }



.main .products-grid .products.list .product-item-info .product-item-details .setfourprice {
    clear: both;
    background: #ddd;
    color: #000000;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 700;
    margin: 0px -10px 0;
}

.batteryprice {
    margin: 0px -10px 0;
}

    .products.list li.item.product.product-item-info {
        padding: 0;
        margin-top: 20px;
    }

    .products-grid .products.list .product-item-info .product-item-details .buynowbox {
        display: flex;
        margin: -1px -11px;
        background: #1f45fc;
    }

    .products-grid .products.list .product-item-info .product-item-details .buynowbox .select_qty {
        background: #1b3fec url('/media/down-arrow.svg') no-repeat;
        height: 45px;
        background-size: 20px auto;
        background-position: center right 15px;
        border: none;
        border-radius: 0;
        width: 40%;
        color: #ffffff;
        border-right: rgba(265, 265, 265, .10) solid 1px;
        padding: 0 15px;
        cursor: pointer;
    }

    .products-grid .products.list .product-item-info .product-item-details .buynowbox button {
        border-radius: 0;
        width: 60%;
        height: 45px;
        background: none;
        color: #fff;
        border: none;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0;
        background: #000000
    }

    .products-grid .products.list .product-item-info .product-item-details .buynowbox button:hover,
    .products-grid .products.list .product-item-info .product-item-details .buynowbox button:focus {
        background: #ddd;
        color: #000000;
        outline: none;
        box-shadow: none;
    }

    .products-grid .products.list .product-item-info .product-item-details .buynowbox button i,
    .products-grid .bundle-product-list ol .buynowbox .bundle_final_price button i {
        margin-right: 5px;
        font-size: 110%;
    }

    .products-grid .products.list .product-item-info .product-item-details {
        flex-wrap: wrap;
        display: flex;
        width: 100%;
        flex-direction: column;
        padding: 10px 10px 0;
    }

.products-grid .products.list .product-item-info .warrenty_img {
    width: auto;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    bottom: 0;
    left: 0;
    z-index: 12;
    height: 22px;
    opacity: 1;
    background: rgba(31, 69, 252, 0.8);
}

.products-grid .products.list .product-item-info .warrenty_img span {
    width: auto;
    display: inline-flex;
    font-size: 10px;
    color: #fff;
    line-height: 1.2em;
    height: auto;
    -webkit-writing-mode: horizontal-tb;
    /* margin: auto; */
    margin: 5px 5px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.products-grid .products.list .brand_logo_wrapper {
    height: 52px;
    align-items: center;
}

.products-grid .products.list .product-item-info .warrenty_img img {
    width: 15px;
    margin: auto;
    margin-left: 5px;
    position: relative;
    top: 0px;
}

    .products-grid .products.list img.img_brand_logo {
        min-height: 45px;
        max-height: 45px;
        width: auto;
    }

    .products-grid .product-item-info .tocart.btn-cart {
        line-height: 4vh;
    }

    .products-grid .products.list .product-top .product-label {
        writing-mode: horizontal-tb;
    }

    .products-grid .product-label {
        background: #ddd;
    }

.column.main ol.regular-product-list {
    display: grid ;
    grid-template-columns: repeat(4, 1fr) ;
    column-gap: 21px ;
    margin: 0 ;
    padding: 0 ;
    list-style: none ;
    width: 100% ;
}

      @media (max-width: 1024px) {
      .column.main ol.regular-product-list {
        grid-template-columns: repeat(3, 1fr) ;
      }
    }

    @media  screen and (max-width: 767px) {
      .column.main ol.regular-product-list {
        grid-template-columns: repeat(2, 1fr) ;
      }
      .products-grid .product-item-info .product-item-details .product-item-name {
        justify-content: end;
    }
    }



    @media (max-width: 480px) {
      .column.main ol.regular-product-list {
    grid-template-columns: 1fr ;
    column-gap: 0px ;
}
    } 


    .rating-summary .rating-result>span:before {
        color: #1f45fc
    }

    .rating-summary .rating-result:before {
        color: #ddd;
    }

    .products-grid .bundle-product-list ol {
        box-shadow: 0 5px 21px -4px rgba(167, 167, 167, .5);
        border: #dcdcdc 1px solid;
        border-radius: 15px;
        overflow: hidden;
        border-color: var(--offer-color)
    }

    .products-grid .bundle-product-list ol.bundleBox {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding-right: 0;
        padding-left: 0;
    }

    .products-grid .bundle-product-list ol.bundleBox>li {
        width: 50%;
    }

    .products-grid .bundle-product-list ol li.item.product.product-item-info {
        width: 50%;
        max-width: 100% !important;
        margin: 0;
        box-shadow: none;
        border: none;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
    }

    .products-grid .bundle-product-list ol li.item.product.product-item-info+li .cover {
        border-left: #dcdcdc 1px solid;
        border-radius: 0px 15px 0px 0px;
    }

    .products-grid .bundle-product-list ol .buynowbox {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

.products-grid .bundle-product-list ol .buynowbox .bundle_qty {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 3px;
}

    .products-grid .bundle-product-list ol .buynowbox .bundle_qty>span {
        width: 100%;
        text-align: center;
    }

    .products-grid .bundle-product-list ol .buynowbox .bundle_qty.bundle_right_qty {
        border-left: #dcdcdc 1px solid;
    }

    .products-grid .bundle-product-list ol .buynowbox .bundle_qty select.select_qty {
        border: #1f45fc solid 1px;
        width: 150px;
        max-width: 95%;
        margin: 5px;
    }

    .products-grid .bundle-product-list ol .buynowbox .bundle_final_price {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }

    .products-grid .bundle-product-list ol .buynowbox .bundle-price-fr-rr {
        width: 50%;
        background: #1b3fec;
        border: none;
        border-radius: 0;
        color: #ffffff;
        border-right: rgba(265, 265, 265, .10) solid 1px;
        padding: 0 15px;
        cursor: pointer;
        align-items: center;
        display: flex;
        text-align: center;
        justify-content: center;
    }

    .products-grid .bundle-product-list ol .buynowbox .bundle_final_price button {
        border-radius: 0;
        width: 50%;
        height: 55px;
        color: #fff;
        border: none;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0;
        background: #000;
    }

    .products-grid .bundle-product-list ol .buynowbox .bundle_final_price button:hover,
    .products-grid .bundle-product-list ol .buynowbox .bundle_final_price button:focus {
        background: #ddd;
        color: #000000;
        outline: none;
        box-shadow: none;
    }

    .column.main ol.bundle-product-list {
        align-items: flex-end;
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 21px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        width: 100% !important;
    }
    @media screen and (max-width: 991px) { 
  .column.main ol.bundle-product-list {
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 13px !important;
    }
    }

    .product_size span {
        color: #212121;
        font-weight: 800;
        font-size: 16px;
    }

    .page-layout-1column .category-product-actions .filter-toggle a.title {
        width: max-content;
        background: #1f45fc;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        padding: 10px 15px;
        font-size: 16px;
        transition: all 0.3s ease;
        border-radius: 100px;
    }

    .page-layout-1column .category-product-actions .filter-toggle a.title .icon {
        font-size: 26px;
        margin-right: 10px;
    }

    .page-layout-1column .category-product-actions .filter-toggle a.title:hover {
        background: #E4DECE;
        color: #000
    }

    .page-layout-1column .category-product-actions .filter-toggle a.title:hover .icon {
        color: #000
    }

    .products.regular-product-list {
        align-items: flex-end;
    }

    .products.regular-product-list li.item.product.product-item-info {
        border-radius: 15px;
        overflow: hidden;
        border: 1px solid var(--offer-color);
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
    }

    .product-items button.action.add-to-cart.call-us:hover {
        background-color: #000;
    }
    .product-items button.action.add-to-cart.call-us i {
        font-size: 13px;
        margin-right: 5px;
        position: relative;
        top: 1px;
    }

    .products.regular-product-list .tyre_offers {
        position: relative;
        background-color: var(--offer-color);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 6px 0 25px 0;
        min-height: 50px;
        top: 0;
        width: 100%;
        margin-bottom: -18px;
    }

    .products.regular-product-list .cover {
        border-radius: 15px 15px 0px 0px;
        overflow: hidden;
        background-color: #fff;
        z-index: 2;
        position: relative;
        width: 100%;
    }


    .products-grid .bundle-product-list ol li.item.product.product-item-info .tyre_offers {
        position: relative;
        background-color: var(--offer-color);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 6px 0 25px 0;
        min-height: 50px;
        top: 0;
        width: 100%;
        margin-bottom: -18px;
    }

    .products-grid .bundle-product-list ol li.item.product.product-item-info .cover {
        border-radius: 15px 0px 0px 0px;
        overflow: hidden;
        background-color: #fff;
        z-index: 2;
        position: relative;
        width: 100%;
    }




    @media screen and (max-width: 1199px) {
        li.item.product.product-item-info {
            max-width: 100% !important
        }

    }

    @media screen and (max-width: 1024px) {
        .main .products-grid .product-item-info .product-top a img {
            min-width: 100px;
            max-width: 230px;
            margin-left: auto;
            margin-right: auto;
        }

        .main .products-grid .regular-product-list .product-item-info .product-top a img {
            max-width: 200px;
        }

        .main .products-grid .regular-product-list .product-item-info .product-top {
            height: 120px;
        }


              .main .products-grid .products.list .product-item-info .vehicle_year_country .left_inner img {
    width: auto;
    height: 20px;
}

        .main .products-grid .products.list .product-item-info .vehicle_year_country .RunFlatlist img {
            width: 70px;
        }
    }

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



        .main .products-grid .products.list .product-item-info .product-item-details .price-box span {
            font-size: 16px;
        }
        
        span.single-tyre-price .price ,
        span.single-tyre-price {
            font-size: 16px;
        }

        .products-grid .bundle-product-list ol.bundleBox {
            width: 100%;
        }
    }

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

.products-grid .bundle-product-list ol li.item.product.product-item-info .product-item-name{
          justify-content: center !important;
}



        .column.main ol.bundle-product-list {
            margin: 0 0px !important;
        }

        .fitted-balanced {
            font-size: 8px;
        }

        .price,
        .price-box .price {
        
            font-size: 12px;
        }

        .tyre-labels img {
            vertical-align: top;
            float: right;
            width: 10px;
        }


        .tyre_offers {
            min-height: 25px;
            display: block;
            position: absolute;
            top: -4vh;
            background-color: #fff;
        }

        img.img_tyre_offer {
            max-height: 30px;
            width: auto;
            max-width: 100%;
            object-fit: contain;
        }

        .products.list li.item.product.product-item-info {
            padding: 0;
            margin-top: 4.7vh;
        }

        .main .products-grid .products.list .product-item-info .product-item-details .product.name a {
            width: auto;
                -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
        }


        .tyre-labels {
            top: -10px;
        }

        span.noise.wet-grip {
            right: 20px;
        }

        span.noise.fuel {
            right: 40px;
        }

        .main .products-grid .regular-product-list .product-item-info .product-top a img {
            max-width: 150px;
        }

        .noise label {
            position: absolute;
            top: -18px;
            right: 2px;
            font-size: 10px;
            font-weight: 700;
            color: #1f45fc;
        }

        .product-reviews-summary.short.empty {
            width: 50%;
            float: left;
        }

        .main .products-grid .regular-product-list .product-item-info .product-top {
            height: 80px;
        }

        a.mgs-ajax-layer-item {
            font-size: 3vw;
        }

        .block.filter .block-content.filter-content .filter-options-item .filter-options-title {
            font-size: 4vw;
            margin-bottom: 5px;
        }

        .main .products-grid .products.list .product-item-info .vehicle_year_country {
            margin-bottom: 0;
        }

        .block.filter .block-content.filter-content .filter-options-item input[type=radio],
        .block.filter .block-content.filter-content .filter-options-item input[type=checkbox] {
            margin-top: 9px;
            vertical-align: top;
        }

  .page-layout-1column .category-product-actions .filter-toggle a.title {
    width: max-content;
    padding: 8px 15px;
    border-radius: 20PX;
}

        .filter-toggle b {
            font-size: 13px;
            display: none;
        }


        .catalog-category-view.page-layout-1column .category-product-actions .filter-toggle {
            width: 70px;
        }

        .toolbar .sorter .sorter-action {
            margin-left: 0px;
        }

        .product-items .action.add-to-cart.call-us .fa.fa-phone {
            font-size: 2.5vw;
        }

        .page-layout-1column .category-product-actions .filter-toggle a.title .icon {
            margin-right: 0;
        }
    }

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



        .products-grid .products.list .product-item-info .product-item-details .buynowbox button,
        .products-grid .products.list .product-item-info .product-item-details .buynowbox .select_qty,
        .products-grid .bundle-product-list ol .buynowbox .bundle_final_price button {
            font-size: 2.8vw;
        }

        .products-grid .bundle-product-list ol .buynowbox .bundle-price-fr-rr {
            font-size: 2.5vw;
        }

        .products-grid .products.list .product-item-info .product-item-details .buynowbox .select_qty {
            background-size: 3.5vw auto;
        }

  .main .products-grid .products.list .product-item-info .product-item-details .product.name a {
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
}

        .main .products-grid .products.list .product-item-info .product-item-details .setfourprice {
            font-size: 2.5vw;
            line-height: 1em;
            margin-top: 5px;
        }

        .main .products-grid .products.list .product-item-info .product-item-details .price-box {
            min-height: 18px
        }

        .main .products-grid .products.list .product-item-info .product-item-details .price-box span {
            font-size: 2.65vw;
            line-height: 1em
        }

        span.single-tyre-price .price ,
        span.single-tyre-price {
            font-size: 12px;
            line-height: 1em;
        }

        span.single-tyre-price .strike {
            font-size: 11px;
        }

        .main .products-grid .products.list .product-item-info .product-item-details .price-box .old-price .price {
            font-size: 2.2vw;
            line-height: 1em
        }

        .main .products-grid .products.list .product-item-info .product_size {
            font-size: 2.65vw;
            line-height: 1.5em
        }

      .main .products-grid .products.list .product-item-info .vehicle_year_country .left_inner img {
    width: auto;
    height: 18px;
}
        .main .products-grid .products.list .product-item-info .vehicle_year_country .RunFlatlist img {
            width: 12vw;
        }



        .products-grid .products.list .product-item-info .warrenty_img img {
            width: 13px;
        }

        .products-grid .products.list .product-item-info .warrenty_img span {
            font-size: 9px;
        }



        .main .products-grid .products.list .product-item-info .vehicle_year_country {
            min-height: 35px;
        }

        .products-grid .products.list .product-item-info .product-item-details .buynowbox button,
        .products-grid .products.list .product-item-info .product-item-details .buynowbox .select_qty,
        .products-grid .bundle-product-list ol .buynowbox .bundle_final_price button {
            height: 40px;
        }

        .products-grid .products.list .product-item-info .product-item-details {
            padding-top: 5px;
            overflow: hidden;
        }

        .lazy-loading-img .products-grid .product-item-info .product-top {
            height: 11vh;
        }

        .products-grid .bundle-product-list ol .buynowbox .bundle_qty select.select_qty {
            width: 100px;
            height: 40px;
            font-size: 3.5vw;
        }

        .product-items button.action.add-to-cart.call-us {
            height: 40px;
        }

        .product-items .action.add-to-cart.call-us span {
            font-size: 2.8vw;
            font-weight: 600;
        }
        .products-grid .bundle-product-list ol .buynowbox .bundle_final_price .call-us-action {
            height: 40px;
            line-height: 40px;
            font-size: 2.8vw;
        }
    }
/* star new mobile desing */
.products-grid .products.list.regular-product-list .product-item-info .vehicle_year_country-sm,
.products-grid .products.list.regular-product-list .vehicle_year-sm,
.products-grid .products.list.regular-product-list .product-item-info .mobile-bottom-bar,
.products-grid .products.list.regular-product-list .product-item-info .brand_logo_wrapper-sm,
.products-grid .products.list.regular-product-list .product-item-info .warrenty_img-sm{
  display: none;
}

.oem_tyres_logos_lg {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 4px;
    vertical-align: middle;
}
.oem_tyres_logos_lg .oem_logo {
    height: 18px;
    width: auto;
    max-width: 36px;
    object-fit: contain;
    border-radius: 2px;
}
.oem_tyres_logos_lg_bundle {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 4px;
    vertical-align: middle;
}
.oem_tyres_logos_lg_bundle .oem_logo {
    height: 18px;
    width: auto;
    max-width: 36px;
    object-fit: contain;
    border-radius: 2px;
}
.oem_dropdown_wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
}
.oem_more_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    width: 18px;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    background: #1a73e8;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.18s, transform 0.15s;
    flex-shrink: 0;
}
.oem_more_btn:hover {
    background: #1558b0;
}
.oem_more_btn.oem_expanded {
    background: #000;
    transform: rotate(45deg);
}
.oem_dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    left: -33px;
    z-index: 999;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
    padding: 3px;
    gap: 6px;
    flex-wrap: wrap;
    max-width: 35px;
    width: auto;
    justify-content: center;
}
.oem_dropdown.oem_dropdown_open {
    display: flex;
}
.oem_dropdown .oem_logo {
    height: 19px;
    width: auto;
    object-fit: contain;
    border-radius: 2px;
}
@media screen and (max-width: 480px){
.oem_more_btn {
    height: 16px;
    width: 16px;
    font-size: 17px;
}
}

@media screen and (max-width: 480px) {
.products-grid .products.list.regular-product-list .mobile-hide {
    display: none !important;
}
.products-grid .products.list.regular-product-list .vehicle_year-sm {
  display: inline-block;
}
.products-grid .products.list.regular-product-list .product-item-info .product-item-details {
    text-align: right;
    padding: 10px 8px 0px 0px;
}

.main .products-grid .products.list.regular-product-list .product-item-info .product_size {
    margin-top: 4px;
    gap: 2px;
}

.main .products-grid .products.list.regular-product-list .product-item-info .product_size span {
    font-weight: 500;
    font-size: 13px;
}

.main .products-grid .products.list.regular-product-list .product-item-info .product-item-details .setfourprice {
    font-size: 0.8rem;
    background: transparent;
    margin-top: 3px;
}

.products-grid .products.list.regular-product-list .product-item-info .product-item-details span.single-tyre-price {
    font-size: 16px;
    margin-top: 0px;
}

.products-grid .products.list.regular-product-list .product-item-info .product-item-details .fitted-balanced {
    font-size: 10px;
    margin-bottom: 5px;
}

.main .products-grid .products.list.regular-product-list .product-item-info .vehicle_year_country,
.products-grid .products.list.regular-product-list .product-item-info .buynowbox-lg {
    display: none !important;
}

 
.products-grid .products.list.regular-product-list .product-item-info .brand_logo_wrapper-sm {
  display: block;
}

.products-grid .products.list.regular-product-list .product-item-info .warrenty_img-sm{
  display: flex;
}

.products-grid .products.list.regular-product-list .product-item-info .product-item-details .buynowbox button,
.products-grid .products.list.regular-product-list .product-item-info .product-item-details .buynowbox .select_qty {
    font-size: 2.5vw;
    line-height: 1em
}

.column.main ol.regular-product-list {
    margin: 0 -5px !important;
}

.regular-product-list li.item.product {
    width: calc(100% - 0px);
    margin: 5px;
}

.products.regular-product-list .cover {
    display: flex;
}

.products.list li.item.product.product-item-info {
    margin-top: 0.5rem;
}

.products-grid .products.list.regular-product-list .brand_logo_wrapper {
    display: none;
}

.products-grid .products.list.regular-product-list .product-item-info .product-item-details .buynowbox button,
.products-grid .products.list.regular-product-list .product-item-info .product-item-details .buynowbox .select_qty,
.products-grid .bundle-product-list ol .buynowbox .bundle_final_price button {
    height: 35px;
}

.products-grid .bundle-product-list ol .buynowbox .bundle_qty select.select_qty {
    height: 35px;
}

.product-items button.action.add-to-cart.call-us {
    height: 35px;
}

.product-items .action.add-to-cart.call-us span {
    font-size: 2.5vw;
    font-weight: 600;
}

.products-grid .bundle-product-list ol .buynowbox .bundle_final_price .call-us-action {
    height: 35px;
    line-height: 35px;
    font-size: 2.8vw;
}

.products-grid .products.list.regular-product-list img.img_brand_logo {
    max-width: 100%;
}

.main .products-grid .regular-product-list .product-item-info .mobile-left {
    height: auto;
    flex: 1 0 44%;
}

.main .products-grid .regular-product-list .product-item-info .mobile-left .product-top a img {
  max-width: 225px;
  height: 100px;
  object-fit: contain;
}

.products-grid .products.list.regular-product-list .brand_logo_wrapper-sm {
  height: auto;
  padding: 1px 0px 0px 0px;
  border-bottom: none;
}

.products-grid .products.list.regular-product-list .brand_logo_wrapper-sm img.img_brand_logo {
    max-width: 84%;
    max-height: 25px;
    margin: auto;
    min-height: 36px;
}

.main .products-grid .regular-product-list .product-item-info .product-top {
    height: 104px;
}

.products-grid .products.list.regular-product-list .product-item-info .warrenty_img {
    display: none;
}

.products-grid .products.list.regular-product-list .product-item-info .warrenty_img-sm img {
    width: 13px;
    margin-left: 4px;
    position: relative;
    top: 1px;
}

.products-grid .products.list.regular-product-list .product-item-info .warrenty_img-sm span {
    font-size: 0.7rem;
    color: #000;
    line-height: 1.3em;
    height: auto;
    -webkit-writing-mode: horizontal-tb;
    margin: auto;
    margin-left: 5px;
    font-weight: 600;
    letter-spacing: 0.5px;
}


.products-grid .products.list.regular-product-list .product-item-info .mobile-bottom-bar .right-part .buynowbox-sm {
    display: flex;
    margin: -1px -11px;
    background: #1f45fc;
}

.products-grid .products.list.regular-product-list .product-item-info .mobile-bottom-bar .right-part .buynowbox-sm .select_qty {
    background: #1b3fec url('/media/down-arrow.svg') no-repeat;
    height: 34px;
    background-size: 13px auto;
    background-position: center right 15px;
    border: none;
    border-radius: 0;
    width: 63px;
    color: #ffffff;
    border-right: rgba(265, 265, 265, .10) solid 1px;
    padding: 0 15px;
    cursor: pointer;
}

.products-grid .products.list.regular-product-list .product-item-info .mobile-bottom-bar .right-part .buynowbox-sm button {
    border-radius: 0;
    width: max-content;
    padding: 0px 20px 0 10px;
    font-size: 0.8rem;
    height: 34px;
    background: none;
    color: #fff;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0;
    background: #000000;
}

.products-grid .products.list.regular-product-list .product-item-info .mobile-bottom-bar .right-part .buynowbox-sm button:hover,
.products-grid .products.list.regular-product-list .product-item-info .mobile-bottom-bar .right-part .buynowbox-sm button:focus {
    background: #ddd;
    color: #000000;
    outline: none;
    box-shadow: none;
}

.products-grid .products.list.regular-product-list .product-item-info .mobile-bottom-bar .right-part .buynowbox-sm button i {
    margin-right: 2px;
    font-size: 110%;
}

.products-grid .products.list.regular-product-list .product-item-info .mobile-bottom-bar {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0px 5px;
    align-items: center;
    background-color: #dddddd7a;
    border-top: 1px solid #ddd;
}

.products-grid .products.list.regular-product-list .product-item-info .vehicle_year_country-sm {
    display: flex;
    align-items: center;
    gap: 0px;
    font-size: 0.8rem;
    justify-content: end;
    margin-top: 2px;
}
.products-grid .products.list.regular-product-list .product-item-info .vehicle_year_country-sm .right_inner span ,
.products-grid .products.list.regular-product-list .product-item-info .vehicle_year_country-sm .vehicle-origin {
    font-weight: 600;
}

.products-grid .products.list.regular-product-list .product-item-info .vehicle_year_country-sm .RunFlatlist img {
    width: 58px;
    position: relative;
    top: 7px;
}


.products-grid .products.list.regular-product-list .product-item-info .mobile-bottom-bar .call-us-action button ,
.products-grid .products.list.regular-product-list .product-item-info .mobile-bottom-bar button.action.add-to-cart.call-us {
    width: max-content;
    padding: 0px 20px 0 10px;
    font-size: 0.8rem;
    height: 34px;
}

.products-grid .products.list.regular-product-list li.item.product.product-item-info .tyre_offers img {
    max-height: 30px !important;
}

.products-grid .products.list.regular-product-list .product-item-info .product-item-details .mobile-reverse-price {
  display: flex;
    flex-direction: column;
}

.products-grid .products.list.regular-product-list .product-item-info .product-item-details .mobile-reverse-price .fitted-balanced {
    order: 3;
}

.oem_tyres_logos_sm {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 3px;
    margin-top: 0;
    justify-content: end;
}
.oem_tyres_logos_sm .oem_logo {
    height: 18px;
    width: auto;
    max-width: 40px;
    object-fit: contain;
    position: relative;
    top: 0;
}
  .oem_tyres_logos_lg {
  display: none !important;
}
}
/* End new mobile desing */
    @media screen and (max-width: 359px) {
        .regular-product-list li.item.product {
            width: calc(100% - 0px);
            margin-right: 0;
            margin-left: 0
        }
        .column.main .product-items.regular-product-list {
            margin-right: 0
        }
    }

    @media screen and (min-width: 601px) {
        .product-items button.action.add-to-cart.call-us {
            height: 45px;
        }

        .products-grid .bundle-product-list ol .buynowbox .bundle_final_price .call-us-action {
            height: 55px;
            line-height: 55px;
        }
    }

    .product-items a.call-us-action {
        float: left;
        width: auto;
        display: flex;
        margin: -1px -11px;
    }

    .product-items button.action.add-to-cart.call-us {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        background-color: #1b3fec;
        color: #FFF;
        border: none;
    }

    .product-items .action.add-to-cart.call-us .fa.fa-phone {
        margin-right: 10px;
    }

    .product-items .action.add-to-cart.call-us span {
        font-weight: 600;
        text-transform: uppercase;
    }

    .product-items span.product-label.sold-out-label {
        display: none;
    }

    .products-grid .bundle-product-list ol .buynowbox .bundle_final_price .call-us-action {
        float: left;
        width: 50%;
        display: block;
        margin: 0 auto;
        color: #FFF;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0;
        background: #1b3fec;
        text-align: center;
    }

    .products-grid .bundle-product-list ol .buynowbox .bundle_final_price .call-us-action .fa.fa-phone {
        margin-right: 10px;
    }

    .single-tyre-price .strike {
        color: #000;
        text-decoration: line-through;
    }

    /* Start Category Oil change */
    .category-oil .products-grid .products.list .brand_logo_wrapper {
        height: 55px;
        background-color: #ffffff;
        padding: 7px 0px 0;
        border-bottom: 2px solid #eee;
    }

    .category-oil .products-grid .products.list img.img_brand_logo {
        min-height: 40px;
        max-height: 40px;
        width: auto;
    }

    .category-oil .lazy-loading-img .products-grid .product-item-info .product-top {
        height: 230px;
        background-color: #fff;
    }

    .category-oil .product-image-photo.img-thumbnail {
        height: auto;
        width: auto;
        min-width: inherit;
        max-width: 100%;
        max-height: 200px;
    }

    .category-oil .products-grid .product-item-info .product-top:hover a.photo:after {
        opacity: 0;
    }

    @media screen and (min-width: 768px) and (max-width: 991px) {
        .products-grid .products.list .product-item-info .product-item-details .buynowbox button {
            font-size: 13px;
        }
    }



    #customerDetailsModal .top-banner img {
        width: 100%;
        object-fit: cover;
    }

    #customerDetailsModal .modal-body h5 {
        text-transform: none;
        text-align: center;
        margin: 0 0 15px;
    }

    #customerDetailsModal .modal-body .form-control {
        border-radius: 100px;
        padding: 0 15px;
    }

    #customerDetailsModal .info {
        background-color: #f6f6f8;
        text-align: center;
        padding: 12px;
        font-size: 13px;
    }

    #customerDetailsModal .modal-close {
        border: none;
        background-color: rgba(255, 255, 255, 0.8);
        width: 30px;
        height: 30px;
        font-size: 30px;
        opacity: 1;
        color: #222;
        line-height: 30px;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        padding: 0;
        top: 0;
        right: 0;
        left: auto;
        z-index: 10;
        position: absolute;
    }

    @media screen and (min-width:767px) {
        #customerDetailsModal .modal-dialog {
            width: 530px;
        }
    }


    .fitted-balanced {
        align-content: center;
    }


@media  screen and (max-width: 767px) {
.fitted-balanced {
    height: auto;
    align-content: center;
    line-height: 14px;
}
}
@media screen and (max-width: 991px) {
.main .products-grid .products.list .product-item-info .vehicle_year_country .right_inner span, .main .products-grid .products.list .product-item-info .vehicle_year_country span.vehicle-origin {
    font-size: 12px;
}
}

.oem_tyres_logos_sm {
  display: none;
}

.oem_tyres_logos_lg {
    display: flex;
    right: -33px;
    top: 5px;
    align-items: center;
    gap: 6px;
}

.oem_tyres_logos_lg .oem_logo {
    min-width: inherit !important;
    max-width: 40px;
    object-fit: contain;
}


.oem_tyres_logos_bundle {
    display: flex;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
    gap: 6px;
    justify-content: end;
    background: #fff;
    border-radius: 30px;
}

.oem_tyres_logos_bundle .oem_logo {
    height: 17px;
    min-width: auto !important;
    max-width: 40px !important;
    object-fit: contain;
}


.products-grid .products.list .product-item-info .product-item-details .product_size {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 6px;
}

@media screen and (max-width: 480px){
  .products-grid .products.list .product-item-info .product-item-details .product_size {
      justify-content: end;
  }
  .batteryprice {
      margin: 5px -10px 0;
  }
  .products-grid .bundle-product-list ol li.item.product.product-item-info .product-item-details .product_size {
      justify-content: center !important;
  }
  .products-grid .bundle-product-list ol li.item.product.product-item-info .fitted-balanced {
      margin: 3px 0px 2px;
      height: auto;
      align-content: center;
      line-height: 14px;
  }
  .products-grid .bundle-product-list ol li.item.product.product-item-info .product-item-details {
      padding: 10px 6px 0;
  }
}

@media screen and (min-width: 991.98px) {
#onestepcheckout-page #checkout .opc-wrapper {
    width: 66.67% !important;
}
#onestepcheckout-page #opc-sidebar {
    width: 32% !important;
    float: right;
}
	}




#customerDetailsModal .modal-header {
    background: linear-gradient(90deg, #1a3fcb 0%, #3b6cf7 100%);
    border-radius: 8px 8px 0 0;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: none;
}
#customerDetailsModal .modal-header .left-side {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
#customerDetailsModal .modal-header .left-side svg {
    stroke: #fff;
    flex-shrink: 0;
}
#customerDetailsModal .modal-header .modal-close {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 30px;
    line-height: 1;
    padding: 0;
    opacity: 0.85;
    cursor: pointer;
}
#customerDetailsModal .modal-header .modal-close:hover {
    opacity: 1;
}
#customerDetailsModal .modal-header h5{
    color: #fff;
    font-size: 15px;
    text-align: center;
}
#customerDetailsModal .modal-body {
    padding-bottom: 0 !important;
}
#customerDetailsModal .modal-body .modal-logo {
    margin-bottom: 0.6rem;
}
#customerDetailsModal .modal-body .modal-logo img {
    max-width: 200px;
    margin: auto;
    display: block;
}
#customerDetailsModal .modal-dialog {
    overflow: hidden !important;
}
#customerDetailsModal .modal-content {
    border-radius: 8px;
    overflow: hidden;
}
#customerDetailsModal .modal-titles {
    margin-bottom: 14px;
    text-align: center;
}
#customerDetailsModal .modal-titles p {
    margin: 0;
    line-height: 1.4;
}
#customerDetailsModal .modal-titles .modal-titles-heading {
    font-size: 1.15rem;
    font-weight: 800;
    color: #0d1b2a;
    margin-bottom: 4px;
}
#customerDetailsModal .modal-titles .modal-titles-sub {
    font-size: 0.9rem;
    font-weight: 500;
    color: #555;
}
#customerDetailsModal .modal-titles .modal-titles-sub span {
    font-weight: 700;
    color: #0d1b2a;
}
#customerDetailsModal .modal-close {
       top: 3px !important; 
    right: 3px !important;
}
#customerDetailsModal .modal-content .modal-body .text-center .btn-primary.skip {
    border: 2px solid #000 !important;
    background-color: #000 !important;
}
#customerDetailsModal .info span {
    display: block;
    padding-right: 64px;
}
#customerDetailsModal .g-recaptcha .grecaptcha-badge {
    bottom:6px !important;
}
@media  screen and (max-width: 767px) {
#customerDetailsModal .modal-titles .modal-titles-heading {
    font-size: 1rem;
    margin-bottom: 0;
}
    #customerDetailsModal .modal-titles .modal-titles-sub {
        font-size: 0.85rem;
    }
    #customerDetailsModal .modal-content .modal-body .btn-secondary,
    #customerDetailsModal .modal-content .modal-body .btn-primary {
    min-width: 100%;
}
#customerDetailsModal .modal-body .modal-logo {
    margin-bottom: 0.4rem;
}
#customerDetailsModal .modal-body .modal-logo img {
    max-width: 156px;
    margin: auto;
    display: block;
}
#customerDetailsModal .modal-header {
     padding: 7px 18px;
}
#customerDetailsModal .modal-content .modal-body .btn-secondary, #customerDetailsModal .modal-content .modal-body .btn-primary {
    min-width: 100%;
}
#customerDetailsModal .modal-titles {
    margin-bottom: 9px;
}
#customerDetailsModal .info {
    padding: 7px;
}
#customerDetailsModal #list-page-customer-details-form .form-group {
    margin-bottom: 10px;
}
#customerDetailsModal .info span {
    line-height: 1.3;
}
}

.products-grid.slider-1-row .owl-item {
    padding: 0 0 !important;
}

@media  screen and (max-width: 767px) {
.filter-current-listing .items .item {
    row-gap: 0 !important;
    flex-wrap: wrap;
}
.filter-current-listing .items .item .action.remove {
    margin-left: 8px;
}
}

.products-grid .product-item-info .product-top .actions-link button {
  color: #1f45fc !important;
}

.products-grid .product-item-info .product-top a.photo:after {
    content: none !important;
}


.products  .bundle-product-list.row:before,
.product-items.regular-product-list.row:before{
  display: none !important;
}

.bottom-pagination .pages {
    margin-top: 20px !important;
}

.checkout-cart-index .shopping-cart-bottom .cart-totals {
    margin-top: 1rem;
    border-radius: 12px;
    box-shadow: 0 6px 20px -12px rgba(0, 0, 0, .25);
}

.styles__snippetWrapper--d68e9 {
    border-radius: 12px;
    box-shadow: 0 6px 20px -12px rgba(0, 0, 0, .25);
    border: 1px solid #A9A9A9 !important;
}

.checkout-cart-index .cart.main.actions:after{
  content: none !important;
}

.checkout-cart-index .cart.main.actions .btn {
   padding: 0 23px !important;
}

.checkout-cart-index .cart-summary .checkout-methods-items .item {
    padding-top: 0.5rem !important;
    padding: 0;
}

.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-photo {
    width: 50px;
}

.checkout-cart-index #shopping-cart-table tbody tr td.col.item {
    position: relative;
    display: flex;
    align-items: center;
    border-right: 0;
}

.checkout-cart-index #shopping-cart-table .product-item-details .cart-item-remove {
    margin-top: 0 !important;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width: 1024px) { 

.checkout-cart-index .shopping-cart-bottom .cart-totals {
    margin-top: 0.5rem;
}
}

@media screen and (max-width: 991.98px) { 
.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details {
     margin-left: 0;
     width: calc(100% - 116px);
      padding-top: 0px;
}
}

@media  screen and (max-width: 767px) {
.checkout-cart-index #shopping-cart-table tbody tr {
    display: block;
    position: relative;
    overflow: hidden;
}
.checkout-cart-index #shopping-cart-table .product-item-details .cart-item-remove {
    top: 36%;
}
.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details {
    width: calc(100% - 36px);
    padding-top: 0px;
}

.checkout-cart-index #shopping-cart-table tbody tr td {
    padding: 2px 15px !important;
}

.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details {
    margin: 0px 32px 0 0 !important;
}

.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-photo {
    width: 44px;
}

.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.grand.totals .price,
.checkout-cart-index
  .shopping-cart-bottom
  .cart-totals
  .table.totals
  tbody
  tr.grand.totals
  strong {
    font-size: 16px !important;
}

.featured-product {
    margin: 0 10px;
}

.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details .product-item-name a {
    font-size: 13px;
}

.checkout-cart-index .price, .checkout-cart-index .price-box .price {
    font-size: 14px;
}

}

.spec_info_btn {
    cursor: pointer;
}

.checkout-cart-index .shopping-cart-bottom .cart-totals {
    padding-top: 6px !important;
}

.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr td, .checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr th {
  padding: 0 15px 4px;
}

.checkout-cart-index .cart-summary .checkout-methods-items .item .action.checkout {
  padding: 11px 24px 8px !important;
}

.checkout-cart-index .footer {
    margin-top: 40px;
}

.checkout-cart-index .cart.main.actions {
    margin-top: 0 !important;
}

@media (max-width: 767px) {
    .checkout-cart-index #shopping-cart-table tbody {
    border-color: #a9a9a9 !important;
}
}

.checkout-cart-index .shopping-cart-bottom .loading-mask {
  border-radius: 12px !important;
}



.main-banner {
    background: linear-gradient(180deg, rgba(31, 69, 252, 0) 0%, #1F45FC 100%);
    background-image: url("../images/main-banner-bg.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.main-banner .offer-title {
    position: absolute;
    left: 4px;
    bottom: -7px;
    opacity: 0.1;
    text-transform: uppercase;
}

.main-banner .why-choose {
  padding-top: 140px;
  padding-bottom: 60px;
}

.main-banner .why-choose .banner-title h1 {
    color: #fff;
    text-transform: capitalize;
}

.main-banner .why-choose .banner-title h1 span {
    color: var(--white);
    position: relative;
    font-style: italic;
}

.main-banner .why-choose .banner-title h1 span::before {
    position: absolute;
    background-image: url("../images/title-shape.png");
    content: "";
    bottom: -15px;
    width: 100%;
    height: 10px;
    z-index: 1;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.main-banner .why-choose .left-content ul {
    margin-top: 3rem;
}

.main-banner .why-choose .left-content ul li p {
    margin-bottom: 0.5rem;
    color: #fff;
    font-family: var(--heading-family);
}

.main-banner .why-choose .left-content ul li p span {
    font-weight: 600;
} 

.main-banner .why-choose .left-content ul li {
    display: flex;
}

.main-banner .why-choose .left-content ul li svg {
    width: 19px;
    margin-right: 6px;
}

.main-banner .why-choose .left-content .action-btn {
    margin-top: 1.4rem;
}

/* tyrefinder-tab-css */
.right-finder {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.tyrefinder-tab-wrap {
    width: 100%;
    max-width: 90%;
    background: var(--white);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35);
}

.tyrefinder-tab-wrap .nav.tyrefinder-tab {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tyrefinder-tab-wrap .nav.tyrefinder-tab .nav-item {
  flex: 1;
  min-width: 0;
}

.tyrefinder-tab-wrap .nav.tyrefinder-tab .nav-item:first-child {
  position: relative;
  z-index: 2;
}

.tyrefinder-tab-wrap .nav.tyrefinder-tab .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 58px;
    border: none;
    background: #000;
    color: var(--white);
    font-family: var(--heading-family);
    font-weight: 700;
    font-size: 20px;
    cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease;
    border-radius: 0;
}


.tyrefinder-tab-wrap .nav.tyrefinder-tab .nav-link.active {
    background: var(--white);
    color: var(--theme-secondary);
    border-radius: 0;
}

.tyrefinder-tab-wrap .nav.tyrefinder-tab #pills-talk-tab:not(.active) {
    border-bottom-left-radius: 16px !important;
}

.tyrefinder-tab-wrap .nav.tyrefinder-tab #pills-search-tab:not(.active) {
    border-bottom-right-radius: 16px !important;
}

.tyrefinder-tab-wrap .nav.tyrefinder-tab .nav-link .tyrefinder-tab__whatsapp {
    fill: var(--white);
    transition: background 0.3s ease, color 0.3s ease;
}

.tyrefinder-tab-wrap .nav.tyrefinder-tab .nav-link.active .tyrefinder-tab__whatsapp {
    fill: var(--theme-secondary);
}

.tyrefinder-tab-wrap .tyrefinder-tab__whatsapp {
    width: 20px;
    height: auto;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.tyrefinder-tab-wrap .tyrefinder-tab-content {
    background: var(--white);
    padding: 22px 22px 55px;
    position: relative;
    height: 193px;
}

.tyrefinder-actions {
  display: flex;
  gap: 12px;
}

.tyrefinder-action-btn {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 52px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1.5px solid var(--theme-primary);
    background: transparent;
    color: var(--theme-primary);
    font-family: var(--heading-family);
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tyrefinder-action-btn--primary {
  background: var(--theme-primary);
  border-color: var(--theme-primary);
  color: var(--white);
}

.tyrefinder-action-btn--outline {
  background: var(--white);
}

.tyrefinder-action-btn__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 90px;
    padding: 5px;
    width: 30px;
    height: 30px;
}

.right-finder .tyrefinder-tab-content .tyrefinder-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.tyrefinder-action-btn--primary .tyrefinder-action-btn__icon {
  background: var(--white);
  color: var(--theme-primary);
}

.tyrefinder-action-btn--primary .tyrefinder-action-btn__icon svg {
  fill: var(--theme-primary);
}

.tyrefinder-action-btn--outline .tyrefinder-action-btn__icon {
  background: var(--theme-primary);
  color: var(--white);
}

.tyrefinder-actions .whatsapp-btn {
    background-color: #29A71A !important;
}

.tyrefinder-action-btn--outline .tyrefinder-action-btn__icon svg {
  fill: var(--white);
}


.tyrefinder-action-btn__label {
  flex: 1;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tyrefinder-action-btn__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.tyrefinder-action-btn--primary:hover {
    background: var(--theme-secondary);
    border-color: var(--theme-secondary);
    color: #fff;
}

.tyrefinder-action-btn--outline:hover {
    background: #000;
    color: var(--white);
    border-color: #000;
}

.tyrefinder-action-btn--primary .tyrefinder-action-btn__arrow svg {
    fill: var(--white);
    transition: all 0.3s ease;
}

.tyrefinder-action-btn--primary:hover .tyrefinder-action-btn__arrow svg {
    fill: var(--white);
}

.tyrefinder-action-btn--outline .tyrefinder-action-btn__arrow svg {
    fill: var(--theme-primary);
    transition: all 0.3s ease;
}

.tyrefinder-action-btn--outline:hover .tyrefinder-action-btn__arrow svg {
    fill: var(--white);
}

.tyrefinder-help-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-weight: 500;
    margin-top: 14px;
    font-size: 14px;
    color: var(--theme-secondary);
    text-decoration: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.tyrefinder-help-link:hover {
  color: var(--theme-primary);
}

.tyrefinder-help-link__icon {
  display: inline-flex;
}




@media screen and (max-width: 1024px) {
.tyrefinder-tab-wrap {
    width: 100%;
    max-width: 100%;
}
.main-banner .why-choose {
    padding-top: 90px;
}
.main-banner .why-choose .banner-title h1 {
    text-align: left;
}
.main-banner .why-choose {
    padding-bottom: 34px;
}
}


@media screen and (max-width: 991px) {
  .right-finder {
    justify-content: center;
    margin-top: 30px;
  }

  .main-banner .why-choose {
    padding-top: 40px;
}
.main-banner .why-choose .left-content ul {
    margin-top: 2rem;
}

.main-banner .why-choose .left-content .button-content {
  text-align: center;
}

.main-banner .why-choose .left-content .action-btn {
    margin-top: 0.9rem;
}

.main-banner .why-choose {
    padding-top: 28px;
}

}

@media screen and (max-width: 767px) {
  .main-banner .why-choose .left-content ul {
      margin-top: 1.7rem;
  }

  .main-banner .why-choose .left-content ul li svg {
    width: 16px;
}

.right-finder {
    margin-top: 22px;
}

.tyrefinder-tab-wrap .nav.tyrefinder-tab .nav-link {
    font-size: 16px;
    padding: 7px 4px 10px 4px;
    height: 44px;
}

.tyrefinder-tab-wrap .nav.tyrefinder-tab .nav-link .tyrefinder-tab__whatsapp {
    width: 14px;
    position: relative;
    top: 2px;
}

.tyrefinder-tab-wrap .tyrefinder-tab-content {
    padding: 10px 10px 40px;
        height: 158px;
}

.tyrefinder-help-link {
   margin-top: 6px;
    font-size: 12px;
}

.tyrefinder-help-link svg {
    width: 12px;
}

.tyrefinder-action-btn__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    display: none;
}

.tyrefinder-action-btn__label {
    top: -2px;
    position: relative;
}

.tyrefinder-action-btn--primary .tyrefinder-action-btn__icon svg {
    width: 16px;
}

.tyrefinder-action-btn__icon {
    width: 24px;
    height: 24px;
    top: 0px;
    position: relative;
}

.tyrefinder-actions {
    gap: 10px;
}

.tyrefinder-action-btn {
  height: 42px;
    padding: 0 10px;
}

.main-banner .why-choose {
    padding-bottom: 20px;
}

}

/* @media screen and (max-width: 480px) {
  .tyrefinder-tab-wrap .nav.tyrefinder-tab .nav-link {
    font-size: 13px;
    height: 52px;
  }

  .tyrefinder-tab-wrap .nav.tyrefinder-tab .nav-item:first-child {
    margin-right: -12px;
  }

  .tyrefinder-tab-wrap .nav.tyrefinder-tab .nav-link.active {
    padding-right: 12px;
  }

  .tyrefinder-actions {
    flex-direction: column;
  }

  .tyrefinder-tab-content {
    padding: 18px;
  }
} */


.home-offer-section {
  padding-bottom: 70px;
}

.home-offer-section .home-offer-slider .offer-link .aspect-custom {
  padding-bottom: 52%;
}

.home-offer-slider .offer-image .image-wrap {
  overflow: hidden;
}

.home-offer-slider .offer-image .image-wrap::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  transform: skewX(-25deg);
}

.home-offer-slider .offer-image:hover .image-wrap::before {
  animation: shine .75s;
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.home-offer-slider .slider:not(.swiper-initialized) .swiper-wrapper {
    gap: 10px;
}

.home-offer-slider .slider:not(.swiper-initialized) .swiper-slide {
    width: 100%; /* 1 slide */
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .home-offer-slider .slider:not(.swiper-initialized) .swiper-wrapper {
        gap: 10px;
    }

    .home-offer-slider .slider:not(.swiper-initialized) .swiper-slide {
        width: calc(50% - 5px); /* 2 slides, 10px gap */
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .home-offer-slider .slider:not(.swiper-initialized) .swiper-wrapper {
        gap: 10px;
    }

    .home-offer-slider .slider:not(.swiper-initialized) .swiper-slide {
        width: calc(33.333333% - 6.666667px); /* 3 slides, 10px gap */
    }
}

@media screen and (min-width: 1200px) {
    .home-offer-slider .slider:not(.swiper-initialized) .swiper-wrapper {
        gap: 15px;
    }

    .home-offer-slider .slider:not(.swiper-initialized) .swiper-slide {
        width: calc(33.333333% - 10px); /* 3 slides, 15px gap */
    }
}




.swiper-pagination-style1 {
  position: relative
}

.swiper-pagination-style1 .swiper-pagination {
    text-align: center;
    position: absolute;
    display: flex;
    bottom: 0;
    top: 115%;
    margin-top: 0;
    align-items: center;
    justify-content: center;
}

.swiper-pagination-style1 .swiper-pagination:empty {
  display: none
}

.swiper-pagination-style1 .swiper-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 4px;
  border-radius: 3px;
  transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out
}

.swiper-pagination-style1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active  {
   width: 15px;
  height: 15px;
}

.home-offer-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: transparent;
  opacity: 1;
  margin: 0 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.home-offer-slider .swiper-pagination .swiper-pagination-bullet svg {
  width: 100%;
  height: 100%;
  transition: all .3s ease-in-out;
}

.home-offer-slider .swiper-pagination .swiper-pagination-bullet svg path {
  fill: #000;
  transition: all .3s ease-in-out;
}


.home-offer-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active svg path {
  fill: #fff;
}


.swiper-navigation-style1 {
  position: relative
}

.swiper-navigation-style1 .swiper-button-next, .swiper-navigation-style1 .swiper-button-prev {
  border: 1px solid #000;
  background-color: rgba(0, 0, 0, 0);
  width: 38px;
  height: 38px;
  border-radius: 100px;
  transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out
}

.swiper-navigation-style1 .swiper-button-next::after, .swiper-navigation-style1 .swiper-button-prev::after {
  font-size: 14px;
  color: #000;
  transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out
}

.swiper-navigation-style1 .swiper-button-next:hover, .swiper-navigation-style1 .swiper-button-prev:hover {
  background-color: #000;
  border-color: rgba(0, 0, 0, 0)
}

.swiper-navigation-style1 .swiper-button-next:hover::after, .swiper-navigation-style1 .swiper-button-prev:hover::after {
  color: #fff
}

.swiper-navigation-style1 .swiper-button-next {
  right: -60px
}

.swiper-navigation-style1 .swiper-button-prev {
  left: -60px
}





/* how-it-work-css */
.how-it-works-section {
  background: var(--white);
}

.how-it-works-section .how-it-works-grid {
  display: flex;
  align-items: stretch;
  gap: 3px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.2);
}

.how-it-works-section .how-it-works-grid .how-it-works-card {
    position: relative;
    flex: 0 0 270px;
    min-height: 478px;
    overflow: hidden;
    background: #111;
    cursor: grab;
    transition: all 0.3s ease-in-out;
}

.how-it-works-section .how-it-works-grid .how-it-works-card.is-active {
  flex: 1 1 0;
  outline: none;
  transition: all 0.3s ease-in-out;
}

.how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__media {
  position: absolute;
  inset: 0;
}

.how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.how-it-works-section .how-it-works-grid .how-it-works-card.is-active .how-it-works-card__media img {
  transform: scale(1.08);
}

.how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 0.7;
  transition: opacity 0.4s ease;
}

.how-it-works-section .how-it-works-grid .how-it-works-card.is-active .how-it-works-card__overlay {
  opacity: 1;
}

.how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__content {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 30px;
}

.how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__content .how-it-works-card__panel {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 1rem;
  align-items: end;
}

.how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__content .how-it-works-card__panel .how-it-works-card__body {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition: grid-template-rows 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s,
    opacity 0.2s ease 0s;
}

.how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__content .how-it-works-card__panel .how-it-works-card__body .how-it-works-card__body-inner {
  overflow: hidden;
  min-height: 0;
}

.how-it-works-section .how-it-works-grid .how-it-works-card.is-active .how-it-works-card__content .how-it-works-card__panel .how-it-works-card__body {
  grid-template-rows: 1fr;
  opacity: 1;
  transition: grid-template-rows 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0.45s,
    opacity 0.3s ease 0.5s;
}

.how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__content .how-it-works-card__panel .how-it-works-card__body .how-it-works-card__body-inner .how-it-works-card__title {
    color: var(--white);
    font-family: var(--heading-family);
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin: 0 0 4px;
}

.how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__content .how-it-works-card__panel .how-it-works-card__body .how-it-works-card__body-inner .how-it-works-card__subtitle {
    color: var(--white);
    font-size: 19px;
    margin: 0 0 16px;
    font-weight: 300;
    margin-top: 10px;
}

.how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__content .how-it-works-card__panel .how-it-works-card__body .how-it-works-card__body-inner .how-it-works-card__text p {
    color: var(--white);
}

.how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__content .how-it-works-card__panel .how-it-works-card__body .how-it-works-card__body-inner .how-it-works-card__text p:last-child {
  margin-bottom: 0;
}

.how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__content .how-it-works-card__panel .how-it-works-card__step {
  position: relative;
  z-index: 3;
  display: block;
  font-family: var(--heading-family);
  font-weight: 800;
  font-size: 56px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.9);
  transition: color 0.4s ease;
}

.how-it-works-section .how-it-works-grid .how-it-works-card.is-active .how-it-works-card__content .how-it-works-card__panel .how-it-works-card__step {
  color: var(--theme-primary);
}

@media screen and (max-width: 1199px) {
  .how-it-works-section .how-it-works-grid .how-it-works-card {
    flex-basis: 230px;
  }

  .how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__content .how-it-works-card__panel .how-it-works-card__step {
    font-size: 46px;
  }

  .how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__content {
    padding: 24px;
  }
}

@media screen and (max-width: 1024px) {
  .how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__content .how-it-works-card__panel .how-it-works-card__body .how-it-works-card__body-inner .how-it-works-card__text p {
      font-size: 16px;
  }
}

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

  .how-it-works-section .how-it-works-grid .how-it-works-card.is-active .how-it-works-card__media img {
      transform: inherit;
  }

  .how-it-works-section .how-it-works-grid {
    flex-direction: column;
  }

  .how-it-works-section .how-it-works-grid .how-it-works-card {
      flex: 1 1 100%;
      min-height: 400px;
      height: 400px;
      align-content: end;
  }

  .how-it-works-section .how-it-works-grid .how-it-works-card.is-active {
    flex: 1 1 100%;
  }

  .how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__content {
    padding: 22px;
  }

  .how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__overlay {
    opacity: 1;
    background: #000000ab;
}

  .how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__content .how-it-works-card__panel .how-it-works-card__body {
    grid-template-rows: 1fr;
    opacity: 1;
  }

  .how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__content .how-it-works-card__panel .how-it-works-card__step {
    color: var(--theme-primary);
  }
}

@media screen and (max-width: 767px) {
  .how-it-works-section .how-it-works-grid {
    border-radius: 12px;
  }

  .how-it-works-section .how-it-works-grid .how-it-works-card {
    min-height: 300px;
  }

  .how-it-works-section .how-it-works-grid .how-it-works-card.is-active {
    min-height: 300px;
  }

  .how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__content .how-it-works-card__panel .how-it-works-card__body .how-it-works-card__body-inner .how-it-works-card__title {
    font-size: 18px;
  }

.how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__content .how-it-works-card__panel .how-it-works-card__body .how-it-works-card__body-inner .how-it-works-card__subtitle {
    font-size: 16px;
}

.how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__content .how-it-works-card__panel .how-it-works-card__body .how-it-works-card__body-inner .how-it-works-card__text p {
    max-width: 100%;
    font-size: 14px;
    margin-bottom: 7px;
}

.how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__content .how-it-works-card__panel .how-it-works-card__step {
    font-size: 30px;
    margin-bottom: 5px;
}

  .how-it-works-section .how-it-works-grid .how-it-works-card .how-it-works-card__content {
    padding: 18px;
  }
}


/* home-brand-css */
.bg-gray,
.home-brand {
    background: var(--theme-gray)
}

.home-brand .home-brand__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 26px;
}

.home-brand .home-brand__grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 20px;
}

.home-brand .home-brand__grid .home-brand__card {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    border-radius: 16px;
    border: 1px solid transparent;
    padding: 12px 18px;
    min-height: 80px;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.4s ease;
    box-shadow: 0px 2px 5px 0px #0000001A;
}

.home-brand .home-brand__grid .home-brand__card:hover,
.home-brand .home-brand__grid .home-brand__card:focus-visible {
  box-shadow: 0 20px 34px -14px rgba(17, 17, 17, 0.22);
  border-color: var(--theme-primary);
  outline: none;
}

.home-brand .home-brand__grid .home-brand__card .home-brand__img-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.home-brand .home-brand__grid .home-brand__card .home-brand__img-wrap .home-brand__img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 60px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.home-brand .home-brand__grid .home-brand__card:hover .home-brand__img-wrap .home-brand__img {
  transform: scale(1.1);
}

@media screen and (max-width: 1199px) {
  .home-brand .home-brand__grid {
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
}
}

@media screen and (max-width: 991.98px) { 
.home-brand .home-brand__grid {
    grid-template-columns: repeat(4, 1fr);
}
}

@media screen and (max-width: 767px) {
.home-brand .home-brand__head {
    justify-content: center;
    margin-bottom: 10px;
}

  .home-brand .home-brand__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }

  .home-brand .mobile-button {
    text-align: center;
    margin-top: 1rem;
}
}

@media screen and (max-width: 767px) {
.home-brand .home-brand__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.home-brand .home-brand__grid .home-brand__card {
    border-radius: 8px;
    border: 1px solid transparent;
    padding: 5px 6px;
    min-height: 52px;
}

}

/* Buy Online Tyre in UAE style */

.buy-online-tyres .left-img .aspect-custom {
    padding-bottom: 62%;
}

.buy-online-tyres .right-content {
    padding-left: 50px;
    padding-right: max(20px,calc((100vw - 1385px) / 2));
}

.buy-online-tyres .left-img .tesla-car {
  position: absolute;
  bottom: -32px;
  width: 76%;
  right: 5%;
  z-index: 1;
}

.buy-online-tyres .right-content .text-content .button {
    margin-top: 16px;
}

@media screen and (max-width: 1366px) {
.buy-online-tyres .left-img .aspect-custom {
  padding-bottom: 80%;
  border-radius: 0 0 15% 0;
  overflow: hidden;
}
}

@media screen and (max-width: 1024px) {
.buy-online-tyres .left-img .aspect-custom {
  padding-bottom: 110%;
}
.buy-online-tyres .right-content {
    padding-left: 1rem;
}
}


@media screen and (max-width: 991.98px) { 
.buy-online-tyres .left-img .aspect-custom {
  padding-bottom: 62%;
  border-radius: 0 0 0% 0;
  overflow: hidden;
}

.buy-online-tyres .right-content {
  padding-left: 10px;
  padding-right: 10px;
  margin: 40px 0;
  text-align: center;
}

.buy-online-tyres .right-content .text-content .button {
    margin-top: 8px;
}

}

@media screen and (max-width: 767px) { 
.buy-online-tyres .right-content .text-content .button {
    margin-top: 0;
}
}

/* buy now style */
.buy-now-section {
    background: var(--theme-gray);
    z-index: 0;
}

.buy-now-section .buy-now-section__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 20px;
}

.buy-now-section .buy-now-section__head .buy-now-section__badges img {
  max-width: 300px;
}

.buy-now-section .buy-now-section__head .buy-now-section__badges .buy-now-section__badge {
  display: inline-flex;
  align-items: center;
  height: 34px;
  padding: 0 18px;
  border-radius: 100px;
  font-family: var(--heading-family);
  font-weight: 800;
  font-style: italic;
  font-size: 16px;
  letter-spacing: -0.01em;
  text-transform: lowercase;
  line-height: 1;
}

.buy-now-section .buy-now-section__head .buy-now-section__badges .buy-now-section__badge--tamara {
  background: linear-gradient(90deg, #f7b955 0%, #f088a4 45%, #9d8cf1 100%);
  color: var(--theme-secondary);
}

.buy-now-section .buy-now-section__head .buy-now-section__badges .buy-now-section__badge--tabby {
  background: #38f4c4;
  color: var(--theme-secondary);
}

.buy-now-section .buy-now-section__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.buy-now-section .buy-now-section__grid .buy-now-section__card {
  position: relative;
  overflow: hidden;
  background: var(--white);
  border-radius: 16px;
  padding: 32px 28px 28px;
  box-shadow: 0px 2px 5px 0px #0000001A;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.buy-now-section .buy-now-section__grid .buy-now-section__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 34px -14px rgba(17, 17, 17, 0.18);
}

.buy-now-section .buy-now-section__grid .buy-now-section__card .buy-now-section__number {
    position: absolute;
    z-index: 0;
    top: -7px;
    right: -3px;
    font-family: var(--archivo);
    font-weight: 800;
    font-size: 64px;
    line-height: 1;
    color: var(--theme-gray);
    transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.buy-now-section .buy-now-section__grid .buy-now-section__card--active .buy-now-section__number {
  color: var(--theme-primary);
}

.buy-now-section .buy-now-section__grid:hover .buy-now-section__number {
  color: var(--theme-gray);
}

.buy-now-section .buy-now-section__grid .buy-now-section__card:hover .buy-now-section__number {
  color: var(--theme-primary);
}

.buy-now-section .buy-now-section__grid .buy-now-section__card .buy-now-section__icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--theme-primary);
  color: var(--white);
  margin-bottom: 18px;
}

.buy-now-section .buy-now-section__grid .buy-now-section__card .buy-now-section__icon svg {
  width: 20px;
  height: 20px;
}

.buy-now-section .buy-now-section__grid .buy-now-section__card .buy-now-section__title {
    font-family: var(--heading-family);
    font-size: 18px;
    margin: 0 0 10px;
}

.buy-now-section .buy-now-section__grid .buy-now-section__card .buy-now-section__text {
    font-size: 16px;
    margin: 0;
}

.buy-now-section .buy-now-section__cta-wrap {
  text-align: center;
  margin-top: 30px;
}

@media screen and (max-width: 1536px) {
.buy-now-section .buy-now-section__head .buy-now-section__badges img {
  max-width: 250px;
}
}


@media screen and (max-width: 991px) {
  .buy-now-section .buy-now-section__grid {
    gap: 14px;
  }

.buy-now-section .buy-now-section__grid .buy-now-section__card {
    padding: 26px 10px 12px;
}
  .buy-now-section .buy-now-section__grid .buy-now-section__card .buy-now-section__number {
    font-size: 52px;
  }

  .buy-now-section .buy-now-section__head .buy-now-section__badges img {
    max-width: 200px;
}
.buy-now-section .buy-now-section__grid .buy-now-section__card .buy-now-section__text {
    font-size: 13px;
}

.buy-now-section .buy-now-section__cta-wrap {
    text-align: center;
    margin-top: 1rem;
}
}

@media screen and (max-width: 767px) {
 .buy-now-section .buy-now-section__head {
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

  .buy-now-section .buy-now-section__grid {
    grid-template-columns: 1fr;
  }

  .buy-now-section .buy-now-section__grid .buy-now-section__card {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas:
      "icon title"
      "text text";
    align-items: center;
    column-gap: 14px;
  }

  .buy-now-section .buy-now-section__grid .buy-now-section__card .buy-now-section__icon {
    grid-area: icon;
    margin-bottom: 0;
  }

  .buy-now-section .buy-now-section__grid .buy-now-section__card .buy-now-section__title {
    grid-area: title;
    margin: 0;
  }

  .buy-now-section .buy-now-section__grid .buy-now-section__card .buy-now-section__text {
      grid-area: text;
      margin-top: 6px;
  }

  .buy-now-section .buy-now-section__head .buy-now-section__badges .buy-now-section__badge {
    height: 30px;
    padding: 0 14px;
    font-size: 14px;
  }

  .buy-now-section .buy-now-section__grid .buy-now-section__card {
      padding: 16px 16px 16px;
  }

  .buy-now-section .buy-now-section__grid .buy-now-section__card .buy-now-section__number {
    font-size: 44px;
    color: var(--theme-primary);
     top: -3px;
    right: -1px;
  }

  

  .buy-now-section .buy-now-section__head .buy-now-section__badges img {
    max-width: 150px;
  }

}




.local-installer-section .right-image {
  position: relative;
}

.local-installer-section .right-image .image-wrap {
  padding-bottom: 64%;
}

.local-installer-section .right-image__badge {
    position: absolute;
    top: 50%;
    left: -38px;
    transform: translateY(-50%);
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background: var(--theme-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: transform 0.3s ease;
    border: 8px solid #fff;
}

.local-installer-section .right-image__badge svg {
    width: 36px;
    height: auto;
}


.local-installer-section .left-content {
    padding-right: 50px;
    padding-left: max(20px,calc((100vw - 1385px) / 2));
}

.local-installer-section .left-content .text-content ul {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    padding-top: 0.6rem !important;
}

.local-installer-section .left-content .text-content ul li {
    display: flex;
    gap: 0.5rem;
}

.local-installer-section .left-content .text-content ul li strong {
    display: block;
    font-family: var(--heading-family);
}

.local-installer-section .left-content .text-content ul li svg {
  min-width: 18px;
  height: 18px;
  position: relative;
  top: 4px;
}


/* mobile-installer-section */


.mobile-installer-section .left-image .image-wrap {
  padding-bottom: 73%;
}

.mobile-installer-section .left-image__badge {
  position: absolute;
  top: 50%;
  right: -38px;
  transform: translateY(-50%);
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: var(--theme-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: transform 0.3s ease;
  border: 8px solid #fff;
}

.mobile-installer-section .left-image__badge svg {
  width: 36px;
  height: auto;
}

.mobile-installer-section .right-content {
  padding-left: 50px;
  padding-right: max(20px, calc((100vw - 1390px) / 2));
}

.mobile-installer-section .right-content .text-content ul {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  padding-top: 0.6rem !important;
}

.mobile-installer-section .right-content .text-content ul li {
  display: flex;
  gap: 0.5rem;
}

.mobile-installer-section .right-content .text-content ul li strong {
  display: block;
  font-family: var(--heading-family);
}

.mobile-installer-section .right-content .text-content ul li svg {
  min-width: 18px;
  height: 18px;
  position: relative;
  top: 4px;
}

.mobile-installer-section .tyre-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1.1rem;
    margin: 20px 0 12px;
}

.mobile-installer-section .tyre-actions__item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px 10px 10px;
  border-radius: 16px;
  border: 1px solid #1F45FC33;
  background: var(--theme-gray);
  transition: background 0.3s ease, transform 0.3s ease;
}

.mobile-installer-section .tyre-actions__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--theme-primary);
}

.mobile-installer-section .tyre-actions__icon svg {
    width: 18px;
    height: auto;
}

.mobile-installer-section .tyre-actions__label {
    font-family: var(--heading-family);
    color: var(--theme-secondary);
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
}

.mobile-installer-section .tyre-actions__label span {
  display: block;
  color: var(--theme-primary);
}

@media screen and (max-width: 1536px) {
  .local-installer-section .right-image .image-wrap {
    padding-bottom: 80%;
    border-radius: 0 0 0 15%;
    overflow: hidden;
  }

  .mobile-installer-section .left-image .image-wrap {
    padding-bottom: 80%;
    border-radius: 0 15% 0 0;
    overflow: hidden;
}
}

@media screen and (max-width: 1536px) {
.mobile-installer-section .left-image .image-wrap {
    padding-bottom: 95%;
}
}

@media screen and (max-width: 1024px) {
  .local-installer-section .right-image .image-wrap {
    padding-bottom: 100%;
  }

  .local-installer-section .left-content {
    padding-right: 0;
  }

.mobile-installer-section .left-image .image-wrap {
    padding-bottom: 124%;
}

  .mobile-installer-section .right-content {
    padding-left: 17px;
}

.mobile-installer-section .tyre-actions {
    gap: 0.7rem;
    margin: 13px 0 12px;
}

.mobile-installer-section .tyre-actions__item {
  padding: 7px 10px 7px 8px;
}
.mobile-installer-section .tyre-actions__label {
   font-size: 15px;
    
}
}

@media screen and (max-width: 991.98px) {
  .local-installer-section .right-image .image-wrap,
  .mobile-installer-section .left-image .image-wrap {
    padding-bottom: 64%;
    border-radius: 0;
    overflow: hidden;
  }

  .mobile-installer-section .left-image .image-wrap {
    padding-bottom: 73%;
  }


  .mobile-installer-section .right-content,
.local-installer-section .left-content {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 23px;
    margin-bottom: 30px;
    text-align: center;
}

.mobile-installer-section .tyre-actions {
    justify-content: center;
}

  .local-installer-section .left-content .text-content ul,
  .mobile-installer-section .right-content .text-content ul {
    text-align: left;
  }





  .local-installer-section .left-content {
    padding-right: 20px;
  }

  .local-installer-section .right-image__badge,
  .mobile-installer-section .left-image__badge {
    width: 56px;
    height: 56px;
    border-width: 6px;
    right: 20px;
    left: auto;
    top: auto;
    bottom: -28px;
    transform: none;
  }

  .local-installer-section .right-image__badge svg,
  .mobile-installer-section .left-image__badge svg {
    width: 26px;
  }
}

@media screen and (max-width: 767px) {
  .mobile-installer-section .tyre-actions {
    justify-content: center;
  }

  .mobile-installer-section .right-content, .local-installer-section .left-content {
    margin-top: 13px;
}

.local-installer-section .left-content .text-content ul {
    padding-top: 0.0rem !important;
    gap: 0.6rem;
}

.mobile-installer-section .tyre-actions {
    gap: 0.4rem;
    margin: 0 0 0;
}

.mobile-installer-section .tyre-actions__item {
    padding: 6px 7px 6px 7px;
}

.mobile-installer-section .tyre-actions__icon {
  width: 28px;
    height: 28px;
}

.mobile-installer-section .tyre-actions__label {
    font-size: 12px;
}

.mobile-installer-section .right-content .text-content ul li svg {
    top: 6px;
}

.mobile-installer-section .right-content .text-content ul {
   gap: 0.4rem;
}

}

.mobile-installer-section + p {
  display: none;
}

/* home-blogs-css */

.home-blogs {
  background-color: var(--theme-gray);
}

.home-blogs .home-blogs__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.home-blogs .home-blogs__head .section-title-1 {
  margin-bottom: 0;
}

.home-blogs .home-blogs__card {
  position: relative;
  display: block;
  border-radius: 18px;
  overflow: hidden;
  background: #12183B;
  box-shadow: 0 16px 30px -18px rgba(18, 24, 59, 0.4);
  border: 1px solid #F0F5F780;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.home-blogs .home-blogs__card:hover {
  box-shadow: 0 24px 40px -16px rgba(18, 24, 59, 0.5);
}

.home-blogs .home-blogs__card .home-blogs__media {
  position: relative;
  overflow: hidden;
  padding-bottom: 78%;
}

.home-blogs .home-blogs__card .home-blogs__media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.home-blogs .home-blogs__card:hover .home-blogs__media img {
  transform: scale(1.08);
}

.home-blogs .home-blogs__card .home-blogs__media .home-blogs__scrim {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.home-blogs .home-blogs__card .home-blogs__media .home-blogs__media-text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
}

.home-blogs .home-blogs__card .home-blogs__media .home-blogs__media-text .home-blogs__title {
    font-family: var(--heading-family);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 6px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-blogs .home-blogs__card .home-blogs__media .home-blogs__media-text .home-blogs__title a {
    color: #fff;
}

.home-blogs .home-blogs__card .home-blogs__media .home-blogs__media-text .home-blogs__title a:hover {
    color: var(--theme-primary);
}

.home-blogs .home-blogs__card .home-blogs__media .home-blogs__media-text .home-blogs__excerpt {
    color: var(--white);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: var(--heading-family);
}

.home-blogs .home-blogs__card .home-blogs__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 20px;
    background: var(--theme-secondary);
    border-top: 1px solid #f0f5f74a;
}

.home-blogs .home-blogs__card .home-blogs__foot .home-blogs__date {
    color: #C0C0C0;
    font-size: 13px;
}

.home-blogs .home-blogs__card .home-blogs__foot .home-blogs__readmore {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-family: var(--heading-family);
}

.home-blogs .home-blogs__card .home-blogs__foot .home-blogs__readmore:hover {
    color: var(--theme-primary);
}

.home-blogs .home-blogs__card .home-blogs__foot .home-blogs__readmore .home-blogs__readmore-icon svg {
    width: 21px;
    height: auto;
}




@media screen and (max-width: 1024px) {
.home-blogs .home-blogs__card .home-blogs__media .home-blogs__media-text .home-blogs__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.home-blogs .home-blogs__card .home-blogs__media .home-blogs__media-text .home-blogs__excerpt {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
}


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

.home-blogs .home-blogs__card .home-blogs__media {
  padding-bottom: 80%;
}

.home-blogs .home-blogs__card .home-blogs__media .home-blogs__media-text .home-blogs__title {
    font-size: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.home-blogs .home-blogs__card .home-blogs__media .home-blogs__media-text {
    padding: 12px;
}

.home-blogs .home-blogs__card .home-blogs__media .home-blogs__media-text .home-blogs__excerpt {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: var(--heading-family);
}

.home-blogs .home-blogs__card .home-blogs__foot {
    padding: 8px 13px;
}

.home-blogs .home-blogs__head {
  margin-bottom: 12px;
}

.home-blogs .home-blogs__card .home-blogs__foot .home-blogs__readmore .home-blogs__readmore-icon svg {
    width: 17px;
    height: auto;
    position: relative;
    top: -1px;
}

}






.home-blogs-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: transparent;
  opacity: 1;
  margin: 0 5px;
  display: none;
  align-items: center;
  justify-content: center;
}

.home-blogs-slider .swiper-pagination .swiper-pagination-bullet svg {
  width: 100%;
  height: 100%;
  transition: all .3s ease-in-out;
}

.home-blogs-slider .swiper-pagination .swiper-pagination-bullet svg path {
  fill: #000;
  transition: all .3s ease-in-out;
}


.home-blogs-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active svg path {
  fill: var(--theme-primary);
}


.home-blogs-slider .slider:not(.swiper-initialized) .swiper-wrapper {
    gap: 16px;
}

.home-blogs-slider .slider:not(.swiper-initialized) .swiper-slide {
    width: 100%; /* 1 slide */
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .home-blogs-slider .slider:not(.swiper-initialized) .swiper-wrapper {
        gap: 10px;
    }

    .home-blogs-slider .slider:not(.swiper-initialized) .swiper-slide {
        width: calc(50% - 5px); /* 2 slides, 10px gap */
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .home-blogs-slider .slider:not(.swiper-initialized) .swiper-wrapper {
        gap: 10px;
    }

    .home-blogs-slider .slider:not(.swiper-initialized) .swiper-slide {
        width: calc(33.333333% - 6.666667px); /* 3 slides, 10px gap */
    }
}

@media screen and (min-width: 1200px) {
    .home-blogs-slider .slider:not(.swiper-initialized) .swiper-wrapper {
        gap: 15px;
    }

    .home-blogs-slider .slider:not(.swiper-initialized) .swiper-slide {
        width: calc(33.333333% - 10px); /* 3 slides, 15px gap */
    }
}




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

  .home-blogs-slider .swiper-pagination .swiper-pagination-bullet {
    display: inline-flex;
  }

  .home-blogs {
    padding-bottom: 60px;
}

.home-blogs-slider .swiper-pagination {
  top: 110%;
}

}










.home-faqs .home-blogs__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px;

}

.home-faqs__accordion .accordion-item {
    background: var(--theme-gray);
    border: 0;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 12px;
}

.home-faqs__accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.home-faqs__accordion .accordion-header {
  margin: 0;
}

.home-faqs__accordion .accordion-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 600;
    color: var(--theme-secondary);
    text-align: left;
}

.home-faqs__accordion .accordion-button:focus,
.home-faqs__accordion .accordion-button:not(.collapsed) {
  background-color: transparent;
  color: #12183B;
  box-shadow: none;
  outline: none;
}

.home-faqs__accordion .accordion-button::after {
  content: none !important;
  display: none !important;
  background-image: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}

.home-faqs__accordion .accordion-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid rgb(18 24 59 / 70%);
    background: #fff;
    transition: transform 0.3s ease;
}

.home-faqs__accordion .accordion-button:not(.collapsed) .accordion-icon {
  transform: rotate(180deg);
}

.home-faqs__accordion .accordion-collapse {
  border: 0;
}

.home-faqs__accordion .accordion-body {
  padding: 0 20px 18px;
  font-size: 14px;
  color: #5B6472;
  line-height: 1.6;
}



@media screen and (max-width: 991.98px) { 
.home-faqs #homeFaqAccordionRight {
    margin-top: 12px;
}

.home-faqs .home-blogs__head {
    justify-content: center;
    margin-bottom: 20px;
}
.home-faqs .mobile-button {
    text-align: center;
    margin-top: 1rem;
}
}

@media screen and (max-width: 767px) { 
.home-faqs__accordion .accordion-icon {
   width: 20px;
    height: 20px;
}

.home-faqs__accordion .accordion-button {
  padding: 8px 12px;
}
.home-faqs__accordion .accordion-body {
    padding: 0 12px 9px;
}
.home-faqs__accordion .accordion-icon svg {
    width: 8px;
    height: auto;
}

.home-faqs__accordion .accordion-item {
  border-radius: 8px;
}
}



/* popular-tyre-search-css */

.popular-tyre-search {
  background-color: var(--theme-gray);
}

.popular-tyre-search .section-title-1 {
    margin-bottom: 18px;
    padding-bottom: 24px;
    border-bottom: 1px solid #0000004D;
}

.popular-tyre-search .popular-tyre-search__grid {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    width: 100%;
}

.popular-tyre-search .popular-tyre-search__col {
    min-width: 0;
}

.popular-tyre-search .popular-tyre-search__col-title {
    font-family: var(--heading-family);
    font-size: 18px;
    color: var(--theme-primary);
    margin: 0 0 14px;
}

.popular-tyre-search .popular-tyre-search__cols {
    display: flex;
    gap: 5rem;
}

.popular-tyre-search .popular-tyre-search__list {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
  min-width: 0;
}

.popular-tyre-search .popular-tyre-search__list li {
    margin-bottom: 2px;
}

.popular-tyre-search .popular-tyre-search__list li a {
    font-size: 14px;
    color: var(--theme-secondary);
    white-space: nowrap;
    transition: color 0.3s ease;
}


.popular-tyre-search .popular-tyre-search__list li a:hover {
  color: var(--theme-primary);
}

@media screen and (max-width: 1024px) {
  .popular-tyre-search .popular-tyre-search__grid {
    flex-wrap: wrap;
    column-gap: 40px;
    row-gap: 30px;
  }

  .popular-tyre-search .popular-tyre-search__col {
    flex: 1 1 calc(50% - 20px);
  }
}

@media screen and (max-width: 767px) {
  .popular-tyre-search .popular-tyre-search__title h2 {
    font-size: 22px;
  }

  .popular-tyre-search .section-title-1 {
    margin-bottom: 12px;
    padding-bottom: 14px;
  }

.popular-tyre-search .popular-tyre-search__grid {
    flex-direction: column;
    row-gap: 5px;
}

  .popular-tyre-search .popular-tyre-search__col {
    flex: 1 1 100%;
  }

  .popular-tyre-search .popular-tyre-search__col-title {
    font-size: 15px;
    margin-bottom: 8px;
  }

  .popular-tyre-search .popular-tyre-search__cols {
    gap: 10px;
  }

  .popular-tyre-search .popular-tyre-search__list li {
    margin-bottom: 0;
  }

  .popular-tyre-search .popular-tyre-search__list li a {
    font-size: 12.5px;
  }
}

/* newsletter-bar-css */

.footer-top {
    background: var(--theme-primary);
    position: relative;
}

.footer-top .newsletter-bar__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.footer-top .newsletter-bar__content {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1 1 340px;
  min-width: 0;
}

.footer-top .newsletter-bar__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 50px;
}

.footer-top .newsletter-bar__text h3 {
    color: var(--white);
    margin: 0px;
}

.footer-top .newsletter-bar__text p {
    color: var(--white);
    font-size: 13px;
    margin: 0;
}

.footer-top .newsletter-bar__image {
    margin-top: -14px;
    text-align: center;
    z-index: 1;
    position: relative;
}

.footer-top .newsletter-bar__image img {
    height: auto;
    width: auto;
    min-height: 123px;
}

.footer-top .newsletter-bar__form {
    display: flex;
    align-items: center;
    padding: 2px;
    border-radius: 16px;
    border: 1px solid var(--white);
}

.footer-top .newsletter-bar__input {
    border: 0;
    outline: 0;
    background: transparent;
    padding: 1px 10px;
    font-size: 14px;
    width: max-content;
    color: var(--white);
    flex: 1;
}

.footer-top .newsletter-bar__form .button {
    border-radius: 14px;
    white-space: nowrap;
}

.footer-top .newsletter-bar__input::placeholder {
  color: var(--white);
  opacity: 1;
}

.footer-top .newsletter-bar__input:-webkit-autofill,
.footer-top .newsletter-bar__input:-webkit-autofill:hover,
.footer-top .newsletter-bar__input:-webkit-autofill:focus,
.footer-top .newsletter-bar__input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--white);
  -webkit-box-shadow: 0 0 0px 1000px var(--theme-primary) inset;
  box-shadow: 0 0 0px 1000px var(--theme-primary) inset;
  caret-color: var(--white);
  transition: background-color 5000s ease-in-out 0s;
}

@media  screen and (max-width: 1366px) {
  .footer-top .newsletter-bar__text h3 {
      font-size: 24px;
  }
}

@media  screen and (max-width: 1280px) {
.footer-top .newsletter-bar__text h3 {
    font-size: 20px;
}
}

@media  screen and (max-width: 1200px) {
.footer-top {
    padding: 13px 0;
}

.footer-top .newsletter-center-img {
  display: none;
}

}

@media screen and (max-width: 991.98px) { 
.footer-top .newsletter-bar__form {
  margin-top: 1rem;
}

.footer-top .newsletter-bar__content {
    align-items: start;
}

.footer-top .newsletter-bar__icon {
    position: relative;
    top: 4px;
}

}

@media screen and (max-width: 767px) { 
.footer-top .newsletter-bar__content {
    gap: 14px;
    align-items: start;
}

.footer-top .newsletter-bar__icon svg, .footer-top .newsletter-bar__icon {
    width: 36px;
    height: auto;
    position: relative;
    top: 2px;
}

.footer-top .newsletter-bar__form .button {
    margin-right: 1px;
}

.footer-top .newsletter-bar__form {
    padding: 2px;
    border-radius: 19px;
}

.footer-top .newsletter-bar__input {
    height: 35px;
}

.footer-top .newsletter-bar__form {
    margin-top: 7px;
}

}

.footer-container {
  background: #0b0b0d;
}

.site-footer {
  padding: 48px 0 36px;
}

.site-footer__links {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 3.3rem;
    width: 100%;
}

/* brand block */

.site-footer__brand {
  min-width: 0;
}

.site-footer__logo {
  display: inline-flex;
}

.site-footer__logo img {
    width: 300px;
    height: auto;
}

.site-footer__divider {
    height: 1px;
    background: #c0c0c01f;
    margin: 26px 0;
}

.site-footer__contacts {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 30px;
}

.site-footer__contact {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}


.site-footer__contact .site-footer__contact-icon svg {
    transform: rotateY(0deg);
    transition: .9s;
}


.site-footer__contact:hover .site-footer__contact-icon svg {
    transform: rotateY(360deg);
}

.site-footer__contact-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--theme-primary);
  color: #fff;
  font-size: 18px;
}

.site-footer__contact-icon svg {
    width: 22px;
    height: auto;
}

.site-footer__contact-text {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    color: var(--theme-silver);
    transition: all 0.3s ease-in-out;
}

.site-footer__contact:hover .site-footer__contact-text {
  color: var(--white);
}

.site-footer__contact-text strong {
    color: var(--white);
    font-family: var(--heading-family);
    font-size: 16px;
    font-weight: 700;
}

.site-footer__social {
    display: flex;
    border: 1px solid var(--theme-silver);
    width: max-content;
    border-radius: 16px;
    overflow: hidden;
}

.site-footer__social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.site-footer__social a:first-child {
    border-right: 1px solid var(--theme-silver);
}

.site-footer__social a:hover {
  background: var(--theme-primary);
  border-color: var(--theme-primary);
}

/* link columns */

.site-footer__col h4 {
  color: var(--white);
}

.site-footer__col-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-weight: 600;
}

.site-footer__col-arrow {
  display: none;
  flex: 0 0 auto;
  color: var(--white);
  transition: transform 0.3s ease;
}





@media screen and (max-width: 1536px) {
.site-footer__links {
    padding-left: 0;
}
}

@media screen and (max-width: 1280px) {
  .site-footer__logo img {
      width: 230px;
  }
}

@media screen and (max-width: 991.98px) {
  .site-footer {
    padding: 30px 0 20px;
}

.site-footer__divider {
    margin: 10px 0;
}

.site-footer__brand {
    position: relative;
}

.site-footer__social {
    position: absolute;
    top: 0;
    right: 0;
    width: 84px;
}

.site-footer__social a {
    width: 40px;
    height: 40px;
    font-size: 16px;
}

.site-footer__contacts {
    margin-bottom: 0px;
    justify-content: space-between;
}

.site-footer__links {
    margin-top: 1rem;
}


}


@media screen and (max-width: 767px) {
.site-footer__payment h4,
.site-footer.js-footer-accordion .site-footer__col-toggle {
    cursor: pointer;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}

.site-footer.js-footer-accordion .site-footer__col-toggle {
    width: 83%;
}

  .site-footer.js-footer-accordion .site-footer__col-arrow {
    display: inline-flex;
  }

  .site-footer.js-footer-accordion .site-footer__col.is-open .site-footer__col-arrow {
    transform: rotate(180deg);
  }

  .site-footer.js-footer-accordion .site-footer__col-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
  }

  .site-footer.js-footer-accordion .site-footer__col.is-open .site-footer__col-body {
    max-height: 1000px;
  }

  .site-footer__logo img {
    width: 180px;
}

.site-footer {
    padding: 20px 0 3px;
}

.site-footer__links {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
}


  .site-footer__cols {
    flex-direction: column;
    gap: 16px;
  }

  .footerBottom__inner {
    justify-content: center;
    text-align: center;
  }

  .site-footer__social a {
    width: 35px;
    height: 35px;
    font-size: 16px;
}

.site-footer__contacts {
    gap: 10px;
}

.site-footer__divider {
    margin: 7px 0 10px;
}

.site-footer__cols {
    gap: 0;
}

.left-part {
    display: contents;
}

.site-footer__col.left {
    order: 1;
}

.site-footer__col--company {
    order: 2;
}

.site-footer__payment {
    order: 3;
}

.site-footer__social {
  width: 73px;
}

}

.site-footer__cols {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.site-footer__list {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
  min-width: 0;
}

.site-footer__list.first-list {
    column-count: 2;
}

.site-footer__list li {
    margin-bottom: 5px;
}

.site-footer__list li a {
    font-size: 0.938rem !important;
    color: var(--theme-silver);
    text-decoration: none;
    transition: color 0.3s ease;
    display: inline-flex;
    gap: 0.4rem;
}

.site-footer__list li a:hover {
    color: var(--white);
}

.site-footer__list li a::before {
  content: "- ";
}

.site-footer__list li a:hover {
  color: var(#fff);
}

.site-footer__payment {
  margin-top: 15px
}

.site-footer__payment span {
    font-size: 14px;
    font-weight: 700;
    color: var(#fff);
    margin-right: 4px;
    display: block;
}

.site-footer__payment img {
    height: auto;
    width: 200px;
    margin-top: 4px;
}

/* bottom bar */

.footerBottom {
  background: var(--theme-secondary);
}

.footerBottom__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    border-top: 1px solid #c0c0c01f;
    padding: 18px 0;
}

.footerBottom__inner p {
    margin: 0;
    font-size: 14px;
    color: var(--theme-silver);
}

.footerBottom__inner p strong {
    color: var(--white);
    font-weight: 600;
}

.footerBottom__inner p strong a {
  color: var(--white);
}

.footerBottom__inner p strong a:hover {
  color: #e4dece;
}

.footerBottom__links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.footerBottom__links a {
    font-size: 14px;
    color: var(--theme-silver);
    transition: color 0.3s ease;
}

.footerBottom__links a:hover {
    color: var(--white);
}

@media screen and (max-width: 1680px) {
.footerBottom__inner {
  width: calc(100% - 100px);
}
}

@media screen and (max-width: 1500px) {
    .footerBottom__inner {
        width: calc(100% - 160px);
    }
}


@media screen and (max-width: 991.98px) { 
.footerBottom__inner {
    width: calc(100% - 70px);
}
}


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

.footerBottom__inner {
    width: calc(100% - 00px);
}

.footerBottom__inner {
    padding: 8px 0;
}
.site-footer__cols {
    gap: 0;
}
.site-footer__payment {
    margin-top: 8px;
    margin-bottom: 6px;
}
.site-footer__payment img {
    width: 180px;
    margin-bottom: 4px;
}

.footerBottom__inner p.copyright-text {
    font-size: 13px;
}

.footerBottom__links {
    gap: 14px;
    row-gap: 7px;
}

.footerBottom__links a {
    font-size: 12.5px;
}

}


.header:not(.header6):not(.header7) .navigation .nav-main-menu li>.dropdown-menu li p {
    padding: 0 !important;
    margin-bottom: 0;
    display: block;
}

.header:not(.header6):not(.header7) .navigation .nav-main-menu li>.dropdown-menu li p a {
    display: block;
    padding: 5px 16px;
}

.header:not(.header6):not(.header7) .navigation .nav-main-menu li>.dropdown-menu li p:not(:last-child) a {
  border-bottom: 1px solid #cccccc8f;
}

@media (min-width: 1025px) {
  .header:not(.header6):not(.header7) .navigation .nav-main-menu li > .dropdown-menu {
      min-width: 200px !important;
  }
  .header:not(.header6):not(.header7) .navigation .nav-main-menu li > ul.dropdown-menu a:hover {
  color: #fff;
  background: #000;
}
}

.header .nav.nav-main-menu > li > a svg {
  width: 20px;
  fill: #000;
  margin-left: 2px;
}

.tyre-size-modal .aspect-custom {
  padding-bottom: 100%;
}

.tyre-size-modal .modal-content .modal-body {
  padding: 4px;
}

.tyre-size-modal .modal-content {
  border-radius: 16px;
}

#requestCallModal .modal-content {
    border-radius: 1rem;
    overflow: hidden;
}


.tyre-size-modal .modal-content .tire-size-image {
  border-radius: 12px;
  overflow: hidden;
}

.tyre-size-modal .modal-content .button-content {
  position: absolute;
  right: 7px;
  top: 7px;
  z-index: 1;
  background: #000;
  border-radius: 100px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tyre-size-modal .modal-content .button-content .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
    opacity: 1;
    font-size: 12px;
    padding: 0;
}

#product-attribute-specs-table .col.label .spec-info-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-left: 6px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #1f45fc;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    font-style: italic;
    font-family: Georgia, 'Times New Roman', serif;
    line-height: 1;
    cursor: pointer;
    vertical-align: middle;
    transition: background .15s ease;
}

#product-attribute-specs-table .col.label .spec-info-btn:hover {
    background: #000;
}

.spec-info-modal .modal-dialog {
    max-width: 1120px;
}

.spec-info-modal .modal-content {
    border-radius: 16px;
    margin: 10px;
}

.spec-info-modal .modal-content .modal-body {
    padding: 4px;
    text-align: center;
}

.spec-info-modal .modal-content .spec-info-image {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.spec-info-modal .modal-content .button-content {
    position: absolute;
    right: 7px;
    top: 7px;
    z-index: 1;
    background: #000;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spec-info-modal .modal-content .button-content .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
    opacity: 1;
    font-size: 12px;
    padding: 0;
}

.spec-info-modal .sm-img {
    display: none;
}

@media screen and (max-width: 767px) {
    .spec-info-modal .desk-img {
        display: none;
    }
    .spec-info-modal .sm-img {
        display: block;
    }
    .spec-info-modal .modal-content {
        margin: 10px;
        padding-top: 28px;
        overflow-y: auto;
    }
}

/* start less rules */
.padding-default {
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
}
.iwd_main_wrapper {
  width: 100%;
  position: relative;
  margin: 48px 0 0 0;
  display: inline-block;
  color: #676767;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  padding-bottom: 40px;
}
.iwd_main_wrapper * {
  box-sizing: border-box;
}
.iwd_main_wrapper .iwd_opc_column_name {
  line-height: 24px;
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  color: #343434;
  margin-bottom: 24px;
}
.iwd_main_wrapper .iwd_opc_alternative_wrapper {
  position: relative;
}
.iwd_main_wrapper .iwd_opc_alternative_wrapper .iwd_opc_two_column_wrapper .iwd_opc_column:first-child {
  padding-right: 24px;
}
.iwd_main_wrapper .iwd_opc_alternative_wrapper .iwd_opc_two_column_wrapper .iwd_opc_column:last-child {
  float: right;
  padding-left: 24px;
}
.iwd_main_wrapper .iwd_opc_alternative_wrapper .iwd_opc_two_column_wrapper .iwd_opc_column:last-child .iwd_opc_alternative_column {
  float: right;
}
.iwd_main_wrapper .iwd_opc_alternative_wrapper .iwd_opc_alternative_column {
  max-width: 368px;
  min-width: 288px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.iwd_main_wrapper .iwd_opc_alternative_wrapper .iwd_opc_alternative_column .iwd_opc_column_content,
.iwd_main_wrapper .iwd_opc_alternative_wrapper .iwd_opc_alternative_column .iwd_opc_column {
  outline: none;
  box-shadow: none;
}
.iwd_main_wrapper .iwd_opc_collapsible_container {
  line-height: 19px;
}
.iwd_main_wrapper .iwd_opc_collapsible_container.iwd_opc_collapsible_opened .iwd_opc_collapsible_title:after {
  content: '\f106';
}
.iwd_main_wrapper .iwd_opc_collapsible_container .iwd_opc_collapsible_title {
  color: #222;
  cursor: pointer;
  border-radius: 4px;
  display: block;
}
.iwd_main_wrapper .iwd_opc_collapsible_container .iwd_opc_collapsible_title:after {
  font-family: 'FontAwesome';
  content: '\f107';
  padding-left: 16px/4;
}
.iwd_main_wrapper .iwd_opc_collapsible_container .iwd_opc_collapsible_title:hover {
  color: #56cfe1;
}
.iwd_main_wrapper .iwd_opc_collapsible_container .iwd_opc_collapsible_content .iwd_opc_collapsible_content_scrollable {
  border: 1px solid #E5E5E5;
  overflow-wrap: break-word;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  max-height: 140px;
  font-size: 12px;
  line-height: 17px;
  width: 100%;
  border-radius: 4px;
}
.iwd_main_wrapper .iwd_opc_collapsible_container .iwd_opc_collapsible_content .iwd_opc_collapsible_content_scrollable:focus {
  box-shadow: 0 0 3px 1px red;
}
.iwd_main_wrapper .iwd_opc_clear {
  clear: both;
}
.iwd_main_wrapper .iwd_opc_section_delimiter {
  height: 1px;
  background: #E5E5E5;
  width: calc(100% -  120px );
  margin: 24px auto 24px auto;
}
.iwd_main_wrapper .iwd_opc_universal_wrapper {
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}
.iwd_main_wrapper .iwd_opc_universal_wrapper.iwd_opc_message {
  font-size: 12px;
  text-align: center;
  line-height: 17px;
  padding: 0 16px 0 16px;
  cursor: pointer;
}
.iwd_main_wrapper .iwd_opc_universal_wrapper.iwd_opc_message .iwd_opc_message_success {
  color: #222;
}
.iwd_main_wrapper .iwd_opc_universal_wrapper.iwd_opc_message .iwd_opc_message_error {
  color: yellow;
}
.iwd_main_wrapper .iwd_opc_short_fields {
  display: flex;
}
.iwd_main_wrapper .iwd_opc_short_fields .iwd_opc_universal_wrapper {
  display: block;
  margin: 0;
  box-sizing: border-box;
  width: 50%;
  float: left;
}
.iwd_main_wrapper .iwd_opc_short_fields .iwd_opc_universal_wrapper:first-child {
  padding-right: calc(16px / 2);
}
.iwd_main_wrapper .iwd_opc_short_fields .iwd_opc_universal_wrapper:last-child {
  padding-left: calc(16px / 2);
}
.iwd_main_wrapper .iwd_opc_field select,
.iwd_main_wrapper .field select {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  z-index: -1;
}
.iwd_main_wrapper .iwd_opc_field select.mage-error ~ .scroll-wrapper,
.iwd_main_wrapper .field select.mage-error ~ .scroll-wrapper,
.iwd_main_wrapper .iwd_opc_field select.mage-error ~ .iwd_opc_select_container,
.iwd_main_wrapper .field select.mage-error ~ .iwd_opc_select_container {
  border-color: yellow;
}
.iwd_main_wrapper .iwd_opc_field .scroll-wrapper .scroll-content,
.iwd_main_wrapper .field .scroll-wrapper .scroll-content {
  border: none;
}
.iwd_main_wrapper .iwd_opc_field .scroll-wrapper,
.iwd_main_wrapper .field .scroll-wrapper,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_select_container,
.iwd_main_wrapper .field .iwd_opc_select_container {
  border: 1px solid #E5E5E5;
  outline: none;
  border-radius: 4px;
  width: 100%;
  max-height: 184px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.iwd_main_wrapper .iwd_opc_field .scroll-wrapper[data-element-id="iwd_opc_shipping_method_group"],
.iwd_main_wrapper .field .scroll-wrapper[data-element-id="iwd_opc_shipping_method_group"],
.iwd_main_wrapper .iwd_opc_field .iwd_opc_select_container[data-element-id="iwd_opc_shipping_method_group"],
.iwd_main_wrapper .field .iwd_opc_select_container[data-element-id="iwd_opc_shipping_method_group"],
.iwd_main_wrapper .iwd_opc_field .scroll-wrapper[data-element-id="iwd_opc_shipping_method_rates"],
.iwd_main_wrapper .field .scroll-wrapper[data-element-id="iwd_opc_shipping_method_rates"],
.iwd_main_wrapper .iwd_opc_field .iwd_opc_select_container[data-element-id="iwd_opc_shipping_method_rates"],
.iwd_main_wrapper .field .iwd_opc_select_container[data-element-id="iwd_opc_shipping_method_rates"] {
  max-height: 368px;
}
.iwd_main_wrapper .iwd_opc_field .scroll-wrapper.selected .iwd_opc_select_option,
.iwd_main_wrapper .field .scroll-wrapper.selected .iwd_opc_select_option,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_select_container.selected .iwd_opc_select_option,
.iwd_main_wrapper .field .iwd_opc_select_container.selected .iwd_opc_select_option {
  display: none;
  border-bottom: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.iwd_main_wrapper .iwd_opc_field .scroll-wrapper.selected .iwd_opc_select_option.selected,
.iwd_main_wrapper .field .scroll-wrapper.selected .iwd_opc_select_option.selected,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_select_container.selected .iwd_opc_select_option.selected,
.iwd_main_wrapper .field .iwd_opc_select_container.selected .iwd_opc_select_option.selected {
  display: block;
  background-color: inherit;
  padding-right: calc(16px + 18px);
}
.iwd_main_wrapper .iwd_opc_field .scroll-wrapper.selected .iwd_opc_select_option.selected[data-value=''],
.iwd_main_wrapper .field .scroll-wrapper.selected .iwd_opc_select_option.selected[data-value=''],
.iwd_main_wrapper .iwd_opc_field .iwd_opc_select_container.selected .iwd_opc_select_option.selected[data-value=''],
.iwd_main_wrapper .field .iwd_opc_select_container.selected .iwd_opc_select_option.selected[data-value=''] {
  color: #676767;
}
.iwd_main_wrapper .iwd_opc_field .scroll-wrapper.selected .iwd_opc_select_option:after,
.iwd_main_wrapper .field .scroll-wrapper.selected .iwd_opc_select_option:after,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_select_container.selected .iwd_opc_select_option:after,
.iwd_main_wrapper .field .iwd_opc_select_container.selected .iwd_opc_select_option:after {
  font-family: 'FontAwesome';
  content: '\f107';
  position: absolute;
  color: #343434;
  font-size: 14px;
  right: 16px;
  line-height: 1;
  top: calc(50% - 7px);
}
.iwd_main_wrapper .iwd_opc_field .scroll-wrapper.selected .iwd_opc_select_option:hover,
.iwd_main_wrapper .field .scroll-wrapper.selected .iwd_opc_select_option:hover,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_select_container.selected .iwd_opc_select_option:hover,
.iwd_main_wrapper .field .iwd_opc_select_container.selected .iwd_opc_select_option:hover {
  background-color: inherit;
}
.iwd_main_wrapper .iwd_opc_field .scroll-wrapper.disabled,
.iwd_main_wrapper .field .scroll-wrapper.disabled,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_select_container.disabled,
.iwd_main_wrapper .field .iwd_opc_select_container.disabled {
  cursor: default;
}
.iwd_main_wrapper .iwd_opc_field .scroll-wrapper.disabled .iwd_opc_select_option,
.iwd_main_wrapper .field .scroll-wrapper.disabled .iwd_opc_select_option,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_select_container.disabled .iwd_opc_select_option,
.iwd_main_wrapper .field .iwd_opc_select_container.disabled .iwd_opc_select_option,
.iwd_main_wrapper .iwd_opc_field .scroll-wrapper.disabled .iwd_opc_select_option.selected,
.iwd_main_wrapper .field .scroll-wrapper.disabled .iwd_opc_select_option.selected,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_select_container.disabled .iwd_opc_select_option.selected,
.iwd_main_wrapper .field .iwd_opc_select_container.disabled .iwd_opc_select_option.selected {
  opacity: 0.4;
  color: #676767;
}
.iwd_main_wrapper .iwd_opc_field .scroll-wrapper.disabled .iwd_opc_select_option[data-value=''],
.iwd_main_wrapper .field .scroll-wrapper.disabled .iwd_opc_select_option[data-value=''],
.iwd_main_wrapper .iwd_opc_field .iwd_opc_select_container.disabled .iwd_opc_select_option[data-value=''],
.iwd_main_wrapper .field .iwd_opc_select_container.disabled .iwd_opc_select_option[data-value=''],
.iwd_main_wrapper .iwd_opc_field .scroll-wrapper.disabled .iwd_opc_select_option.selected[data-value=''],
.iwd_main_wrapper .field .scroll-wrapper.disabled .iwd_opc_select_option.selected[data-value=''],
.iwd_main_wrapper .iwd_opc_field .iwd_opc_select_container.disabled .iwd_opc_select_option.selected[data-value=''],
.iwd_main_wrapper .field .iwd_opc_select_container.disabled .iwd_opc_select_option.selected[data-value=''] {
  color: #676767;
}
.iwd_main_wrapper .iwd_opc_field .scroll-wrapper.disabled:focus,
.iwd_main_wrapper .field .scroll-wrapper.disabled:focus,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_select_container.disabled:focus,
.iwd_main_wrapper .field .iwd_opc_select_container.disabled:focus {
  box-shadow: none;
}
.iwd_main_wrapper .iwd_opc_field .scroll-wrapper .iwd_opc_select_option,
.iwd_main_wrapper .field .scroll-wrapper .iwd_opc_select_option,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option,
.iwd_main_wrapper .field .iwd_opc_select_container .iwd_opc_select_option {
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  color: #343434;
  font-size: 14px;
  line-height: 19px;
  border-bottom: 1px solid rgba(229, 229, 229, 0.4);
  overflow: hidden;
  box-sizing: border-box;
  text-align: left;
}
.iwd_main_wrapper .iwd_opc_field .scroll-wrapper .iwd_opc_select_option.selected,
.iwd_main_wrapper .field .scroll-wrapper .iwd_opc_select_option.selected,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.selected,
.iwd_main_wrapper .field .iwd_opc_select_container .iwd_opc_select_option.selected,
.iwd_main_wrapper .iwd_opc_field .scroll-wrapper .iwd_opc_select_option:hover,
.iwd_main_wrapper .field .scroll-wrapper .iwd_opc_select_option:hover,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option:hover,
.iwd_main_wrapper .field .iwd_opc_select_container .iwd_opc_select_option:hover {
  background-color: rgba(229, 229, 229, 0.4);
}
.iwd_main_wrapper .iwd_opc_field .scroll-wrapper .iwd_opc_select_option:last-child,
.iwd_main_wrapper .field .scroll-wrapper .iwd_opc_select_option:last-child,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option:last-child,
.iwd_main_wrapper .field .iwd_opc_select_container .iwd_opc_select_option:last-child {
  border-bottom: none;
}
.iwd_main_wrapper .iwd_opc_field .scroll-wrapper:focus,
.iwd_main_wrapper .field .scroll-wrapper:focus,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_select_container:focus,
.iwd_main_wrapper .field .iwd_opc_select_container:focus {
  box-shadow: 0 0 3px 1px red;
}
.iwd_main_wrapper .iwd_opc_field:not(.choice) label,
.iwd_main_wrapper .field:not(.choice) label,
.iwd_main_wrapper .iwd_opc_field:not(.choice) label.label,
.iwd_main_wrapper .field:not(.choice) label.label,
.iwd_main_wrapper .iwd_opc_field:not(.choice) legend.label,
.iwd_main_wrapper .field:not(.choice) legend.label,
.iwd_main_wrapper .iwd_opc_field:not(.choice) .label,
.iwd_main_wrapper .field:not(.choice) .label {
  display: none;
}
.iwd_main_wrapper .iwd_opc_field.iwd_opc_input,
.iwd_main_wrapper .field.iwd_opc_input,
.iwd_main_wrapper .iwd_opc_field .input-text,
.iwd_main_wrapper .field .input-text,
.iwd_main_wrapper .iwd_opc_field textarea,
.iwd_main_wrapper .field textarea,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_hosted_field,
.iwd_main_wrapper .field .iwd_opc_hosted_field,
.iwd_main_wrapper .iwd_opc_field.iwd_opc_textarea,
.iwd_main_wrapper .field.iwd_opc_textarea {
  background: inherit;
  border-radius: 4px;
  border: 1px solid #E5E5E5;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  font-size: 14px;
  line-height: 19px;
  outline: none;
  height: 37px;
  width: 100%;
  color: #343434;
}
.iwd_main_wrapper .iwd_opc_field.iwd_opc_input:focus,
.iwd_main_wrapper .field.iwd_opc_input:focus,
.iwd_main_wrapper .iwd_opc_field .input-text:focus,
.iwd_main_wrapper .field .input-text:focus,
.iwd_main_wrapper .iwd_opc_field textarea:focus,
.iwd_main_wrapper .field textarea:focus,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_hosted_field:focus,
.iwd_main_wrapper .field .iwd_opc_hosted_field:focus,
.iwd_main_wrapper .iwd_opc_field.iwd_opc_textarea:focus,
.iwd_main_wrapper .field.iwd_opc_textarea:focus {
  box-shadow: 0 0 3px 1px red;
}
.iwd_main_wrapper .iwd_opc_field.iwd_opc_input:invalid,
.iwd_main_wrapper .field.iwd_opc_input:invalid,
.iwd_main_wrapper .iwd_opc_field .input-text:invalid,
.iwd_main_wrapper .field .input-text:invalid,
.iwd_main_wrapper .iwd_opc_field textarea:invalid,
.iwd_main_wrapper .field textarea:invalid,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_hosted_field:invalid,
.iwd_main_wrapper .field .iwd_opc_hosted_field:invalid,
.iwd_main_wrapper .iwd_opc_field.iwd_opc_textarea:invalid,
.iwd_main_wrapper .field.iwd_opc_textarea:invalid,
.iwd_main_wrapper .iwd_opc_field.iwd_opc_input:-moz-ui-invalid,
.iwd_main_wrapper .field.iwd_opc_input:-moz-ui-invalid,
.iwd_main_wrapper .iwd_opc_field .input-text:-moz-ui-invalid,
.iwd_main_wrapper .field .input-text:-moz-ui-invalid,
.iwd_main_wrapper .iwd_opc_field textarea:-moz-ui-invalid,
.iwd_main_wrapper .field textarea:-moz-ui-invalid,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_hosted_field:-moz-ui-invalid,
.iwd_main_wrapper .field .iwd_opc_hosted_field:-moz-ui-invalid,
.iwd_main_wrapper .iwd_opc_field.iwd_opc_textarea:-moz-ui-invalid,
.iwd_main_wrapper .field.iwd_opc_textarea:-moz-ui-invalid {
  outline: none;
}
.iwd_main_wrapper .iwd_opc_field.iwd_opc_input::-moz-placeholder,
.iwd_main_wrapper .field.iwd_opc_input::-moz-placeholder,
.iwd_main_wrapper .iwd_opc_field .input-text::-moz-placeholder,
.iwd_main_wrapper .field .input-text::-moz-placeholder,
.iwd_main_wrapper .iwd_opc_field textarea::-moz-placeholder,
.iwd_main_wrapper .field textarea::-moz-placeholder,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_hosted_field::-moz-placeholder,
.iwd_main_wrapper .field .iwd_opc_hosted_field::-moz-placeholder,
.iwd_main_wrapper .iwd_opc_field.iwd_opc_textarea::-moz-placeholder,
.iwd_main_wrapper .field.iwd_opc_textarea::-moz-placeholder {
  color: #676767;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.iwd_main_wrapper .iwd_opc_field.iwd_opc_input:-moz-placeholder,
.iwd_main_wrapper .field.iwd_opc_input:-moz-placeholder,
.iwd_main_wrapper .iwd_opc_field .input-text:-moz-placeholder,
.iwd_main_wrapper .field .input-text:-moz-placeholder,
.iwd_main_wrapper .iwd_opc_field textarea:-moz-placeholder,
.iwd_main_wrapper .field textarea:-moz-placeholder,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_hosted_field:-moz-placeholder,
.iwd_main_wrapper .field .iwd_opc_hosted_field:-moz-placeholder,
.iwd_main_wrapper .iwd_opc_field.iwd_opc_textarea:-moz-placeholder,
.iwd_main_wrapper .field.iwd_opc_textarea:-moz-placeholder {
  color: #676767;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.iwd_main_wrapper .iwd_opc_field.iwd_opc_input:-ms-input-placeholder,
.iwd_main_wrapper .field.iwd_opc_input:-ms-input-placeholder,
.iwd_main_wrapper .iwd_opc_field .input-text:-ms-input-placeholder,
.iwd_main_wrapper .field .input-text:-ms-input-placeholder,
.iwd_main_wrapper .iwd_opc_field textarea:-ms-input-placeholder,
.iwd_main_wrapper .field textarea:-ms-input-placeholder,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_hosted_field:-ms-input-placeholder,
.iwd_main_wrapper .field .iwd_opc_hosted_field:-ms-input-placeholder,
.iwd_main_wrapper .iwd_opc_field.iwd_opc_textarea:-ms-input-placeholder,
.iwd_main_wrapper .field.iwd_opc_textarea:-ms-input-placeholder {
  color: #676767;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.iwd_main_wrapper .iwd_opc_field.iwd_opc_input::-webkit-input-placeholder,
.iwd_main_wrapper .field.iwd_opc_input::-webkit-input-placeholder,
.iwd_main_wrapper .iwd_opc_field .input-text::-webkit-input-placeholder,
.iwd_main_wrapper .field .input-text::-webkit-input-placeholder,
.iwd_main_wrapper .iwd_opc_field textarea::-webkit-input-placeholder,
.iwd_main_wrapper .field textarea::-webkit-input-placeholder,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_hosted_field::-webkit-input-placeholder,
.iwd_main_wrapper .field .iwd_opc_hosted_field::-webkit-input-placeholder,
.iwd_main_wrapper .iwd_opc_field.iwd_opc_textarea::-webkit-input-placeholder,
.iwd_main_wrapper .field.iwd_opc_textarea::-webkit-input-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
  color: #676767;
}
.iwd_main_wrapper .iwd_opc_field.iwd_opc_input:disabled,
.iwd_main_wrapper .field.iwd_opc_input:disabled,
.iwd_main_wrapper .iwd_opc_field .input-text:disabled,
.iwd_main_wrapper .field .input-text:disabled,
.iwd_main_wrapper .iwd_opc_field textarea:disabled,
.iwd_main_wrapper .field textarea:disabled,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_hosted_field:disabled,
.iwd_main_wrapper .field .iwd_opc_hosted_field:disabled,
.iwd_main_wrapper .iwd_opc_field.iwd_opc_textarea:disabled,
.iwd_main_wrapper .field.iwd_opc_textarea:disabled,
.iwd_main_wrapper .iwd_opc_field.iwd_opc_input[readonly],
.iwd_main_wrapper .field.iwd_opc_input[readonly],
.iwd_main_wrapper .iwd_opc_field .input-text[readonly],
.iwd_main_wrapper .field .input-text[readonly],
.iwd_main_wrapper .iwd_opc_field textarea[readonly],
.iwd_main_wrapper .field textarea[readonly],
.iwd_main_wrapper .iwd_opc_field .iwd_opc_hosted_field[readonly],
.iwd_main_wrapper .field .iwd_opc_hosted_field[readonly],
.iwd_main_wrapper .iwd_opc_field.iwd_opc_textarea[readonly],
.iwd_main_wrapper .field.iwd_opc_textarea[readonly] {
  opacity: 0.4;
  pointer-events: none;
}
.iwd_main_wrapper .iwd_opc_field.iwd_opc_input.mage-error,
.iwd_main_wrapper .field.iwd_opc_input.mage-error,
.iwd_main_wrapper .iwd_opc_field .input-text.mage-error,
.iwd_main_wrapper .field .input-text.mage-error,
.iwd_main_wrapper .iwd_opc_field textarea.mage-error,
.iwd_main_wrapper .field textarea.mage-error,
.iwd_main_wrapper .iwd_opc_field .iwd_opc_hosted_field.mage-error,
.iwd_main_wrapper .field .iwd_opc_hosted_field.mage-error,
.iwd_main_wrapper .iwd_opc_field.iwd_opc_textarea.mage-error,
.iwd_main_wrapper .field.iwd_opc_textarea.mage-error {
  border-color: yellow;
}
.iwd_main_wrapper .iwd_opc_field .iwd_opc_hosted_field,
.iwd_main_wrapper .field .iwd_opc_hosted_field {
  height: 37px;
}
.iwd_main_wrapper .iwd_opc_field .iwd_opc_hosted_field.braintree-hosted-fields-focused,
.iwd_main_wrapper .field .iwd_opc_hosted_field.braintree-hosted-fields-focused {
  box-shadow: 0 0 3px 1px red;
}
.iwd_main_wrapper .iwd_opc_field .iwd_opc_hosted_field.braintree-hosted-fields-invalid,
.iwd_main_wrapper .field .iwd_opc_hosted_field.braintree-hosted-fields-invalid {
  border-color: yellow;
}
.iwd_main_wrapper .iwd_opc_field.iwd_opc_textarea,
.iwd_main_wrapper .field.iwd_opc_textarea,
.iwd_main_wrapper .iwd_opc_field textarea,
.iwd_main_wrapper .field textarea {
  max-width: 100%;
  overflow: hidden;
  resize: none;
  vertical-align: top;
}
.iwd_main_wrapper .iwd_opc_field[type="password"]:not(:placeholder-shown),
.iwd_main_wrapper .field[type="password"]:not(:placeholder-shown) {
  font-size: 34px;
  line-height: 19px;
  height: 37px;
  letter-spacing: -1px;
}
.iwd_main_wrapper .fieldset {
  margin: 0;
  padding: 0;
}
.iwd_main_wrapper .fieldset .field {
  padding: 0;
  margin: 0 0 20px 0;
}
.iwd_main_wrapper .fieldset .field.choice {
  position: relative;
}
.iwd_main_wrapper .fieldset .field.choice input[type="checkbox"] ~ label {
  cursor: pointer;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  display: block;
  padding-left: 26px;
}
.iwd_main_wrapper .fieldset .field .control {
  position: relative;
}
.iwd_main_wrapper .fieldset .field .control .message.warning {
  display: none;
}
.iwd_main_wrapper .fieldset .field ._with-tooltip .input-text {
  width: 100%;
  margin: 0;
}
.iwd_main_wrapper .fieldset .field .field-tooltip {
  display: none;
}
.iwd_main_wrapper .fieldset .field._error .control input,
.iwd_main_wrapper .fieldset .field._warn .control input,
.iwd_main_wrapper .fieldset .field._error .control textarea,
.iwd_main_wrapper .fieldset .field._warn .control textarea,
.iwd_main_wrapper .fieldset .field._error .control .scroll-wrapper,
.iwd_main_wrapper .fieldset .field._warn .control .scroll-wrapper,
.iwd_main_wrapper .fieldset .field._error .control .iwd_opc_select_container,
.iwd_main_wrapper .fieldset .field._warn .control .iwd_opc_select_container {
  border-color: yellow;
}
.iwd_main_wrapper .fieldset .field.additional {
  margin-bottom: 20px/2;
}
.iwd_main_wrapper .fieldset .field.additional:last-child {
  margin-bottom: 0;
}
.iwd_main_wrapper div.mage-error[generated] {
  display: none !important;
}
.iwd_main_wrapper .iwd_opc_show_hide_password {
  font-family: 'FontAwesome';
  color: #222;
  font-size: 14px;
  position: absolute;
  width: 15px;
  height: 15px;
  display: inline-block;
  right: 18px;
  top: 11px;
  line-height: 1;
  cursor: pointer;
}
.iwd_main_wrapper .iwd_opc_show_hide_password.active:after {
  content: "\f070";
}
.iwd_main_wrapper .iwd_opc_show_hide_password:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "\f06e";
}
.iwd_main_wrapper .iwd_opc_show_hide_password:hover {
  color: #56cfe1;
}
.iwd_main_wrapper .iwd_opc_collapsible_opened .with_angle:after {
  content: '\f106' !important;
}
.iwd_main_wrapper button.iwd_opc_small_button,
.iwd_main_wrapper a.iwd_opc_small_button,
.iwd_main_wrapper div.iwd_opc_small_button,
.iwd_main_wrapper a.iwd_opc_button,
.iwd_main_wrapper div.iwd_opc_button,
.iwd_main_wrapper button.iwd_opc_button {
  font-weight: 400;
  display: block;
  box-sizing: border-box;
  line-height: 19px;
  box-shadow: none;
  font-size: 14px;
  text-align: center;
  border-radius: 4px;
  width: 100%;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  outline: none;
  margin: 0;
  background: #fff;
  border: 1px solid #676767;
  color: #676767;
  cursor: pointer;
  position: relative;
}
.iwd_main_wrapper button.iwd_opc_small_button.with_angle:after,
.iwd_main_wrapper a.iwd_opc_small_button.with_angle:after,
.iwd_main_wrapper div.iwd_opc_small_button.with_angle:after,
.iwd_main_wrapper a.iwd_opc_button.with_angle:after,
.iwd_main_wrapper div.iwd_opc_button.with_angle:after,
.iwd_main_wrapper button.iwd_opc_button.with_angle:after {
  font-family: 'FontAwesome';
  font-size: 14px;
  position: absolute;
  right: 16px;
}
.iwd_main_wrapper button.iwd_opc_small_button.with_angle.opened:after,
.iwd_main_wrapper a.iwd_opc_small_button.with_angle.opened:after,
.iwd_main_wrapper div.iwd_opc_small_button.with_angle.opened:after,
.iwd_main_wrapper a.iwd_opc_button.with_angle.opened:after,
.iwd_main_wrapper div.iwd_opc_button.with_angle.opened:after,
.iwd_main_wrapper button.iwd_opc_button.with_angle.opened:after {
  content: '\f106';
}
.iwd_main_wrapper button.iwd_opc_small_button.with_angle:after,
.iwd_main_wrapper a.iwd_opc_small_button.with_angle:after,
.iwd_main_wrapper div.iwd_opc_small_button.with_angle:after,
.iwd_main_wrapper a.iwd_opc_button.with_angle:after,
.iwd_main_wrapper div.iwd_opc_button.with_angle:after,
.iwd_main_wrapper button.iwd_opc_button.with_angle:after {
  content: '\f107';
}
.iwd_main_wrapper button.iwd_opc_small_button:focus,
.iwd_main_wrapper a.iwd_opc_small_button:focus,
.iwd_main_wrapper div.iwd_opc_small_button:focus,
.iwd_main_wrapper a.iwd_opc_button:focus,
.iwd_main_wrapper div.iwd_opc_button:focus,
.iwd_main_wrapper button.iwd_opc_button:focus,
.iwd_main_wrapper button.iwd_opc_small_button:active,
.iwd_main_wrapper a.iwd_opc_small_button:active,
.iwd_main_wrapper div.iwd_opc_small_button:active,
.iwd_main_wrapper a.iwd_opc_button:active,
.iwd_main_wrapper div.iwd_opc_button:active,
.iwd_main_wrapper button.iwd_opc_button:active,
.iwd_main_wrapper button.iwd_opc_small_button:hover,
.iwd_main_wrapper a.iwd_opc_small_button:hover,
.iwd_main_wrapper div.iwd_opc_small_button:hover,
.iwd_main_wrapper a.iwd_opc_button:hover,
.iwd_main_wrapper div.iwd_opc_button:hover,
.iwd_main_wrapper button.iwd_opc_button:hover {
  box-shadow: none;
  color: #343434;
  border-color: #343434;
  text-decoration: none;
}
.iwd_main_wrapper button.iwd_opc_small_button:disabled,
.iwd_main_wrapper a.iwd_opc_small_button:disabled,
.iwd_main_wrapper div.iwd_opc_small_button:disabled,
.iwd_main_wrapper a.iwd_opc_button:disabled,
.iwd_main_wrapper div.iwd_opc_button:disabled,
.iwd_main_wrapper button.iwd_opc_button:disabled {
  opacity: 0.4;
  cursor: default;
}
.iwd_main_wrapper button.iwd_opc_small_button.active,
.iwd_main_wrapper a.iwd_opc_small_button.active,
.iwd_main_wrapper div.iwd_opc_small_button.active,
.iwd_main_wrapper a.iwd_opc_button.active,
.iwd_main_wrapper div.iwd_opc_button.active,
.iwd_main_wrapper button.iwd_opc_button.active {
  color: #222;
  border-color: #222;
}
.iwd_main_wrapper button.iwd_opc_small_button.active:hover,
.iwd_main_wrapper a.iwd_opc_small_button.active:hover,
.iwd_main_wrapper div.iwd_opc_small_button.active:hover,
.iwd_main_wrapper a.iwd_opc_button.active:hover,
.iwd_main_wrapper div.iwd_opc_button.active:hover,
.iwd_main_wrapper button.iwd_opc_button.active:hover,
.iwd_main_wrapper button.iwd_opc_small_button.active:focus,
.iwd_main_wrapper a.iwd_opc_small_button.active:focus,
.iwd_main_wrapper div.iwd_opc_small_button.active:focus,
.iwd_main_wrapper a.iwd_opc_button.active:focus,
.iwd_main_wrapper div.iwd_opc_button.active:focus,
.iwd_main_wrapper button.iwd_opc_button.active:focus,
.iwd_main_wrapper button.iwd_opc_small_button.active:active,
.iwd_main_wrapper a.iwd_opc_small_button.active:active,
.iwd_main_wrapper div.iwd_opc_small_button.active:active,
.iwd_main_wrapper a.iwd_opc_button.active:active,
.iwd_main_wrapper div.iwd_opc_button.active:active,
.iwd_main_wrapper button.iwd_opc_button.active:active {
  color: #56cfe1;
  border-color: #56cfe1;
}
.iwd_main_wrapper button.iwd_opc_small_button,
.iwd_main_wrapper div.iwd_opc_small_button,
.iwd_main_wrapper a.iwd_opc_small_button,
.iwd_main_wrapper div.iwd_opc_small_button {
  padding-right: 16px/2;
  padding-left: 16px/2;
  display: block;
  box-sizing: border-box;
  width: 48%;
  overflow: hidden;
}
.iwd_main_wrapper button.iwd_opc_small_button:first-child,
.iwd_main_wrapper div.iwd_opc_small_button:first-child,
.iwd_main_wrapper a.iwd_opc_small_button:first-child,
.iwd_main_wrapper div.iwd_opc_small_button:first-child {
  float: left;
}
.iwd_main_wrapper button.iwd_opc_small_button:last-child,
.iwd_main_wrapper div.iwd_opc_small_button:last-child,
.iwd_main_wrapper a.iwd_opc_small_button:last-child,
.iwd_main_wrapper div.iwd_opc_small_button:last-child {
  float: right;
}
.iwd_main_wrapper .iwd_opc_small_button_container {
  overflow: hidden;
}
.iwd_main_wrapper .loading-mask .loader {
  width: 71px !important;
  height: 71px !important;
}
.iwd_main_wrapper .iwd_opc_field_tooltip {
  position: absolute;
  cursor: pointer;
  top: 9px;
  right: 17px;
  line-height: 19px;
}
.iwd_main_wrapper .iwd_opc_field_tooltip:hover .iwd_opc_field_tooltip_content {
  display: block;
}
.iwd_main_wrapper .iwd_opc_field_tooltip:after {
  content: attr(data-icon);
  font-size: 14px;
  line-height: 14px;
  font-family: 'FontAwesome';
}
.iwd_main_wrapper .iwd_opc_field_tooltip .iwd_opc_field_tooltip_content {
  box-shadow: 0 4px 8px 0 rgba(52, 52, 52, 0.2);
  background: #fff;
  width: 197px;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  z-index: 100;
  display: none;
  position: absolute;
  text-align: left;
  line-height: 17px;
  font-size: 12px;
  right: 100%;
  margin-right: 14px;
  border-radius: 4px;
}
.iwd_main_wrapper .iwd_opc_field_tooltip .iwd_opc_field_tooltip_content:after {
  left: calc(100% - 12px);
  top: calc(50% - 6px);
  content: " ";
  height: 24px;
  width: 12px;
  position: absolute;
  background: #fff;
}
.iwd_main_wrapper .iwd_opc_field_tooltip .iwd_opc_field_tooltip_content:before {
  box-shadow: 1px 1px 8px 0 rgba(52, 52, 52, 0.2);
  content: '';
  position: absolute;
  left: calc(100% - 6px);
  top: 50%;
  width: 12px;
  height: 12px;
  background: #fff;
  transform: rotate(45deg);
  z-index: -1;
}
.iwd_main_wrapper .scroll-wrapper {
  overflow: hidden;
  padding: 0;
  position: relative;
  outline: none;
  margin: 0;
}
.iwd_main_wrapper .scroll-wrapper .scroll-content {
  outline: none;
  height: auto;
  left: 0;
  max-width: none !important;
  overflow-y: scroll !important;
  position: relative !important;
  top: 0;
  width: auto !important;
}
.iwd_main_wrapper .scroll-wrapper .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.iwd_main_wrapper .scroll-wrapper .scroll-content.scroll-scrolly_visible:not(.selected) ~ .scroll-y.scroll-scrolly_visible {
  display: block;
}
.iwd_main_wrapper .scroll-wrapper .scroll-element {
  display: none;
  box-sizing: content-box;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.iwd_main_wrapper .scroll-wrapper .scroll-element div {
  box-sizing: content-box;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.iwd_main_wrapper .scroll-wrapper .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 0;
}
.iwd_main_wrapper .scroll-wrapper .scroll-element.scroll-y.scroll-scrolly_visible .scroll-element_outer {
  display: block;
  height: 100%;
  left: 0;
  width: 100%;
  top: 8px;
}
.iwd_main_wrapper .scroll-wrapper .scroll-element.scroll-y.scroll-scrolly_visible .scroll-element_outer .scroll-element_size {
  top: -16px;
}
.iwd_main_wrapper .scroll-wrapper .scroll-element.scroll-y.scroll-scrolly_visible .scroll-element_outer .scroll-element_track {
  display: none;
}
.iwd_main_wrapper .scroll-wrapper .scroll-element.scroll-y.scroll-scrolly_visible .scroll-element_outer .scroll-bar {
  left: -16px;
  min-height: 80px;
  width: 8px;
  cursor: default;
  background-color: #343434;
  opacity: 0.4;
  display: block;
  border-radius: 4px;
  -webkit-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
.iwd_main_wrapper .scroll-wrapper .scroll-element.scroll-y.scroll-scrolly_visible .scroll-element_outer .scroll-bar:hover,
.iwd_main_wrapper .scroll-wrapper .scroll-element.scroll-y.scroll-scrolly_visible .scroll-element_outer .scroll-bar:active {
  background-color: #343434;
}
.onepage-index-index .loading-mask,
.iwd_opc_success_page .loading-mask {
  background: rgba(255, 255, 255, 0.4);
}
.onepage-index-index .loading-mask .loader,
.iwd_opc_success_page .loading-mask .loader {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100001;
  margin: auto;
  border-top: 11px solid rgba(229, 229, 229, 0.4);
  border-right: 11px solid rgba(229, 229, 229, 0.4);
  border-bottom: 11px solid rgba(229, 229, 229, 0.4);
  border-left: 11px solid #999999;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  border-radius: 50%;
  width: 49px;
  height: 49px;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.onepage-index-index .loading-mask .loader img,
.iwd_opc_success_page .loading-mask .loader img {
  display: none;
}
.iwd_success_page_wrapper .iwd_opc_alternative_wrapper .iwd_opc_success_page_column .iwd_opc_alternative_column {
  margin: 0 auto;
}
.iwd_success_page_wrapper .iwd_opc_alternative_wrapper .iwd_opc_success_page_column .iwd_opc_alternative_column .iwd_success_page_info,
.iwd_success_page_wrapper .iwd_opc_alternative_wrapper .iwd_opc_success_page_column .iwd_opc_alternative_column .iwd_opc_success_page_create_account_info {
  padding: 0 24px 0 24px;
  text-align: center;
}
.iwd_success_page_wrapper .iwd_opc_alternative_wrapper .iwd_opc_success_page_column .iwd_opc_alternative_column .iwd_success_page_info a,
.iwd_success_page_wrapper .iwd_opc_alternative_wrapper .iwd_opc_success_page_column .iwd_opc_alternative_column .iwd_opc_success_page_create_account_info a {
  color: #222;
}
.iwd_success_page_wrapper .iwd_opc_alternative_wrapper .iwd_opc_success_page_column .iwd_opc_alternative_column .iwd_success_page_info a:hover,
.iwd_success_page_wrapper .iwd_opc_alternative_wrapper .iwd_opc_success_page_column .iwd_opc_alternative_column .iwd_opc_success_page_create_account_info a:hover {
  color: #56cfe1;
  text-decoration: none;
}
.iwd_empty_cart_wrapper .iwd_opc_alternative_wrapper .iwd_opc_empty_cart_column .iwd_opc_alternative_column {
  margin: 0 auto;
}
.iwd_empty_cart_wrapper .iwd_opc_alternative_wrapper .iwd_opc_empty_cart_column .iwd_opc_alternative_column .iwd_opc_empty_cart_info {
  padding: 0 24px 0 24px;
  text-align: center;
}
.iwd_empty_cart_wrapper .iwd_opc_alternative_wrapper .iwd_opc_empty_cart_column .iwd_opc_alternative_column .iwd_empty_cart_powered_by {
  text-align: center;
  margin-bottom: 0;
}
.iwd_empty_cart_wrapper .iwd_opc_alternative_wrapper .iwd_opc_empty_cart_column .iwd_opc_alternative_column .iwd_empty_cart_powered_by a {
  color: #222;
}
.iwd_empty_cart_wrapper .iwd_opc_alternative_wrapper .iwd_opc_empty_cart_column .iwd_opc_alternative_column .iwd_empty_cart_powered_by a:hover {
  color: #56cfe1;
  text-decoration: none;
}
.iwd_opc_wrapper #iwd_opc_powered_by_logo {
  overflow: hidden;
  display: none;
}
.iwd_opc_wrapper #iwd_opc_powered_by_logo a {
  float: right;
  display: inline-block;
}
.iwd_opc_wrapper #iwd_opc_powered_by_logo a img {
  width: 69px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper > .iwd_opc_two_column_wrapper:first-child .iwd_opc_column {
  width: 50%;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper > .iwd_opc_two_column_wrapper:first-child .iwd_opc_column .iwd_opc_alternative_column {
  max-width: 590px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column {
  float: left;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column.iwd_opc_iframe_payment_column {
  width: 100%;
  float: none;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column.iwd_opc_iframe_payment_column .iwd_opc_alternative_column {
  margin: 0 auto;
  max-width: 590px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column.iwd_opc_iframe_payment_column .iwd_opc_alternative_column .iwd_opc_column_name {
  color: #222;
  line-height: 18px;
  cursor: pointer;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column.iwd_opc_iframe_payment_column .iwd_opc_alternative_column .iwd_opc_column_name:hover {
  color: #56cfe1;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column.iwd_opc_iframe_payment_column .iwd_opc_alternative_column .iwd_opc_column_name:before {
  font-family: 'FontAwesome';
  color: #676767;
  content: '\f104';
  margin-right: 10px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column.iwd_opc_iframe_payment_column .iwd_opc_alternative_column .iwd_opc_column_content {
  text-align: center;
  margin: 0 auto;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column.iwd_opc_address_column {
  padding-right: 24px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column.iwd_opc_address_column .iwd_opc_alternative_column {
  float: left;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column.iwd_opc_shipping_column {
  padding: 0 48px/2;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column.iwd_opc_shipping_column .iwd_opc_alternative_column {
  margin: 0 auto;
  float: none;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column.iwd_opc_payment_column {
  padding-left: 24px;
  margin-bottom: 0 !important;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column.iwd_opc_payment_column .iwd_opc_alternative_column {
  float: right;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column.iwd_opc_payment_column .iwd_opc_alternative_column .loading-mask {
  overflow: hidden;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_general_errors {
  cursor: pointer;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_general_errors .message.error,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_general_errors .message.success {
  margin-bottom: 20px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column {
  width: 32.6881%;
  position: relative;
  float: left;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column .iwd_opc_alternative_column {
  max-width: inherit;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column.iwd_opc_address_column {
  padding-right: 24px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column.iwd_opc_address_column .iwd_opc_alternative_column {
  float: left;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column.iwd_opc_shipping_column {
  padding: 0 48px/2;
  width: 34.6233%;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column.iwd_opc_shipping_column .iwd_opc_alternative_column {
  margin: 0 auto;
  float: none;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column.iwd_opc_payment_column {
  padding-left: 24px;
  margin-bottom: 0 !important;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column.iwd_opc_payment_column .iwd_opc_alternative_column {
  float: right;
}
@media (max-width: 1008px) {
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 48px;
  }
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column .iwd_opc_alternative_column {
    margin: 0 auto !important;
    float: none !important;
    max-width: 368px;
  }
}
@media (max-width: 368px) {
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_column .iwd_opc_alternative_column {
    max-width: 288px;
  }
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_additional_payment_info {
  font-size: 12px;
  line-height: 21px;
  padding-left: 16px;
  padding-right: 16px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_additional_payment_info .iwd_opc_additional_payment_label {
  display: inline;
  padding-right: 16px/4;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_additional_payment_info .iwd_opc_additional_payment_value {
  display: inline;
  font-weight: bold;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_field_tooltip.iwd_opc_shipping_method_tooltip .iwd_opc_field_tooltip_content,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_field_tooltip.iwd_opc_payment_method_tooltip .iwd_opc_field_tooltip_content {
  top: -30px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_field_tooltip.iwd_opc_shipping_method_tooltip .iwd_opc_field_tooltip_content:after,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_field_tooltip.iwd_opc_payment_method_tooltip .iwd_opc_field_tooltip_content:after {
  top: calc(34px - 6px);
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_field_tooltip.iwd_opc_shipping_method_tooltip .iwd_opc_field_tooltip_content:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_field_tooltip.iwd_opc_payment_method_tooltip .iwd_opc_field_tooltip_content:before {
  top: 34px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_field_tooltip.iwd_opc_payment_method_tooltip_virtual .iwd_opc_field_tooltip_content {
  top: -7px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_field_tooltip.iwd_opc_payment_method_tooltip_virtual .iwd_opc_field_tooltip_content:after {
  top: calc(11px - 6px);
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_field_tooltip.iwd_opc_payment_method_tooltip_virtual .iwd_opc_field_tooltip_content:before {
  top: 11px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_field_tooltip.iwd_opc_cvv_tooltip .iwd_opc_field_tooltip_content {
  top: -24px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_field_tooltip.iwd_opc_cvv_tooltip .iwd_opc_field_tooltip_content:after {
  top: calc(28px - 6px);
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_field_tooltip.iwd_opc_cvv_tooltip .iwd_opc_field_tooltip_content:before {
  top: 28px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_field_tooltip.iwd_opc_cc_tooltip .iwd_opc_field_tooltip_content {
  top: -38px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_field_tooltip.iwd_opc_cc_tooltip .iwd_opc_field_tooltip_content:after {
  top: calc(42px - 6px);
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_field_tooltip.iwd_opc_cc_tooltip .iwd_opc_field_tooltip_content:before {
  top: 42px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top {
  margin-bottom: 48px;
  display: inline-block;
}
@media (max-width: 1008px) {
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top {
    margin-bottom: 24px;
  }
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top .iwd_opc_column {
    margin-bottom: 24px;
  }
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top #iwd_opc_review .iwd_opc_review_grand_total_tax {
  color: #999999;
  display: inline;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top #iwd_opc_review #iwd_opc_review_items_totals {
  margin-top: 20px;
  background: #fff;
  border-radius: 4px;
  position: absolute;
  width: 100%;
  z-index: 101;
  box-shadow: 0 4px 8px 0 rgba(52, 52, 52, 0.2);
  padding: 8px 0 8px 0;
  color: #343434;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top #iwd_opc_review #iwd_opc_review_items_totals #iwd_opc_top_review_items_wrapper {
  max-height: 500px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top #iwd_opc_review #iwd_opc_review_items_totals #iwd_opc_review_items {
  display: table;
  position: relative;
  width: 100%;
  background: #fff;
  padding: 0 16px 0 16px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top #iwd_opc_review #iwd_opc_review_items_totals #iwd_opc_review_items .iwd_opc_review_item {
  display: table-row;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top #iwd_opc_review #iwd_opc_review_items_totals #iwd_opc_review_items .iwd_opc_review_item:first-child .iwd_opc_review_item_cell {
  padding-top: 8px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top #iwd_opc_review #iwd_opc_review_items_totals #iwd_opc_review_items .iwd_opc_review_item .iwd_opc_review_item_cell {
  display: table-cell;
  text-align: right;
  line-height: 21px;
  width: 40%;
  padding-bottom: 8px;
  border-bottom: 1px solid #E5E5E5;
  padding-top: 16px;
  padding-left: 24px/2;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top #iwd_opc_review #iwd_opc_review_items_totals #iwd_opc_review_items .iwd_opc_review_item .iwd_opc_review_item_cell:first-child {
  text-align: left;
  width: 60%;
  padding-right: 24px/2;
  padding-left: 0;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top #iwd_opc_review #iwd_opc_review_items_totals #iwd_opc_review_items .iwd_opc_review_item .iwd_opc_review_item_cell .iwd_opc_review_item_name {
  padding-bottom: 8px;
  font-weight: 600;
  line-height: 21px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top #iwd_opc_review #iwd_opc_review_items_totals #iwd_opc_review_items .iwd_opc_review_item .iwd_opc_review_item_cell .iwd_opc_review_item_subtotal {
  padding-bottom: 8px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top #iwd_opc_review #iwd_opc_review_items_totals #iwd_opc_review_items .iwd_opc_review_item .iwd_opc_review_item_cell .iwd_opc_review_item_subtotal:before {
  padding-right: 16px/2;
  color: #999999;
  content: attr(data-item-tax);
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top #iwd_opc_review #iwd_opc_review_items_totals #iwd_opc_review_items .iwd_opc_review_item .iwd_opc_review_item_cell .iwd_opc_review_item_subtotal:first-child:before {
  content: attr(data-item-qty);
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top #iwd_opc_review #iwd_opc_review_items_totals #iwd_opc_review_items .iwd_opc_review_item .iwd_opc_review_item_cell .iwd_opc_review_item_options {
  font-size: 12px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top #iwd_opc_review #iwd_opc_review_items_totals #iwd_opc_review_items .iwd_opc_review_item .iwd_opc_review_item_cell .iwd_opc_review_item_options .iwd_opc_review_item_option {
  padding-bottom: 8px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top #iwd_opc_review #iwd_opc_review_items_totals #iwd_opc_review_items .iwd_opc_review_item .iwd_opc_review_item_cell .iwd_opc_review_item_options .iwd_opc_review_item_option .iwd_opc_review_item_option_label {
  display: inline;
  word-wrap: break-word;
  word-break: break-word;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top #iwd_opc_review #iwd_opc_review_items_totals #iwd_opc_review_items .iwd_opc_review_item .iwd_opc_review_item_cell .iwd_opc_review_item_options .iwd_opc_review_item_option .iwd_opc_review_item_option_value {
  color: #999999;
  display: inline;
  word-wrap: break-word;
  word-break: break-word;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top #iwd_opc_review #iwd_opc_review_items_totals #iwd_opc_review_items .iwd_opc_review_item .iwd_opc_review_item_cell .iwd_opc_review_item_options .iwd_opc_review_item_option .iwd_opc_review_item_option_value a {
  color: #222;
  font-size: 12px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top #iwd_opc_review #iwd_opc_review_items_totals #iwd_opc_review_totals {
  display: table;
  position: relative;
  width: 100%;
  background: #fff;
  font-weight: 600;
  margin-top: 16px;
  padding: 0 16px 0 16px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top #iwd_opc_review #iwd_opc_review_items_totals #iwd_opc_review_totals .iwd_opc_review_total {
  display: table-row;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top #iwd_opc_review #iwd_opc_review_items_totals #iwd_opc_review_totals .iwd_opc_review_total.iwd_opc_review_total_tax {
  color: #999999;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top #iwd_opc_review #iwd_opc_review_items_totals #iwd_opc_review_totals .iwd_opc_review_total .iwd_opc_review_total_cell {
  padding-bottom: 8px;
  display: table-cell;
  width: 68%;
  line-height: 21px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top #iwd_opc_review #iwd_opc_review_items_totals #iwd_opc_review_totals .iwd_opc_review_total .iwd_opc_review_total_cell:last-child {
  width: 38%;
  text-align: right;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_top #iwd_opc_review #iwd_opc_review_items_totals #iwd_opc_review_totals .iwd_opc_review_total.iwd_opc_grand_total .iwd_opc_review_total_cell {
  color: #222;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper {
  position: relative;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper:before {
  position: absolute;
  border-radius: 4px;
  display: inline-block;
  line-height: 1;
  width: 42px;
  height: 26px;
  background-image: url('../IWD_Opc/images/icons1x.png');
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="AE"]:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="AMEX"]:before {
  content: '';
  background-position: -199px -19px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="VI"]:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="VISA"]:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="DELTA"]:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="UKE"]:before {
  content: '';
  background-position: -19px -19px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="MC"]:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="MCDEBIT"]:before {
  content: '';
  background-position: -79px -19px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="DI"]:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="DC"]:before {
  content: '';
  background-position: -139px -19px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="DICL"]:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="DN"]:before {
  content: '';
  background-position: -139px -63px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="CUP"]:before {
  content: '';
  background-position: -199px -63px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="SO"]:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="SOLO"]:before {
  content: '';
  background-position: -139px -107px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="ME"]:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="MAESTRO"]:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="MI"]:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="MD"]:before {
  content: '';
  background-position: -19px -63px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="JCB"]:before {
  content: '';
  background-position: -259px -19px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="SM"]:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="SWITCH"]:before {
  content: '';
  background-position: -79px -107px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper:before {
    background-image: url('../IWD_Opc/images/icons2x.png');
    background-size: 258px;
  }
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="AE"]:before,
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="AMEX"]:before {
    content: '';
    background-position: -158px 136px;
  }
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="VI"]:before,
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="VISA"]:before,
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="DELTA"]:before,
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="UKE"]:before {
    content: '';
    background-position: -9px 136px;
  }
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="MC"]:before,
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="MCDEBIT"]:before {
    content: '';
    background-position: -58px 136px;
  }
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="DI"]:before,
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="DC"]:before {
    content: '';
    background-position: -108px 136px;
  }
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="DICL"]:before,
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="DN"]:before {
    content: '';
    background-position: -108px 102px;
  }
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="CUP"]:before {
    content: '';
    background-position: -158px 102px;
  }
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="SO"]:before,
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="SOLO"]:before {
    content: '';
    background-position: -108px 69px;
  }
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="ME"]:before,
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="MAESTRO"]:before,
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="MI"]:before,
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="MD"]:before {
    content: '';
    background-position: -9px 102px;
  }
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="JCB"]:before {
    content: '';
    background-position: -207px 136px;
  }
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="SM"]:before,
  .iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_cc_wrapper[data-cc-type="SWITCH"]:before {
    content: '';
    background-position: -58px 69px;
  }
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container.selected .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_preview,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container.selected .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_preview,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container.selected .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_preview,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container.selected .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_preview,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container.selected .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container.selected .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container.selected .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container.selected .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip {
  display: none;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container.selected .iwd_opc_select_option.iwd_opc_option_with_image,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container.selected .iwd_opc_select_option.iwd_opc_option_with_image {
  padding-right: 79px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container.selected .iwd_opc_select_option.iwd_opc_option_with_image img.iwd_opc_option_image,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container.selected .iwd_opc_select_option.iwd_opc_option_with_image img.iwd_opc_option_image {
  right: 34px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_option_with_image,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_option_with_image {
  padding-right: 61px;
  position: relative;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_option_with_image img.iwd_opc_option_image,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_option_with_image img.iwd_opc_option_image {
  width: 40px;
  height: 24px;
  right: 17px;
  position: absolute;
  bottom: 0;
  margin: auto;
  top: 0;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long {
  padding-right: 135px;
  position: relative;
  overflow: visible;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_wrapper,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_wrapper,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_wrapper,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_wrapper {
  width: 42px;
  height: 26px;
  float: left;
  margin-left: 5px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_preview,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_preview,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_preview,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_preview {
  display: inline-block;
  position: absolute;
  top: 5px;
  height: 26px;
  right: 45px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip {
  top: 6px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid #222;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content {
  width: 215px;
  position: fixed;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content.iwd_opc_cc_tooltip_content_small:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content.iwd_opc_cc_tooltip_content_small:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content.iwd_opc_cc_tooltip_content_small:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content.iwd_opc_cc_tooltip_content_small:before {
  top: 16px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content.iwd_opc_cc_tooltip_content_small:after,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content.iwd_opc_cc_tooltip_content_small:after,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content.iwd_opc_cc_tooltip_content_small:after,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content.iwd_opc_cc_tooltip_content_small:after {
  top: calc(16px - 6px);
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content.iwd_opc_cc_tooltip_content_big:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content.iwd_opc_cc_tooltip_content_big:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content.iwd_opc_cc_tooltip_content_big:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content.iwd_opc_cc_tooltip_content_big:before {
  top: 31px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content.iwd_opc_cc_tooltip_content_big:after,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content.iwd_opc_cc_tooltip_content_big:after,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content.iwd_opc_cc_tooltip_content_big:after,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content.iwd_opc_cc_tooltip_content_big:after {
  top: calc(31px - 6px);
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content .iwd_opc_cc_wrapper,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content .iwd_opc_cc_wrapper,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content .iwd_opc_cc_wrapper,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content .iwd_opc_cc_wrapper {
  margin-top: 5px;
  margin-left: 0;
  margin-right: 5px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content .iwd_opc_cc_wrapper:nth-child(4n),
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content .iwd_opc_cc_wrapper:nth-child(4n),
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content .iwd_opc_cc_wrapper:nth-child(4n),
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content .iwd_opc_cc_wrapper:nth-child(4n) {
  margin-right: 0;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content .iwd_opc_cc_wrapper:nth-child(-n+4),
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content .iwd_opc_cc_wrapper:nth-child(-n+4),
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content .iwd_opc_cc_wrapper:nth-child(-n+4),
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip .iwd_opc_field_tooltip_content .iwd_opc_cc_wrapper:nth-child(-n+4) {
  margin-top: 0;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip:hover:after,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip:hover:after,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip:hover:after,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip:hover:after,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip:hover:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip:hover:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip:hover:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip:hover:before {
  background: #56cfe1;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip:after,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip:after,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip:after,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip:after,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip:before {
  background: #222;
  content: '';
  display: inline-block;
  position: absolute;
  border-radius: 4px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip:after,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip:after,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip:after,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip:after {
  top: 10px;
  left: 5px;
  width: 12px;
  height: 2px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_types_tooltip:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip:before,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_long .iwd_opc_cc_types_tooltip:before {
  top: 5px;
  left: 10px;
  content: '';
  position: absolute;
  height: 12px;
  width: 2px;
  background: #222;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short {
  padding-right: 106px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_preview,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .field .iwd_opc_select_container .iwd_opc_select_option.iwd_opc_cc_option_short .iwd_opc_cc_preview {
  right: 17px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .payment-method {
  display: none;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .payment-method._active {
  display: block;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .payment-method .payment-method-title {
  display: none;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .payment-method .payment-method-content .iwd_opc_cc_wrapper:before {
  right: 16px;
  top: 5.5px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .payment-method .payment-method-content .iwd_opc_cc_wrapper[data-https="1"]:before {
  right: 40px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .payment-method .payment-method-content iframe {
  display: block;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .payment-method .payment-method-content .iwd_opc_gateway_payment {
  height: 190px;
  background: url('../IWD_Opc/images/redirect.png') center center no-repeat;
  background-size: contain;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .payment-method .payment-method-content .iwd_opc_payment_instructions {
  color: #222;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  padding: 0 16px 0 16px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .payment-method .payment-method-content .iwd_opc_payment_instructions .iwd_opc_payment_instructions_title {
  font-size: 14px;
  line-height: 21px;
  text-align: left;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .payment-method .payment-method-content .iwd_opc_payment_instructions .iwd_opc_payment_instructions_small {
  color: #676767;
  text-align: left;
  max-width: 50%;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .payment-method .payment-method-content .actions-toolbar {
  display: none;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #checkout-payment-method-load .payment-method .iwd_opc_hosted_label {
  display: block;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_login #iwd_opc_login_captcha .iwd_opc_captcha_image {
  text-align: center;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_login #iwd_opc_login_captcha .iwd_opc_captcha_reload_sensitive_container {
  font-size: 12px;
  line-height: 17px;
  text-align: center;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_login #iwd_opc_login_captcha .iwd_opc_captcha_reload_sensitive_container .iwd_opc_case_sensitive_captcha {
  display: inline;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_login #iwd_opc_login_captcha .iwd_opc_captcha_reload_sensitive_container .iwd_opc_refresh_captcha_button {
  display: inline;
  cursor: pointer;
  color: #222;
  text-transform: capitalize;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_login #iwd_opc_login_captcha .iwd_opc_captcha_reload_sensitive_container .iwd_opc_refresh_captcha_button:hover {
  color: #56cfe1;
  text-decoration: underline;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_gift_message .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option img.iwd_opc_option_image,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper #iwd_opc_gift_message .field .iwd_opc_select_container .iwd_opc_select_option img.iwd_opc_option_image {
  width: 19px;
  height: 19px;
  box-sizing: border-box;
  border: 1px solid #E5E5E5;
  margin-left: 16px;
  border-radius: 4px;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .iwd_opc_field .iwd_opc_select_container .iwd_opc_select_option img.iwd_opc_option_image,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper .field .iwd_opc_select_container .iwd_opc_select_option img.iwd_opc_option_image {
  float: right;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper button.iwd_opc_button.iwd_opc_place_order_button.active {
  color: #fff;
  background: #222;
  font-weight: 600;
}
.iwd_opc_wrapper .iwd_opc_alternative_wrapper button.iwd_opc_button.iwd_opc_place_order_button.active:hover,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper button.iwd_opc_button.iwd_opc_place_order_button.active:focus,
.iwd_opc_wrapper .iwd_opc_alternative_wrapper button.iwd_opc_button.iwd_opc_place_order_button.active:active {
  color: #fff;
  background: #56cfe1;
}
.iwd_opc_wrapper #payment_form_iwd_authcim #iwd_authcim_cc_cid {
  max-width: inherit;
}
.onepage-index-index .nav-sections,
.onepage-index-index .nav-toggle {
  display: none;
}
.onepage-index-index .logo {
  margin-left: 0;
}
.iwd_opc_popup_wrapper {
  display: none;
  position: fixed;
  top: 0;
  margin: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 105;
  width: 100%;
  height: 100%;
}
.iwd_opc_popup_wrapper.active {
  display: block;
}
.iwd_opc_popup_wrapper .iwd_opc_popup {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 34.6233%;
  padding: 0 48px/2;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -40%);
  max-height: 85%;
  overflow: auto;
}
@media (max-width: 1008px) {
  .iwd_opc_popup_wrapper .iwd_opc_popup {
    width: 100%;
    padding: 0;
    max-width: 368px;
    min-width: 288px;
  }
}
.iwd_opc_popup_wrapper .iwd_opc_popup .iwd_opc_popup_content {
  background: #fff;
  border-radius: 4px;
  outline: none;
  padding: 20px 16px 0 16px;
  overflow: auto;
  box-shadow: 0 4px 8px 0 rgba(52, 52, 52, 0.2);
  max-width: 368px;
  margin: 0 auto;
}
.iwd_opc_popup_wrapper .iwd_opc_popup_mask {
  position: relative;
  padding: inherit;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
@media (min-width: 786px) {
  .onestepcheckout-index-index .modal-popup.osc-social-login-popup .modal-inner-wrap {
    max-height: unset;
  }
}
.onestepcheckout-index-index #social-form-login .actions-toolbar .create {
  display: none;
}
.checkout-agreement .action.action-show {
  background: none;
  border: none;
  box-shadow: none;
}
.one-step-checkout-wrapper #co-place-order-area {
  padding: 20px !important;
}
.checkout-container {
  z-index: 1 !important;
}
.one-step-checkout-container .gift-options-content .fieldset .field .control {
  position: static;
}
.one-step-checkout-container .gift-options-content .fieldset:after {
  content: "";
  display: table;
  clear: both;
}
.one-step-checkout-container .table-checkout-shipping-method tbody tr td {
  padding-left: 15px;
  padding-right: 15px;
}
.one-step-checkout-container .gift-message-item > i {
  position: absolute;
  margin-left: 15px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.one-step-checkout-container .osc-place-order-block {
  margin-top: 0 !important;
}
.one-step-checkout-container .checkout-shipping-address {
  border: 1px solid #eee;
  margin-top: 0 !important;
  margin-bottom: 30px;
}
.one-step-checkout-container .checkout-shipping-address:after {
  content: "";
  display: table;
  clear: both;
}
.one-step-checkout-container .checkout-billing-address {
  border: 1px solid #eee;
  margin-top: 0 !important;
  margin-bottom: 30px;
}
.one-step-checkout-container .checkout-billing-address:after {
  content: "";
  display: table;
  clear: both;
}
.one-step-checkout-container .checkout-shipping-method {
  border: 1px solid #eee;
  margin-top: 0 !important;
  margin-bottom: 30px;
}
.one-step-checkout-container .checkout-shipping-method:after {
  content: "";
  display: table;
  clear: both;
}
.one-step-checkout-container .checkout-payment-method {
  border: 1px solid #eee;
  margin-top: 0 !important;
  margin-bottom: 30px;
}
.one-step-checkout-container .checkout-payment-method:after {
  content: "";
  display: table;
  clear: both;
}
.one-step-checkout-container #opc-sidebar {
  border: 1px solid #eee;
  margin-top: 0 !important;
  margin-bottom: 30px;
}
.one-step-checkout-container #opc-sidebar:after {
  content: "";
  display: table;
  clear: both;
}
.one-step-checkout-container .step-title {
  margin-bottom: 0 !important;
}
.one-step-checkout-container .minicart-items .product > .product-item-photo {
  height: auto !important;
}
.one-step-checkout-container .minicart-items .product > .product-image-container {
  height: auto !important;
}
.one-step-checkout-container .qty-wrapper {
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 40px;
  padding: 0 15px !important;
  overflow: hidden;
  min-width: 105px;
}
.one-step-checkout-container .qty-wrapper .item_qty {
  height: 40px;
  border: none;
  line-height: 40px;
  top: 0 !important;
}
.one-step-checkout-container .qty-wrapper .button-action {
  margin-top: 10px;
}
.one-step-checkout-container .osc-place-order-block {
  margin-top: 15px;
  padding-top: 20px !important;
  padding-bottom: 5px !important;
}
.ui-datepicker-trigger {
  width: 30px;
  height: 30px;
  border: 1px solid #ddd;
  margin-left: 5px;
  border-radius: 2px;
  background-color: #fff;
}
.ui-datepicker-trigger:after {
  content: "\f073";
  font-family: FontAwesome;
  font-size: 14px;
}
.ui-datepicker-trigger:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.osc-authentication-wrapper {
  padding-top: 25px;
}
.checkout-index-index .modal-popup .modal-content {
  box-shadow: none;
}
.checkout-index-index .modal-popup .modal-content .block-customer-login {
  margin: 0 !important;
}
.checkout-index-index .modal-popup .modal-header .modal-title {
  font-size: 28px;
}
.checkout-index-index .modal-popup .action.action-login {
  border-radius: 40px;
  height: 40px;
  font-weight: 600;
  padding: 0 35px;
  line-height: 36px;
  background-color: transparent;
  border: 2px solid #222;
}
.checkout-index-index .modal-popup .action.action-login:hover {
  border: 2px solid #56cfe1;
}
.checkout-index-index .form.form-login #customer-email-fieldset {
  margin-bottom: 15px;
}
.onestepcheckout-index-index .field.choice.col-mp {
  margin: 0 10px;
}
.payment-option.discount-code {
  padding-bottom: 20px;
}
.payment-option.discount-code .payment-option-title {
  cursor: pointer;
}
#checkout-review-table thead th {
  vertical-align: middle;
}
#checkout-review-table tbody tr td {
  vertical-align: middle;
}
#checkout-review-table tfoot tr td {
  vertical-align: middle;
}
@media (max-width: 767px) {
  .one-step-checkout-container #co-place-order-area {
    padding: 0 !important;
  }
  .one-step-checkout-container #checkout-review-table thead {
    display: none;
  }
  .one-step-checkout-container #checkout-review-table tbody tr {
    display: block;
    border-bottom: 1px solid #ddd;
  }
  .one-step-checkout-container #checkout-review-table tbody tr:after {
    content: "";
    display: table;
    clear: both;
  }
  .one-step-checkout-container #checkout-review-table tbody tr td {
    display: block;
    border: none !important;
  }
  .one-step-checkout-container #checkout-review-table tbody tr td.product {
    border-bottom: none;
    padding: 15px;
  }
  .one-step-checkout-container #checkout-review-table tbody tr td.details-qty {
    float: left;
    padding: 0 10px !important;
    border: none;
    vertical-align: top;
  }
  .one-step-checkout-container #checkout-review-table tbody tr td.subtotal {
    float: left;
    padding: 0 10px !important;
    border: none;
    vertical-align: top;
  }
  .one-step-checkout-container #checkout-review-table tbody tr td.button-remove {
    float: left;
    padding: 0 10px !important;
    border: none;
    vertical-align: top;
  }
  .one-step-checkout-container .qty-wrapper {
    min-width: 102px !important;
  }
  .one-step-checkout-container .qty-wrapper .button-action {
    vertical-align: top !important;
    margin-top: 10px !important;
  }
  table#checkout-review-table .product-item .price {
    line-height: 40px !important;
  }
  table#checkout-review-table .remove-wrapper {
    line-height: 40px !important;
  }
}
@media (min-width: 768px) {
  #co-place-order-area {
    display: table;
    width: 100%;
    border-top: 1px solid #ddd;
  }
  #co-place-order-area > .col-mp {
    float: none;
    display: table-cell;
    vertical-align: top;
  }
}
#co-place-order-area .checkout-addition-block {
  margin: 0;
}
.checkout-index-index .modal-popup.agreements-modal .modal-footer {
  display: none;
}
.checkout-index-index .modal-popup.agreements-modal .modal-header {
  border: none;
  padding: 0;
}
.checkout-index-index .modal-popup.agreements-modal .modal-content {
  box-shadow: none;
  border: none;
  padding: 25px 45px;
}
.one-step-checkout-wrapper .opc-block-shipping-information {
  padding: 0;
  background-color: transparent;
}
.one-step-checkout-wrapper .minicart-items-wrapper .product-item-detail {
  display: inline-block;
  padding-left: 10px;
  float: left;
  width: calc(100% - 90px);
}
#checkout-review-table tbody tr td.product {
  position: relative;
  padding-right: 30px;
}
.marketplace-product-add .modal-slide {
  bottom: 0;
  left: 0;
  min-width: 0;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease;
  transition: visibility 0s 0.3s, opacity 0.3s ease;
  left: 44px;
  z-index: 900;
}
.marketplace-product-add .modal-slide .modal-inner-wrap {
  background-color: #ffffff;
  box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35);
  opacity: 1;
  pointer-events: auto;
  height: 100%;
  overflow-y: auto;
  position: static;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  width: auto;
}
.marketplace-product-add .modal-slide .modal-header {
  padding-bottom: 2.1rem;
  padding-top: 2.1rem;
}
.marketplace-product-add .modal-slide .modal-title {
  font-size: 2.1rem;
  margin-right: 5.7rem;
}
.marketplace-product-add .modal-slide .action-close {
  background-image: none;
  background: none;
  -moz-box-sizing: content-box;
  border: 0;
  box-shadow: none;
  line-height: inherit;
  margin: 0;
  padding: 0;
  text-shadow: none;
  font-weight: 400;
  display: inline-block;
  text-decoration: none;
  position: absolute;
  right: 0;
  top: 0;
  padding: 2.1rem 3rem;
}
.marketplace-product-add .modal-slide .action-close:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 14px;
  color: #757575;
  content: '\e616';
  font-family: 'luma-icons';
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.marketplace-product-add .modal-slide .action-close > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.marketplace-product-add .modal-popup {
  bottom: 0;
  left: 0;
  min-width: 0;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease;
  transition: visibility 0s 0.3s, opacity 0.3s ease;
}
.marketplace-product-add .modal-popup .modal-inner-wrap {
  background-color: #ffffff;
  box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35);
  opacity: 1;
  pointer-events: auto;
}
.marketplace-product-add .modal-popup .action-close {
  background-image: none;
  background: none;
  -moz-box-sizing: content-box;
  border: 0;
  box-shadow: none;
  line-height: inherit;
  margin: 0;
  padding: 0;
  text-shadow: none;
  font-weight: 400;
  display: inline-block;
  text-decoration: none;
  position: absolute;
  right: 0;
  top: 0;
}
.marketplace-product-add .modal-popup .action-close:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 14px;
  color: #757575;
  content: '\e616';
  font-family: 'luma-icons';
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.marketplace-product-add .modal-popup .action-close > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.marketplace-product-add .modal-slide._show {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.marketplace-product-add .modal-slide._show .modal-inner-wrap {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.marketplace-product-add .modal-popup._show {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.marketplace-product-add .modal-popup._show .modal-inner-wrap {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.marketplace-product-add .modal-header {
  border-bottom: 1px solid #EEEEEE;
  border-radius: 4px 4px 0 0;
  padding: 9px 15px;
  text-align: left;
}
.marketplace-product-add button.action-close {
  border: none !important;
  background-color: transparent !important;
  background: transparent !important;
  padding: 0;
}
.marketplace-product-add .modal-custom .action-close {
  background-image: none;
  background: none;
  -moz-box-sizing: content-box;
  border: 0;
  box-shadow: none;
  line-height: inherit;
  margin: 0;
  padding: 0;
  text-shadow: none;
  font-weight: 400;
  display: inline-block;
  text-decoration: none;
  position: absolute;
  right: 0;
  top: 0;
}
.marketplace-product-add .modal-custom .action-close:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 14px;
  color: #757575;
  content: '\e616';
  font-family: 'luma-icons';
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.marketplace-product-add .modal-custom .action-close > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.marketplace-product-add .action-close:before {
  content: "\e62f";
  transition: color 0.1s linear 0s;
}
.marketplace-product-add .modals-overlay {
  z-index: 899 !important;
}
.marketplace-product-add .modal-content {
  box-shadow: none;
  -webkit-box-shadow: none;
  border: none;
}
.onestepcheckout-index-index {
  font-family: 'sans-serif', 'Open Sans', Helvetica, Arial, sans-serif;
  overflow-x: unset;
}
.onestepcheckout-index-index header.page-header {
  margin: 0;
  padding: 20px 0;
}
.onestepcheckout-index-index .aw-mobile {
  display: none;
}
.onestepcheckout-index-index .aw-onestep-sidebar {
  float: right;
  width: 30%;
  padding-left: 15px;
}
.onestepcheckout-index-index .aw-onestep-main {
  float: left;
  width: 70%;
  padding-right: 15px;
}
.onestepcheckout-index-index .aw-onestep-main .email {
  margin-bottom: 15px;
}
.onestepcheckout-index-index .aw-onestep-main .aw-onestep-groups_item .group-title h2 {
  margin: 20px 0;
}
.onestepcheckout-index-index .aw-onestep-main .modal-custom.authentication-dropdown {
  display: none;
}
.onestepcheckout-index-index .aw-onestep-main div.email {
  max-width: unset !important;
}
.onestepcheckout-index-index .aw-onestep-main .authentication-link a {
  color: #56cfe1;
}
.onestepcheckout-index-index .modal-content {
  box-shadow: none;
  border: 0;
}
.onestepcheckout-index-index .modal-header {
  padding: 15px 0;
  border: 0;
}
.onestepcheckout-index-index .authentication-link > a {
  display: none;
}
.onestepcheckout-index-index strong {
  font-weight: 500;
  font-size: 15px;
  color: #222;
}
.onestepcheckout-index-index .fieldset > .field:not(.choice) {
  margin-bottom: 10px;
}
.onestepcheckout-index-index .actions-toolbar button {
  margin-top: 10px;
  margin-bottom: 10px;
}
.onestepcheckout-index-index .mark {
  display: none;
}
.onestepcheckout-index-index .aw-onestep-groups li + li {
  margin-top: 35px;
}
.onestepcheckout-index-index input[type=radio],
.onestepcheckout-index-index input[type=checkbox] {
  margin: 0px 0 0;
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
}
.onestepcheckout-index-index .field.choice,
.onestepcheckout-index-index .form-group.choice {
  padding-left: 0;
}
.onestepcheckout-index-index .onestep-shipping-method-list {
  margin-left: -15px;
  margin-right: -15px;
}
.onestepcheckout-index-index .onestep-shipping-method-list:after {
  content: "";
  display: table;
  clear: both;
}
.onestepcheckout-index-index .onestep-shipping-method-list .shipping-method-card {
  width: 50%;
  float: left;
  padding: 0 15px;
}
.onestepcheckout-index-index .field-tooltip {
  top: 28px;
}
.onestepcheckout-index-index h2 {
  margin-bottom: 15px;
  margin-top: 10px;
}
.onestepcheckout-index-index .aw-sidebar-summar .field-tooltip {
  top: 5px;
}
.onestepcheckout-index-index .payment-option.discount-code .payment-option-title {
  margin-top: 20px;
}
.onestepcheckout-index-index .aw-onestep-sidebar-header {
  font-size: 16px;
  color: #222;
}
.onestepcheckout-index-index .modal-header .action-close {
  display: none;
}
.onestepcheckout-index-index .onestep-billing-address .label {
  padding-left: 20px;
}
.onestepcheckout-index-index .aw-mobile-hide {
  margin-bottom: 10px;
}
.onestepcheckout-index-index .aw-onestep-html-content {
  color: #4d4d4d;
}
.onestepcheckout-index-index .field.street .control .field + .field {
  margin-top: 5px;
}
.onestepcheckout-index-index .page-main .main .checkout-container {
  z-index: unset !important;
}
.onestepcheckout-index-index .page-main .main .checkout-container .input-text {
  color: #333;
}
.onestepcheckout-index-index .page-main .main .checkout-container input[type="radio"] + label::before,
.onestepcheckout-index-index .page-main .main .checkout-container input[type="radio"]:checked + label::before,
.onestepcheckout-index-index .page-main .main .checkout-container input[type="checkbox"]:checked + label::before,
.onestepcheckout-index-index .page-main .main .checkout-container input[type="checkbox"] + label::before {
  color: #56cfe1;
}
.onestepcheckout-index-index .page-main .main .checkout-container .onestep-shipping-address input[type="checkbox"] + label::before {
  color: #56cfe1;
  margin-left: 0;
}
.onestepcheckout-index-index .page-main .main .checkout-container .onestep-billing-address input[type="checkbox"] + label::before {
  margin-left: 0;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-sidebar {
  background: #f4f4f4;
  border: none;
  color: #666;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-sidebar .price {
  color: #333;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-sidebar .aw-onestep-sidebar-header:before {
  color: #56cfe1;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-main .aw-onestep-groups .aw-onestep-groups_item {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-main .aw-onestep-groups .aw-onestep-groups_item .group-title .mark {
  color: #56cfe1;
  border-color: #56cfe1;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-main .aw-onestep-groups .aw-onestep-groups_item:not(:first-of-type) {
  margin-top: 40px;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-main .aw-onestep-groups .aw-onestep-groups_item:last-child {
  border-bottom: none;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-main .aw-onestep-groups .shipping-address-items ol .shipping-address-item.selected-item {
  border: none;
  box-shadow: unset;
  background: #f4f4f4;
  color: #5f5f5f;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-main .aw-onestep-groups .shipping-address-items ol .shipping-address-item.selected-item:after {
  color: #56cfe1;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-main .aw-onestep-groups .new-shipping-address-form .new-shipping-address-form .title strong {
  color: #5f5f5f;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-main .email .field .field-tooltip.toggle {
  top: 10px !important;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-main .payment-method._active::before {
  background-color: #56cfe1;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-main button.action {
  color: #222;
  border: 2px solid #222;
  background-color: #fff;
  border-radius: 35px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -o-border-radius: 35px;
  height: 35px;
  font-weight: 600;
  padding: 0 25px;
  line-height: 32px;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-main button.action:hover {
  background-color: #222;
  color: #fff;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-main .block-customer-login button.action {
  color: #fff;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-sidebar-wrapper .aw-onestep-sidebar-content .aw-onestep-sidebar-block.payment-option .payment-option-title .action-toggle {
  color: #56cfe1;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-sidebar-wrapper .aw-onestep-sidebar-content .aw-onestep-sidebar-block.payment-option .payment-option-title .action-toggle:after {
  color: #56cfe1;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-sidebar-wrapper .aw-onestep-sidebar-content .aw-sidebar-product-qty .item-qty {
  height: 25px;
  line-height: 25px;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-sidebar-wrapper .aw-onestep-sidebar-content .shipping .mark .value {
  opacity: 1 !important;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-sidebar-wrapper .aw-onestep-sidebar-content .aw-sidebar_order-note span {
  color: #56cfe1;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-sidebar-wrapper .aw-onestep-sidebar-content .aw-sidebar_order-note span:after {
  color: #56cfe1;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-sidebar-wrapper .payment-option-content {
  position: relative;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-sidebar-wrapper .payment-option-content #discount-form .payment-option-inner .control #discount-code {
  border-radius: 38px;
  -webkit-border-radius: 38px;
  -moz-border-radius: 38px;
  -o-border-radius: 38px;
  padding-left: 20px;
  padding-right: 105px;
  border-color: #222;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-sidebar-wrapper .payment-option-content #discount-form .actions-toolbar {
  position: absolute;
  top: 3px;
  right: 3px;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-sidebar-wrapper .payment-option-content #discount-form .actions-toolbar button.action {
  padding-left: 20px;
  padding-right: 20px;
  height: 38px;
  line-height: 34px;
}
.onestepcheckout-index-index .page-main .main .checkout-container .fl-placeholder-state .label {
  color: #bbb !important;
}
.onestepcheckout-index-index .page-main .main .checkout-container .control {
  padding-right: 0;
  margin-bottom: 10px;
}
.onestepcheckout-index-index .page-main .main .checkout-container .control .ui-datepicker-trigger {
  border: none;
  top: 1px;
  right: 8px;
  height: 95% !important;
}
.onestepcheckout-index-index .page-main .main .checkout-container .control .ui-datepicker-trigger span {
  display: none;
}
.onestepcheckout-index-index .page-main .main .checkout-container .control .ui-datepicker-trigger:before {
  color: #7d7d7d;
}
.onestepcheckout-index-index .page-main .main .checkout-container .control .ui-datepicker-trigger:after {
  display: none;
}
.onestepcheckout-index-index .page-main .main .checkout-container .control .ui-datepicker-trigger:hover {
  background: none !important;
}
.onestepcheckout-index-index .page-main .main .checkout-container .field-tooltip {
  top: 10px !important;
}
.onestepcheckout-index-index .page-main .main .checkout-container .aw-sidebar-summary .loading-mask {
  left: 50%;
  margin-left: -32px;
}
.onestepcheckout-index-index .page-main .main .loading-mask {
  display: none !important;
}
.onestepcheckout-index-index .page-main .main .loader img {
  display: none !important;
}
.onestepcheckout-index-index .aw-onestep-sidebar-table {
  width: 100%;
}
.onestepcheckout-index-index .aw-sidebar-product-subtotals .aw-sidebar-product-price {
  margin-top: 8px;
}
.onestepcheckout-index-index .aw-sidebar-product-subtotals .aw-sidebar-product-price .cart-price .price {
  font-size: 18px;
}
.onestepcheckout-index-index .grand .amount .price {
  font-size: 20px;
}
.onestepcheckout-index-index .grand .mark strong {
  font-size: 20px;
}
.onestepcheckout-index-index .totals .mark {
  display: block;
}
.onestepcheckout-index-index .payment-option.discount-code .payment-option-title::after {
  display: none;
}
.onestepcheckout-index-index .field-tooltip .field-tooltip-action::before {
  font-size: 24px;
}
.onestepcheckout-index-index .authentication .authentication-link > a {
  display: unset !important;
}
.onestepcheckout-index-index .authentication-dropdown .modal-header .action-close {
  display: block !important;
  z-index: 500;
}
.onestepcheckout-index-index .authentication-dropdown .modal-header .action-close:before {
  font-family: 'Pe-icon-7-stroke';
  content: "\e680";
  font-size: 40px;
  line-height: 40px;
  color: #000;
}
.onestepcheckout-index-index .block-authentication .block-title strong {
  font-size: 20px;
}
.onestepcheckout-index-index .authentication-dropdown {
  max-width: 360px;
}
.onestepcheckout-index-index .authentication-dropdown .modal-inner-wrap {
  padding: 10px 25px 25px;
  background: #fff;
}
.onestepcheckout-index-index .payment-option.discount-code .form-discount .actions-toolbar > div {
  margin-top: 0;
}
.onestepcheckout-index-index .payment-option.discount-code .form-discount .actions-toolbar .action {
  padding: unset;
  margin: 0;
}
.onestepcheckout-index-index img {
  max-width: 100%;
}
.onestepcheckout-index-index .agreements-modal._show .modal-inner-wrap {
  background: #fff;
}
.onestepcheckout-index-index .agreements-modal._show .modal-inner-wrap .modal-header {
  padding-bottom: 1.2rem;
  padding-left: 3rem;
  padding-right: 3rem;
}
.onestepcheckout-index-index .agreements-modal._show .modal-inner-wrap .modal-header .action-close {
  display: block !important;
  z-index: 500;
}
.onestepcheckout-index-index .agreements-modal._show .modal-inner-wrap .modal-header .action-close:before {
  background: none;
  font-family: 'Pe-icon-7-stroke';
  content: "\e680";
  font-size: 40px;
  line-height: 40px;
  color: #000;
  width: 40px;
  height: 40px;
  margin: 0.5rem 2rem 0 0;
  border: none !important;
}
.onestepcheckout-index-index .agreements-modal._show .modal-inner-wrap .modal-title {
  border-bottom: 1px solid #c1c1c1;
  font-weight: 300;
  padding-bottom: 10px;
  font-size: 26px;
  margin-bottom: 0;
  min-height: 1em;
  word-wrap: break-word;
}
.onestepcheckout-index-index .agreements-modal._show .modal-inner-wrap .modal-content {
  padding-left: 3rem;
  padding-right: 3rem;
  padding-bottom: 2.6rem;
}
.onestepcheckout-index-index.ajax-loading .oscheckout-loading {
  display: block !important;
}
body._has-modal-custom:before {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  content: "";
  z-index: 150;
}
body._has-modal-custom .modal-custom.authentication-dropdown {
  display: block !important;
}
@media (max-width: 1023px) {
  .onestepcheckout-index-index .aw-onestep-main {
    padding-right: 0;
  }
  .onestepcheckout-index-index .aw-onestep-main .payment-method {
    margin-left: 5px;
    margin-right: 5px;
  }
  .onestepcheckout-index-index .aw-onestep-main .modal-custom.authentication-dropdown {
    left: 25px !important;
    top: 100px !important;
  }
  .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-sidebar {
    margin-top: 20px;
  }
}
.onestepcheckout-index-index .page-main .checkout-container .fl-placeholder-state .label,
.onestepcheckout-index-index .page-main .checkout-container .fl-label-state .label,
.onestepcheckout-index-index .page-main .checkout-container fieldset .field .label {
  position: static !important;
  padding-left: 0 !important;
}
.onestepcheckout-index-index .modal-popup .modal-header .action-close {
  top: 0;
  right: 0;
  display: block;
}
.onestepcheckout-index-index .modal-popup .modal-header .action-close:before {
  font-size: 20px;
  line-height: 20px;
  color: #fff;
  border: 0;
}
@media (min-width: 768px) {
  #co-place-order-area > .col-mp {
    vertical-align: middle;
  }
}
.onestepcheckout-index-index .payment-option.discount-code .form-discount .actions-toolbar .action {
  padding: 9px 28px;
}
.btn[disabled] {
  color: #aaa;
}
.block.aw-layered-nav .block-content.filter-content {
  margin-bottom: 50px;
}
.block.aw-layered-nav .block-content.filter-content .filter-options .filter-options-item {
  margin-bottom: 0;
  padding-bottom: 20px;
}
.block.aw-layered-nav .block-content.filter-content .filter-options .filter-options-item .filter-options-title {
  text-transform: uppercase;
  cursor: pointer;
}
.block.aw-layered-nav .block-content.filter-content .filter-options .filter-options-item .filter-options-title .label {
  color: #333;
}
.block.aw-layered-nav .block-content.filter-content .filter-options .filter-options-item .filter-options-title:after {
  color: #c8c8c8;
  font-size: 15px;
}
.block.aw-layered-nav .block-content.filter-content .filter-options .filter-options-item .filter-options-content ol.items .item {
  padding: 5px 50px 5px 0;
}
.block.aw-layered-nav .block-content.filter-content .filter-options .filter-options-item .filter-options-content ol.items label {
  cursor: pointer;
  position: relative;
  top: -2px;
}
.block.aw-layered-nav .block-content.filter-content .filter-options .filter-options-item .filter-options-content ol.items span.count {
  margin-top: -5px;
  font-size: 13px;
}
.block.aw-layered-nav .block-content.filter-content .filter-options .filter-options-item .filter-options-content .show-more span {
  cursor: pointer;
  color: #56cfe1;
}
.block.aw-layered-nav .block-content.filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider {
  padding-top: 10px;
}
.block.aw-layered-nav .block-content.filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider .ui-slider-horizontal {
  height: 5px;
  background: #56cfe1;
}
.block.aw-layered-nav .block-content.filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider .ui-slider-handle {
  width: 15px;
  height: 15px;
  background: #56cfe1;
  margin-top: -5px;
  cursor: move !important;
  margin-left: 0;
}
.block.aw-layered-nav .block-content.filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider .ui-slider-handle:last-child {
  margin-left: -15px;
}
.block.aw-layered-nav .block-content.filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider .price-filter-info {
  margin-bottom: 8px;
}
.block.aw-layered-nav .block-content.filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider .price-filter-info span {
  color: #696969;
}
.block.aw-layered-nav .block-content.filter-content .filter-options .aw-layered-nav-popover__action {
  padding-top: 20px;
  border-top: 1px solid #f0f0f0;
}
.price-filter-button {
  margin-top: 20px;
}
#slider-range {
  margin-bottom: 10px;
}
.price-inputs-wrapper .price-from {
  margin-bottom: 10px;
}
.price-inputs-wrapper label {
  margin-bottom: 0;
}
.price-inputs-wrapper input[type="text"] {
  height: 30px;
  line-height: 30px;
}
#layered-selected-filters-block {
  margin-bottom: 20px;
}
#layered-selected-filters-block .selected-items-list .selected-item {
  border: 1px solid #aaa;
  color: #aaa;
  font-size: 12px;
  border-radius: 3px;
  display: inline-block;
  line-height: 1.5rem;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
}
#layered-selected-filters-block .selected-items-list .selected-item:last-child {
  padding: 0.5rem 1rem;
}
#layered-selected-filters-block .selected-items-list .selected-item a {
  color: #aaa;
}
#layered-selected-filters-block .selected-items-list .selected-item:hover {
  border-color: #222;
}
#layered-selected-filters-block .selected-items-list .selected-item:hover span {
  color: #222;
  text-decoration: line-through;
  cursor: pointer;
}
#layered-selected-filters-block .selected-items-list .selected-item:hover a span {
  text-decoration: unset;
}
#layered-selected-filters-block .selected-items-list .selected-item:hover .action-close::before {
  color: #222;
}
#layered-selected-filters-block .selected-items-list .selected-item .action-close {
  display: inline-block;
  background-image: none;
  background: none;
  -moz-box-sizing: content-box;
  border: 0;
  box-shadow: none;
  line-height: inherit;
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-weight: 400;
}
#layered-selected-filters-block .selected-items-list .selected-item .action-close:before {
  font-size: 20px;
  line-height: inherit;
  color: #aaa;
  content: "\e680";
  font-family: 'Pe-icon-7-stroke';
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.page-layout-1column .block.aw-layered-nav .block-content.filter-content {
  margin: 0;
}
.page-layout-1column .block.aw-layered-nav .filter-options {
  margin-bottom: 30px;
}
.color-theme {
  color: #1f45fc;
}
* {
  padding: 0;
}
*:focus,
*:active {
  outline: none !important;
}
ul, ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
table > caption {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.table thead tr th,
.table tbody tr th,
.table tfoot tr th,
.table thead tr td,
.table tbody tr td,
.table tfoot tr td {
  padding: 15px;
}
blockquote {
  quotes: none;
  background: #f1f1f1;
  padding: 30px 25px 30px 60px;
  margin-bottom: 20px;
  position: relative;
  font-style: italic;
  display: block;
  font-size: 14px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
}
blockquote:before {
  position: absolute;
  content: "\f10d";
  font-family: "FontAwesome";
  left: 25px;
  top: 10px;
  font-size: 20px;
  color: #999;
}
body.cms-index-index footer.footer {
  margin-top: 0 !important;
}
body.active_mgs_builder.ajax-loading:after {
  content: "";
  background-color: rgba(255, 255, 255, 0.4);
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('../images/loader-2.gif');
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
body:not(.panel-popup):not(.fullwidth).mgs-quickview-catalog-product-view.boxed .page-wrapper {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.btn {
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  height: 40px;
  font-weight: 600;
  padding: 0 35px;
  line-height: 36px;
  background-color: transparent;
  text-transform: uppercase;
}
.btn:hover,
.btn:focus,
.btn:active {
  color: #fff;
  border-color: #1f45fc;
  background-color: #1f45fc;
}
.btn.btn-lg {
  padding: 0 40px;
  height: 44px;
  line-height: 40px;
}
.btn.btn-sm {
  font-size: 14px;
  padding: 0 30px;
}
.btn.btn-xs {
  padding: 0 25px;
  line-height: 34px;
  height: 36px;
}
.btn-default {
  color: #222;
  border: 2px solid #222;
  background-color: #fff;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
  color: #fff;
  border: 2px solid #222;
  background-color: #222;
}
.btn-default2 {
  color: #fff;
  border: 2px solid #fff;
  background-color: transparent;
}
.btn-default2:hover,
.btn-default2:focus,
.btn-default2:active {
  color: #fff;
  border: 2px solid #1f45fc;
  background-color: #1f45fc;
}
.btn-primary {
  color: #fff;
  border: 2px solid #222;
  background-color: #222;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  color: #fff;
  border: 2px solid #1f45fc;
  background-color: #1f45fc;
}
.btn-secondary {
  color: #fff;
  border: 2px solid #1f45fc;
  background-color: #1f45fc;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  color: #fff;
  border: 2px solid #222;
  background-color: #222;
}
.btn-full {
  width: 100%;
}


@media  screen and (max-width: 767px) {
.btn {
  padding: 0 23px;
}
}


div.mage-error {
  color: #ff0000;
  font-style: italic;
  padding-top: 5px;
  line-height: 1.4;
  font-size: 12px;
}
div.mage-error + .password-strength-meter {
  margin-top: 5px;
}
.password-strength-meter {
  background-color: #f4f4f4;
  font-size: 14px;
  height: 32px;
  color: #2a2a2a;
  line-height: 32px;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}
.password-strength-meter:before {
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}
.password-strength-meter-0 .password-strength-meter:before {
  background-color: #f4f4f4;
  width: 100%;
}
.password-strength-meter-1 .password-strength-meter:before {
  background-color: #ffafae;
  width: 25%;
}
.password-strength-meter-2 .password-strength-meter:before {
  background-color: #ffd6b3;
  width: 50%;
}
.password-strength-meter-3 .password-strength-meter:before {
  background-color: #c5eeac;
  width: 75%;
}
.password-strength-meter-4 .password-strength-meter:before {
  background-color: #81b562;
  width: 100%;
}
.label,
label {
  font-size: 16px;
  color: #000000;
  padding: 0;
  margin: 0 0 9px;
  font-weight: 400;
  text-align: left;
  line-height: inherit;
}
::-webkit-input-placeholder {
  color: #000000;
}
:-moz-placeholder {
  color: #000000;
}
::-moz-placeholder {
  color: #000000;
}
:-ms-input-placeholder {
  color: #000000;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
@-moz-document url-prefix() {
  select:-moz-focusring,
  select::-moz-focus-inner {
    color: transparent !important;
    text-shadow: 0 0 0 #999 !important;
    background-image: none !important;
    border: 0;
  }
}
input:focus::-webkit-input-placeholder {
  color: transparent;
}
input:focus::-moz-placeholder {
  color: transparent;
}
input:focus:-ms-input-placeholder {
  color: transparent;
}
input[type="text"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="datetime"],
input[type="email"] {
  background: #fff;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  font-size: 13px;
  height: 40px;
  line-height: 36px;
  padding: 0 10px;
  vertical-align: baseline;
  width: 100%;
  color: #000000;
  box-shadow: none !important;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus {
  border-color: #222;
}
input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="radio"],
.checkbox-inline input[type="radio"],
.radio input[type="checkbox"],
.radio-inline input[type="checkbox"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  margin-top: 2px;
}
textarea,
textarea.form-control,
textarea.input-text {
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  min-height: 120px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  background: #fff;
  box-shadow: none;
  padding: 15px;
  box-shadow: none !important;
}
textarea:focus,
textarea.form-control:focus,
textarea.input-text:focus {
  border-color: #222;
}
select,
select.form-control,
select.input-text {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
}
select:focus,
select.form-control:focus,
select.input-text:focus {
  border-color: #222;
}
select:not([multiple]),
select.form-control:not([multiple]),
select.input-text:not([multiple]) {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #fff url("../images/select-bg.svg") no-repeat scroll 100% 45%;
  height: 40px;
  text-indent: 0.01em;
  text-overflow: "";
  padding: 0 25px 0 10px;
}
select:not([multiple]) option,
select.form-control:not([multiple]) option,
select.input-text:not([multiple]) option {
  height: 40px;
  padding: 8px 10px;
}
select[multiple],
select.form-control[multiple],
select.input-text[multiple] {
  background-color: #fff;
}
select[multiple] option,
select.form-control[multiple] option,
select.input-text[multiple] option {
  font-size: 14px;
  height: 34px;
  padding: 8px 10px;
}
.field.required > label em,
.form-group.required > label em,
.field._required > label em,
.form-group._required > label em,
.field.required > .label em,
.form-group.required > .label em,
.field._required > .label em,
.form-group._required > .label em {
  display: none;
}
.field.required > label:after,
.form-group.required > label:after,
.field._required > label:after,
.form-group._required > label:after,
.field.required > .label:after,
.form-group.required > .label:after,
.field._required > .label:after,
.form-group._required > .label:after {
  color: #ff0000;
  content: "*";
  font-size: 13px;
  margin: 0 0 0 3px;
}
.field.required .form-control + .mage-error,
.form-group.required .form-control + .mage-error,
.field._required .form-control + .mage-error,
.form-group._required .form-control + .mage-error,
.field.required .input-text + .mage-error,
.form-group.required .input-text + .mage-error,
.field._required .input-text + .mage-error,
.form-group._required .input-text + .mage-error {
  font-size: 12px;
  color: red;
}
.field > .label,
.form-group > .label,
.field > label,
.form-group > label {
  display: inline-block;
  font-weight: 500;
}
.field.street .label,
.form-group.street .label {
  border: none;
}
.field.street .control .field label,
.form-group.street .control .field label {
  display: none;
}
.field.street .control .field + .field,
.form-group.street .control .field + .field {
  margin-top: 10px;
}
.field.choice,
.form-group.choice {
  position: relative;
  padding-left: 20px;
  text-align: left;
}
.field.choice .label,
.form-group.choice .label {
  margin: 0;
  font-size: 13px;
  cursor: pointer;
  white-space: normal;
}
.field.choice .control,
.form-group.choice .control,
.field.choice > input,
.form-group.choice > input {
  position: absolute;
  left: 0;
  bottom: auto;
  top: 3px;
  margin-top: 0;
}
.field.choice .control input,
.form-group.choice .control input {
  margin: 0;
}
.field.note,
.form-group.note {
  margin-top: 5px;
  color: #000000;
  letter-spacing: 0.5px;
  font-size: 16px;
  line-height: 26px !important;
}
.fields.group .field + .field {
  margin-top: 10px;
}
.fieldset > .field:not(.choice) {
  margin-bottom: 15px;
}
.control._with-tooltip {
  position: relative;
  padding-right: 40px;
}
.field-tooltip {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 5px;
}
.field-tooltip .field-tooltip-action {
  display: inline-block;
  text-decoration: none;
}
.field-tooltip .field-tooltip-action:before {
  color: #bbb;
  content: "\f059";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 21px;
  font-weight: normal;
  line-height: inherit;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
}
.field-tooltip .field-tooltip-content {
  background: #f4f4f4 none repeat scroll 0 0;
  border: 1px solid #999;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  display: none;
  font-size: 14px;
  left: 40px;
  overflow-wrap: break-word;
  padding: 12px;
  position: absolute;
  text-transform: none;
  top: -5px;
  width: 270px;
  z-index: 2;
}
.field-tooltip .field-tooltip-content:before {
  border-right-color: #666;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #999 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: "";
  display: block;
  height: 0;
  left: -20px;
  position: absolute;
  top: 5px;
  width: 0;
  z-index: 3;
}
.field-tooltip .field-tooltip-content:after {
  border-right-color: #f4f4f4;
  width: 1px;
  z-index: 4;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #f4f4f4 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: "";
  display: block;
  height: 0;
  left: -19px;
  position: absolute;
  top: 5px;
  width: 0;
  z-index: 3;
}
.field-tooltip._active .field-tooltip-content {
  display: block;
}
.std ul {
  list-style-type: square;
  padding-left: 15px;
}
.nowrap {
  white-space: nowrap;
}
.no-display {
  display: none;
}
.no-padding {
  padding: 0 !important;
}
.ls__1 {
  letter-spacing: 1px;
}
.lh__1 {
  line-height: 1;
}
.fwm {
  font-weight: 500;
}
.no-margin {
  margin: 0;
}
.list-group .list-group-item {
  font-weight: 500;
  padding: 10px 0;
  background-color: transparent !important;
  border: none;
  border-bottom: 1px solid #ddd !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
}
.list-group .list-group-item .badge {
  padding: 3px 7px 1px;
  margin-top: 4px;
}
.list-group .list-group-item.active {
  color: #1f45fc;
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}
.extra-link a {
  color: #222;
  font-weight: 600;
}
.extra-link a:hover {
  color: #1f45fc;
}
.extra-link a + a {
  margin-left: 20px;
}
.price-box p {
  margin-bottom: 0;
}
.price-box .price {
  color: #696969;
}
.price-box .price-label {
  display: none;
}
.price-box .old-price {
  margin-right: 8px;
  float: left;
  vertical-align: middle;
}
.price-box .old-price .price {
  color: #000000;
  text-decoration: line-through;
}
.price-box .special-price .price {
  color: #ec0101;
}
.price-box .price-from,
.price-box .price-to {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}
.price-box .price-from .old-price,
.price-box .price-to .old-price {
  display: none;
}
.price-box .price-from:after {
  content: " - ";
}
.price-box .minimal-price .price-label {
  display: inline-block;
  font-size: 14px;
  color: #696969;
}
.price-box .minimal-price .price-label:after {
  content: ":";
  margin-right: 3px;
}
.message > * {
  padding: 12px 20px 12px 45px;
  display: block;
  font-size: 14px;
  position: relative;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  margin: 0 0 15px;
}
.message p {
  margin: 0;
}
.message > *:before {
  -webkit-font-smoothing: antialiased;
  font-size: 24px;
  line-height: 24px;
  font-family: 'FontAwesome';
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  left: 0;
  width: 45px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.message > * a {
  color: #1f45fc;
}
.message > * a:hover {
  text-decoration: underline;
}
.message.info > * {
  background: #d9edf7;
  color: #31708f;
}
.message.info > *:before {
  color: #31708f;
  content: '\f024';
}
.message.error > * {
  background: #fae5e5;
  color: #1979c3;
}
.message.error > *:before {
  color: #b30000;
  content: '\f06a';
}
.message.warning > * {
  background: #fdf0d5;
  color: #6f4400;
}
.message.warning > *:before {
  color: #b30000;
  content: '\f071';
}
.message.notice > * {
  background: #fdf0d5;
  color: #6f4400;
}
.message.notice > *:before {
  color: #c07600;
  content: '\f12a';
}
.message.success > * {
  background: #e5efe5;
  color: #006400;
}
.message.success > *:before {
  color: #006400;
  content: '\f00c';
}
body.cms-index-index .message > div {
  margin: 15px 0 0;
}
.search-autocomplete {
  display: none;
  position: absolute;
  z-index: 3;
  right: 15px;
  left: 15px;
  width: auto !important;
  top: 100%;
}
.search-autocomplete ul:not(:empty) {
  background: #fff;
  border-top: 1px solid #efefef;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.search-autocomplete ul li {
  border-bottom: 1px solid #efefef;
  cursor: pointer;
  margin: 0;
  padding: 5px 40px 5px 10px;
  position: relative;
  text-align: left;
  white-space: nowrap;
}
.search-autocomplete ul li:last-child {
  border-bottom: none;
}
.search-autocomplete ul li:hover,
.search-autocomplete ul li.selected {
  background-color: #222;
  border-color: #222;
  color: #fff;
}
.search-autocomplete ul li .amount {
  color: #1f45fc;
  position: absolute;
  right: 7px;
  top: 7px;
  white-space: nowrap;
}
.search-autocomplete ul li .amount:before {
  content: "(";
}
.search-autocomplete ul li .amount:after {
  content: ")";
}
.owl-carousel .owl-item img {
  transform-style: unset;
  -moz-transform-style: unset;
  -webkit-transform-style: unset;
}
.owl-carousel .owl-dots {
  display: table;
  margin: 20px auto 0;
}
.owl-carousel .owl-dots.disabled {
  margin: 0 !important;
  display: none;
}
.owl-carousel .owl-dots .owl-dot {
  display: table-cell;
  vertical-align: middle;
  cursor: pointer;
}
.owl-carousel .owl-dots .owl-dot span {
  width: 11px;
  height: 11px;
  position: relative;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  margin: 0 7.5px;
  transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  cursor: pointer;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  display: block;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.owl-carousel .owl-dots .owl-dot:hover span,
.owl-carousel .owl-dots .owl-dot.active span {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.owl-carousel .owl-nav.disabled {
  display: none;
}
.owl-carousel .owl-nav > div {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  color: #222;
  border: 2px solid #222;
  background: none;
  font-size: 30px;
  text-align: center;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  vertical-align: top;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -19px;
  line-height: 38px;
  opacity: 0;
  visibility: hidden;
}
.owl-carousel .owl-nav > div i {
  font-weight: 600;
  line-height: 36px;
  display: block;
}
.owl-carousel .owl-nav > div:not(.disabled):hover {
  background-color: #1f45fc;
  color: #fff;
  border-color: #1f45fc;
}
.owl-carousel .owl-nav > div.disabled {
  color: #c2c2c2;
  border-color: #c2c2c2;
  cursor: auto;
  pointer-events: none;
  opacity: 0.4;
}
.owl-carousel .owl-nav > div.owl-prev {
  left: 30px;
}
.owl-carousel .owl-nav > div.owl-next {
  right: 30px;
}
.owl-carousel:hover .owl-nav > div {
  opacity: 1;
  visibility: visible;
}
.slider_mgs_carousel.owl-carousel .owl-dots {
  bottom: 20px;
  position: absolute;
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.scroll-to-top {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  width: 45px;
  height: 45px;
  position: fixed;
  right: 35px;
  font-size: 35px;
  text-align: center;
  line-height: 45px;
  color: #000000;
  background-color: #fff;
  z-index: 100;
}
.scroll-to-top .fa {
  font-family: "Pe-icon-7-stroke";
  line-height: 45px;
}
.scroll-to-top .fa:before {
  content: "\e682";
}
.scroll-to-top:hover,
.scroll-to-top:focus,
.scroll-to-top:active {
  color: #222;
}
.visible-builder {
  display: none !important;
}

.footer .middle-footer {
  padding: 80px 0;
  background-color: #f6f6f8;
  border-top: 1px solid #f6f6f8;
}
.footer .middle-footer p {
  margin-bottom: 1.3em;
  line-height: 24px;
}
.footer .middle-footer a {
  color: #000000;
}
.footer .middle-footer a:hover,
.footer .middle-footer a:focus {
  color: #1f45fc;
}
.footer .middle-footer ul.menu li {
  line-height: 30px;
  margin-bottom: 5px;
}
.footer .block.newsletter {
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
  border: 1px solid #000000;
  padding: 2px;
}
.footer .block.newsletter .form.subscribe {
  display: table;
  position: relative;
}
.footer .block.newsletter .form.subscribe .form-group,
.footer .block.newsletter .form.subscribe .actions {
  display: table-cell;
}
.footer .block.newsletter .form.subscribe .form-group .control input + .mage-error {
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  left: 30px;
  top: 100%;
  margin-top: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 12px 15px 10px;
  right: 0;
}
.footer .block.newsletter .form.subscribe .form-group .control input + .mage-error:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-bottom: 8px solid #ccc;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid transparent;
  top: -16px;
  left: 15px;
}
.footer .block.newsletter .form.subscribe .form-group .control input + .mage-error:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid transparent;
  top: -14px;
  left: 16px;
}
.footer .block.newsletter .form.subscribe .form-group input[type="email"] {
  height: 39px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
  border: none;
  padding: 0 10px;
  background-color: transparent;
}
.footer .block.newsletter .form.subscribe .actions {
  width: 1%;
}
.footer .block.newsletter .form.subscribe .actions .action.subscribe {
  padding: 0 15px;
}
.footer .block.newsletter:not(:hover) .form.subscribe .form-group .control input + .mage-error {
  opacity: 0;
  visibility: hidden;
}
.footer .bottom-footer {
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 1;
  border-top: 1px solid transparent;
}
.footer .bottom-footer .copyright address {
  margin: 0;
  line-height: 1;
}
.footer .bottom-footer ul:after {
  content: "";
  display: table;
  clear: both;
}
.footer .bottom-footer ul li {
  float: right;
  margin: 0 10px;
}
.footer .bottom-footer ul li:last-child {
  margin-right: 0;
}
.footer .top-footer .block.newsletter {
  max-width: 550px;
  margin: 0 auto;
}
.footer.footer2 .top-footer {
  padding: 43px 0 50px;
  background-color: #f6f6f8;
}
.footer.footer2 .middle-footer {
  background-color: #fff;
}
.footer.footer2 .bottom-footer {
  background-color: #f6f6f8;
}
.footer .instagram-block .block-content ul.row {
  margin-left: -5px;
  margin-right: -5px;
}
.footer .instagram-block .block-content ul.row li.margin-bottom30 {
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.footer.footer3 .bottom-footer {
  border-top: 1px solid #ddd;
  padding: 60px 0;
  text-align: center;
}
.footer.footer3 .bottom-footer li {
  float: none;
  display: inline-block;
}
.footer.footer3 .bottom-footer .social-link {
  margin-top: 25px;
}
.footer.footer3 .bottom-footer .social-link li {
  float: none;
  font-size: 20px;
  display: inline-block;
}
.footer.footer3 .bottom-footer .custom-menu {
  margin-top: 40px;
  margin-bottom: 10px;
}
.footer.footer3 .bottom-footer .custom-menu li a {
  color: #222;
  font-weight: 500;
  margin-bottom: 10px;
  display: inherit;
}
.footer.footer3 .bottom-footer .custom-menu li a:hover {
  color: #1f45fc;
}
.footer.footer4 .top-footer {
  border-top: 1px solid #ddd;
  padding: 43px 0 50px;
}
.footer.footer4 .middle-footer {
  color: #fff;
}
.footer.footer4 .middle-footer .h1,
.footer.footer4 .middle-footer h1,
.footer.footer4 .middle-footer .h2,
.footer.footer4 .middle-footer h2,
.footer.footer4 .middle-footer .h3,
.footer.footer4 .middle-footer h3,
.footer.footer4 .middle-footer .h4,
.footer.footer4 .middle-footer h4,
.footer.footer4 .middle-footer .h5,
.footer.footer4 .middle-footer h5,
.footer.footer4 .middle-footer .h6,
.footer.footer4 .middle-footer h6 {
  color: #fff;
}
.footer.footer4 .middle-footer a {
  color: #fff;
}
.footer.footer4 .middle-footer a:hover,
.footer.footer4 .middle-footer a:focus {
  color: #1f45fc;
}
.footer.footer4 .middle-footer-container .middle-footer {
  background: none !important;
  padding-bottom: 0;
}
.footer.footer4 .middle-footer-container .middle-col {
  background-image: url('../images/bg_footer.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.footer.footer4 .bottom-footer {
  color: rgba(255, 255, 255, 0.3);
  background-color: rgba(0, 0, 0, 0.4);
}
.footer.footer4 .bottom-footer .copyright address {
  margin-bottom: 0 !important;
  line-height: inherit !important;
}
.footer.footer4.footer-builder .visible-builder {
  display: block !important;
}
ul.social-link li {
  float: left;
  margin: 0 10px;
  font-size: 16px;
}
ul.social-link li:first-child {
  margin-left: 0;
}
ul.social-link:after {
  content: "";
  display: table;
  clear: both;
}
ul.list-icon li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 18px;
}
ul.list-icon li:last-child {
  margin-bottom: 0;
}
ul.list-icon li .icon {
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}
.minicart-wrapper {
    position: relative;
    cursor: auto;
}
.minicart-wrapper .mage-dropdown-dialog {
  display: block !important;
}
.minicart-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.minicart-wrapper .action.showcart {
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  color: #000;
  display: block;
  line-height: 1;
}
.minicart-wrapper .action.showcart > .counter.qty.empty .counter-number:empty:after {
  content: "0";
  display: inline-block;
}
.minicart-wrapper .action.showcart > .counter.qty .loading-mask {
  width: 20px;
  height: 20px;
  top: 0;
  background-color: transparent;
  right: 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
}
.minicart-wrapper .action.showcart > .counter.qty .loading-mask .loader > img {
  width: 20px;
  position: static !important;
}
.minicart-wrapper .action.showcart > .counter.qty .counter-label {
  display: none;
}
.minicart-wrapper .action.showcart:before {
  -webkit-font-smoothing: antialiased;
  font-size: 24px;
  content: "\e615";
  font-family: 'Pe-icon-7-stroke';
  overflow: hidden;
  speak: none;
  line-height: 1;
  text-align: center;
}
.minicart-wrapper .action.showcart:hover:before,
.minicart-wrapper .action.showcart:active:before {
  color: #1f45fc;
}
.minicart-wrapper .action.showcart.active {
  color: #1f45fc;
}
.minicart-wrapper .action.showcart.active:before {
  color: #1f45fc;
}
.minicart-wrapper .block-minicart {
  background: #fff;
  top: 0;
  bottom: 0;
  width: 320px;
  left: auto;
  right: -320px;
  position: fixed;
  z-index: 999;
  opacity: 0;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.minicart-wrapper.active:after {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    content: "";
    z-index: 998;
    backdrop-filter: blur(4px);
    opacity: 1 ;
    background-color: rgb(0 0 0 / 80%) ;
}
.minicart-wrapper.active .block-minicart {
  opacity: 1;
  transform: translate3d(-320px, 0, 0);
  -webkit-transform: translate3d(-320px, 0, 0);
  -moz-transform: translate3d(-320px, 0, 0);
  -o-transform: translate3d(-320px, 0, 0);
}
.minicart-wrapper .close-minicart {
  font-size: 16px;
  line-height: 50px !important;
  letter-spacing: 2px;
  text-transform: uppercase;
  background: #000;
  color: #fff;
  text-align: center;
  font-weight: 600;
  position: relative;
}
.minicart-wrapper .close-minicart button {
    position: absolute;
    left: 8px;
    top: 0;
    bottom: 0;
    cursor: pointer;
    font-size: 35px;
    background: none;
    border: none;
    opacity: 0.8;
}
.minicart-wrapper .close-minicart button i {
    display: block;
    color: #fff;
}
.minicart-wrapper .close-minicart button:hover {
  opacity: 1;
}
.minicart-wrapper .block-content {
  max-height: calc(100vh - 50px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 20px;
}
.minicart-wrapper .block-content ol.minicart-items, .minicart-wrapper .block-content .minicart-items-wrapper {
    height: auto !important;
    margin: 0;
    padding: 0;
}
.minicart-wrapper .block-content > .actions > .subtotal {
  margin-top: 15px;
  text-align: center;
  width: 100%;
  padding: 11px 0 7px;
  border-top: 1px solid #ebebeb;
}
.minicart-wrapper .block-content > .actions > .subtotal > * {
  display: inline-block;
}
.minicart-wrapper .block-content > .actions > .subtotal > span.label {
  color: #222;
  font-size: 18px;
  letter-spacing: 0.5px;
  font-weight: 600;
  text-transform: uppercase;
}
.minicart-wrapper .block-content > .actions > .subtotal .price-container .price {
  color: #2a2a2a;
  font-size: 18px;
  font-weight: 600;
}
.minicart-wrapper .block-content .subtitle.empty {
  display: block;
  color: #222;
  text-align: center;
  font-weight: 400;
  padding-top: 20px;
}
.minicart-items .product > .product-item-photo, .minicart-items .product > .product-image-container {
    overflow: hidden;
    width: 80px !important;
    float: left;
    text-align: center;
}
.minicart-items .product > .product-item-photo img,
.minicart-items .product > .product-image-container img {
  max-width: 100%;
  height: auto !important;
}
.minicart-items .product-item {
  padding-top: 20px;
}
.minicart-items .product-item .product:after {
  display: table;
  clear: both;
  content: "";
}

.minicart-items .product-item .product > .product-item-photo {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 8px;
}

.minicart-items .product-item .product > .product-item-photo:after {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
}
.minicart-items .product-item .product > .product-item-photo img {
    max-width: 100%;
    height: auto !important;
    margin: auto;
    display: block;
}
.minicart-items .product-item .product-item-details {
  float: left;
  width: calc(100% - 80px);
  padding-left: 15px;
  padding-top: 1px;
}
.minicart-items .product-item .product-item-details > .product.options {
  font-size: 12px;
}
.minicart-items .product-item .product-item-details .product-item-name {
  font-size: 13px;
  color: #222;
  line-height: 1.428;
  font-weight: 600;
  display: block;
}
.minicart-items .product-item .product-item-details .product-item-name a {
  font-weight: 600;
  font-size: 13px;
  color: #222;
  line-height: 1.428;
  display: block;
}
.minicart-items .product-item .product-item-details .product-item-name a:hover {
  color: #1f45fc;
}

.minicart-items .product-item .product-item-details .product-item-pricing .price {
  color: #2a2a2a;
  font-size: 14px;
}
.minicart-items .product-item .details-qty.qty {
    margin-top: 3px;
}
.minicart-items .product-item .details-qty.qty > label {
  display: none;
}
.minicart-items .product-item .details-qty.qty .cart-item-qty {
  width: 80px;
  height: 34px;
  border-radius: 17px;
  line-height: 1;
  padding: 0;
  text-align: center;
}
.minicart-items .product-item .details-qty.qty .update-cart-item {
  margin-left: 0;
  height: 34px;
  padding: 0 15px;
  font-size: 12px;
  color: #fff;
  border: 1px solid #222;
  background-color: #222;
  border-radius: 17px;
}
.minicart-items .product-item .details-qty.qty .update-cart-item:hover,
.minicart-items .product-item .details-qty.qty .update-cart-item:focus,
.minicart-items .product-item .details-qty.qty .update-cart-item:active {
  background-color: #1f45fc;
  border-color: #1f45fc;
  color: #fff;
}
.minicart-items .product-item .product.actions {
  position: absolute;
  display: table;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.minicart-items .product-item .product.actions > div {
  display: table-cell;
  padding: 0 3px;
  vertical-align: middle;
}
.minicart-items .product-item .product.actions .action {
  width: 30px;
  height: 30px;
  color: #222;
  background-color: #fff;
  border: 1px solid #fff;
  display: block;
  border-radius: 5px;
  text-align: center;
  line-height: 26px;
}
.minicart-items .product-item .product.actions .action span {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.minicart-items .product-item .product.actions .action:after {
  font-size: 20px;
  font-family: 'Pe-icon-7-stroke';
  font-weight: bold;
}
.minicart-items .product-item .product.actions .action.delete:after {
  content: "\e680";
  font-size: 28px;
}
.minicart-items .product-item .product.actions .action.edit:after {
  content: "\e666";
}
.minicart-items .product-item .product.actions .action:hover {
  background-color: #1f45fc;
  border-color: #1f45fc;
  color: #fff;
}
.minicart-items .product-item:hover .product > .product-item-photo:after {
  opacity: 0.5;
}
.minicart-items .product-item:hover .product.actions {
  opacity: 1;
  visibility: visible;
}
.product.options > .toggle {
  cursor: pointer;
  color: #222;
  display: block;
  font-weight: 500;
}
.product.options > .toggle:after {
  color: #2a2a2a;
  margin: 0 0 0 5px;
  position: static;
  content: "\f107";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
  margin: 0px 6px 0;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}
.product.options .content .subtitle {
  display: none;
}
dl.product.options.list {
  margin-bottom: 5px;
}
dl.product.options.list dt,
dl.product.options.list dd {
  float: left;
  vertical-align: top;
}
dl.product.options.list dd {
  margin-bottom: 8px;
  line-height: 21px;
  margin-left: 3px;
}
dl.product.options.list dt {
  clear: left;
  margin: 0;
  font-size: 12px;
  color: #222;
  font-weight: 500;
}
dl.product.options.list dt:after {
  content: ":";
  display: inline-block;
}
.header {
  background-color: #fff;
  border-bottom: 1px solid #fff;
  position: relative;
  z-index: 99;
}
.header .close-nav-button {
  position: fixed;
  top: 0;
  right: auto;
  left: -40px;
  z-index: 99999;
  background: none;
  border: none;
  box-shadow: none;
  color: #fff;
  font-size: 40px;
  width: 40px;
  height: 40px;
  opacity: 0;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.header .close-nav-button span {
  display: block;
}
.header .top-header-content {
  background-color: #f6f6f8;
  font-size: 12px;
  clear: both;
}
.header .top-header-content a,
.header .top-header-content button {
  color: #000000;
}
.header .top-header-content a:hover,
.header .top-header-content button:hover,
.header .top-header-content a:focus,
.header .top-header-content button:focus {
  color: #1f45fc;
}
.header .top-header-content .top-middle-header {
  text-align: center;
  padding: 14px 0;
}
.header .dropdown-switcher {
  float: right;
  margin-left: 30px;
  position: static;
}
.header .dropdown-switcher .dropdown-menu {
  margin: 0;
  padding: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -o-transform: translateY(20px);
  border: none;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
  right: 15px;
  left: auto;
  font-size: 12px;
  min-width: 110px;
}
.header .dropdown-switcher .dropdown-menu li > a {
  border-bottom: 1px solid #ddd;
  color: #000000;
  padding: 8px 15px;
  background: none;
  white-space: nowrap;
}
.header .dropdown-switcher .dropdown-menu li > a:hover {
  color: #1f45fc;
}
.header .dropdown-switcher .dropdown-menu li > a img {
  height: auto;
  margin-right: 7px;
  margin-top: -4px;
  width: 16px;
}
.header .dropdown-switcher .switcher-toggle {
  background: none;
  border: none;
  box-shadow: none;
  font-weight: 400;
  padding: 14px 0;
  position: relative;
}
.header .dropdown-switcher .switcher-toggle .fa-angle-down {
  font-size: 11px;
  margin-left: 2px;
  margin-top: 1px;
}
.header .dropdown-switcher.open .dropdown-menu {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
}
.header .top-custom-link ul:after {
  content: "";
  display: table;
  clear: both;
}
.header .top-custom-link ul li {
  float: left;
  padding: 14px 0;
}
.header .top-custom-link ul li + li {
  margin-left: 15px;
}
.header .top-custom-link ul li a .icon {
  font-size: 16px;
  vertical-align: middle;
}
.header ul.social-link li {
  margin: 18px 5px 0;
}
.header ul.social-link li:first-child {
  margin-left: 0;
}
.header ul.social-link li a {
  color: #222;
}
.header ul.social-link li a:hover {
  color: #01bad4;
}
.header .table-icon-menu {
  display: table;
  position: relative;
}
.header .table-icon-menu > div {
  display: table-cell;
  vertical-align: middle;
  padding: 19px 12px 16px 0;
}
.header .table-icon-menu .minicart-wrapper {
  padding-right: 0;
}
.header .dropdown-toplinks {
  position: static;
}
.header .dropdown-toplinks .dropdown-toggle {
  background: none;
  border: none;
  color: #000;
  font-size: 24px;
  line-height: 1;
  display: block;
}
.header .dropdown-toplinks .dropdown-toggle:hover {
  color: #1f45fc;
}
.header .dropdown-toplinks .dropdown-menu {
  min-width: 0px;
  left: auto;
  right: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  visibility: hidden;
  z-index: 100;
  display: block !important;
  padding: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin: 0;
  border: none;
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -o-transform: translateY(20px);
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
}
.header .dropdown-toplinks .dropdown-menu li {
  white-space: nowrap;
}
.header .dropdown-toplinks .dropdown-menu li a:not(.no-display) {
  border-bottom: 1px solid #eee;
  padding: 12px 15px 8px;
  display: block;
}
.header .dropdown-toplinks .dropdown-menu li a:not(.no-display) .counter {
  font-size: 12px;
}
.header .dropdown-toplinks .dropdown-menu li a:not(.no-display) .counter:before {
  content: "(";
}
.header .dropdown-toplinks .dropdown-menu li a:not(.no-display) .counter:after {
  content: ")";
}
.header .dropdown-toplinks:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
}
.header .header-wl a {
  background: none;
  border: none;
  color: #000;
  font-size: 24px;
  line-height: 1;
  display: block;
  position: relative;
}
.header .header-wl a:hover {
  color: #1f45fc;
}
.header .header-wl .count-wl {
  color: #fff;
  background-color: #222;
  text-align: center;
  white-space: normal;
  position: absolute;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  height: 20px;
  min-width: 20px;
  font-size: 12px;
  line-height: 22px;
  left: 14px;
  top: -10px;
}
.header .search-form .actions-search .action-search {
  background: none;
  border: none;
  color: #000;
  font-size: 24px;
  line-height: 1;
  display: block;
}
.header .search-form .actions-search .action-search:hover {
  color: #1f45fc;
}
.header .search-form .form-search {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.95);
  opacity: 0;
  visibility: hidden;
  transition: all 400ms;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -o-transition: all 400ms;
}
.header .search-form .form-search .form.minisearch {
  max-width: 580px;
  margin: 0 auto;
  padding: 15px;
  margin-top: 130px;
}
.header .search-form .form-search .form.minisearch .input-text {
  border: 0;
  background: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 0;
  text-align: center;
  font-size: 20px;
  color: #fff;
  box-shadow: none;
  letter-spacing: 2px;
}
.header .search-form .form-search .form.minisearch .button {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.header .search-form.select-search .form-search .form.minisearch {
  display: table;
  width: 100%;
  position: relative;
  padding-bottom: 0;
}
.header .search-form.select-search .form-search .form.minisearch .search-select .dropdown {
  position: static;
}
.header .search-form.select-search .form-search .form.minisearch .search-select .search-toggle {
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: transparent;
  font-size: 20px;
  padding: 0 10px;
  white-space: nowrap;
  height: 40px;
}
.header .search-form.select-search .form-search .form.minisearch .search-select .dropdown-menu {
  left: 15px;
  right: 15px;
  max-height: 266px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
}
.header .search-form.select-search .form-search .form.minisearch .search-select .dropdown-menu li a {
  font-size: 14px;
  font-weight: 400;
  color: #878787;
  padding: 8px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.header .search-form.select-search .form-search .form.minisearch .search-select .dropdown-menu li a:hover {
  background: none;
  color: #1f45fc;
}
.header .search-close {
  position: absolute;
  right: 20px;
  top: 40px;
  color: #fff;
  width: 60px;
  height: 60px;
  background: none;
  border: none;
  font-size: 60px;
}
.header .search-close i {
  display: block;
}
.header .search-close:hover {
  color: #01bad4;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.header .action.nav-toggle {
  border: none;
  background: none;
  padding: 5px 0;
  margin-top: 14px;
}
.header .logo-header .logo {
  display: block;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 5px 0;
  min-height: 51px;
}
.header .logo-header .logo img {
  height: 100%;
}
.header.header2 .logo-left-header {
  justify-content: left;
}
.header.header3 .logo-left-header {
  justify-content: left;
}
.header.header4 .bottom-header-content {
  border-top: 1px solid #ececec;
}
.header.header5 .social-link {
  display: table;
  margin: 0 auto;
}
.header.header6 .megamenu-content,
.header.header7 .megamenu-content {
  height: 100%;
  overflow: auto;
  position: fixed;
  width: calc(100% - 54px);
  max-width: 400px;
  background-color: #fff;
  padding: 0;
  left: -400px;
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  z-index: 1000;
}
.header.header6 .megamenu-content .nav-tabs,
.header.header7 .megamenu-content .nav-tabs {
  border: none;
}
.header.header6 .megamenu-content .nav-tabs > li,
.header.header7 .megamenu-content .nav-tabs > li {
  width: calc(100% / 3);
  text-align: center;
  margin: 0;
}
.header.header6 .megamenu-content .nav-tabs > li + li,
.header.header7 .megamenu-content .nav-tabs > li + li {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.header.header6 .megamenu-content .nav-tabs > li > a,
.header.header7 .megamenu-content .nav-tabs > li > a {
  background: none;
  padding: 25px 0;
  display: block;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  margin: 0;
  font-weight: 600;
  color: #fff;
  background-color: #222;
  border: none !important;
}
.header.header6 .megamenu-content .nav-tabs > li.active > a,
.header.header7 .megamenu-content .nav-tabs > li.active > a {
  background-color: #fff;
  color: #272727;
}
.header.header6 .megamenu-content .top-links,
.header.header7 .megamenu-content .top-links {
  text-align: left;
  margin: 0;
}
.header.header6 .megamenu-content .top-links li,
.header.header7 .megamenu-content .top-links li {
  width: 100%;
}
.header.header6 .megamenu-content .top-links li a:not(.no-display),
.header.header7 .megamenu-content .top-links li a:not(.no-display) {
  border-bottom: 1px solid #e3e3e3;
  color: #575757;
  display: block;
  padding: 10px 15px;
  font-size: 14px;
}
.header.header6 .megamenu-content .dropdown-switcher,
.header.header7 .megamenu-content .dropdown-switcher {
  float: none;
  display: block;
  border-bottom: 1px solid #e3e3e3;
  margin: 0;
  position: relative;
}
.header.header6 .megamenu-content .dropdown-switcher .switcher-toggle,
.header.header7 .megamenu-content .dropdown-switcher .switcher-toggle {
  padding-left: 15px;
  width: 100%;
  text-align: left;
}
.header.header6 .megamenu-content .dropdown-switcher .dropdown-menu,
.header.header7 .megamenu-content .dropdown-switcher .dropdown-menu {
  left: 15px;
  right: auto;
}
.header.header6 .megamenu-content .static-content,
.header.header7 .megamenu-content .static-content,
.header.header6 .megamenu-content .nav.nav-main-menu > li.logo-item,
.header.header7 .megamenu-content .nav.nav-main-menu > li.logo-item {
  display: none !important;
}
.header.header6 .navigation .nav-main-menu .label-menu,
.header.header7 .navigation .nav-main-menu .label-menu {
  position: static !important;
  display: inline-block;
  float: right;
  vertical-align: middle;
  margin-top: 4px;
  margin-right: 20px;
}
.header.header7 .action.nav-toggle.hidden-xs img {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.header.header8 {
  border-bottom: none;
}
.header.header8 .vertical-title {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
  background-color: #222;
  height: 48px;
  line-height: 48px;
  padding: 0 28px;
  cursor: pointer;
}
.header.header8 .vertical-title .fa {
  margin-right: 15px;
}
.header.header8 .table-icon-menu > div {
  padding: 36px 20px 34px 0;
}
.header.header8 .middle-header-content .logo-header .logo {
  text-align: left;
  padding-top: 35px;
  padding-bottom: 35px;
}
.header.header8 .bottom-header-block {
  font-size: 12px;
  padding: 13px 0;
  text-align: right;
}
.header.header8 .bottom-header-content .parent__megameu {
  position: static;
}
.header.header8 .bottom-header-content .parent__megameu .nav-toggle {
  height: 48px;
  width: 48px;
  text-align: center;
  background-color: #222;
  margin: 0;
}
.header.header8 .bottom-header-content .parent__megameu .nav-toggle img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.header.header8 .bottom-header-content .parent__megameu .navigation .nav-main-menu {
  position: static;
}
.header.header8 .search-form > .actions-search {
  display: none;
}
.header.header8 .search-form .form.minisearch .input-text {
  position: unset !important;
}
.header.header8 .vertical-menu-widget {
  position: relative;
}
.header.header8 .vertical-menu-widget .vertical-menu {
  position: absolute;
  top: 100%;
  background-color: #fff;
  left: 0;
  right: 0;
  z-index: 10;
}
.header.header9 {
  border-bottom: none;
}
.header.header9 .vertical-title {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
  background-color: #363636;
  height: 50px;
  line-height: 50px;
  padding: 0 28px;
  cursor: pointer;
}
.header.header9 .vertical-title .fa {
  margin-right: 15px;
}
.header.header9 .table-icon-menu > div {
  padding: 12px 20px 9px 0;
}
.header.header9 .dropdown-toplinks .dropdown-toggle,
.header.header9 .header-wl a,
.header.header9 .minicart-wrapper .action.showcart {
  color: #fff;
}
.header.header9 .minicart-wrapper .action.showcart > .counter.qty,
.header.header9 .header-wl .count-wl {
  background-color: #fff;
  color: #222;
}
.header.header9 .bottom-header-content {
  background-color: #222222;
}
.header.header9 .middle-header-content .logo-header .logo {
  text-align: left;
  padding-top: 35px;
  padding-bottom: 35px;
}
.header.header9 .vertical-menu-widget {
  position: relative;
}
.header.header9 .vertical-menu-widget .vertical-menu {
  position: absolute;
  top: 100%;
  background-color: #fff;
  left: 0;
  right: 0;
  z-index: 10;
}
.header.header9 .search-form > .actions-search {
  display: none;
}
.header.header9 .search-form .actions-search .action-search {
  color: #fff;
}
.header.header9 .search-form .form.minisearch .input-text {
  position: unset !important;
}
.search-open:not(.search-not-full) {
  overflow: hidden;
}
.search-open .header .search-form .form-search {
  opacity: 1;
  visibility: visible;
}
body:not(.cms-index-index) .header.header8 .vertical-menu-widget .vertical-menu,
body:not(.cms-index-index) .header.header9 .vertical-menu-widget .vertical-menu {
  display: none;
}
.use-header6.nav-open,
.use-header7.nav-open {
  height: 100%;
  overflow-x: hidden;
  width: 100%;
}
.use-header6.nav-open body,
.use-header7.nav-open body {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.use-header6.nav-open .page-wrapper,
.use-header7.nav-open .page-wrapper {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: relative;
  transition: left 0.3s ease 0s;
  -webkit-transition: left 0.3s ease 0s;
  -moz-transition: left 0.3s ease 0s;
  -o-transition: left 0.3s ease 0s;
}
.use-header6.nav-open .header .megamenu-content,
.use-header7.nav-open .header .megamenu-content {
  -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
  -ms-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
  box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
  opacity: 1;
  transform: translate3d(400px, 0, 0);
  -webkit-transform: translate3d(400px, 0, 0);
  -moz-transform: translate3d(400px, 0, 0);
  -o-transform: translate3d(400px, 0, 0);
}
.use-header6.nav-open .nav-toggle:after,
.use-header7.nav-open .nav-toggle:after {
  background: rgba(0, 0, 0, 0.7);
  content: '';
  display: block;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
.product-item .mage-error {
  display: none !important;
}
.product-image-photo.img-thumbnail {
  padding: 0;
  line-height: 1;
  background: none;
  border: none;
  min-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto !important;
  display: block;
  bottom: 0;
  right: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
}
.products-grid.slider-1-row .owl-item {
  padding: 0 15px;
}

.products-grid .product-item-info .product-top {
  position: relative;
  overflow: hidden;
}
.products-grid .product-item-info .product-top a.photo {
  display: block;
  height: 0px;
}
.products-grid .product-item-info .product-top a.photo:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  z-index: 3;
}
.products-grid .product-item-info .product-top a.photo img.swatch-option-loading {
  content: none;
}
.products-grid .product-item-info .product-top a.photo img.swatch-option-loading + .img-hover-show {
  opacity: 0 !important;
}
.products-grid .product-item-info .product-top a.photo div {
  display: none;
}
.products-grid .product-item-info .product-top a.photo div.swatch-option-loading {
  display: block;
  background-image: url("../images/loader.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50px auto;
  background-color: rgba(0, 0, 0, 0.8);
  bottom: 0;
  content: none;
  left: 0;
  min-width: unset;
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
}
.products-grid .product-item-info .product-top .img-hover-show {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  min-width: 100%;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
}
.products-grid .product-item-info .product-top .actions-link {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.products-grid .product-item-info .product-top .actions-link button {
  background: none;
  font-size: 18px;
  line-height: 1;
  color: #fff;
  border: none;
  box-shadow: none;
  padding: 12px 14px;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  opacity: 0;
  visibility: hidden;
}
.products-grid .product-item-info .product-top .actions-link button span {
  line-height: 1;
  display: block;
}
.products-grid .product-item-info .product-top .actions-link button:hover {
  color: #1f45fc;
}
.products-grid .product-item-info .product-top:hover a.photo:after {
  opacity: 0.3;
  visibility: visible;
}
.products-grid .product-item-info .product-top:hover .img-hover-show {
  opacity: 1;
  visibility: visible;
}
.products-grid .product-item-info .product-top:hover .actions-link button {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.products-grid .product-item-info .product-top:hover .tocart.btn-cart {
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  opacity: 1;
  visibility: visible;
}
.products-grid .product-item-info .product-top:hover .product-label {
  display: none;
}
.products-grid .product-item-info .product-item-details {
  padding-top: 11px;
}
.products-grid .product-item-info .product-item-details .product-item-name {
  margin-bottom: 6px;
  line-height: 1.1;
}
.products-grid .product-item-info .product-item-details .product-item-name a {
  color: #222;
  font-size: 14px;
  font-weight: 500;
}
.products-grid .product-item-info .product-item-details .product-item-name a:hover {
  color: #1f45fc;
}
.products-grid .product-item-info .product-item-details .product-reviews-summary,
.products-grid .product-item-info .product-item-details .product.description {
  margin-top: 8px;
}
.products-grid .product-item-info .tocart.btn-cart {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  color: #222;
  line-height: 40px;
  white-space: nowrap;
  background-color: #fff;
  padding: 0 25px;
  text-align: center;
  border: none;
  opacity: 0;
  visibility: hidden;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  transform: translate(-50%, -100%);
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  -o-transform: translate(-50%, -100%);
}
.products-grid .product-item-info .tocart.btn-cart .icon {
  margin-right: 5px;
  font-size: 20px;
  vertical-align: middle;
  line-height: 1;
}
.products-grid .product-item-info .tocart.btn-cart:hover {
  background-color: #222;
  color: #fff;
}
.products-grid .product-item-info div[class^="swatch-opt-"] .swatch-attribute {
  margin-bottom: 0;
  margin-top: 2px;
}
.products-grid .product-item-info div[class^="swatch-opt-"] .swatch-attribute + .swatch-attribute {
  margin-top: 10px;
}
.products-grid .product-item-info.metro_template {
  position: relative;
}
.products-grid .product-item-info.metro_template .product-top {
  z-index: 1;
}
.products-grid .product-item-info.metro_template .product-item-details {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 15px;
}
.products-grid .product-item-info.metro_template:hover .product-top a.photo:after {
  opacity: 0.3;
  visibility: visible;
}
.products-grid .product-item-info.metro_template:hover .product-top + .product-item-details {
  opacity: 1;
  visibility: visible;
}
.products-grid .product-item-info.metro_template .product-item-details .product-item-name a {
  color: #fff;
}
.products-grid .product-item-info.metro_template .product-item-details .product-item-name a:hover {
  color: #1f45fc;
}
.products-grid .product-item-info.metro_template .product-item-details .price-box .price {
  color: #ddd;
}
.products-grid .product-item-info.metro_template .product-item-details .price-box .special-price .price {
  color: #ec0101;
}
.products-grid .product-item-info.metro_template .product-reviews-summary,
.products-grid .product-item-info.metro_template .product.description {
  display: none;
}
.products-grid.deal-products-grid .product-item-info .product-item-details {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding-bottom: 10px;
}
.products-grid.deal-products-grid .product-item-info .product-item-details .price-box {
  display: inline-block;
}
.products-grid.deal-products-grid .product-item-info .product-item-details .product-item-name a {
  font-size: 16px;
}
.products-grid.deal-products-grid .product-item-info .product-item-details .deal-timer {
  margin: 0 auto 15px;
}
.products-grid .row-col-lg-custom-7 .product-item-info .tocart.btn-cart,
.products-grid .row-col-lg-2 .product-item-info .tocart.btn-cart,
.products-grid .row-col-lg-custom-8 .product-item-info .tocart.btn-cart {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 0;
}
.products-grid .row-col-lg-custom-7 .product-item-info .tocart.btn-cart .text,
.products-grid .row-col-lg-2 .product-item-info .tocart.btn-cart .text,
.products-grid .row-col-lg-custom-8 .product-item-info .tocart.btn-cart .text {
  display: none !important;
}
.products-grid .row-col-lg-custom-7 .product-item-info .tocart.btn-cart .icon,
.products-grid .row-col-lg-2 .product-item-info .tocart.btn-cart .icon,
.products-grid .row-col-lg-custom-8 .product-item-info .tocart.btn-cart .icon {
  display: block !important;
  margin: 0;
}
.list-products .owl-item {
  padding-left: 15px;
  padding-right: 15px;
}
.list-products .product-item-info {
  margin-bottom: 30px;
  position: relative;
}
.list-products .product-item-info:after {
  content: "";
  display: table;
  clear: both;
}
.list-products .product-item-info .product-image {
  width: 123px;
  float: left;
  vertical-align: top;
  position: relative;
}
.list-products .product-item-info .product-image a.photo {
  display: block;
  height: 0px;
}
.list-products .product-item-info .product-image a.photo:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #000;
  opacity: 0;
  content: "";
  transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
}
.list-products .product-item-info .product-image a.photo img.swatch-option-loading {
  content: none;
}
.list-products .product-item-info .product-image a.photo div.swatch-option-loading {
  display: block;
  background-image: url(../images/loader.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 30px auto;
  background-color: rgba(0, 0, 0, 0.8);
  bottom: 0;
  content: none;
  left: 0;
  min-width: unset;
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
}
.list-products .product-item-info .product-image a.photo .product-image-photo {
  background-color: transparent;
  border: medium none;
  border-radius: 0;
  padding: 0;
  min-width: 100%;
  height: auto !important;
}
.list-products .product-item-info .product-image .actions-link {
  position: absolute;
  top: 50%;
  z-index: 1;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.list-products .product-item-info .product-image .actions-link button {
  background: none;
  font-size: 18px;
  line-height: 1;
  color: #fff;
  border: 0;
  box-shadow: none;
  padding: 7px 10px;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  opacity: 0;
  visibility: hidden;
}
.list-products .product-item-info .product-image .actions-link button:hover {
  color: #1f45fc;
}
.list-products .product-item-info:hover .product-image a.photo:after {
  opacity: 0.3;
}
.list-products .product-item-info:hover .product-image .actions-link button {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.list-products .product-item-info .product-item-details {
  float: left;
  width: calc(100% - 123px);
  vertical-align: top;
  padding-left: 30px;
}
.list-products .product-item-info .product-item-details .product-item-name {
  margin-bottom: 6px;
}
.list-products .product-item-info .product-item-details .product-item-name a {
  color: #222;
  font-size: 14px;
  line-height: 1.1;
  font-weight: 500;
}
.list-products .product-item-info .product-item-details .product-item-name a:hover {
  color: #1f45fc;
}
.list-products .product-item-info .product-item-details .price-box {
  margin-bottom: 2px;
}
.list-products .product-item-info .product-item-details .btn.btn-cart {
  border: 1px solid #e0e0e0;
  background-color: #fefefe;
  height: 35px;
  line-height: 35px;
  font-size: 12px;
  font-weight: 400;
  padding: 0 35px;
  color: #222;
  margin-top: 5px;
}
.list-products .product-item-info .product-item-details .btn.btn-cart:hover {
  color: #fff;
  background-color: #222;
  border-color: #222;
}
.content-heading {
  text-align: center;
  margin-bottom: 33px;
}
.content-heading h3.title {
  display: inline-block;
  position: relative;
  color: #000;
  line-height: 24px;
}
.content-heading h3.title:before,
.content-heading h3.title:after {
  position: absolute;
  content: "";
  width: 60px;
  height: 2px;
  background: #000;
  top: 48%;
}
.content-heading h3.title:before {
  left: -75px;
}
.content-heading h3.title:after {
  right: -75px;
}
.content-heading .block-note {
  font-style: italic;
  font-size: 14px;
  color: #000000;
  margin-top: 5px;
  line-height: 16px;
  letter-spacing: 0.5px;
}
.title-v2 .content-heading {
  text-align: left;
}
.title-v2 .content-heading h3.title:before {
  content: none;
}
.title-v2 .content-heading h3.title:after {
  right: -90px;
  top: 50%;
  margin-top: -3px;
}
.btn.btn-promo-banner {
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
  padding: 0 20px;
  height: auto;
  min-width: 150px;
  border-color: #fff;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
}
.btn.btn-promo-banner:hover,
.btn.btn-promo-banner:focus {
  color: fff;
  background-color: #1f45fc;
  border-color: #1f45fc;
}
.icon-service .icon {
  color: #9e9e9e;
  font-size: 36px;
  display: table-cell;
  vertical-align: top;
  width: 1%;
  padding-right: 20px;
  line-height: 100%;
}
.icon-service .text {
  display: table-cell;
  vertical-align: top;
}
.icon-service .text h6 {
  font-size: 14px;
}
.widget.mgs-blog-lastest-posts .owl-carousel .owl-item {
  padding: 0 15px;
}
.widget.mgs-blog-lastest-posts .post-item-content {
  margin-bottom: 40px;
}
.widget.mgs-blog-lastest-posts .post-item-content .thumbnail-post {
  margin-bottom: 15px;
}
.widget.mgs-blog-lastest-posts .post-item-content .post-item-detail .title {
  margin-bottom: 5px;
}
.widget.mgs-blog-lastest-posts .post-item-content .post-item-detail .title a {
  color: #222;
  font-size: 16px;
  letter-spacing: 0;
}
.widget.mgs-blog-lastest-posts .post-item-content .post-item-detail .title a:hover {
  color: #1f45fc;
}
.widget.mgs-blog-lastest-posts .post-item-content .short-content {
  margin-top: 10px;
}
.widget.mgs-blog-lastest-posts .post-item-content .post-info .post-author span:not(.post-time) {
  color: #222;
}
.tag-cloud:after {
  content: "";
  display: table;
  clear: both;
}
.tag-cloud li {
  float: left;
}
.tag-cloud a {
  border: 1px solid #222;
  border-radius: 20px;
  color: #222;
  display: inline-block;
  font-size: 13px;
  margin: 0 8px 8px 0;
  padding: 2px 15px 1px;
}
.tag-cloud a:hover {
  color: #fff;
  background-color: #1f45fc;
  border-color: #1f45fc;
}
.instagram-block > .content-heading {
  margin-bottom: 17px;
}
.instagram-item {
  position: relative;
}
.instagram-item > a {
  display: block;
}
.instagram-item > a img {
  min-width: 100%;
}
.instagram-item > a:after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
}
.instagram-item .social-count {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  z-index: 1;
  color: #fff;
  opacity: 0;
  visibility: hidden;
}
.instagram-item .social-count > span {
  margin: 0 5px;
}
.instagram-item .social-count > span .fa {
  margin-right: 5px;
}
.instagram-item:hover > a:after {
  opacity: 0.5;
  visibility: visible;
}
.instagram-item:hover .social-count {
  opacity: 1;
  visibility: visible;
}
.product-label {
  text-align: center;
  font-size: 12px;
  top: 15px;
  z-index: 8;
  height: 24px;
  line-height: 24px;
  background: #fe9931;
  color: #fff;
  right: 15px;
  width: 60px;
  position: absolute;
  display: block;
}
.product-label.new-label {
  background-color: #1f45fc;
}
.product-label.sold-out-label {
  line-height: 1.2;
  height: auto;
  padding: 5px;
  width: auto;
  max-width: 85px;
  background-color: #808080;
}
.product-label.multiple-label {
  margin-top: 34px;
}
.breadcrumbs {
    background-color: var(--theme-gray);
    font-size: 13px;
    padding: 8px 0;
}

.breadcrumbs > .container,
.breadcrumbs > .container-fluid {
  position: relative;
  z-index: 1;
}
.breadcrumbs > .container .sharethis-inline-share-buttons,
.breadcrumbs > .container-fluid .sharethis-inline-share-buttons {
  text-align: right !important;
  position: absolute;
  margin: 0 !important;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.breadcrumbs > .container .sharethis-inline-share-buttons > .st-btn:last-child,
.breadcrumbs > .container-fluid .sharethis-inline-share-buttons > .st-btn:last-child {
  padding-right: 0 !important;
}
.breadcrumbs .items:after {
  content: "";
  display: table;
  clear: both;
}
.breadcrumbs .items > li {
  float: left;
}
.breadcrumbs .items > li + li:before {
  color: #000000;
  font-family: "FontAwesome";
  content: "\f105";
  padding: 0 8px;
}
.breadcrumbs .items > li a {
  color: #222;
}
.breadcrumbs .items > li a:hover {
  color: #1f45fc;
}
.breadcrumbs .items li strong {
  font-weight: 400;
  max-width: 180px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
}
.toolbar {
  display: flex;
  align-items: center;
}
.toolbar .modes,
.toolbar .limiter,
.toolbar .sorter {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.toolbar .sorter {
  text-align: right;
  white-space: nowrap;
}
.toolbar .sorter .sorter-options,
.toolbar .sorter .sorter-action {
  display: inline-block !important;
  vertical-align: middle;
  margin-top: 0;
  margin-bottom: 0;
}
.toolbar .sorter .sorter-action {
  margin-left: 7px;
  display: block;
  height: 40px;
  border: 1px solid #ddd;
  color: #bcbcbc;
  text-align: center;
  line-height: 40px;
  padding: 0 25px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
}
.toolbar .sorter .sorter-action:hover {
  color: #222;
  border-color: #222;
}
.toolbar .sorter .sorter-action:after {
  content: "\f176";
  font-family: "FontAwesome";
  display: inline-block;
}
.toolbar .sorter .sorter-action.sort-desc:after {
  content: "\f175";
}
.toolbar .sorter .sorter-action > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.toolbar .modes > strong.modes-label {
  color: #5b5b5b;
  font-size: 13px;
  font-weight: 400;
  margin-right: 10px;
}
.toolbar .modes > strong.modes-label:after {
  content: ":";
  display: inline-block;
}
.toolbar .modes > strong,
.toolbar .modes > a {
  display: inline-block !important;
  vertical-align: middle;
  margin: 0;
}
.toolbar .modes .modes-mode {
  display: block;
  padding: 0 25px;
  height: 40px;
  border: 1px solid #ddd;
  color: #ddd;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
}
.toolbar .modes .modes-mode + .modes-mode {
  margin-left: 7px;
}
.toolbar .modes .modes-mode:after {
  content: "\f00a";
  font-family: "FontAwesome";
  display: inline-block;
  font-weight: normal !important;
}
.toolbar .modes .modes-mode.mode-list:after {
  content: "\f03a";
}
.toolbar .modes .modes-mode > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.toolbar .modes .modes-mode:hover,
.toolbar .modes .modes-mode.active {
  color: #222;
  border-color: #222;
}
.toolbar .toolbar-amount {
  display: none;
}
.toolbar .form-item-select {
  display: inline-block;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
}
.toolbar .form-item-select:after {
    content: '\f107';
    position: absolute;
    font-family: 'FontAwesome';
    right: 16px;
    top: 10px;
    pointer-events: none;
}
@media  screen and (max-width: 767px) {
  .toolbar .form-item-select:after {
    top: 7px;
  }
}

.toolbar select {
    cursor: pointer;
    border: none;
    width: auto;
    font-size: 13px;
    color: #000000;
    -moz-appearance: none;
    padding: 0 30px 0 15px;
    width: 100%;
    background: none;
    box-shadow: none;
}
.toolbar select:-ms-expand {
  display: none;
}
.toolbar select option {
  padding: 3px 0 3px 14px;
}
.toolbar .pages {
  display: none;
}
.toolbar .pages .pagination {
  margin: 0 auto;
  display: table;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
}
.toolbar .pages .pagination:after {
  content: "";
  display: table;
  clear: both;
}
.toolbar .pages .pagination .item {
  float: left;
  padding: 0 20px;
}
.toolbar .pages .pagination .item a {
  text-align: center;
  line-height: 38px;
  color: #5b5b5b;
  font-size: 14px;
  float: none;
  display: block;
  padding: 0;
  border: none;
  background: none;
}
.toolbar .pages .pagination .item a:hover {
  color: #ec0101;
}
.toolbar .pages .pagination .item.current a {
  color: #ec0101;
}
.toolbar .pages .pagination li span {
  float: none !important;
}
.page-layout-3columns .toolbar .limiter {
  display: none;
}
.bottom-pagination .toolbar .modes {
  display: none;
}
.bottom-pagination .toolbar .pager {
  margin: 0;
  width: 100%;
}
.bottom-pagination .pages {
  width: 100%;
  display: block;
  padding-top: 13px;
  border-top: 1px solid #ddd;
  margin: 0;
}
.bottom-pagination.ajaxscroll-enable .pages {
  padding-top: 0;
  border: none;
}
.category-view .category-description {
  font-size: 15px;
  text-align: justify;
  padding-bottom: 33px;
}
.category-view .category-description > *:last-child {
  margin: 0;
}
.category-view .category-image + .category-description {
  padding-top: 3px;
}
body:not(.page-layout-1column) .category-product-actions .toolbar.toolbar-products {
  float: none;
  width: 100%;
}
.category-product-actions {
    margin-top: 18px;
    position: relative;
}
.product-items .ajax-loading {
  clear: both;
  text-align: center;
}
.product-items .ajax-loading .scroll-ajax-button {
  border: 2px solid #1f45fc;
  background-color: #1f45fc;
  border-radius: 40px;
  display: inline-block;
  height: 50px;
  line-height: 48px;
  padding: 0 45px;
  font-size: 20px;
  color: #fff;
}
.products-list + .bottom-pagination {
  margin-top: 60px;
}
.products-list .action.mgs-quickview {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  color: #222;
  line-height: 40px;
  width: 40px;
  height: 40px;
  font-size: 18px;
  white-space: nowrap;
  background-color: #fff;
  text-align: center;
  border: none;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -60px);
  -webkit-transform: translate(-50%, -60px);
  -moz-transform: translate(-50%, -60px);
  -o-transform: translate(-50%, -60px);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
}
.products-list .action.mgs-quickview span {
  display: block;
}
.products-list .action.mgs-quickview:hover {
  color: #fff;
  background-color: #1f45fc;
  border-color: #1f45fc;
}
.products-list .product-item-info {
  margin-bottom: 30px;
  position: relative;
}
.products-list .product-item-info:last-child {
  margin-bottom: 0;
}
.products-list .product-item-info .product-image-content {
  position: relative;
}
.products-list .product-item-info .product-image-content a.photo {
  display: block;
  height: 0;
}
.products-list .product-item-info .product-image-content a.photo img.swatch-option-loading {
  content: none;
}
.products-list .product-item-info .product-image-content a.photo img.swatch-option-loading + .img-hover-show {
  opacity: 0 !important;
}
.products-list .product-item-info .product-image-content a.photo div {
  display: none;
}
.products-list .product-item-info .product-image-content a.photo div.swatch-option-loading {
  display: block;
  background-image: url("../images/loader.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50px auto;
  background-color: rgba(0, 0, 0, 0.8);
  bottom: 0;
  content: none;
  left: 0;
  min-width: unset;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
}
.products-list .product-item-info .product-image-content a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  z-index: 3;
}
.products-list .product-item-info .product-image-content .img-hover-show {
  min-width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
}
.products-list .product-item-info .product-item-details .product-item-name {
  font-size: 14px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 9px;
}
.products-list .product-item-info .product-item-details .product-item-name a {
  color: #222;
}
.products-list .product-item-info .product-item-details .product-item-name a:hover,
.products-list .product-item-info .product-item-details .product-item-name a:focus {
  color: #1f45fc;
}
.products-list .product-item-info .product-item-details .product-item-description {
  padding-top: 16px;
}
.products-list .product-item-info .product-item-details .product-item-description > *:last-child {
  margin-bottom: 0 !important;
}
.products-list .product-item-info .product-item-details .actions-link {
  margin-top: 30px;
}
.products-list .product-item-info .product-item-details .actions-link:after {
  content: "";
  display: table;
  clear: both;
}
.products-list .product-item-info .product-item-details .actions-link li {
  float: left;
  vertical-align: top;
}
.products-list .product-item-info .product-item-details .actions-link li + li:not(:empty) {
  margin-left: 15px;
}
.products-list .product-item-info .product-item-details .actions-link .action {
  color: #6c6c6c;
  height: 40px;
  font-size: 18px;
  min-width: 40px;
  background-color: #fff;
  border: 1px solid #222;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
}
.products-list .product-item-info .product-item-details .actions-link .action i {
  display: block;
}
.products-list .product-item-info .product-item-details .actions-link .action:hover,
.products-list .product-item-info .product-item-details .actions-link .action:focus {
  background-color: #222;
  border-color: #222;
  color: #fff;
}
.products-list .product-item-info .product-item-details .actions-link .action.tocart {
  background-color: #222;
  border-color: #222;
  color: #fff;
  padding: 0 25px;
  font-size: 13px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
}
.products-list .product-item-info .product-item-details .actions-link .action.tocart:hover,
.products-list .product-item-info .product-item-details .actions-link .action.tocart:focus {
  background-color: #1f45fc;
  border-color: #1f45fc;
}
.products-list .product-item-info .product-item-details .price-box {
  margin-top: 7px;
}
.products-list .product-item-info .product-item-details div[class^="swatch-opt-"] {
  padding-top: 6px;
}
.products-list .product-item-info:hover .product-image-content .action.mgs-quickview {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.products-list .product-item-info:hover .product-image-content .img-hover-show {
  opacity: 1;
  visibility: visible;
}
.products-list .product-item-info:hover .product-image-content a:after {
  opacity: 0.3;
  visibility: visible;
}
.block.filter .block-content.filter-content .filter-options:after {
  content: "";
  display: table;
  clear: both;
}
.block.filter .block-content.filter-content .block-actions.filter-actions + .block-subtitle.filter-subtitle {
  margin-top: 30px;
}
.block.filter .block-content.filter-content .filter-current .items .item {
  margin-bottom: 21px;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 7px;
}
.block.filter .block-content.filter-content .filter-current .items .item:after {
  content: "";
  display: table;
  clear: both;
}
.block.filter .block-content.filter-content .filter-current .filter-label {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
  display: block;
}
.block.filter .block-content.filter-content .filter-current .action.remove {
  float: right;
}
.block.filter .block-content.filter-content .close-filter-fixed {
  display: none;
}
.block.filter .block-content.filter-content .filter-options-item {
  margin-bottom: 52px;
}
.block.filter .block-content.filter-content .filter-options-item .filter-options-title {
  font-size: 18px;
  font-weight: 600;
  color: #222;
  position: relative;
  display: block;
  padding: 0 0 2px;
  margin-bottom: 15px;
}
.block.filter .block-content.filter-content .filter-options-item .filter-options-title:before {
  height: 2px;
  width: 60px;
  content: "";
  position: absolute;
  bottom: 0;
  background-color: #222;
  left: 0;
}
.block.filter .block-content.filter-content .filter-options-item .filter-options-title:after {
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 12px;
  color: #7f7f7f;
  position: absolute;
  right: 0;
  bottom: 3px;
}
.block.filter .block-content.filter-content .filter-options-item .filter-options-content ol.items .item a:hover,
.block.filter .block-content.filter-content .filter-options-item .filter-options-content ol.items .item a:focus {
  color: #222;
}
.block.filter .block-content.filter-content .filter-options-item .filter-options-content ol.items .item .count {
  position: absolute;
  right: 0;
  top: 50%;
  color: #b1b1b1;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.block.filter .block-content.filter-content .filter-options-item .filter-options-content ol.items .item .count:after {
  content: ")";
  display: inline-block;
}
.block.filter .block-content.filter-content .filter-options-item .filter-options-content ol.items .item .count:before {
  content: "(";
  display: inline-block;
}
.block.filter .block-content.filter-content .filter-options-item .filter-options-content ol.items .item .count .filter-count-label {
  display: none;
}
.block.filter .block-content.filter-content .filter-options-item .swatch-attribute-options {
  padding: 5px 0 0;
}
.block.filter .block-content.filter-content .filter-options-item .swatch-attribute-options .swatch-option-link-layered .swatch-option {
  outline: none !important;
  min-width: 25px;
  margin: 10px 10px 0 0;
  min-height: 25px;
}
.block.filter .block-content.filter-content .filter-options-item:hover .count {
  color: #222;
}
.block.filter .block-content.filter-content .filter-options-item.active .filter-options-title:after {
  content: "\f106";
}
.block.filter .block-content.filter-content .filter-options-item:last-child {
  margin-bottom: 0;
}
.block.filter .block-content.filter-content .filter-actions {
  margin-bottom: 52px;
}
.block.filter .block-subtitle {
  font-size: 18px;
  font-weight: 600;
  color: #222;
  position: relative;
  display: block;
  padding: 0 0 2px;
  margin-bottom: 23px;
}
.block.filter .block-subtitle:after {
  height: 2px;
  width: 60px;
  content: "";
  position: absolute;
  bottom: 0;
  background-color: #222;
  left: 0;
}
.page-layout-1column .category-product-actions:after {
  display: table;
  content: "";
  clear: both;
}
.page-layout-1column .category-product-actions .block.filter {
  float: left;
  width: 20%;
}
.page-layout-1column .category-product-actions .block.filter .filter-title {
  line-height: 1;
}
.page-layout-1column .category-product-actions .block.filter .filter-title > .title {
  font-size: 36px;
  cursor: pointer;
  line-height: 1;
  color: #222;
  display: block;
}
.page-layout-1column .category-product-actions .block.filter .filter-title > .title:hover {
  color: #1f45fc;
}
.page-layout-1column .category-product-actions .block.filter .filter-title > .title .icon {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  line-height: 1;
  vertical-align: middle;
}
.page-layout-1column .category-product-actions .toolbar-products {
  width: 68%;
}
.page-layout-1column.catalogsearch-result-index .category-product-actions .toolbar-products {
  width: 100%;
}
.page-layout-1column .block.filter .block-content.filter-content {
  background: #fff;
  top: 0;
  bottom: 0;
  width: 320px;
  left: 0;
  right: auto;
  position: fixed;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
}
.page-layout-1column .block.filter .block-content.filter-content .close-filter-fixed {
  font-size: 16px;
  line-height: 50px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  position: relative;
  background: #000000;
  display: block !important;
}
.page-layout-1column .block.filter .block-content.filter-content .close-filter-fixed button {
  position: absolute;
  right: 8px;
  top: 0;
  bottom: 0;
  cursor: pointer;
  font-size: 40px;
  background: none;
  border: none;
}
.page-layout-1column .block.filter .block-content.filter-content .close-filter-fixed button i {
  display: block;
}
.page-layout-1column .block.filter .block-content.filter-content .block-filter-content {
  padding: 20px;
  max-height: calc(100% - 50px);
  overflow-y: auto;
}
.page-layout-1column .block.filter .block-content.filter-content .filter-content .filter-options-item .filter-options-title:after {
  content: none !important;
}
.page-layout-1column .block.filter .block-content.filter-content .filter-content .filter-options-item .filter-options-content {
  display: block !important;
}
.page-layout-1column .block.filter.active:after {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.9;
  display: block;
  content: "";
  z-index: 998;
}
.page-layout-1column .block.filter.active .block-content.filter-content {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
}
.login-container .block .block-title h2,
.form-create-account h2 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 20px;
}
.form-create-account .fieldset + .fieldset {
  margin-top: 50px;
}
.customer-name-fields .field {
  margin-bottom: 15px;
}
.block.account-nav .account-nav .items .item {
  border-bottom: 1px solid #f0f0f0;
  padding: 9px 0 8px;
}
.block.account-nav .account-nav .items .item strong {
  color: #1f45fc;
  font-weight: 400;
}
.block-title--myac {
  margin-bottom: 20px;
}
.block-title--myac h3 {
    margin: 0;
    line-height: 1;
    display: block;
    color: #222;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
}
.account-sub-title {
  font-size: 16px;
  color: #2a2a2a;
  font-weight: 500;
  margin-bottom: 10px;
}
.block-dashboard-orders {
  margin-bottom: 60px;
}
.block-dashboard-orders .table-order-items {
  margin: 0;
}
.block-dashboard-orders .table-order-items tr th, .block-dashboard-orders .table-order-items tr td {
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    font-size: 16px;
}
.block-dashboard-orders .table-order-items tr th {
  text-transform: uppercase;
  color: #000;
  font-weight: 700;
  border-top: 1px solid #f0f0f0 !important;
}
.block-dashboard-orders .table-order-items tr td.col.actions .action.view:after {
  content: "|";
  display: inline-block;
  margin: 0 10px;
}
.block-order-details-comments .order-comments .comment {
  background-color: #f8f8f8;
  margin-bottom: 20px;
  padding: 15px;
}
.block-order-details-comments .order-comments .comment .comment-date {
  color: #1f45fc;
}
.items.order-links {
  display: table;
  margin: 20px auto 40px;
  width: 100%;
}
.items.order-links li {
  display: table-cell;
  text-align: center;
  padding: 10px 15px;
  border-bottom: 4px solid #000;
  text-transform: uppercase;
  color: #000;
}
.items.order-links li.current,
.items.order-links li:hover {
  border-color: #1f45fc;
  color: #1f45fc;
}
.items.order-links li strong {
  font-weight: 500;
}
.order-details-items.shipments .order-title {
  padding: 15px 0;
  margin: 20px 0;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
}
.order-details-items.shipments .order-title strong {
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.order-details-items.shipments .order-title .action.track {
  margin-left: 30px;
}
.order-details-items .table-wrapper .table-caption {
  display: none;
}
.order-details-items .table-wrapper thead tr th {
  text-transform: uppercase;
  color: #000;
  border-bottom: none;
  font-weight: 700;
  font-size: 14px;
  font-family: inherit !important;
  text-align: center;
}
.order-details-items .table-wrapper thead tr th:first-child {
  padding-left: 0;
  text-align: left;
  background: none;
}
.order-details-items .table-wrapper tbody tr td {
  vertical-align: middle;
  text-align: center;
}
.order-details-items .table-wrapper tbody tr td:first-child {
  padding-left: 0;
  text-align: left;
  background: none;
}
.order-details-items .table-wrapper tbody tr td.col.name {
  font-weight: 500;
}
.order-details-items .table-wrapper tfoot tr th {
  padding-left: 0;
  text-align: left;
  background: none;
}
.order-details-items .table-wrapper tfoot tr th,
.order-details-items .table-wrapper tfoot tr td,
.order-details-items .table-wrapper tfoot tr th strong {
  font-size: 16px;
  font-weight: 400;
  color: #2a2a2a;
}
.order-details-items .table-wrapper tfoot tr.grand_total th strong,
.order-details-items .table-wrapper tfoot tr.grand_total td strong {
  font-size: 20px;
  color: #1f45fc;
}
.order-details-items .table-wrapper tfoot tr td {
  text-align: center;
}
.block-order-details-view {
  padding-top: 40px;
}
.block-order-details-view .block-title h4 {
  color: #222;
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 18px;
}
.block-order-details-view .block-content .box {
  margin-bottom: 30px;
}
.box-order-billing-method .payment-method .title {
  color: #2a2a2a;
}
.page-print .page-main .logo {
  text-align: center;
  display: block;
}
.page-print table {
  margin: 30px 0;
}
.page-print table thead tr th {
  text-transform: uppercase;
  color: #000;
  border-bottom: none;
  font-weight: 700;
  font-size: 14px;
  font-family: inherit !important;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  text-align: center !important;
}
.page-print table tr td {
  text-align: center !important;
  vertical-align: middle;
  border: 1px solid #f0f0f0;
}
.btn-print {
  border-bottom: 2px solid #2a2a2a;
  padding: 0px 0 5px;
  display: inline-block;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 700;
  color: #2a2a2a;
}
.btn-print .icon {
  font-size: 18px;
  margin-right: 8px;
}
.btn-print:hover {
  border-color: #1f45fc;
}
.shipping-tracking-popup .column.main {
  width: 100% !important;
}
.shipping-tracking-popup .page.tracking .subtitle.caption {
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #000;
  font-size: 18px;
}
.shipping-tracking-popup .page.tracking .actions .action.close {
  border-bottom: 2px solid #000;
  padding: 0px 0 5px;
  display: inline-block;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
}
.orders-history .table-order-items thead tr th {
  text-transform: uppercase;
  color: #2a2a2a;
  text-align: center;
  border: none !important;
  font-weight: 700;
}
.orders-history .table-order-items thead tr th:first-child {
  padding-left: 0;
  text-align: left;
}
.orders-history .table-order-items tbody tr td {
  text-align: center;
}
.orders-history .table-order-items tbody tr td:first-child {
  padding-left: 0;
  text-align: left;
}
.orders-history .table-order-items tbody tr td.actions .action.view:after {
  content: "|";
  margin: 0 8px;
  display: inline-block;
}
.order-products-toolbar .pager,
.downloadable-products-toolbar .pager,
.products-reviews-toolbar .pager {
  margin: 0 auto;
}
.order-products-toolbar .pager .limiter,
.downloadable-products-toolbar .pager .limiter,
.products-reviews-toolbar .pager .limiter {
  display: none;
}
.table-downloadable-products thead tr th {
  text-transform: uppercase;
  color: #2a2a2a;
  text-align: center;
  border: none !important;
  font-weight: 700;
}
.table-downloadable-products thead tr th:first-child {
  padding-left: 0;
  text-align: left;
}
.table-downloadable-products tbody tr td {
  text-align: center;
}
.table-downloadable-products tbody tr td:first-child {
  padding-left: 0;
  text-align: left;
}
.form-edit-account .field.choice {
  margin-bottom: 10px;
}
.form-edit-account .fieldset.password {
  margin-top: 30px;
}
.block-dashboard-addresses {
  margin-top: 60px;
}
.account .field.street .control > input + .nested {
  margin-top: 10px;
}
.form-address-edit .fieldset .field.choice {
  margin-bottom: 15px;
}
.form-address-edit .fieldset + .fieldset {
  margin-top: 30px;
}
.block-addresses-list .items.addresses li.item {
  border-top: 1px dashed #ddd;
  padding-top: 20px;
  margin-top: 20px;
}
.block-addresses-list .items.addresses li.item:first-child {
  border: none;
  margin: 0;
  padding: 0;
}
.block-addresses-list .items.addresses li.item .btn-secondary {
  margin-left: 10px;
}
.table-reviews-dashboard thead tr th {
  text-transform: uppercase;
  color: #000;
  font-weight: 700;
  padding-left: 0;
  border: none;
}
.table-reviews-dashboard tbody tr td {
  padding-left: 0;
}
#my-reviews-table .table-caption {
  display: none;
}
#my-reviews-table thead tr th {
  text-transform: uppercase;
  color: #000;
  font-weight: 700;
  padding-left: 0;
  border: none;
  text-align: center;
}
#my-reviews-table tbody tr td {
  text-align: center;
}
#my-reviews-table tbody tr td.summary .rating-summary .label {
  display: none;
}
#my-reviews-table tbody tr td.summary .rating-summary .rating-result {
  float: none;
}
.customer-review.view .product-media {
  overflow: hidden;
}
.customer-review.view .product-info .product-name {
  text-transform: uppercase;
  margin-top: 0px;
}
.customer-review.view .product-info .rating-average-label {
  font-weight: 700;
  color: #000;
  margin-bottom: 8px;
  display: block;
}
.customer-review.view .product-info .product-reviews-summary .rating-summary {
  display: inline-block;
}
.customer-review.view .product-info .product-reviews-summary .rating-summary .rating-result {
  float: none;
}
.customer-review.view .product-info .product-reviews-summary .reviews-actions {
  float: none;
}
.customer-review.view .review-details {
  padding-top: 30px;
}
.customer-review.view .review-details > .title {
  text-transform: uppercase;
  color: #000;
  font-size: 16px;
  margin-bottom: 8px;
  padding: 10px 0;
}
.customer-review.view .review-details .review-content {
  padding: 10px 0;
}
.customer-review.view .review-details .review-date {
  font-style: italic;
  color: #1f45fc;
}
.customer-review.view .review-details .rating-result {
  float: none;
}
.customer-review.view .review-details .rating-label {
  font-weight: 700;
  color: #000;
  margin-right: 20px;
}
.customer-review.view .review-details .rating-label:after {
  content: ":";
  display: inline-block;
}
.customer-review.view .review-details .rating-summary.item {
  padding: 5px 0;
}
.form-wishlist-items .actions-toolbar button.action {
  margin-right: 15px;
  margin-bottom: 15px;
}
.products-grid.wishlist .product-item-info {
  border: 1px solid #f0f0f0;
  border-radius: 0 0 5px 5px;
  padding-bottom: 15px;
}
.products-grid.wishlist .product-item-info > * {
  padding: 0 15px;
}
.products-grid.wishlist .product-item-info .product-item-photo {
  padding: 0 !important;
}
.products-grid.wishlist .product-item-info .product-item-photo img {
  min-width: 100%;
}
.products-grid.wishlist .product-item-info .product-item-name {
  margin-top: 7px;
  display: block;
  font-size: 16px;
  color: #2a2a2a;
  font-weight: 400;
}
.products-grid.wishlist .product-item-info .product-item-name a {
  font-size: 16px;
  color: #2a2a2a;
  font-weight: 400;
}
.products-grid.wishlist .product-item-info .product-item-name a:hover {
  color: #1f45fc;
}
.products-grid.wishlist .product-item-info .box-tocart .field.qty {
  float: left;
  margin: 0;
}
.products-grid.wishlist .product-item-info .box-tocart .field.qty > .label {
  display: none !important;
}
.products-grid.wishlist .product-item-info .box-tocart .field.qty > .control {
  display: block;
  overflow: hidden;
  margin-right: 10px;
}
.products-grid.wishlist .product-item-info .box-tocart .field.qty > .control .input-text {
  width: 90px;
  border: none;
  text-align: center;
  color: #222;
}
.products-grid.wishlist .product-item-info .box-tocart .product-item-actions {
  float: left;
}
.products-grid.wishlist .product-item-info .box-tocart .product-item-actions .tocart {
  padding: 0 20px !important;
}
.products-grid.wishlist .product-item-info .box-tocart .product-item-actions .tocart .fa {
  display: none;
}
.products-grid.wishlist .product-item-info .box-tocart + .product-item-actions {
  margin-top: 10px;
}
.products-grid.wishlist .product-item-info .box-tocart + .product-item-actions .action {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  border: 1px solid #ddd;
  color: #2a2a2a;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
}
.products-grid.wishlist .product-item-info .box-tocart + .product-item-actions .action + .action {
  margin-left: 7px;
}
.products-grid.wishlist .product-item-info .box-tocart + .product-item-actions .action:hover {
  border-color: #2a2a2a;
  background-color: #2a2a2a;
  color: #fff;
}
.catalog-product-compare-index .table-wrapper {
  border: 1px solid #f0f0f0;
  max-width: 100%;
  overflow-y: hidden;
  padding: 15px;
  overflow-x: auto;
}
.catalog-product-compare-index .table-wrapper .table-comparison {
  margin-bottom: 0;
}
.catalog-product-compare-index .table-wrapper .table-comparison .table-caption {
  display: none;
}
.catalog-product-compare-index .table-wrapper .table-comparison thead tr td,
.catalog-product-compare-index .table-wrapper .table-comparison thead tr th {
  border-top: 1px solid #f0f0f0 !important;
}
.catalog-product-compare-index .table-wrapper .table-comparison tr th {
  text-transform: uppercase;
  color: #2a2a2a;
  min-width: 0px !important;
  width: 1%;
  font-weight: 600;
}
.catalog-product-compare-index .table-wrapper .table-comparison tr td,
.catalog-product-compare-index .table-wrapper .table-comparison tr th {
  min-width: 300px;
  border-width: 1px !important;
  border-style: solid;
  border-color: #f0f0f0 !important;
  padding: 10px;
  vertical-align: middle;
}
.catalog-product-compare-index .table-wrapper .table-comparison tr td.cell.product.info {
  background: none;
  padding: 15px;
}
.catalog-product-compare-index .table-wrapper .table-comparison tr td.cell.product.info .product-item-actions .actions-primary {
  margin-top: 9px;
}
.catalog-product-compare-index .table-wrapper .table-comparison tr td.cell.product.info .product-item-info {
  margin-bottom: 0 !important;
}
.cms-noroute-index main {
  border-top: 1px solid #ddd;
}
.cms-noroute-index .page-main {
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px;
  letter-spacing: 2px;
  min-height: 0 !important;
}
.cms-noroute-index .page-main .column.main a {
  font-weight: 700;
  border-bottom: 1px solid #222;
  padding: 2px 5px;
  color: #222;
}
.cms-noroute-index .page-main .column.main a:hover {
  color: #1f45fc;
}
.cms-noroute-index .page-main h1 {
  font-size: 80px;
  letter-spacing: 8px;
  font-weight: 700;
  margin: 0 0 5px;
}
.contact-index-index .footer {
  margin-top: 0;
}
.profile .profile-image {
  position: relative;
  overflow: hidden;
}
.profile .profile-image img {
  min-width: 100%;
}
.profile .profile-image > a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
}
.profile .profile-image .social-link {
  position: absolute;
  z-index: 1;
  bottom: 0;
  text-align: center;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.9);
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
}
.profile .profile-image .social-link li {
  float: none;
  display: inline-block;
  padding: 10px 0;
}
.profile .profile-image .social-link li:last-child {
  margin-right: 0;
}
.profile .profile-desc {
  padding-top: 11px;
}
.profile .profile-desc .profile-name {
  color: #222;
  font-weight: 600;
  font-size: 18px;
}
.profile .profile-desc .profile-name:hover {
  color: #1f45fc;
}
.profile:hover .profile-image > a:after {
  opacity: 0.7;
  visibility: visible;
}
.profile:hover .profile-image .social-link {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
}
.checkout-index-index .modal-popup .modal-inner-wrap {
  max-height: 80%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
}
.checkout-index-index .modal-popup .modal-header {
  min-height: unset;
}
.checkout-index-index .modal-popup .modal-header .action-close {
  top: 15px;
  right: 15px;
}
.checkout-index-index .modal-popup .modal-content {
  padding: 15px;
}
.checkout-index-index .loading-mask {
  position: fixed;
  z-index: 9999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.8;
}
.checkout-index-index .loading-mask p {
  display: none;
}
.checkout-index-index .loading-mask .loader {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.checkout-index-index > .loading-mask {
  z-index: 10000;
}
.checkout-index-index .checkout-shipping-method {
  position: relative;
}
/*
 * Checkout: contain the floated fields inside each shipping-method block.
 *
 * Ecomteck_OneStepCheckout's shipping.html puts TWO sibling
 * div.checkout-shipping-method inside <li id="opc-shipping_method"> - the first
 * holds Vehicle Information (Plate / Make / Model / Year), the second holds
 * Shipping Methods. Those vehicle fields are div.field._required, which is
 * float:left, and the wrapper established no block formatting context, so it
 * collapsed to the height of its heading alone (25px) while the fields
 * overflowed ~60px below it.
 *
 * Because the rule above makes every .checkout-shipping-method position:relative
 * with z-index:auto, the SECOND div (later in DOM order) then painted on top of
 * those overflowing fields and swallowed every click - the four vehicle inputs
 * rendered normally but could not be focused, typed into or opened.
 *
 * Measured before the fix:
 *   div 0 (Vehicle Info)   top=39  height=25    <- collapsed
 *   div 1 (Shipping)       top=89  height=181
 *   plate input            top=126 height=40    <- inside div 0, painted under div 1
 *
 * display:flow-root makes each wrapper contain its own floats, so the heights are
 * correct and the blocks stop overlapping. Preferred over overflow:hidden (which
 * would clip) and over bumping z-index (which would hide the real layout bug and
 * leave the boxes still overlapping).
 */
.checkout-index-index #opc-shipping_method > div.checkout-shipping-method {
  display: flow-root;
}
.checkout-index-index .checkout-shipping-method .loading-mask {
  position: absolute;
  z-index: 9999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.8;
  border: 1px solid #f0f0f0;
}
.opc-wrapper {
  width: 66.66666667%;
  float: left;
  padding-right: 15px;
}
.opc-wrapper:before {
  content: "";
  display: table;
  width: 100%;
  clear: both;
}
.opc-wrapper .step-title {
  border-bottom: 1px solid #f0f0f0;
  color: #1a1a1a;
  padding-bottom: 5px;
  margin-bottom: 25px;
}
.opc-sidebar.opc-summary-wrapper {
  width: 33.33333333%;
  float: left;
  padding-left: 15px;
}
.checkout-shipping-address .form.form-login {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 18px;
  padding-bottom: 4px;
}
.checkout-shipping-address > .step-content .action.action-show-popup {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  font-size: 13px;
  padding: 9px 28px;
  color: #fff;
  border: 1px solid #1a1a1a;
  margin: 20px 20px 0 0;
  background-color: #1a1a1a;
}
.checkout-shipping-address > .step-content .action.action-show-popup:hover {
  color: #1a1a1a;
  border: 1px solid #1a1a1a;
  background-color: #fff;
}
.checkout-shipping-address .form.form-login .actions-toolbar {
  margin-bottom: 15px;
}
.shipping-address-items {
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}
.shipping-address-items:after {
  content: "";
  display: table;
  clear: both;
}
.shipping-address-items .shipping-address-item {
  border: 2px solid #ddd;
  margin-bottom: 14px;
  color: #000000;
  padding: 15px;
  margin: 0 10px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.shipping-address-items .shipping-address-item:nth-child(3n + 1) {
  clear: both;
}
.shipping-address-items .shipping-address-item.selected-item {
  color: #1f45fc;
  border-color: #1f45fc;
}
.shipping-address-items .shipping-address-item.selected-item .action-select-shipping-item {
  display: none;
}
.shipping-address-items .action {
  font-size: 13px;
  color: #6c6c6c;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  margin-top: 10px;
  padding: 6px 15px;
  font-weight: 400;
  margin-right: 10px;
  min-width: 120px;
}
.shipping-address-items .action:hover {
  background-color: #1f45fc;
  border-color: #1f45fc;
  color: #fff;
}
.checkout-shipping-method {
  margin-top: 50px;
}
.table-checkout-shipping-method {
  width: 100%;
}
.table-checkout-shipping-method thead tr th {
  color: #2b2b2b;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  border: 1px solid #A9A9A9;
  vertical-align: middle;
  padding: 14px 30px 11px;
  border-bottom: none;
}
.table-checkout-shipping-method tbody tr td {
  border: 1px solid #A9A9A9;
  padding: 14px 30px 11px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.table-checkout-shipping-method tbody tr td.col-method input {
  margin: 0 auto;
}
#shipping-method-buttons-container,
.payment-method-content .actions-toolbar {
  margin-top: 25px;
  text-align: right;
}
#shipping-method-buttons-container .action,
.payment-method-content .actions-toolbar .action,
#shipping-method-buttons-container button.action,
.payment-method-content .actions-toolbar button.action {
  min-width: 200px;
  text-align: center;
  padding: 9px 20px;
  background-color: #1f45fc;
  border: 1px solid #1f45fc;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 0.1em;
  color: #fff;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  height: auto;
}
#shipping-method-buttons-container .action:hover,
.payment-method-content .actions-toolbar .action:hover,
#shipping-method-buttons-container button.action:hover,
.payment-method-content .actions-toolbar button.action:hover {
  background-color: #1a1a1a;
  border-color: #1a1a1a;
}
.authentication-wrapper {
  position: relative;
  border-bottom: 1px solid #f0f0f0;
  text-align: right;
  margin-bottom: 50px;
  padding-bottom: 15px;
}
.authentication-wrapper .action-auth-toggle {
  font-size: 13px;
  color: #6c6c6c;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  margin-top: 10px;
  padding: 6px 15px;
  font-weight: 400;
  margin-right: 0;
  min-width: 120px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
}
.authentication-wrapper .action-auth-toggle:hover {
  background-color: #1f45fc;
  border-color: #1f45fc;
  color: #fff;
}
.authentication-wrapper .authentication-dropdown {
  position: absolute;
  right: 0;
  top: 100%;
  min-width: 300px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -o-transform: translateY(30px);
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
}
.authentication-wrapper .authentication-dropdown._show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
}
.authentication-wrapper .authentication-dropdown .modal-inner-wrap {
  background-color: #fff;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #f0f0f0;
  padding: 15px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
}
.authentication-wrapper .authentication-dropdown .modal-inner-wrap .modal-header {
  padding: 0;
  min-height: unset;
  height: 1px;
  position: relative;
  border: none;
}
.authentication-wrapper .authentication-dropdown .modal-inner-wrap .modal-header .action-close {
  position: absolute;
  right: -5px;
  top: -2px;
  z-index: 1;
  background: none;
  width: 30px;
  height: 30px;
  border: none;
  box-shadow: none;
  opacity: 0.8;
  line-height: 1;
}
.authentication-wrapper .authentication-dropdown .modal-inner-wrap .modal-header .action-close:hover {
  opacity: 1;
}
.authentication-wrapper .authentication-dropdown .modal-inner-wrap .modal-header .action-close span {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.authentication-wrapper .authentication-dropdown .modal-inner-wrap .modal-header .action-close:after {
  content: "x";
  font-size: 20px;
  color: #2a2a2a;
  font-weight: 400;
}
.authentication-wrapper .authentication-dropdown .modal-inner-wrap .modal-content {
  box-shadow: none;
  border: none;
  border-radius: 0;
  text-align: left;
}
.authentication-wrapper .block-customer-login .block-title strong {
  display: block;
  border-bottom: 1px solid #f0f0f0;
  font-size: 18px;
  font-weight: 300;
  color: #2a2a2a;
  margin-bottom: 15px;
  padding-bottom: 4px;
}
ul.credit-card-types:after {
  content: "";
  display: table;
  clear: both;
}
ul.credit-card-types li {
  border: 1px solid #f0f0f0;
  float: left;
  margin-right: 5px;
}
form.payments > .fieldset > legend.legend {
  display: none;
}
form.payments > .fieldset legend + br {
  display: none;
}
.fieldset.payment .legend {
  border: none;
  font-size: 18px;
  margin-bottom: 10px;
}
.opc-payment .payment-methods .payment-method {
  padding-bottom: 13px;
  margin-bottom: 16px;
  border-bottom: 1px solid #f0f0f0;
}
.opc-payment .payment-methods .payment-method .payment-method-title .label {
  font-size: 16px;
}
.opc-payment .payment-methods .payment-method .payment-method-content {
  display: none;
}
.opc-payment .payment-methods .payment-method .payment-method-content .actions-toolbar {
  margin-top: 10px;
  margin-bottom: 12px;
  text-align: left;
}
.opc-payment .payment-methods .payment-method._active .payment-method-content {
  display: block;
}
.opc-payment .payment-methods .payment-method .payment-method-billing-address .field.choice {
  margin-top: 15px;
}
.opc-payment .payment-methods .payment-method .payment-method-billing-address .field.choice input {
  top: 3px;
}
.opc-sidebar .minicart-items .product-item .product-item-details .product-item-name {
  color: #1a1a1a;
}
.opc-sidebar .modal-inner-wrap .modal-header {
  display: none;
}
.opc-sidebar .modal-inner-wrap .modal-content {
  box-shadow: none;
  border-radius: 0;
  border: none;
}
.opc-block-summary {
  background-color: #f5f5f5;
  padding: 19px 30px 30px;
}
.opc-block-summary > .title {
    text-transform: uppercase;
    color: #2a2a2a;
    display: block;
    margin-bottom: 4px;
    padding-bottom: 1px;
}
.opc-block-summary .items-in-cart > .title {
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  display: block;
  margin-bottom: 5px;
  padding: 0 40px 0 0;
  position: relative;
  text-decoration: none;
}
.opc-block-summary .items-in-cart > .title:after {
  position: absolute;
  right: 0;
  top: 10px;
  color: inherit;
  content: "\f107";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 20px;
  font-weight: normal;
  line-height: 12px;
  margin: 3px 0 0;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}
.opc-block-summary .items-in-cart > .title strong {
  font-size: 20px;
  display: block;
  font-weight: 300;
  color: #2a2a2a;
}
.opc-block-summary .items-in-cart.active > .title:after {
  content: "\f106";
}
.opc-block-summary .table-totals tr th,
.opc-block-summary .table-totals tr td {
  background: none !important;
  padding: 10px 0;
  vertical-align: middle;
}
.opc-block-summary .table-totals tr th {
  color: #2a2a2a;
  font-weight: 400;
  margin: 0;
}
.opc-block-summary .table-totals tr th strong,
.opc-block-summary .table-totals tr th .label {
  color: #2a2a2a;
  font-weight: 400;
  margin: 0;
}
.opc-block-summary .table-totals tr th:after {
  content: ":";
}
.opc-block-summary .table-totals tr th.value:after {
  content: ")";
  display: inline-block;
}
.opc-block-summary .table-totals tr th.value:before {
  content: "(";
  display: inline-block;
}
.opc-block-summary .table-totals tr td {
  text-align: right;
  padding-left: 20px;
  width: 1%;
  font-size: 14px;
  color: #272727;
}
.opc-block-summary .table-totals tr.totals.sub th,
.opc-block-summary .table-totals tr.totals.sub td {
  font-size: 16px;
}
.opc-block-summary .table-totals tr.totals.grand th,
.opc-block-summary .table-totals tr.totals.grand td {
  font-size: 18px;
  color: #1f45fc;
}
.opc-block-summary .table-totals tr.totals.grand th strong,
.opc-block-summary .table-totals tr.totals.grand td strong {
  color: #1f45fc;
  font-weight: 500;
}
.opc-block-summary .table-totals tr:first-child th,
.opc-block-summary .table-totals tr:first-child td {
  border-top: none;
}
.opc-block-shipping-information {
  padding: 0 30px 23px;
  background-color: #f5f5f5;
}
.opc-block-shipping-information .shipping-information-title {
  border-bottom: 1px solid #ddd;
  margin: 0 0 15px;
  position: relative;
  color: #2a2a2a;
  font-size: 20px;
  font-weight: 300;
  padding-bottom: 1px;
}
.opc-block-shipping-information .shipping-information-title .action-edit {
  display: inline-block;
  margin: 0;
  position: absolute;
  right: 0;
  top: 8px;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  color: #1979c3;
  display: inline;
  font-weight: 400;
  line-height: 1.42857;
  padding: 0;
  text-decoration: none;
}
.opc-block-shipping-information .shipping-information-title .action-edit:before {
  color: #8f8f8f;
  content: "\f040";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  overflow: hidden;
  text-align: center;
  box-shadow: none;
  vertical-align: top;
}
.opc-block-shipping-information .shipping-information-title .action-edit:hover:before {
  color: #1f45fc;
}
.opc-block-shipping-information .shipping-information-title .action-edit > span {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.opc-block-shipping-information .ship-via {
  margin: 20px 0 0;
}
.payment-option.discount-code .payment-option-title {
    padding-left: 0;
    border-bottom: none;
    color: #1a1a1a;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 0;
    padding-bottom: 5px;
    position: relative;
}
.payment-option.discount-code .payment-option-title:after {
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 20px;
  position: absolute;
  bottom: -3px;
  right: 0;
}
.payment-option.discount-code .form-discount .actions-toolbar:after {
  content: "";
  display: table;
  clear: both;
}
.payment-option.discount-code .form-discount .actions-toolbar > div {
  float: left;
  vertical-align: top;
}
.payment-option.discount-code .form-discount .actions-toolbar .action {
  font-size: 13px;
  padding: 9px 28px;
  color: #6c6c6c;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
}
.payment-option.discount-code .form-discount .actions-toolbar .action:hover {
  color: #fff;
  border: 1px solid #1a1a1a;
  background-color: #1a1a1a;
}
.payment-option.discount-code .form-discount .actions-toolbar .action.action-apply {
  color: #fff;
  border: 1px solid #1a1a1a;
  background-color: #1a1a1a;
}
.payment-option.discount-code .form-discount .actions-toolbar .action.action-apply:hover {
  color: #fff;
  border: 1px solid #1f45fc;
  background-color: #1f45fc;
}
.payment-option.discount-code._active .payment-option-title:after {
  content: "\f106";
}
#multiship-addresses-table thead tr th {
  color: #2b2b2b;
  font-size: 16px;
  font-weight: 400;
  padding: 14px 30px 11px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #A9A9A9;
}
#multiship-addresses-table thead tr th.qty,
#multiship-addresses-table tbody tr th.qty,
#multiship-addresses-table thead tr td.qty,
#multiship-addresses-table tbody tr td.qty,
#multiship-addresses-table thead tr th.actions,
#multiship-addresses-table tbody tr th.actions,
#multiship-addresses-table thead tr td.actions,
#multiship-addresses-table tbody tr td.actions {
  width: 1%;
  padding-left: 15px;
  padding-right: 15px;
}
#multiship-addresses-table tbody tr td {
  text-align: center;
  vertical-align: middle;
  padding: 15px 30px;
  border: 1px solid #A9A9A9;
}
#multiship-addresses-table tbody tr td.actions .action.delete {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  color: #6c6c6c;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  height: 34px;
  line-height: 32px;
  width: 34px;
  text-align: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
}
#multiship-addresses-table tbody tr td.actions .action.delete:hover {
  color: #fff;
  background-color: #2a2a2a;
  border-color: #2a2a2a;
}
#multiship-addresses-table tbody tr td .field .label {
  display: none;
}
#multiship-addresses-table tbody tr td .field.qty input {
  width: 80px;
  text-align: center;
  color: #2a2a2a;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
}
#multiship-addresses-table tbody tr td.product {
  text-align: left;
}
#multiship-addresses-table tbody tr td.product .product-item-name {
  font-weight: 400;
  font-size: 16px;
  color: #2a2a2a;
}
#multiship-addresses-table tbody tr td.product .product-item-name a {
  font-weight: 400;
  font-size: 16px;
  color: #2a2a2a;
}
#multiship-addresses-table tbody tr td.product .product-item-name a:hover {
  color: #1f45fc;
}
#multiship-addresses-table tbody tr td .item-options dt {
  margin-top: 10px;
  font-weight: 400;
  color: #2a2a2a;
}
#multiship-addresses-table tbody tr td .item-options dt:after {
  content: ":";
}
.multishipping-checkout-shipping table thead tr th {
  color: #2b2b2b;
  font-size: 16px;
  font-weight: 400;
  padding: 14px 30px 11px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #A9A9A9 !important;
}
.multishipping-checkout-shipping table tr th.qty {
  width: 100px;
  padding-left: 15px;
  padding-right: 15px;
}
.multishipping-checkout-shipping table tbody tr td {
  border: 1px solid #A9A9A9 !important;
  vertical-align: middle;
  padding: 15px 30px;
}
.multishipping-checkout-shipping table tbody tr td.qty {
  color: #2b2b2b;
  font-size: 16px;
  text-align: center;
}
.multishipping-checkout-shipping table tbody tr td.product,
.multishipping-checkout-shipping table tbody tr td.item {
  text-align: left;
}
.multishipping-checkout-shipping table tbody tr td .product-item-name {
  font-weight: 400;
  font-size: 16px;
  color: #2a2a2a;
}
.multishipping-checkout-shipping table tbody tr td .product-item-name a {
  font-weight: 400;
  font-size: 16px;
  color: #2a2a2a;
}
.multishipping-checkout-shipping table tbody tr td .product-item-name a:hover {
  color: #1f45fc;
}
.multishipping-checkout-shipping table tbody tr td .item-options {
  margin: 0;
}
.multishipping-checkout-shipping table tbody tr td .item-options dt {
  margin-top: 10px;
  font-weight: 400;
  color: #2a2a2a;
}
.multishipping-checkout-shipping table tbody tr td .item-options dt:after {
  content: ":";
}
.multishipping-checkout-shipping .actions-toolbar {
  border-top: 1px solid #f0f0f0;
  padding-top: 15px;
  margin-top: 30px;
}
.multishipping-checkout-shipping .block.block-other {
  margin-top: 50px;
}
.multishipping-checkout-shipping .block.block-shipping + .block-shipping {
  margin-top: 50px;
}
.multishipping-checkout-shipping h4.box-title {
  font-size: 18px;
  color: #2a2a2a;
  margin-bottom: 15px;
}
.multishipping-checkout-shipping .box-shipping-method dt {
  font-size: 15px;
  font-weight: 400;
  color: #1a1a1a;
}
.multishipping-checkout-shipping .box-shipping-method dt + dt {
  margin-top: 10px;
}
.multishipping-checkout-shipping .box-shipping-method .gift-message .legend {
  border: none;
  font-size: 18px;
  color: #2a2a2a;
  margin-bottom: 15px;
}
.multishipping-checkout-shipping .box-shipping-method .gift-message .legend + br {
  display: none;
}
.multishipping-checkout-shipping .box-shipping-method .gift-message .options-items {
  margin-top: 10px;
}
.gift-message .options-items .items .item {
  padding-top: 15px;
  border-top: 1px solid #f0f0f0;
  margin-top: 15px;
}
.gift-message .options-items .items .item .product .number {
  font-weight: 700;
  color: #2a2a2a;
}
.gift-message .options-items .items .item .product .img.photo.container {
  width: 100px !important;
  padding: 0;
  margin: 10px 0 0;
}
.gift-message .options-items .items .item .product .product-name {
  display: block;
  font-weight: 400;
  font-size: 16px;
  margin-top: 10px;
  color: #1a1a1a;
}
.gift-message .options-items .items .item .options .action.activate {
  padding: 0;
  margin: 0;
}
.gift-message .options-items .items .item .options .action.activate:after {
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.gift-message .options-items .items .item .options .action.activate.active:after {
  content: "\f106";
}
.gift-message .options-items .items .item .block.message {
  padding: 0;
  margin-top: 10px;
}
.multicheckout .block-billing .box-billing-address + .box-billing-address {
  margin-top: 50px;
}
.multishipping-checkout-billing .block-content .box + .box {
  margin-top: 50px;
}
.multishipping-checkout-billing .box-billing-method .box-content dl .item-title {
  position: relative;
  padding: 10px 0 10px 20px;
}
.multishipping-checkout-billing .box-billing-method .box-content dl .item-title input {
  position: absolute;
  left: 0;
  top: 11px;
  margin: 0;
}
.multishipping-checkout-billing .box-billing-method .box-content dl .item-title label {
  font-size: 16px;
  font-weight: 600;
}
.multishipping-checkout-billing .box-billing-method .box-content dl > * {
  max-width: 600px;
}
@keyframes fadeIn {
  from {
    opacity: 0.4;
  }
}
.multishipping-checkout-overview table thead tr th {
  color: #2b2b2b;
  font-size: 16px;
  font-weight: 400;
  padding: 14px 30px 11px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #A9A9A9 !important;
}
.multishipping-checkout-overview table tr th.qty {
  width: 100px;
  padding-left: 15px;
  padding-right: 15px;
}
.multishipping-checkout-overview table tbody tr td {
  border: 1px solid #A9A9A9 !important;
  vertical-align: middle;
  text-align: center;
  padding: 15px 30px;
}
.multishipping-checkout-overview table tbody tr td.qty {
  color: #2b2b2b;
  font-size: 16px;
  text-align: center;
}
.multishipping-checkout-overview table tbody tr td.product,
.multishipping-checkout-overview table tbody tr td.item {
  text-align: left;
}
.multishipping-checkout-overview table tbody tr td .product-item-name {
  font-weight: 400;
  font-size: 16px;
  color: #2a2a2a;
}
.multishipping-checkout-overview table tbody tr td .product-item-name a {
  font-weight: 400;
  font-size: 16px;
  color: #2a2a2a;
}
.multishipping-checkout-overview table tbody tr td .product-item-name a:hover {
  color: #1f45fc;
}
.multishipping-checkout-overview table tr td .item-options dt {
  margin-top: 10px;
  font-weight: 400;
  color: #2a2a2a;
}
.multishipping-checkout-overview table tfoot tr th,
.multishipping-checkout-overview table tfoot tr td {
  background: none;
  font-size: 16px;
  padding: 14px 30px 11px;
  border: 1px solid #A9A9A9;
  font-weight: 400;
  color: #2a2a2a;
}
.multishipping-checkout-overview table tfoot tr.grand.totals th,
.multishipping-checkout-overview table tfoot tr.grand.totals td {
  font-size: 20px;
  color: #1f45fc;
}
.multishipping-checkout-overview table tfoot tr td {
  text-align: center;
}
.multishipping-checkout-overview .checkout-review {
  margin-top: 50px;
  text-align: right;
}
.multishipping-checkout-overview .checkout-review .grand.totals strong {
  background: none;
  font-weight: 400;
  font-size: 24px;
  color: #2a2a2a;
}
.multishipping-checkout-overview .checkout-review .action-finish-checkout {
  margin-top: 8px;
}
.multishipping-checkout-overview .checkout-review .action-finish-checkout .btn-lg {
  min-width: 300px;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.1em;
}
.multishipping-checkout-overview .checkout-review .action-finish-checkout .action.back {
  display: block;
  text-align: right;
  margin-top: 15px;
}
.multishipping-checkout-overview .checkout-review .action-finish-checkout .please-wait {
  margin-top: 14px;
  animation: fadeIn 1s infinite alternate;
  font-size: 16px;
}
.multishipping-checkout-overview h4.box-title {
  font-size: 18px;
  color: #2a2a2a;
  margin-bottom: 15px;
}
.multishipping-checkout-overview form .block + .block {
  margin-top: 50px;
}
.multishipping-checkout-overview .block-content .box + .box {
  margin-top: 30px;
}
.multishipping-checkout-overview .box-billing-method .payment-method dt {
  font-size: 16px;
  font-weight: 400;
}
.multishipping-checkout-overview .block-shipping .block-content + .block-content {
  margin-top: 30px;
}
.multishipping-checkout-overview .block-shipping strong.box-title {
  font-size: 15px;
  color: #2a2a2a;
}
.multicheckout.success,
.checkout-success {
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  padding: 30px 15px;
  text-align: center;
}
.multicheckout.success h2,
.checkout-success h2 {
  font-weight: 300;
  color: #2a2a2a;
  margin-bottom: 10px;
}
.multicheckout.success a,
.checkout-success a {
  color: #1f45fc;
}
.multicheckout.success a:hover,
.checkout-success a:hover {
  text-decoration: underline;
}
.sidebar .list-products .product-item-info .product-item-details .btn.btn-cart {
  padding: 0 25px;
}
.sidebar .list-group-item:first-child {
  padding-top: 0;
}
.sidebar.sidebar-main > .block + .sidebar-additional {
  margin-top: 52px;
}
.sidebar .block + .block {
  margin-top: 52px;
}
.sidebar .block .block-title .title {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    position: relative;
    display: block;
    padding: 0 0 2px;
    margin-bottom: 10px;
}
.sidebar .block .block-title .title:after {
  height: 2px;
  width: 60px;
  content: "";
  position: absolute;
  bottom: 0;
  background-color: #222;
  left: 0;
}
.sidebar .block.block-compare .block-title {
  white-space: nowrap;
}
.sidebar .block.block-compare .block-title .counter.qty {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
}
.sidebar .block.block-compare .block-title .counter.qty:after {
  content: ")";
  display: inline-block;
}
.sidebar .block.block-compare .block-title .counter.qty:before {
  content: "(";
  display: inline-block;
}
.sidebar .block.block-compare ol.product-items li.product-item {
  border-bottom: 1px solid #f0f0f0;
  padding-top: 10px;
  padding-bottom: 7px;
}
.sidebar .block.block-compare ol.product-items li.product-item:after {
  content: "";
  display: table;
  clear: both;
}
.sidebar .block.block-compare ol.product-items li.product-item .product-item-name {
  font-weight: 500;
}
.sidebar .block.block-compare ol.product-items li.product-item .action.delete {
  float: right;
}
.sidebar .block.block-compare ol.product-items li.product-item .action.delete:after {
  content: "\f1f8";
  font-family: "FontAwesome";
  display: inline-block;
}
.sidebar .block.block-compare ol.product-items li.product-item .action.delete span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.sidebar .block.block-compare .actions-toolbar {
  padding-top: 30px;
}
.sidebar .block.block-compare .actions-toolbar a + a {
  margin-left: 7px;
}
.sidebar .block.filter + .sidebar-additional {
  margin-top: 52px;
}
.sidebar .block.filter .block-title.filter-title {
  display: none;
}
.sidebar .block.block-wishlist .block-content > .subtitle {
  display: none;
}
.sidebar .block.block-wishlist .block-title .counter {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
}
.sidebar .block.block-wishlist .block-title .counter:after {
  content: ")";
  display: inline-block;
}
.sidebar .block.block-wishlist .block-title .counter:before {
  content: "(";
  display: inline-block;
}
.sidebar .block.block-wishlist .list-products .product-item-info .product-item-actions .actions-primary {
  margin-top: 7px;
}
.sidebar .block.block-wishlist .list-products .product-item-info .product-item-actions .actions-secondary {
  position: absolute;
  left: 0;
  top: 0;
}
.sidebar .block.block-wishlist .list-products .product-item-info .product-item-actions .actions-secondary .btn-remove {
  padding-left: 0;
  padding-right: 0;
  width: 40px;
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}
.sidebar .block.block-wishlist .list-products .product-item-info .product-image {
  width: 80px;
}
.sidebar .block.block-wishlist .list-products .product-item-info .product-image img {
  max-width: 100%;
  height: auto !important;
}
.sidebar .block.block-wishlist .list-products .product-item-info .product-item-details {
  width: calc(100% - 80px);
}
.sidebar .block.block-wishlist .list-products .product-item-info:hover .product-item-actions .actions-secondary .btn-remove {
  opacity: 1;
  visibility: visible;
}
.sidebar .block.block-reorder .block-content strong.subtitle {
  display: none;
}
.sidebar .block.block-reorder ol.product-items .product-item {
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
}
.sidebar .block.block-reorder ol.product-items .product-item:first-child {
  padding-top: 0;
}
.sidebar .block.block-reorder ol.product-items .product-item .product-item-name {
  font-size: 14px;
  font-weight: 500;
}
.sidebar .block.block-reorder ol.product-items .product-item .product-item-name a {
  color: #222;
}
.sidebar .block.block-reorder ol.product-items .product-item .product-item-name a:hover {
  color: #1f45fc;
}
.sidebar .block.block-reorder .actions-toolbar {
  margin-top: 30px;
}
.sidebar .block.block-reorder .actions-toolbar:after {
  content: "";
  display: table;
  clear: both;
}
.sidebar .block.block-reorder .actions-toolbar > .primary {
  margin-right: 10px;
  float: left;
}
.sidebar .block.block-reorder .actions-toolbar > .secondary {
  float: left;
}
.sidebar .block-blog-posts .post-list li {
  padding-left: 15px;
  position: relative;
  line-height: 25px;
  list-style: outside none none;
  margin-bottom: 5px;
}
.sidebar .block-blog-posts .post-list li:before {
  color: #222;
  content: "+";
  left: 0;
  position: absolute;
}
.sidebar .block-blog-posts .post-list li a {
  color: #222;
}
.sidebar .block-blog-posts .post-list li a:hover {
  color: #1f45fc;
}
.sidebar .block-blog-categories li {
  padding-left: 15px;
  position: relative;
  line-height: 25px;
  list-style: outside none none;
  margin-bottom: 5px;
}
.sidebar .block-blog-categories li:before {
  color: #222;
  content: "+";
  left: 0;
  position: absolute;
}
.sidebar .block-blog-categories li a {
  color: #222;
}
.sidebar .block-blog-categories li a:hover {
  color: #1f45fc;
}
.sidebar .brand-list li {
  padding-left: 15px;
  position: relative;
  line-height: 25px;
  list-style: outside none none;
  margin-bottom: 5px;
}
.sidebar .brand-list li:before {
  color: #222;
  content: "+";
  left: 0;
  position: absolute;
}
.sidebar .brand-list li a {
  color: #222;
}
.sidebar .brand-list li a:hover {
  color: #1f45fc;
}
.sidebar .brand-list li .count:after {
  content: ")";
}
.sidebar .brand-list li .count:before {
  content: "(";
}
.sidebar .brand-list li.active {
  color: #1f45fc;
}
.sidebar .block.product-brand {
  margin-bottom: 50px;
}
.sidebar .block.product-brand .brand-image a img {
  margin: 0 auto;
  min-width: 100%;
}
.sidebar .block.related .list-products .product-item-info .product-image {
  width: 80px;
}
.sidebar .block.related .list-products .product-item-info .product-item-details {
  width: calc(100% - 80px);
}
.sidebar .block.related .list-products .product-item-info .product-item-details .product-item-inner {
  margin-top: 4px;
}
.sidebar .block.related .block-actions {
  font-size: 15px;
  margin-bottom: 12px;
  line-height: 1.428;
  font-style: italic;
}
.sidebar .block.related .block-actions button {
  font-weight: 600;
  color: #2a2a2a;
  background: none;
  border: none;
  box-shadow: none;
}
.sidebar .block.related .owl-carousel .owl-dots {
  margin: 0 auto;
}
.blog-list .post-item-info {
  margin-bottom: 100px;
}
.blog-list .post-item-info .post-content .post-short-description {
  margin-bottom: 1.3em;
}
.blog-list .post-item-info .post-content .post-short-description > *:last-child {
  margin-bottom: 0;
}
.blog-list .post-item-info .post-info {
  text-align: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.9);
  color: #000000;
  font-size: 12px;
  line-height: 21px;
}
.blog-list .post-item-info .post-info a {
  color: #fff;
}
.blog-list .post-item-info .post-info a:hover {
  color: #1f45fc;
}
.blog-list .post-item-info .post-info h2 {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 10px;
}
.blog-list .post-item-info .post-info .post-tags a:not(:last-child):after {
  content: ",";
  color: #000000;
}
.blog-list .post-item-info .post-image.has-image {
  position: relative;
}
.blog-list .post-item-info .post-image.has-image .post-info {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
}
.blog-list .post-item-info .published-by .text-capitalize {
  color: #fff;
}
.blog-post-view .post-item-info .post-short-description {
  margin-bottom: 0;
  margin-top: 30px;
}
.blog-post-view .post-comments {
  margin-top: 65px;
  margin-bottom: 35px;
}
.blog-post-view .post-comments .title-comment-content {
  font-size: 17px;
  color: #2a2a2a;
  margin-bottom: 25px;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
}
.blog-post-view .post-comments .title-comment-content span {
  font-size: 14px;
  position: relative;
  color: #c9c9c9;
}
.blog-post-view .post-comments .item {
  padding: 18px 28px 16px;
  background: #f8f8f8;
  margin-bottom: 28px;
  color: #000000;
}
.blog-post-view .post-comments .item .info {
  margin-bottom: 7px;
  color: #2a2a2a;
  font-size: 14px;
}
.blog-post-view .post-comments .item .info .name {
  font-weight: 600;
  margin-right: 38px;
}
.blog-post-view .post-comments .item:last-child {
  margin-bottom: 0;
}
.blog-post-view .post-comments .item .sub-title {
  font-style: italic;
  margin-bottom: 0;
}
.blog-post-view .post-comments .title {
  font-size: 17px;
  color: #2a2a2a;
  margin-bottom: 2px;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
}
.blog-post-view .post-comments .sub-title {
  font-style: italic;
  margin-bottom: 30px;
}
.blog-post-view .post-item-info .post-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 16px 0;
  margin-bottom: 24px;
  border: 0;
  border-bottom: 1px solid #EDEDED;
  color: #a1a1a1;
}
.blog-post-view .post-item-info .post-info > div {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-right: 0;
    background: var(--theme-gray);
    border-radius: 30px;
    padding: 6px 16px;
    font-size: 13px;
    font-weight: 600;
    font-family: var(--heading-family);
    color: var(--theme-secondary);
}
.blog-post-view .post-item-info .post-info > div .fa {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-right: 0;
    border-radius: 50%;
    background: #fff;
    color: var(--theme-primary);
    font-size: 11px;
    border: 1px solid #ccc;
}
.blog-post-view .post-item-info .post-info a {
  color: var(--theme-secondary);
}
.blog-post-view .post-item-info .post-info a:hover {
  color: #1f45fc;
}
.blog-post-view .post-item-info .post-info .post-tags a:not(:last-child):after {
  content: ",";
  color: var(--theme-secondary);
}
body.dark .blog-post-view .post-item-info .post-info > div {
  background: #1a1a1a;
}
body.dark .blog-post-view .post-item-info .post-info > div .fa {
  background: #2a2a2a;
}
@media screen and (max-width: 767px) {
  .blog-post-view .post-item-info .post-info {
    gap: 8px;
  }
  .blog-post-view .post-item-info .post-info > div {
    padding: 6px 12px;
    font-size: 12px;
  }
  .blog-post-view .post-item-info .post-info > div .fa {
    width: 20px;
    height: 20px;
    font-size: 10px;
  }
}
.post-actions {
  display: table;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  width: 100%;
  margin-top: 32px;
}
.post-actions .action {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  position: relative;
  padding: 23px 15px;
  font-size: 15px;
}
.post-actions .action a:after {
  content: "\f0d9";
  font-family: "FontAwesome";
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 21px;
}
.post-actions .action.next-action {
  text-align: right;
  padding-right: 15px;
}
.post-actions .action.next-action a:after {
  content: "\f0da";
  left: auto;
  right: 0;
}
.form.post-comment {
  margin-top: 50px;
}
.blog-post-comment-list-toolbar {
  width: 0px;
  height: 0px;
  overflow: hidden;
  margin: 0 !important;
}
.blog-load-more-comment {
  margin-top: 20px;
}
.blog-load-more-comment a {
  font-size: 15px;
  font-style: italic;
}
.blog-load-more-comment a.loading-style {
  animation: fadeIn 1s infinite alternate;
}
.tabs_categories_porfolio {
  text-align: center;
  margin-bottom: 25px;
}
.tabs_categories_porfolio li {
  display: inline-block;
  vertical-align: middle;
}
.tabs_categories_porfolio li a.button {
  font-size: 14px;
  color: #000000;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0 20px;
  line-height: 40px;
  font-weight: 500;
  border-radius: 40px;
}
.tabs_categories_porfolio li a.button:hover,
.tabs_categories_porfolio li a.button.is-checked {
  color: #222;
}
.tabs_categories_porfolio li a.button.is-checked {
  border-color: #222;
}
.portfolio-grid .item {
  margin-bottom: 30px;
}
.portfolio-grid .item .portfolio-top-content {
  position: relative;
}
.portfolio-grid .item .portfolio-top-content .image-item:after {
  content: '';
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  top: 50%;
  width: 100%;
  height: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
}
.portfolio-grid .item .portfolio-top-content .image-item img {
  min-width: 100%;
}
.portfolio-grid .item .portfolio-top-content .portfolio-bottom-content {
  position: absolute;
  bottom: 20px;
  left: 20px;
  opacity: 0;
  width: 100%;
  z-index: 1;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
}
.portfolio-grid .item .portfolio-top-content .portfolio-bottom-content .title {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  margin: 0;
}
.portfolio-grid .item .portfolio-top-content .portfolio-bottom-content .title:hover {
  color: #1f45fc;
}
.portfolio-grid .item .portfolio-top-content .portfolio-bottom-content .category-link {
  color: #fff;
}
.portfolio-grid .item .portfolio-top-content .portfolio-bottom-content .category-link a {
  color: #fff;
}
.portfolio-grid .item .portfolio-top-content .portfolio-bottom-content .category-link a:hover {
  color: #1f45fc;
}
.portfolio-grid .item:hover .portfolio-top-content .image-item:after {
  top: 0;
  height: 100%;
  visibility: visible;
  opacity: 1;
}
.portfolio-grid .item:hover .portfolio-top-content .portfolio-bottom-content {
  opacity: 1;
}
.portfolio-grid.portfolio-carousel .owl-item {
  padding: 0 15px;
}
.portfolio-grid.portfolio-carousel.one-row .item {
  margin-bottom: 0;
}
.portfolio_galley_carousel {
  margin-bottom: 46px;
}
.portfolio-index-view .description > *:last-child {
  margin-bottom: 0;
}
.portfolio-index-view .portfolio-related {
  margin-top: 60px;
}
.portfolio-index-view .table {
  margin-top: 4px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 0;
}
.portfolio-index-view .table tr td,
.portfolio-index-view .table tr th {
  padding: 14px 0 12px;
  border: none;
  color: #8d8d8d;
  border-top: 1px solid #eeeeee;
}
.portfolio-index-view .table tr th {
  font-weight: 500;
  color: #222;
  width: 1%;
  padding-right: 14px;
}
.checkout-cart-index .column.main .cart-empty {
  text-align: center;
  font-size: 15px;
  padding: 24px 15px 12px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.checkout-cart-index .column.main .cart-empty a {
  color: #1f45fc;
}
.checkout-cart-index .column.main .cart-empty a:hover {
  text-decoration: underline;
}
.checkout-cart-index #shopping-cart-table {
  margin: 0;
}
.checkout-cart-index #shopping-cart-table thead tr th {
  color: #2b2b2b;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  border: 1px solid #A9A9A9;
  vertical-align: middle;
  padding: 14px 30px 11px;
  border-bottom: none;
}
.checkout-cart-index #shopping-cart-table tbody {
  border-top: 1px solid #A9A9A9;
}
.checkout-cart-index #shopping-cart-table tbody:last-child {
  border-bottom: 1px solid #A9A9A9;
}
.checkout-cart-index #shopping-cart-table tbody tr td {
  vertical-align: middle;
  border: 1px solid #A9A9A9;
  padding: 25px 15px;
  text-align: center;
  border-bottom: none !important;
  border-top: none !important;
}

.checkout-cart-index #shopping-cart-table tbody tr td 


.checkout-cart-index #shopping-cart-table tbody tr td.col.item {
  padding-left: 33px;
  text-align: left;
}
.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-photo {
  display: block;
  float: left;
  overflow: hidden;
}
.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-photo .product-image-container .product-image-wrapper {
  padding: 0 !important;
}
.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details {
    float: left;
    vertical-align: top;
    margin-left: 20px;
    width: calc(100% - 153px);
    padding-top: 22px;
    text-align: left;
}
.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details .product-item-name a {
  color: #222;
  font-weight: 500;
  font-size: 15px;
}
.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details .product-item-name a:hover,
.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details .product-item-name a:focus {
  color: #1f45fc;
}
.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details dl.item-options:after {
  content: "";
  clear: both;
  display: table;
}
.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details dl.item-options dt {
  margin-top: 10px;
  color: #2a2a2a;
  font-weight: 400;
}
.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details dl.item-options dt:after {
  content: ":";
  display: inline-block;
}
.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details dl.item-options dd .price {
  color: #2a2a2a;
}
.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details dl.item-options dd .price:before {
  content: "(";
  display: inline-block;
}
.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details dl.item-options dd .price:after {
  content: ")";
  display: inline-block;
}
.checkout-cart-index #shopping-cart-table tbody tr td.col.qty .label {
  display: none;
}
.checkout-cart-index #shopping-cart-table tbody tr td.col.qty .input-text.qty {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  height: 40px;
  margin-bottom: 0;
  text-align: center;
  margin: 0 auto;
  width: 85px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
}
.checkout-cart-index #shopping-cart-table tbody tr.item-actions td {
  padding: 0 0 15px;
  text-align: left;
}
.checkout-cart-index #shopping-cart-table tbody tr.item-actions td > .actions-toolbar {
  padding: 15px 33px 0;
  border-top: 1px solid #A9A9A9;
}
.checkout-cart-index #shopping-cart-table tbody tr.item-actions td > .actions-toolbar > a {
  color: #6c6c6c;
  height: 40px;
  font-size: 13px;
  min-width: 40px;
  background-color: #fff;
  border-radius: 0;
  border: 1px solid #e6e6e6;
  line-height: 38px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
}
.checkout-cart-index #shopping-cart-table tbody tr.item-actions td > .actions-toolbar > a:hover,
.checkout-cart-index #shopping-cart-table tbody tr.item-actions td > .actions-toolbar > a:focus {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
  color: #fff;
}
.checkout-cart-index #shopping-cart-table tbody tr.item-actions td > .actions-toolbar > a + a {
  margin-left: 15px;
}
.checkout-cart-index #shopping-cart-table .cart-price .price {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
}
.checkout-cart-index #shopping-cart-table .subtotal .cart-price .price {
  color: #2a2a2a;
}
.checkout-cart-index #shopping-cart-table .gift-options-cart-item {
  /*border-bottom: 1px solid #f0f0f0;*/
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.checkout-cart-index #shopping-cart-table .gift-options-cart-item .action-gift {
  color: #222;
  font-size: 16px;
  font-weight: 500;
  display: block;
}
.checkout-cart-index #shopping-cart-table .gift-options-cart-item .action-gift:after {
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 16px;
  content: "\f107";
  float: right;
}
.checkout-cart-index #shopping-cart-table .gift-options-cart-item .gift-message .gift-options-title {
  margin-bottom: 10px;
}
.checkout-cart-index #shopping-cart-table .gift-options-cart-item .actions-toolbar {
  margin-bottom: 6px;
}
.checkout-cart-index #shopping-cart-table .gift-options-cart-item .actions-toolbar .btn + .btn {
  margin-left: 12px;
}
.checkout-cart-index #shopping-cart-table .gift-options-cart-item .action-gift:hover {
  color: #1f45fc;
}
.checkout-cart-index #shopping-cart-table .gift-options-cart-item .action-gift._active:after {
  content: "\f106";
}
.checkout-cart-index #shopping-cart-table .gift-options-cart-item .gift-content {
  display: none;
  margin-top: 15px;
}
.checkout-cart-index #shopping-cart-table .gift-options-cart-item .gift-content textarea {
  height: 153px;
}
.checkout-cart-index #shopping-cart-table .gift-options-cart-item .gift-content._active {
  display: block;
}
.checkout-cart-index .cart.main.actions {
  margin-top: 40px;
}
.checkout-cart-index .cart.main.actions:after {
  content: "";
  display: table;
  clear: both;
}
.checkout-cart-index .cart.main.actions button {
  float: right;
}
.checkout-cart-index .cart.main.actions button + button {
  margin-right: 15px;
}
.checkout-cart-index .shopping-cart-bottom .cart-totals {
    position: relative;
    border: 1px solid #A9A9A9;
}
.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals {
  margin: 0;
}
.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals .table-caption {
  display: none;
}
.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr td,
.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr th {
  font-size: 14px;
  vertical-align: middle;
  background: none !important;
  font-weight: 400;
  color: #000000;
  border: none;
  padding: 0 15px 20px;
}
.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr th {
  color: #000000;
}
.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr th .label {
  font-weight: 400;
  color: #000000;
}
.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.totals.sub td,
.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.totals.sub th {
  font-weight: 500;
  color: #222;
  padding: 0 15px 15px;
}
.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.grand.totals td,
.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.grand.totals th {
  border-top: 1px solid #A9A9A9;
  font-size: 20px;
  color: #2a2a2a;
  padding: 23px 15px 24px;
}
.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.grand.totals strong {
  font-weight: 400;
}
.checkout-cart-index .shopping-cart-bottom .loading-mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #ddd;
}
.checkout-cart-index .shopping-cart-bottom .loading-mask img {
  width: 50px;
  height: 50px;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px;
}
.checkout-cart-index .cart-summary {
  margin-top: 30px;
}
.checkout-cart-index .cart-summary .summary.title {
  display: none;
}
.checkout-cart-index .cart-summary .checkout-methods-items .item {
  text-align: right;
  padding: 10px 0;
}
.checkout-cart-index .cart-summary .checkout-methods-items .item .action.checkout {
  background-color: #2a2a2a;
  border: 1px solid #2a2a2a;
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  padding: 13px 24px 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
}
.checkout-cart-index .cart-summary .checkout-methods-items .item .action.checkout:hover {
  background-color: #1f45fc;
  border-color: #1f45fc;
}
.checkout-cart-index .cart-summary .checkout-methods-items .item .action.multicheckout {
  font-size: 15px;
}
.checkout-cart-index .block.crosssell {
  margin-top: 57px;
}
.checkout-cart-index .checkout-extra {
  position: relative;
  padding-left: 250px;
  border: 1px solid #efefef;
  margin-top: 40px;
  background-color: #fdfdfd;
  min-height: 200px;
}
.checkout-cart-index .checkout-extra > .block > .title {
  position: absolute;
  left: 0;
  font-size: 13px;
  padding: 12px 20px 9px;
  width: 250px;
  top: 38px;
  cursor: pointer;
  border-bottom: 1px solid #efefef;
  color: #676767;
}
.checkout-cart-index .checkout-extra > .block > .title strong {
  font-weight: 400;
}
.checkout-cart-index .checkout-extra > .block > .title.active {
  color: #fff;
  background-color: #2a2a2a;
  border-color: #2a2a2a;
}
.checkout-cart-index .checkout-extra > .block:first-child > .title {
  border-top: 1px solid #efefef;
}
.checkout-cart-index .checkout-extra > .block .content {
  padding: 40px 30px;
  border-left: 1px solid #f4f4f4;
  background-color: #fff;
  min-height: 200px;
  display: none !important;
  position: relative;
}
.checkout-cart-index .checkout-extra > .block .content.active {
  display: block !important;
}
.checkout-cart-index .checkout-extra > .block + .block > .title {
  margin-top: 45px;
}
.checkout-cart-index .checkout-extra #block-summary form {
  display: block;
}
.checkout-cart-index .checkout-extra #block-summary form .field.note {
  color: #555555;
  margin-bottom: 4px;
  font-style: normal;
}
.checkout-cart-index .checkout-extra #block-summary form + form {
  margin-top: 30px;
}
.checkout-cart-index .checkout-extra #block-summary .estimate .legend,
.checkout-cart-index .checkout-extra #block-summary .estimate br {
  display: none;
}
.checkout-cart-index .checkout-extra #block-summary .estimate div.field {
  display: table-row;
  width: 100%;
}
.checkout-cart-index .checkout-extra #block-summary .estimate .field .label {
  width: 160px;
  color: #666666;
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  width: 1%;
  padding: 8px 30px 8px 0;
}
.checkout-cart-index .checkout-extra #block-summary .estimate .field .control {
  display: table-cell;
  vertical-align: middle;
  padding: 8px 0;
}
.checkout-cart-index .checkout-extra #block-summary .estimate .field .control .select,
.checkout-cart-index .checkout-extra #block-summary .estimate .field .control input {
  width: 100%;
  border: 1px solid #A9A9A9;
}
.checkout-cart-index .checkout-extra #block-summary .estimate .field .message {
  margin-top: 10px;
}
.checkout-cart-index .checkout-extra #block-summary dl.items.methods {
  margin: 0;
}
.checkout-cart-index .checkout-extra #block-summary dl.items.methods dt {
  padding-bottom: 5px;
  font-weight: 600;
  text-transform: uppercase;
  color: #000;
  font-size: 14px;
}
.checkout-cart-index .checkout-extra #block-summary dl.items.methods dd + dt {
  margin-top: 10px;
}
.rating-summary {
  overflow: hidden;
  white-space: nowrap;
}
.rating-summary .rating-result {
  width: 66px;
  display: block;
  position: relative;
}
.rating-summary .rating-result:before {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  color: #acacac;
  font-family: 'FontAwesome';
  font-size: 12px;
  height: 12px;
  letter-spacing: 2px;
  line-height: 12px;
  content: '\f006' '\f006' '\f006' '\f006' '\f006';
  display: block;
  font-style: normal;
  font-weight: normal;
  speak: none;
}
.rating-summary .rating-result > span {
  display: block;
  overflow: hidden;
}
.rating-summary .rating-result > span:before {
  position: relative;
  z-index: 2;
  -webkit-font-smoothing: antialiased;
  color: #4a4a4a;
  font-family: 'FontAwesome';
  font-size: 12px;
  height: 12px;
  letter-spacing: 2px;
  line-height: 12px;
  content: '\f005' '\f005' '\f005' '\f005' '\f005';
  display: block;
  font-style: normal;
  font-weight: normal;
  speak: none;
}
.rating-summary .rating-result > span span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.full-review.product-reviews-summary {
  display: table;
}
.full-review.product-reviews-summary .rating-summary,
.full-review.product-reviews-summary .reviews-actions {
  display: table-cell;
  vertical-align: middle;
}
.full-review.product-reviews-summary .rating-summary + .reviews-actions {
  padding-left: 13px;
}
.full-review.product-reviews-summary .reviews-actions a {
  color: #000000;
}
.full-review.product-reviews-summary .reviews-actions a + a:before {
  content: "/";
  color: #000000;
  display: inline-block;
  margin-right: 3px;
}
.full-review.product-reviews-summary .reviews-actions a:hover,
.full-review.product-reviews-summary .reviews-actions a:focus {
  color: #1f45fc;
}
body:not(.page-layout-1column) .product-info-main .product-add-form .actions.action-add-to,
body:not(.page-layout-1column) .bundle-info .product-details .actions.action-add-to {
  clear: left;
  float: none;
  margin-left: 0;
  padding: 10px 0 0;
}
.product-detail-infomation .product-name {
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 600;
}
.product-detail-infomation .product.info.detailed {
  margin-top: 16px;
}
.product-detail-infomation .product.info.detailed .product-data-items-menu {
  display: none;
}
.product-detail-infomation.is_stuck {
  top: 0 !important;
}
.product-info-main .product-add-form .box-tocart, .bundle-info .product-details .box-tocart {
    margin-top: 6px;
}
.product-info-main .product-add-form .box-tocart:after,
.bundle-info .product-details .box-tocart:after {
  content: "";
  display: table;
  clear: both;
}
.product-info-main .product-add-form .box-tocart > .fieldset,
.bundle-info .product-details .box-tocart > .fieldset {
  float: left;
}
.product-info-main .product-add-form .box-tocart .field.qty,
.bundle-info .product-details .box-tocart .field.qty {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  vertical-align: top;
}
.product-info-main .product-add-form .box-tocart .field.qty > label,
.bundle-info .product-details .box-tocart .field.qty > label {
  display: none;
}
.product-info-main .product-add-form .box-tocart .field.qty > .control .input-text.qty,
.bundle-info .product-details .box-tocart .field.qty > .control .input-text.qty {
  width: 115px;
  border: 0;
  height: 40px;
  background: none;
  padding: 0;
  font-weight: 600;
  font-size: 16px;
  color: #222;
  text-align: center;
}
.product-info-main .product-add-form .box-tocart .field.qty > .control .input-text.qty:focus,
.bundle-info .product-details .box-tocart .field.qty > .control .input-text.qty:focus {
  box-shadow: none;
}
.product-info-main .product-add-form .actions,
.bundle-info .product-details .actions {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: top;
}
.product-info-main .product-add-form .actions:after,
.bundle-info .product-details .actions:after {
  content: "";
  display: table;
  clear: both;
}
.product-info-main .product-add-form .actions button,
.bundle-info .product-details .actions button {
  height: 40px;
  width: 40px;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  color: #6c6c6c;
  font-size: 18px;
  text-align: center;
  border-radius: 50%;
  line-height: 40px;
  box-shadow: none;
  float: left;
}
.product-info-main .product-add-form .actions button:hover,
.bundle-info .product-details .actions button:hover,
.product-info-main .product-add-form .actions button:focus,
.bundle-info .product-details .actions button:focus {
  border-color: #1a1a1a;
  color: #fff;
  background-color: #1a1a1a;
}
.product-info-main .product-add-form .actions button span,
.bundle-info .product-details .actions button span {
  display: block;
}
.product-info-main .product-add-form .actions button + button,
.bundle-info .product-details .actions button + button {
  margin-left: 10px;
}
.product-info-main .product-add-form .actions button.tocart,
.bundle-info .product-details .actions button.tocart {
  font-size: 13px;
  width: auto;
  padding: 0 34px;
  background-color: #1f45fc;
  border: 1px solid #1f45fc;
  color: #fff;
  border-radius: 40px;
  line-height: 40px;
  font-weight: 600;
  text-transform: uppercase;
}
.product-info-main .product-add-form .actions button.tocart:hover,
.bundle-info .product-details .actions button.tocart:hover {
  border-color: #222;
  background-color: #222;
}
.product-info-main .product-add-form .actions.action-add-to,
.bundle-info .product-details .actions.action-add-to {
  margin-left: 10px;
}
.box-tocart .fieldset:after {
  content: "";
  display: table;
  clear: both;
}
.box-tocart .field.qty > .control {
  position: relative;
  height: 40px;
  border: 1px solid #222;
  text-align: left;
  border-radius: 40px;
  display: inline-block;
}
.box-tocart .field.qty > .control span.edit-qty {
  display: block;
  text-align: center;
  font-size: 22px;
  color: #222;
  font-weight: 600;
  line-height: 1;
  position: absolute;
  top: 2px;
  left: 16px;
  cursor: pointer;
  padding-top: 7px;
}
.box-tocart .field.qty > .control span.edit-qty:hover {
  color: #1f45fc;
}
.box-tocart .field.qty > .control span.edit-qty.plus {
  font-size: 18px;
  left: auto;
  right: 16px;
  padding-top: 9px;
}
.product-info-main .deal-timer {
  margin-top: 4px;
}
.product-info-main .product.attribute.overview {
    margin: 4px 0;
}
.product-info-main .product.attribute.overview .std > * {
  margin-bottom: 0 !important;
}
.product-info-main > .bundle-actions {
  padding-top: 25px;
}
.product-info-main .product-info-price .price-box .price {
  font-size: 22px;
}
.product-info-main .product-info-stock-sku {
  color: #222;
}
.product-info-main .product-info-stock-sku .stock span {
  margin-left: 4px;
  font-weight: 400;
  letter-spacing: normal;
}
.product-info-main .product-info-stock-sku .stock.available span {
  color: green;
}
.product-info-main .product-info-stock-sku .stock.unavailable span {
  color: red;
}
.product-info-main .product-add-form {
  margin-bottom: 10px;
}
.product-info-main .product-add-form .product-detail-deals .hurry-text {
  font-size: 16px;
  font-weight: 500;
  color: red;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
}
.product-info-main .product-sub-infomation:not(:empty) {
  padding: 15px 0 8px;
}
.product-info-main .product-sub-infomation > div {
  padding: 5px 0;
}
.product-info-main .product-sub-infomation .product.attribute.sku strong {
  font-weight: 400;
  color: #222;
}
.product-info-main .product-sub-infomation .product.attribute.sku strong:after {
  content: ":";
  display: inline-block;
  margin-right: 4px;
}
.product-info-main .product-sub-infomation .product-brand .brand-name strong {
  font-weight: 400;
  color: #222;
}
.product-info-main .product-sub-infomation .product-brand .brand-name strong.type:after {
  content: ":";
  display: inline-block;
  margin-right: 4px;
}
.product-info-main .sharethis-inline-share-buttons {
  text-align: center !important;
  margin-top: 20px !important;
}
.product-add-form .product-options-wrapper {
  padding-top: 13px;
}
.product-add-form .product-options-wrapper .fieldset > .field > .label {
  display: inline-block;
  font-size: 14px;
  color: #222;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0px 0px 10px !important;
}
.product-add-form .product-options-wrapper .fieldset > .field > .control {
  padding-bottom: 21px;
  padding-top: 0;
}
.product-add-form .product-options-wrapper .fieldset > .field > .control select {
  margin-bottom: 5px;
  max-width: 450px;
}
.product-add-form .product-options-wrapper .fieldset > .field > .control .options-list > .field + .field {
  margin-top: 7px;
}
.product-add-form .product-options-wrapper .fieldset > .field > .control .price-notice {
  color: #2a2a2a;
  font-weight: 600;
  white-space: nowrap;
  display: inline-block;
}
.product-add-form .product-options-wrapper .fieldset > .field > .control .price-notice:before {
  content: "(";
  display: inline-block;
}
.product-add-form .product-options-wrapper .fieldset > .field > .control .price-notice:after {
  content: ")";
  display: inline-block;
}
.product-add-form .product-options-wrapper .swatch-opt {
  margin-bottom: 21px;
  margin-top: 0;
}
.product-add-form .product-options-wrapper .swatch-opt .swatch-attribute-label {
  margin: 0 0 10px !important;
  display: inline-block;
  font-size: 14px;
  color: #222;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.product-add-form .product-options-wrapper .swatch-opt .swatch-attribute-label:after {
  content: ":";
  display: inline-block;
  margin-left: 1px;
}
.product-add-form .product-options-wrapper .swatch-opt .swatch-attribute-label + .swatch-attribute-selected-option {
  padding-left: 8px;
  font-size: 16px;
  color: #1f45fc;
}
.product-add-form .product-options-wrapper .swatch-opt .swatch-attribute + .swatch-attribute {
  margin-top: 14px;
}
.product-add-form .table-wrapper.grouped {
  margin: 25px 0;
}
.product-add-form .table-wrapper.grouped .table.grouped {
  margin-bottom: 0;
}
.product-add-form .table-wrapper.grouped thead tr th {
  font-size: 16px;
  color: #222;
  font-weight: 600;
  border: 1px solid #ddd;
  padding: 9px 15px;
  vertical-align: middle;
}
.product-add-form .table-wrapper.grouped thead tr th.qty {
  width: 1%;
  text-align: center;
}
.product-add-form .table-wrapper.grouped tbody {
  border: none !important;
}
.product-add-form .table-wrapper.grouped tbody tr td {
  border: 1px solid #ddd;
  border-top: none !important;
  vertical-align: middle;
  padding: 9px 15px;
}
.product-add-form .table-wrapper.grouped tbody tr td .input-text.qty {
  color: #2a2a2a;
  text-align: center;
  width: 90px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
}
.product-add-form .table-wrapper.grouped tbody tr td .product-item-name {
  font-weight: 500;
  display: block;
  color: #222;
}
.product-add-form .table-wrapper.grouped tbody tr td .price {
  font-size: 18px;
}
.page-product-grouped .product-info-main .product-info-price {
  display: none;
}
.product-options-wrapper .nested .field.qty {
  margin-top: 10px;
  width: 300px;
  display: table;
}
.product-options-wrapper .nested .field.qty > .label {
  display: table-cell;
  vertical-align: middle;
  width: 1%;
  padding-right: 15px;
  font-size: 13px;
  color: #1a1a1a;
}
.product-options-wrapper .nested .field.qty > .label span:after {
  content: ":";
  display: inline-block;
  margin-left: 1px;
}
.product-options-wrapper .nested .field.qty .control {
  display: table-cell;
  vertical-align: middle;
}
.product-options-wrapper .nested .field.qty .control .input-text.qty {
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  width: 115px;
  text-align: center;
}
.product-options-wrapper select + .nested .field.qty {
  margin-top: 5px;
}
.bundle-options-container .product-add-form form {
  display: block;
}
.bundle-options-container .product-add-form form:after {
  content: "";
  display: table;
  clear: both;
}
.bundle-options-container .product-add-form .bundle-options-wrapper .product-options-wrapper {
  padding-top: 0;
}
.bundle-options-container .product-add-form .bundle-options-wrapper .product-options-wrapper .legend.title {
  display: block;
  border: none;
  font-size: 15px;
  font-weight: 600;
  color: #222;
  margin-bottom: 17px;
  padding-top: 25px;
  text-transform: uppercase;
}
.bundle-options-container .product-add-form .block-bundle-summary .title strong {
  display: block;
  border: none;
  font-size: 15px;
  font-weight: 600;
  color: #222;
  margin-bottom: 17px;
  padding-top: 25px;
  text-transform: uppercase;
}
.bundle-options-container .product-add-form .block-bundle-summary .price-box .price {
  color: #2a2a2a;
  font-size: 22px;
}
.bundle-summary.empty {
  display: none;
}
.bundle-summary ul.bundle.items li {
  margin-bottom: 15px;
}
.bundle-summary ul.bundle.items li strong.label {
  display: inline-block;
  font-size: 14px;
  color: #222;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0px 0px 10px !important;
}
.related-product-main .block-actions button {
  font-weight: 700;
  color: #222;
  background: none;
  border: none;
  box-shadow: none;
}
.related-product-main .product-item-info .product-top .product-item-inner {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 10;
}
.related-product-main .product-item-info .product-top .product-item-inner .label {
  display: block;
  font-size: 20px;
  width: 40px;
  height: 40px;
  padding-left: 2px;
  background-color: rgba(0, 0, 0, 0.6);
  text-align: center;
  line-height: 48px;
  color: #fff;
  font-weight: bold;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
}
.related-product-main .product-item-info .product-top .product-item-inner input {
  position: absolute;
  left: -9999px;
}
.related-product-main .product-item-info .product-top .product-item-inner input:checked + .label {
  background-color: green;
  color: #fff;
  font-size: 26px;
}
.related-product-main .product-item-info .product-top .product-item-inner input:checked + .label span:before {
  content: "\e66c";
}
.related-product-main .product-item-info,
.upsell-products-list .product-item-info,
.brand-related-products .product-item-info {
  margin-bottom: 0;
}
.block.review-list .review-items li.review-item {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.block.review-list .review-items li.review-item .review-title {
  font-size: 15px;
  color: #1f45fc;
}
.block.review-list .review-items li.review-item .review-ratings {
  margin-bottom: 5px;
}
.block.review-list .review-items li.review-item .review-ratings .rating-summary.item:after {
  content: "";
  display: table;
  clear: both;
}
.block.review-list .review-items li.review-item .review-ratings .rating-summary.item .rating-label,
.block.review-list .review-items li.review-item .review-ratings .rating-summary.item .rating-result {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.block.review-list .review-items li.review-item .review-ratings .rating-summary.item .rating-label {
  font-weight: 600;
  color: #2a2a2a;
  margin-right: 15px;
}
.block.review-list .review-items li.review-item .review-ratings .rating-summary.item .rating-label:after {
  content: ":";
  display: inline-block;
}
.block.review-list .review-details:after {
  content: "";
  display: table;
  clear: both;
}
.block.review-list .review-details .review-author,
.block.review-list .review-details .review-date {
  float: left;
  margin: 0;
  font-style: italic;
  font-weight: 300;
}
.block.review-list .review-details .review-date {
  margin-left: 7px;
}
.block.review-list .review-details .review-date:before {
  content: "(";
  display: inline-block;
}
.block.review-list .review-details .review-date:after {
  content: ")";
  display: inline-block;
}
.block.review-add .block-title .title {
  margin-bottom: 5px;
}
.block.review-add .review-form h4,
.block.review-add .review-form h6 {
  font-weight: 400;
  margin-bottom: 10px;
}
.block.review-add .review-form h4 span {
  color: #1f45fc;
}
.review-field-rating {
  margin-bottom: 15px;
}
.review-field-rating > .label {
  font-size: 16px;
  color: #2a2a2a;
  margin-bottom: 10px;
  display: block;
}
.review-control-vote {
  overflow: hidden;
  height: 22px;
}
.review-control-vote:before {
  color: #c7c7c7;
  font-family: 'FontAwesome';
  font-size: 22px;
  height: 22px;
  letter-spacing: 4px;
  line-height: 22px;
  font-style: normal;
  font-weight: normal;
  speak: none;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  content: '\f006' '\f006' '\f006' '\f006' '\f006';
  display: block;
  position: absolute;
  z-index: 1;
}
.review-control-vote input[type="radio"] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px !important;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.review-control-vote input[type="radio"]:focus + label:before,
.review-control-vote input[type="radio"]:checked + label:before {
  opacity: 1;
}
.review-control-vote label {
  cursor: pointer;
  display: block;
  position: absolute;
}
.review-control-vote label span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.review-control-vote label:before {
  color: #ff5501;
  font-family: 'FontAwesome';
  font-size: 22px;
  height: 22px;
  letter-spacing: 4px;
  line-height: 22px;
  font-style: normal;
  font-weight: normal;
  speak: none;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  opacity: 0;
}
.review-control-vote label:hover:before {
  opacity: 1;
}
.review-control-vote label:hover ~ label:before {
  opacity: 0;
}
.review-control-vote .rating-5 {
  z-index: 2;
}
.review-control-vote .rating-5:before {
  content: '\f005' '\f005' '\f005' '\f005' '\f005';
}
.review-control-vote .rating-4 {
  z-index: 3;
}
.review-control-vote .rating-4:before {
  content: '\f005' '\f005' '\f005' '\f005';
}
.review-control-vote .rating-3 {
  z-index: 4;
}
.review-control-vote .rating-3:before {
  content: '\f005' '\f005' '\f005';
}
.review-control-vote .rating-2 {
  z-index: 5;
}
.review-control-vote .rating-2:before {
  content: '\f005' '\f005';
}
.review-control-vote .rating-1 {
  z-index: 6;
}
.review-control-vote .rating-1:before {
  content: '\f005';
}
.form.send.friend > .actions-toolbar {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}
.form.send.friend .fieldset.recipients {
  margin-top: 20px;
}
.form.send.friend .fieldset.recipients #recipients-options > .fields {
  border-bottom: 1px dotted #f0f0f0;
  margin-bottom: 20px;
  padding-bottom: 5px;
}
.form.send.friend .fieldset.recipients #recipients-options > .fields.additional > .actions-toolbar {
  margin-bottom: 15px;
}
.product.info.detailed .additional-attributes {
  width: auto;
  border: none;
}
.product.info.detailed .item.title > .switch .counter {
  font-size: 75%;
}
.product.info.detailed .item.title > .switch .counter:before {
  content: "(";
  display: inline-block;
}
.product.info.detailed .item.title > .switch .counter:after {
  content: ")";
  display: inline-block;
}
.product.info.detailed .item.content .table.additional-attributes {
  margin: 0;
  width: 100%;
}
.product.info.detailed .item.content .table.additional-attributes tr td, .product.info.detailed .item.content .table.additional-attributes tr th {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    border: 1px solid #ddd;
    padding: 6px 15px;
    font-size: 16px;
}
.product.info.detailed .item.content .table.additional-attributes tr th {
  font-weight: 600;
}
.product-data-items-menu {
  display: table;
  margin: 0 auto 25px;
}
.product-data-items-menu .data.item.title {
  display: table-cell;
  vertical-align: middle;
}
.product-data-items-menu .data.item.title .data.switch {
  height: 40px;
  line-height: 40px;
  border: 1px solid transparent;
  padding: 0 25px;
  font-size: 14px;
  font-weight: 600;
  display: block;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
}
.product-data-items-menu .data.item.title:hover .data.switch,
.product-data-items-menu .data.item.title.active .data.switch {
  color: #222;
}
.product-data-items-menu .data.item.title.active .data.switch {
  border-color: #222;
}
.product-data-items-content .title-accordion {
  font-weight: 600;
  color: #000000;
  padding: 0 40px 0 17px;
  background-color: #f6f6f8;
  position: relative;
  line-height: 40px;
  cursor: pointer;
  height: 40px;
}
.product-data-items-content .title-accordion:after {
  content: "+";
  position: absolute;
  background-color: #000;
  line-height: 40px;
  display: block;
  color: #fff;
  right: 0;
  top: 0;
  width: 40px;
  bottom: 0;
  text-align: center;
}
.product-data-items-content .title-accordion.active:after {
  content: "-";
}
.product-data-items-content .title-accordion .counter:before {
  content: "(";
}
.product-data-items-content .title-accordion .counter:after {
  content: ")";
}
.product-data-items-content .data.item.content {
  padding: 17px;
  border: 1px solid #f6f6f8;
}
.product-data-items-content .data.item.content + .title-accordion {
  margin-top: 10px;
}
.product.info.detailed .product.data.items > .item.title {
  float: left;
  width: auto;
  margin: 0px 3px;
  color: white;
  font-weight: bold;
}

@media  screen and (max-width: 767px) {
.product-data-items-content .title-accordion {
   padding: 0 40px 0 0px;
}
.product-data-items-content .data.item.content {
    padding: 10px 0;
}
.product-info-main .product-add-form .box-tocart .field.qty, .bundle-info .product-details .box-tocart .field.qty {
    margin-right: 5px;
}
}

@media (min-width: 320px) and (max-width: 768px) {
  .product.info.detailed .product.data.items > .item.title {
    width: 100%;
    border-radius: 0;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid white;
  }
}
.product.info.detailed .product.data.items > .item.title:first-child {
  margin-left: 35%;
}
@media (min-width: 320px) and (max-width: 768px) {
  .product.info.detailed .product.data.items > .item.title:first-child {
    margin-left: 0;
  }
}
.product.info.detailed .product.data.items > .item.title .data.switch {
  padding: 6px 20px;
  display: inline-block;
  color: #000000;
}
.product.info.detailed .product.data.items > .item.title .data.switch:hover {
  color: #000000;
}
@media (min-width: 320px) and (max-width: 768px) {
  .product.info.detailed .product.data.items > .item.title .data.switch {
    width: 100%;
    max-width: 100%;
    position: relative;
  }
  .product.info.detailed .product.data.items > .item.title .data.switch:after {
    content: '\002b';
    position: absolute;
    right: 5%;
  }
}
.product.info.detailed .product.data.items > .active {
  background-color: #222;
  border-radius: 27px;
}
.product.info.detailed .product.data.items > .active .data.switch {
  color: white !important;
}
.product.info.detailed .product.data.items > .active .data.switch:hover {
  color: white;
}
@media (min-width: 320px) and (max-width: 768px) {
  .product.info.detailed .product.data.items > .active .data.switch:after {
    content: '\002d' !important;
  }
}
.product.info.detailed .product.data.items > .item.content {
  margin-top: 43px;
  padding: 35px 35px 35px 35px;
  box-sizing: border-box;
  float: right;
  margin-left: -100%;
  width: 100%;
}
.product.info.detailed .product.data.items > .item.content::after {
  content: '';
  display: table;
  clear: both;
}
@media (min-width: 320px) and (max-width: 768px) {
  .product.info.detailed .product.data.items > .item.content {
    border: 1px solid white;
    border-top: none;
    margin-top: 38px;
    padding: 70px 35px 35px 35px;
    max-width: 100%;
    margin-bottom: 20px;
  }
}
.margin-top60 {
  clear: both;
}
.deal-timer {
  max-width: 270px;
}
.deal-timer .countdown {
  display: flex;
  margin-left: -4px;
  margin-right: -4px;
}
.deal-timer .countdown > span {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  padding: 0 4px;
}
.deal-timer .countdown > span > b {
  font-weight: 400;
  background-color: #2a2a2a;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  display: block;
  position: relative;
  border-radius: 4px 4px 0 0;
  line-height: 1;
  padding-top: 14px;
}
.deal-timer .time-note {
  display: flex;
  margin-left: -4px;
  margin-right: -4px;
}
.deal-timer .time-note span {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  margin: 0 4px;
  text-align: center;
  color: #999;
  background-color: #2a2a2a;
  border-radius: 0 0 4px 4px;
  padding-bottom: 6px;
}
#mgs-ajax-loading {
  display: none;
}
#mgs-ajax-loading .preloader {
  background: url(../images/loader.svg) no-repeat 0 0;
  background-size: 100%;
  width: 50px;
  height: 50px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
@-webkit-keyframes rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.popup__related {
  border-top: 1px solid #ddd;
  padding: 20px;
}
.popup__related .products-grid {
  margin: 0 -10px;
}
.popup__related .products-grid .product-item-info {
  margin: 0;
}
.popup__related .products-grid .owl-item {
  padding: 0 10px;
}
.ajaxcart-catalog-product-view {
  overflow-y: auto !important;
}
.ajaxcart-catalog-product-view h1.product-name {
  font-size: 20px;
}
.ajaxcart-catalog-product-view .product-info-main .product-add-form .actions.action-add-to,
.ajaxcart-catalog-product-view .bundle-info .product-details .actions.action-add-to {
  display: none !important;
}
.ajaxcart-catalog-product-view .product-info-main .product-add-form .actions button.tocart,
.ajaxcart-catalog-product-view .bundle-info .product-details .actions button.tocart {
  padding: 0 25px;
}
.ajaxcart-catalog-product-view .bundle-options-container .product-add-form {
  display: block !important;
}
.ajaxcart-catalog-product-view .bundle-options-container .product-add-form .block-bundle-summary {
  margin-top: 0 !important;
}
.ajaxcart-catalog-product-view #maincontent {
  width: 100%;
  padding: 15px;
  min-height: 0px;
}
.ajaxcart-catalog-product-view .page-wrapper {
  max-width: 100%;
}
.ajaxcart-catalog-product-view .top-panel,
.ajaxcart-catalog-product-view .page.messages,
.ajaxcart-catalog-product-view .scroll-to-top {
  display: none !important;
}
.ajaxcart-catalog-product-view .bundle-options-wrapper {
  padding-top: 0 !important;
}
.ajaxcart-catalog-product-view .product-addto-links {
  display: none !important;
}
.ajaxcart-catalog-product-view .product-info-main .price-from,
.ajaxcart-catalog-product-view .product-info-main .price-to,
.ajaxcart-catalog-product-view .product-info-main .bundle-actions {
  display: none !important;
}
.ajaxcart-catalog-product-view .bundle-options-wrapper .legend.title,
.ajaxcart-catalog-product-view .bundle-options-wrapper .legend.title + br + .margin-top20,
.ajaxcart-catalog-product-view .bundle-options-wrapper .fieldset > p.required {
  display: none !important;
}
.ajaxcart-catalog-product-view .block-bundle-summary .product-details .product.name,
.ajaxcart-catalog-product-view .block-bundle-summary .product-details .stock {
  display: none !important;
}
.ajaxcart-catalog-product-view .block-bundle-summary .bundle-summary {
  display: none !important;
}
.ajaxcart-catalog-product-view .block-bundle-summary > .title,
.ajaxcart-catalog-product-view .block-bundle-summary > .content .box-tocart .field.qty {
  display: none !important;
}
.success-ajax--popup .mfp-inline-holder .mfp-content {
  width: auto !important;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
}
.success-ajax--popup .mfp-iframe-holder .mfp-content {
  position: relative;
  width: auto !important;
  margin: 0 auto;
  background-color: #fff;
  min-height: 400px;
}
.success-ajax--popup .product-image-container {
  width: 100% !important;
}
.success-ajax--popup .product-image-container .product-image-wrapper .product-image-photo {
  max-width: 100% !important;
  width: 120px !important;
  margin: 0 auto;
  display: block;
  height: auto !important;
}
.success-ajax--popup .popup__result-view-cart {
  margin: 0 !important;
}
.success-ajax--popup .popup__actions-wrapper {
  padding: 0 20px 20px;
}
.success-ajax--popup .popup__actions-wrapper button {
  width: 100%;
  text-align: center;
  display: block;
  min-height: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.success-ajax--popup .popup__result-title {
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  color: #222;
}
.success-ajax--popup .mfp-close {
  position: absolute;
  border: 0;
  background-color: #fff;
  width: 30px;
  height: 30px;
  font-size: 30px;
  opacity: 1;
  color: #222;
  line-height: 30px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  right: -30px;
  top: 0 !important;
  -o-border-radius: 0;
}
.success-ajax--popup .message > div {
  margin: 0 !important;
  padding: 15px;
  line-height: 1.428;
  text-align: center;
}
.success-ajax--popup .message > div:before {
  content: none !important;
}
.success-ajax--popup .popup__table {
  display: table;
  width: 100%;
}
.success-ajax--popup .popup__table .popup__table-col {
  display: table-cell;
  vertical-align: middle;
  padding: 20px;
}
.success-ajax--popup .popup__table .popup__table-col + .popup__table-col {
  padding-left: 0;
}
.product-tab .menu-product-tabs {
  text-align: center;
  margin: 0 auto 31px;
  border: none;
}
.product-tab .menu-product-tabs li {
  float: none;
  display: inline-block;
  margin: 0;
}
.product-tab .menu-product-tabs li a {
  background-color: transparent;
  border: 1px solid transparent;
  color: #000000;
  border-radius: 40px !important;
  padding: 8px 25px 7px;
}
.product-tab .menu-product-tabs li:hover a {
  color: #222;
}
.product-tab .menu-product-tabs li.active a {
  background-color: transparent;
  border: 1px solid #222;
  color: #222;
}
.product-tab .tab-content {
  position: relative;
}
.product-tab .tab-content .tab-pane {
  display: block !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
}
.product-tab .tab-content .tab-pane.active {
  position: static;
  opacity: 1;
  visibility: visible;
}
.hidden-menu .product-tab .menu-product-tabs {
  display: none;
}
.lookbook_banner {
  min-height: 100vh;
  display: flex;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  position: relative;
}
.lookbook_banner:after {
  content: "";
  background-color: #000;
  opacity: 0.5;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.lookbook_banner > .container,
.lookbook_banner > .container-fluid {
  z-index: 1;
  margin: auto;
}
.lookbook_banner .big-title {
  font-size: 60px;
}
.modal_newsletter_popup.modal-popup._show {
  z-index: 99999999 !important;
}
.modal_newsletter_popup.modal-popup._show + .modals-overlay {
  z-index: 99999998 !important;
}
.modal_newsletter_popup.modal-popup .modal-header {
  display: none;
}
.modal_newsletter_popup.modal-popup .modal-inner-wrap {
  width: auto;
}
.modal_newsletter_popup.modal-popup .modal-inner-wrap .modal-content {
  background: none;
  box-shadow: none;
  border: none;
}
.modal_newsletter_popup.modal-popup .action-close {
  border: none;
  background-color: rgba(255, 255, 255, 0.8);
  width: 30px;
  height: 30px;
  font-size: 30px;
  opacity: 1;
  color: #222;
  line-height: 30px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
}
.modal_newsletter_popup.modal-popup .action-close:before {
  content: none;
}
.modal_newsletter_popup.modal-popup .action-close em {
  display: block;
}
.modal_newsletter_popup.modal-popup .action-close:hover {
  background-color: #fff;
}
.modal_newsletter_popup.modal-popup .newsletter_popup {
  margin: 0 auto;
  background-color: #fff;
  position: relative;
}
.modal_newsletter_popup.modal-popup .pop-sletter-title {
  height: 150px;
  background-repeat: no-repeat;
  text-align: center;
  background-position: center center;
  background-size: cover;
  position: relative;
}
.modal_newsletter_popup.modal-popup .pop-sletter-title:after {
  background: #000;
  opacity: 0.3;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.modal_newsletter_popup.modal-popup .pop-sletter-title h4 {
  font-size: 20px;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  line-height: 150px;
  color: #fff;
}
.modal_newsletter_popup.modal-popup .newsletter-popup-content {
  text-align: center;
  padding: 20px 30px 0;
}
.modal_newsletter_popup.modal-popup .newsletter-popup-form form .form-group {
  padding: 0 30px;
}
.modal_newsletter_popup.modal-popup .newsletter-popup-form form .actions {
  padding: 0 30px 30px;
}
.modal_newsletter_popup.modal-popup .newsletter-popup-form .pop-sletter-footer {
  text-align: center;
  padding: 15px;
  font-size: 12px;
  background-color: #f4f4f4;
}
.modal_newsletter_popup.modal-popup .newsletter-popup-form .action.subscribe {
  border-radius: 0;
  margin-top: 10px;
}
.modal_newsletter_popup.modal-popup .newsletter-popup-form div.checkbox {
  color: #333333;
  padding: 9px 8px 6px;
  text-align: left;
  margin: 0;
}
.modal_newsletter_popup.modal-popup .newsletter-popup-form div.checkbox label {
  font-size: 11px;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  background-image: none;
  box-shadow: none;
  line-height: inherit;
  margin: 0;
  padding: 0;
  cursor: pointer;
  text-shadow: none;
  font-weight: 400;
  display: inline-block;
  text-decoration: none;
  position: absolute;
  right: -13px;
  top: -13px;
  z-index: 1;
  width: 30px;
  height: 30px;
  border: 3px solid #fff;
  background-color: #2a2a2a;
  color: #fff;
  font-size: 19px;
  opacity: 1;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
}
.mfp-image-holder .mfp-close:hover,
.mfp-iframe-holder .mfp-close:hover,
.mfp-image-holder .mfp-close:focus,
.mfp-iframe-holder .mfp-close:focus {
  border-color: #2a2a2a;
}
.mgs-quickview-catalog-product-view {
  height: auto !important;
  overflow: hidden !important;
}
.mgs-quickview-catalog-product-view .page-main.container {
  width: auto;
  min-height: 0 !important;
  padding: 0;
}
.mgs-quickview-catalog-product-view .page-main.container .column.main {
  width: 100%;
}
.mgs-quickview-catalog-product-view .page-main.container > .row > .sidebar {
  display: none;
}
.mgs-quickview-catalog-product-view .scroll-to-top,
.mgs-quickview-catalog-product-view .box-tocart .action-add-to {
  display: none !important;
}
.mgs-quickview-catalog-product-view .product-detail-infomation.col-xs-12 {
  overflow-x: hidden;
  overflow-y: auto;
}
.mgs-quickview-catalog-product-view .product-detail-infomation.col-xs-12 .product-detail-infomation-content {
  padding: 30px 0;
}
.mgs-quickview-catalog-product-view .product.media .product-image-base {
  margin-bottom: 0;
}
.product.media img.zoomImg {
  cursor: move;
}
.mfp-mgs-quickview-frame .mfp-iframe-scaler {
  padding-top: 63.75%;
}
.YouTubePopUp-Wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 9999999999999;
}
.YouTubePopUp-animation {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: YouTubePopUp;
  animation-name: YouTubePopUp;
}
@-webkit-keyframes YouTubePopUp {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes YouTubePopUp {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.YouTubePopUp-Content {
  max-width: 680px;
  display: block;
  margin: 0 auto;
  height: 100%;
  position: relative;
}
.YouTubePopUp-Content iframe {
  max-width: 100% !important;
  width: 100% !important;
  display: block !important;
  height: 480px !important;
  border: none !important;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.YouTubePopUp-Hide {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: YouTubePopUpHide;
  animation-name: YouTubePopUpHide;
}
@-webkit-keyframes YouTubePopUpHide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes YouTubePopUpHide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.YouTubePopUp-Close {
  position: absolute;
  top: 0;
  cursor: pointer;
  bottom: 528px;
  right: 0px;
  margin: auto 0;
  width: 24px;
  height: 24px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}
.YouTubePopUp-Close:hover {
  opacity: 0.5;
}
/* Product Detail Layout */
.product.media {
  margin-top: 0 !important;
}
.product.media img {
  min-width: 100%;
}
.product.media .gallery-horizontal {
  margin-bottom: 10px;
}
.product.media.product-gallery-grid .row {
  margin: 0 -5px;
}
.product.media.product-gallery-grid .col-xs-6 {
  padding: 0 5px;
  margin-bottom: 10px;
}
.product.media.product-gallery-grid .item-image {
  position: relative;
}
.product.media.product-gallery-grid .item-image .popup-youtube {
  position: absolute;
  z-index: 20;
  bottom: 15px;
  right: 15px;
  font-size: 12px;
  text-transform: uppercase;
  padding: 0 15px;
}
.product.media .gallery-list .item-image {
  margin-bottom: 30px;
  position: relative;
}
.product.media .gallery-list .item-image .popup-youtube {
  position: absolute;
  z-index: 20;
  bottom: 15px;
  right: 15px;
  font-size: 12px;
  text-transform: uppercase;
  padding: 0 15px;
}
.product.media .horizontal-thumbnail-row {
  margin: 0 -5px;
}
.product.media .horizontal-thumbnail.owl-carousel .owl-nav > div {
  width: 25px;
  height: 25px;
  font-size: 18px;
  margin-top: -10px;
  line-height: 25px;
}
.product.media .horizontal-thumbnail.owl-carousel .owl-nav > div i {
  line-height: 22px;
}
.product.media .horizontal-thumbnail.owl-carousel .owl-nav > div.owl-next {
  right: 5px;
}
.product.media .horizontal-thumbnail.owl-carousel .owl-nav > div.owl-prev {
  left: 5px;
}
.product.media .horizontal-thumbnail .owl-item {
  padding: 0 5px;
}
.product.media .image-item {
  position: relative;
}
.product.media .product-video-button a {
  position: absolute;
  bottom: 20px;
  right: 20px;
  height: 44px;
  line-height: 40px;
  border: 2px solid #222;
  border-radius: 40px;
  display: block;
  text-align: center;
  padding: 0 30px;
  color: #222;
  font-size: 14px;
  z-index: 10;
}
.product.media .product-video-button a i {
  margin-right: 5px;
  font-size: 20px;
  font-weight: bold;
  vertical-align: middle;
}
.product.media .product-video-button a:hover {
  color: #fff;
  border-color: #1f45fc;
  background-color: #1f45fc;
}
.product.media .gallery-thumbnail .image-item {
  cursor: pointer;
}
.product.media .gallery-thumbnail .image-item:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 0.4;
  z-index: 1;
}
.product.media .gallery-thumbnail .image-item.active:after {
  opacity: 0;
}
.product.media .gallery-thumbnail .image-item.video-thumbnail:before {
  content: "\e604";
  background: rgba(255, 255, 255, 0.1);
  font-size: 50px;
  color: #222;
  font-family: "Pe-icon-7-stroke";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  right: 0;
  text-align: center;
  z-index: 2;
}
.sticky-info-multiple-col .product-info-main .product-info-price .price-box {
  display: table;
  margin: 0 auto;
}
.sticky-info-multiple-col .product-info-main .product-detail-deals {
  margin: 25px auto 0;
}
.sticky-info-multiple-col .swatch-attribute-options {
  display: table;
  margin: 0 auto;
}
.sticky-info-multiple-col .product-detail-infomation {
  text-align: center;
  padding-top: 120px;
}
.sticky-info-multiple-col .full-review.product-reviews-summary {
  margin: 0 auto;
}
.sticky-info-multiple-col .product-add-form .product-options-wrapper {
  padding-top: 0;
}
.sticky-info-multiple-col .product-add-form .table-wrapper.grouped {
  margin: 0 0 25px;
}
.sticky-info-multiple-col .product-add-form .table-wrapper.grouped thead tr th {
  text-align: center;
}
.sticky-info-multiple-col .product-info-main .product-add-form .actions.action-add-to,
.sticky-info-multiple-col .bundle-info .product-details .actions.action-add-to {
  margin-left: 10px;
  clear: left;
  padding: 10px 0 0;
  float: none;
  display: table;
  margin: 0 auto;
}
.sticky-info-multiple-col .product-info-main .product-add-form .box-tocart > .fieldset,
.sticky-info-multiple-col .bundle-info .product-details .box-tocart > .fieldset {
  text-align: center;
  float: none;
}
.sticky-info-multiple-col .product-info-main .product-add-form .actions button.tocart,
.sticky-info-multiple-col .bundle-info .product-details .actions button.tocart {
  padding: 0 25px;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  padding: 5px 0;
}
.slick-arrow.slick-hidden {
  display: none;
}
.product.media .gallery-horizontal .item-image .popup-youtube,
.product.media .gallery-vertical .item-image .popup-youtube {
  display: none !important;
}
.product.media .vertical-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product.media .vertical-gallery #vertical-thumbnail-wrapper {
  width: 70px;
}
.product.media .vertical-gallery .owl-carousel.gallery-vertical {
  width: calc(100% - 70px);
  padding-left: 25px;
}
.product.media .vertical-gallery .slick-vertical > .slick-list.draggable {
  overflow: hidden;
}
.product.media .vertical-gallery .vertical-thumbnail {
  display: none;
  position: relative;
}
.product.media .vertical-gallery .vertical-thumbnail.slick-initialized {
  display: block;
}
.product.media .vertical-gallery .slick-arrow {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 34px;
  cursor: pointer;
  position: absolute;
  top: 0;
  z-index: 1;
  background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0.5));
}
.product.media .vertical-gallery .slick-arrow.pe-7s-angle-down {
  bottom: 0;
  top: auto;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #fff);
}
.product.media .vertical-gallery .slick-arrow:hover {
  color: #1f45fc;
}
.product.media .item-thumb {
  position: relative;
}
.product.media .item-thumb:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 0.4;
  z-index: 1;
}
.product.media .item-thumb.active:after {
  content: none;
}
.product.media .item-thumb .popup-youtube {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.product.media .item-thumb .popup-youtube:before {
  content: "\e604";
  background: rgba(255, 255, 255, 0.1);
  font-size: 50px;
  color: #222;
  font-family: "Pe-icon-7-stroke";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  right: 0;
  text-align: center;
  z-index: 2;
}
.text-center .sharethis-inline-share-buttons {
  text-align: center !important;
}
.text-right .sharethis-inline-share-buttons {
  text-align: right !important;
}
.portfolio-detail-item .sharethis-inline-share-buttons {
  margin-bottom: 20px;
  text-align: center !important;
}
.lastest-posts-list .block-content .item .blog-content {
  display: table;
  width: 100%;
}
.lastest-posts-list .block-content .item .blog-content:not(:last-child) {
  margin-bottom: 20px;
}
.lastest-posts-list .block-content .item .blog-content .image {
  width: 100px;
  display: table-cell;
  vertical-align: top;
  padding-top: 2px;
}
.lastest-posts-list .block-content .item .blog-content .image.video {
  cursor: pointer;
}
.lastest-posts-list .block-content .item .blog-content .short-detail {
  display: table-cell;
  vertical-align: top;
  padding-left: 15px;
}
.lastest-posts-list .block-content .item .blog-content .short-detail a {
  color: #222;
  display: block;
  line-height: 1.5;
  font-weight: 600;
}
.lastest-posts-list .block-content .item .blog-content .short-detail a:hover,
.lastest-posts-list .block-content .item .blog-content .short-detail a:active,
.lastest-posts-list .block-content .item .blog-content .short-detail a:focus {
  color: #1f45fc;
}
.lastest-posts-list .block-content .item .blog-content .short-detail .short-content > *:last-child {
  margin-bottom: 0;
}
.lastest-posts-list .block-content .item .blog-content .short-detail .comment-link {
  padding-top: 7px;
  color: #b6b6b6;
}
.lastest-posts-list .block-content .item .blog-content .short-detail .comment-link .fa {
  margin-right: 4px;
}
.lastest-posts-list .block-content .item:not(:last-child) {
  margin-bottom: 24px;
}
.blog-list-blog .owl-carousel .owl-item {
  padding: 0 15px;
}
.testimonial-content.has-image:after {
  display: table;
  content: "";
  clear: both;
}
.testimonial-content.has-image .author-thumbnail,
.testimonial-content.has-image .content {
  float: left;
  vertical-align: top;
}
.testimonial-content.has-image .author-thumbnail {
  width: 100px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
}
.testimonial-content.has-image .content {
  width: calc(100% - 100px);
}
.testimonial-list-block ul > .testimonial-item {
  margin-bottom: 50px;
}
.testimonial-list-block .owl-carousel .owl-item {
  padding: 0 15px;
}
.testimonial-list-block .owl-carousel .owl-item .testimonial-content {
  padding-top: 22px;
}
.testimonial-list-block .testimonial-content .content {
  padding-left: 40px;
}
.testimonial-list-block .testimonial-content .content blockquote {
  padding: 0;
  border: none;
  font-size: 16px;
  color: #282828;
  font-family: inherit;
  margin-bottom: 12px;
  background: none;
}
.testimonial-list-block .testimonial-content .content blockquote:before {
  content: "\f10e";
  font-family: FontAwesome;
  position: absolute;
  top: -22px;
  left: -26px;
  font-size: 62px;
  z-index: 0;
  color: rgba(40, 40, 40, 0.1);
  font-style: normal;
  line-height: 1;
}
.testimonial-list-block .testimonial-content .author-info .name {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: #2a2a2a;
}
.testimonial-list-block .testimonial-content .author-info .infomation {
  font-size: 12px;
  color: #a6a6a6;
}
.testimonial-list-block.center_content .testimonial-item {
  text-align: center;
}
.testimonial-list-block.center_content .testimonial-content {
  padding-top: 0 !important;
}
.testimonial-list-block.center_content .testimonial-content .content {
  float: none;
  padding-left: 0 !important;
  width: 100%;
}
.testimonial-list-block.center_content .testimonial-content .content blockquote {
  margin-bottom: 17px;
}
.testimonial-list-block.center_content .testimonial-content .content blockquote:before {
  left: 50%;
  font-size: 30px;
  top: -28px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.testimonial-list-block.center_content .testimonial-content.has-image .author-thumbnail {
  float: none;
  margin: 10px auto 40px;
}
.testimonial-list-block.center_content .owl-carousel .owl-dots {
  margin-top: 46px;
}
.testimonial-list-block.boxed_content {
  background-color: #f6f6f8;
  padding: 60px 120px;
}
.testimonial-list-block.boxed_content .testimonial-content .content blockquote:before {
  left: 0;
}
.testimonial-list-block.default_template .testimonial-content .content blockquote {
  font-size: 14px;
}
.modal-popup.confirm .action-close {
    top: 2px;
    right: 2px;
}

.modal-popup.confirm .action-close {
    top: 2px;
    right: 2px;
}

.modal-popup.confirm .action-close:before {
  content: "\e680";
  font-family: 'Pe-icon-7-stroke';
  font-size: 20px;
  line-height: 22px;
}
.modal-popup.confirm .modal-footer .action-secondary, .modal-popup.confirm .modal-footer .action-primary {
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    height: 32px;
    font-weight: 600;
    font-size: 15px;
    padding: 0 25px;
    background-color: transparent;
}
.modal-popup.confirm .modal-footer .action-primary {
  color: #fff;
  border: 2px solid #222;
  background-color: #222;
}
.modal-popup.confirm .modal-footer .action-primary:hover {
  color: #fff;
  border: 2px solid #1f45fc;
  background-color: #1f45fc;
}
.modal-popup.confirm .modal-footer .action-secondary {
  margin-right: 15px;
  color: #fff;
  border: 2px solid #1f45fc;
  background-color: #1f45fc;
}
.modal-popup.confirm .modal-footer .action-secondary:hover {
  color: #fff;
  border: 2px solid #222;
  background-color: #222;
}
.video-banner {
  position: relative;
}
.video-banner:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  top: 0;
  background-color: #000;
  opacity: 0.4;
}
.video-banner .text {
  padding-top: 200px;
  padding-bottom: 200px;
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
  text-align: center;
  position: relative;
}
.video-banner .text:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
.video-banner #video-background:not(.loaded) {
  display: none;
}
.video-banner .loaded + .text {
  background: none !important;
  padding: 0 !important;
  position: absolute;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.video-banner .loaded + .text:after {
  content: none;
}
.page-products-full-width .breadcrumbs .container,
.page-products-full-width #maincontent {
  width: 100%;
}
.active-loading-gallery .product.media.product-gallery-grid {
  position: relative;
}
.active-loading-gallery .product.media.product-gallery-grid:after {
  background-color: rgba(0, 0, 0, 0.7);
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url('../images/loader.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50px auto;
}
.active-loading-gallery .product.media.product-gallery-list .image-item {
  position: relative;
}
.active-loading-gallery .product.media.product-gallery-list .image-item:after {
  background-color: rgba(0, 0, 0, 0.7);
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url('../images/loader.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50px auto;
}
.active-loading-gallery .product.media .product-image-base,
.active-loading-gallery .product.media.swatched-image {
  position: relative;
}
.active-loading-gallery .product.media .product-image-base:after,
.active-loading-gallery .product.media.swatched-image:after {
  background-color: rgba(0, 0, 0, 0.7);
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url('../images/loader.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50px auto;
}
.image-item.video-thumbnail a:after {
  position: absolute;
  content: "";
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.twitter-item {
  text-align: center;
}
.twitter-item + .twitter-item {
  margin-top: 30px;
}
.twitter-item a {
  color: #222;
  font-weight: 500;
}
.twitter-item img {
  width: auto !important;
  margin: 0 auto 10px;
}
.btn-loadmore {
  border: 2px solid #222;
  border-radius: 40px;
  display: inline-block;
  height: 50px;
  line-height: 48px;
  padding: 0 45px;
  font-size: 14px;
  color: #222;
  cursor: pointer;
  font-weight: 600;
}
.btn-loadmore .icon {
  display: none;
}
.btn-loadmore .icon .fa {
  font-size: 20px;
  line-height: 46px;
  text-align: center;
}
.btn-loadmore:hover {
  background-color: #1f45fc;
  color: #fff;
  border-color: #1f45fc;
}
.btn-loadmore.loading {
  background-color: #1f45fc;
  color: #fff;
  border-color: #1f45fc;
}
.btn-loadmore.loading .text {
  display: none;
}
.btn-loadmore.loading .icon {
  display: block;
}
.boxed .breadcrumbs ul.items {
  margin-left: 15px;
}
.lazy-loading-img .products-grid .product-item-info .product-top,
.lazy-loading-img .list-products .product-item-info .product-image,
.lazy-loading-img .promobanner,
.lazy-loading-img .thumbnail-post,
.lazy-loading-img .instagram-item {
  background-image: url('../images/loader_black.svg');
  background-size: 30px auto;
  background-position: center center;
  background-repeat: no-repeat;
}
.white-text .content-heading h3.title,
.white-text .content-heading .block-note {
  color: #fff;
}
.white-text .content-heading h3.title:before,
.white-text .content-heading .block-note:before,
.white-text .content-heading h3.title:after,
.white-text .content-heading .block-note:after {
  background-color: #fff;
}
.white-text .testimonial-list-block .testimonial-content .content blockquote {
  color: #fff;
}
.white-text .testimonial-list-block .testimonial-content .content blockquote:before {
  color: #fff !important;
}
.white-text .testimonial-list-block.center_content .testimonial-item .author-info .name,
.white-text .testimonial-list-block.center_content .testimonial-item .author-info .infomation {
  color: #fff;
}
.service-boxed {
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: #1f45fc;
}
.service-boxed:after {
  content: "";
  display: table;
  clear: both;
}
.service-boxed .icon-service {
  float: left;
  width: 25%;
  padding: 47px 30px 43px;
}
.service-boxed .icon-service:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.service-boxed .icon-service .icon {
  padding-right: 0;
  color: #fff;
}
.service-boxed .icon-service .icon i {
  font-weight: 600;
}
.use-header10 #placeholder-header {
  display: none !important;
}
.header.header10 {
  background-color: #222;
  border-color: #222;
}
.header.header10 .action.nav-toggle img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
.header.header10 .search-form .actions-search .action-search,
.header.header10 .dropdown-toplinks .dropdown-toggle,
.header.header10 .header-wl a,
.header.header10 .minicart-wrapper .action.showcart:before {
  color: #fff;
}
.header.header10 .search-form .actions-search .action-search:hover:before,
.header.header10 .dropdown-toplinks .dropdown-toggle:hover:before,
.header.header10 .header-wl a:hover:before,
.header.header10 .minicart-wrapper .action.showcart:before:hover:before,
.header.header10 .search-form .actions-search .action-search:active:before,
.header.header10 .dropdown-toplinks .dropdown-toggle:active:before,
.header.header10 .header-wl a:active:before,
.header.header10 .minicart-wrapper .action.showcart:before:active:before {
  color: #1f45fc;
}
.header.header10 .minicart-wrapper .action.showcart:hover:before,
.header.header10 .minicart-wrapper .action.showcart:active:before {
  color: #1f45fc;
}
.header.header10 .minicart-wrapper .action.showcart > .counter.qty,
.header.header10 .header-wl .count-wl {
  color: #000000;
  background-color: #ffffff;
}
.slider_item {
  position: relative;
}
.slider_item:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #000;
  opacity: 0.4;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
}
.slider_item:hover:after {
  background-color: #1f45fc;
  opacity: 0.2;
}
.slider_item .text-slider {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  padding: 0 15px;
  z-index: 1;
}
.slider_item .text-slider h2 {
  font-weight: 600;
  font-size: 50px;
  letter-spacing: 1px;
  margin: 10px 0;
}
.slider_item .text-slider p {
  max-width: 500px;
  display: block;
  margin: 0 auto 20px;
}
#slider_jewelry.owl-carousel .owl-dots {
  display: table;
  margin: 20px auto 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  margin: 0 0 20px;
}
body > .loading-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('../images/loader.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50px;
}
body > .loading-mask .loader {
  display: none !important;
}
/* DEV_LUUNV */
.slider_comestics a {
  transition: all 0ms;
  -webkit-transition: all 0ms;
  -moz-transition: all 0ms;
  -o-transition: all 0ms;
}
.slider_comestics h2 {
  font-size: 50px;
}
.slider_comestics .slider-item:hover:before {
  background-color: rgba(0, 0, 0, 0.6);
}
.slider_comestics .slider-item:hover .text-slider {
  top: 50%;
  visibility: visible;
  opacity: 1;
  width: 100%;
}
.slider_comestics .slider-item:hover .bottom {
  bottom: -100px;
}
.slider_comestics .slider-item:before {
  background-color: rgba(0, 0, 0, 0);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all 430ms;
  -webkit-transition: all 430ms;
  -moz-transition: all 430ms;
  -o-transition: all 430ms;
}
.slider_comestics .slider-item .text-slider {
  position: absolute;
  top: 10%;
  visibility: hidden;
  opacity: 0;
  padding: 0 30px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transition: all 430ms;
  -webkit-transition: all 430ms;
  -moz-transition: all 430ms;
  -o-transition: all 430ms;
}
.slider_comestics .slider-item .bottom {
  width: 100%;
  position: absolute;
  bottom: 0;
  transition: all 430ms;
  -webkit-transition: all 430ms;
  -moz-transition: all 430ms;
  -o-transition: all 430ms;
}
.slider_comestics .slider-item .bottom h2 {
  line-height: 35px;
}
.rorate .banner-text {
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}
.rorate .banner-text > div {
  margin-right: -200px;
  padding-left: 70px;
}
.simple-product .products-grid .product-item-info .product-item-details {
  position: absolute;
  bottom: 45px;
  left: 30px;
  visibility: hidden;
  opacity: 0;
  z-index: 3;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
}
.simple-product .products-grid .product-item-info .product-item-details .price-box .price {
  color: #ddd;
}
.simple-product .products-grid .product-item-info .product-item-details .price-box .special-price .price {
  color: red;
}
.simple-product .products-grid .product-item-info .product-item-details .product-item-name a {
  color: #fff;
}
.simple-product .products-grid .product-item-info .product-item-details .product-item-name a:hover {
  color: #1f45fc;
}
.simple-product .products-grid .product-item-info:hover .product-item-details {
  visibility: visible;
  opacity: 1;
}
.simple-product .products-grid .product-item-info:hover a.photo:after {
  opacity: 0.3;
  visibility: visible;
}
.simple-product .single-product .products-grid .product-item-info .product-top a.photo {
  padding-top: calc(133.3333% - 10px) !important;
}
.title-instagram .instagram-block {
  position: relative;
}
.title-instagram .instagram-block .content-heading .block-note {
  font-size: 16px;
  color: #222;
  display: inline-block;
  font-weight: 600;
}
.title-instagram .instagram-block .content-heading .name {
  visibility: visible !important;
  display: inline-block !important;
  line-height: 22px;
}
/* 360 Button video */
.outside .no-padding.container-fluid {
  padding: 0 15px !important;
}
.catalog-product-view .product.media {
  position: relative;
  padding: 20px;
  text-align: center;
  border-radius: 0px 0px 15px 15px;
}
.catalog-product-view .product.media img {
  margin: auto;
}
.rotate-image {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 80px;
  height: 38px;
  display: block;
  background-image: url('../images/media_360.png');
  background-repeat: no-repeat;
  background-size: 80px 77px;
  background-position: 0 0;
  transition-property: transform;
  transition-duration: 1s;
  z-index: 10;
}
.rotate-image:hover {
  background-position: 0 -38.5px;
}
.rotate-image-container .rotate-j360 {
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}
.rotate-image-container .rotate-j360#mgs_j360 {
  background-color: #fff;
}
.rotate-image-container .rotate-j360 img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.rotate-image-container .close-rotate {
  cursor: pointer;
  z-index: 9999;
  position: fixed;
  right: 20px;
  top: 20px;
  color: #000;
  width: 60px;
  height: 60px;
  font-size: 60px;
  background: none;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
}
.rotate-image-container .close-rotate span {
  display: block;
}
.rotate-image-container .close-rotate:hover {
  color: #01bad4;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.cms-index-index .header.header6:not(.active-sticky) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
}
/* Cookie */
.message.global.cookie {
  background-color: rgba(0, 0, 0, 0.85);
  position: fixed;
  z-index: 99999;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
}
.message.global.cookie a {
  font-weight: 600;
}
.message.global.cookie .content {
  padding: 15px 15px 0px;
  text-align: center;
}
.message.global.cookie .content strong {
  font-weight: 600;
}
.message.global.cookie .content .actions {
  padding-top: 5px;
}
.message.global.cookie .content .actions button {
  border: none;
  background: none !important;
  white-space: nowrap;
  font-weight: 600;
  text-decoration: underline;
}
.message.global.cookie .content .actions button:hover {
  color: #1f45fc;
}
/***/
/* Shopping Cart Dropdown */
.minicart-wrapper.minicart-wrapper--dropdown:after {
  content: none !important;
}
.minicart-wrapper.minicart-wrapper--dropdown .block-minicart {
  position: absolute;
  right: 0;
  top: 100%;
  bottom: auto;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3);
  display: block;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -o-transform: translateY(20px);
}
.minicart-wrapper.minicart-wrapper--dropdown .block-minicart .block-content {
  max-height: unset;
  overflow: hidden;
}
.minicart-wrapper.minicart-wrapper--dropdown .block-minicart .block-content .minicart-items-wrapper {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-right: -20px;
  height: auto !important;
}
.minicart-wrapper.minicart-wrapper--dropdown .block-minicart .block-content ol.minicart-items {
  height: auto !important;
}
.minicart-wrapper.minicart-wrapper--dropdown .block-content > .actions {
  padding-bottom: 25px;
}
.minicart-wrapper.minicart-wrapper--dropdown .block-content .subtitle.empty {
  padding: 20px 0;
}
.minicart-wrapper.minicart-wrapper--dropdown .close-minicart {
  display: none;
}
.minicart-wrapper.minicart-wrapper--dropdown:hover,
.minicart-wrapper.minicart-wrapper--dropdown.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
}
.minicart-wrapper.minicart-wrapper--dropdown:hover .block-minicart,
.minicart-wrapper.minicart-wrapper--dropdown.active .block-minicart {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
}
/* Braintree Form */
.payment-method-braintree .payment-method-content > form.form {
  max-width: 500px;
}
.payment-method-braintree .hosted-control {
  height: 40px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  padding: 0 10px;
}
.payment-method-braintree ._with-tooltip .field-tooltip.toggle span span span {
  display: none;
}
.payment-method-braintree .hosted-date-wrap:after {
  content: "";
  display: table;
  clear: both;
}
.payment-method-braintree .hosted-date-wrap .hosted-error {
  clear: left;
}
.payment-method-braintree .hosted-date-wrap .hosted-date {
  float: left;
  width: calc(50% - 15px);
}
.payment-method-braintree .hosted-date-wrap .hosted-date + .hosted-date {
  margin-left: 30px;
}
.payment-method-braintree .hosted-error {
  color: red;
  font-style: italic;
  font-size: 12px;
  display: none;
}
.payment-method-braintree .braintree-hosted-fields-invalid + .hosted-error {
  display: block;
}
.footer .switcher-store {
  position: static;
  float: left;
}
.footer .switcher-store .switcher-toggle {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  box-shadow: none;
  font-weight: 400;
  padding: 14px 0 5px;
  position: relative;
}
.footer .switcher-store .switcher-toggle .fa-angle-down {
  font-size: 11px;
  margin-left: 2px;
  margin-top: 1px;
}
.footer .switcher-store .dropdown-menu {
  border: medium none;
  border-radius: 0;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  left: auto;
  margin: 0;
  min-width: 110px;
  padding: 0;
  transform: translateY(20px);
  transition: all 300ms ease 0s;
  display: block;
  opacity: 0;
  visibility: hidden;
}
.footer .switcher-store .dropdown-menu li a {
  padding: 5px 15px;
}
.footer3 .switcher-store {
  float: none;
  position: relative;
  margin-bottom: 10px;
}
.footer3 .switcher-store .dropdown-menu {
  left: calc(50% - 80px);
}
.footer4 .switcher-store .dropdown-menu li a {
  color: #000;
}
.onepage-index-index .page-header {
  text-align: center;
}
.panel-popup {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
/* Gallery Popup */
.product-gallery-popup img:not(.img-thumbs) {
  cursor: zoom-in;
}
/* Sub categories */
.header.active-sticky:hover .sub-categories {
  opacity: 1;
  visibility: visible;
  max-height: 45px;
}
.header.active-sticky .sub-categories {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
}
.header.active-sticky {
  position: fixed !important;
}
.sub-categories {
  transition: all 300ms;
  border-top: 1px solid #eee;
}
.sub-categories .items {
  text-align: center;
}
.sub-categories .items .item {
  display: inline-block;
}
.sub-categories .items .item a {
  padding: 10px 18px;
  color: #222;
  display: block;
}
.sub-categories .items .item a:hover {
  color: #1f45fc;
}
/* Quickview Product name */
.mgs-quickview-catalog-product-view #view-detail {
  color: #000;
}
.mgs-quickview-catalog-product-view #view-detail:hover {
  color: #1f45fc;
}
/* Filter 1coloumn */
.category-product-actions .filter-toggle {
  display: none;
}
.filter .filter-title {
  display: none;
}
.catalog-category-view.page-layout-1column .category-product-actions .filter-toggle {
  float: left;
  width: 32%;
  display: block;
}
.filter-open .page-layout-1column .category-product-actions .filter-toggle .title:after {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.8;
  display: block;
  content: "";
  z-index: 998;
}
.page-layout-1column .category-product-actions .filter-toggle .title {
  font-size: 36px;
  cursor: pointer;
  line-height: 1;
  color: #222;
}
.page-layout-1column .category-product-actions .filter-toggle .title > span {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}
.filter-open .page-layout-1column .block.filter .block-content.filter-content {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
}
/* Disable hover effect product */
.products-grid .product-item-info.disable_hover_effect .tocart.btn-cart {
  display: none;
}
.products-grid .product-item-info.disable_hover_effect .tocart.btn-cart.hover_effect {
  display: block;
}
.products-grid .product-item-info.disable_hover_effect .product-top:hover a.photo:after {
  display: none;
}
.products-grid .product-item-info.disable_hover_effect .product-top .actions-link button {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  opacity: 1;
  visibility: visible;
  color: #000;
}
.products-grid .product-item-info.disable_hover_effect .tocart.btn-cart.hover_effect {
  position: relative;
  opacity: 1;
  visibility: visible;
  left: 0;
  top: 0;
  transform: translate(0%, 0%);
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  border: 1px solid #ddd;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  margin-top: 9px;
}
.page-layout-1column .category-product-actions .filter-toggle .title:before {
  font-family: 'Pe-icon-7-stroke';
  content: "\e680";
  position: fixed;
  color: #fff;
  display: block;
  font-size: 45px;
  left: -50px;
  line-height: 50px;
  top: 0;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
}
.filter-open .page-layout-1column .category-product-actions .filter-toggle .title:before {
  left: 268px;
  opacity: 1;
  visibility: visible;
}
/* Disable hover effect product */
.products-grid .product-item-info.disable_hover_effect .tocart.btn-cart {
  display: none;
}
.products-grid .product-item-info.disable_hover_effect .tocart.btn-cart.hover_effect {
  display: block;
}
.products-grid .product-item-info.disable_hover_effect .product-top:hover a.photo:after {
  display: none;
}
.products-grid .product-item-info.disable_hover_effect .product-top .actions-link button {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  opacity: 1;
  visibility: visible;
  color: #000;
}
.products-grid .product-item-info.disable_hover_effect .tocart.btn-cart.hover_effect {
  position: relative;
  opacity: 1;
  visibility: visible;
  left: 0;
  top: 0;
  transform: translate(0%, 0%);
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  border: 1px solid #ddd;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  margin-top: 9px;
}
.product-info-main .links-title {
  display: none;
}
.product-info-main .downloads .label {
  font-size: 14px;
  color: #000;
}
.product-info-main .downloads .control {
  display: inline-block;
}
.product-info-main .samples {
  margin-bottom: 0;
}
.product-info-main .samples .item-title {
  display: inline-block;
  color: #000;
  font-weight: 400;
}
.product-info-main .samples .item {
  display: inline-block;
  padding-left: 20px;
}
.product-info-main .product-social-links {
  display: none;
}
.deal-products-grid.products-grid .product-item-info.disable_hover_effect .tocart.btn-cart.hover_effect {
  margin: 0 auto;
  margin-top: 9px;
}
/**/
.product-info-main .swatch-option {
  border: 1px solid #ddd;
}
.mfp-iframe-scaler iframe {
  background-image: url(../images/loader_black.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50px;
}
/**/
.header:not(.header5):not(.header8):not(.header9) .search-form.not-full .search-close {
  display: none;
}
.header:not(.header5):not(.header8):not(.header9) .search-form.not-full .form-search {
  max-width: 500px;
  position: absolute;
  top: calc(100% + 5px);
  left: auto;
  right: 0;
  bottom: 0;
  z-index: 9;
  height: 100%;
  background: none;
  opacity: 0;
  visibility: hidden;
  width: calc(100vw - 30px);
  transition: all 400ms;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -o-transition: all 400ms;
}
.header:not(.header5):not(.header8):not(.header9) .search-form.not-full .form-search .form.minisearch {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0;
  margin-top: 0;
}
.header:not(.header5):not(.header8):not(.header9) .search-form.not-full .form-search .form.minisearch .input-text {
  color: #000;
  height: 50px;
  padding-right: 5px;
  background-color: #fff;
  border: 1px solid #888;
  text-align: left;
  padding-left: 30px;
  padding-right: 45px;
  font-size: 16px;
}
.header:not(.header5):not(.header8):not(.header9) .search-form.not-full .form-search .form.minisearch .button {
  /* opacity: 1; */
  /* visibility: visible; */
  /* display: inline-block; */
  background: none;
  border: initial;
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  font-size: 24px;
  color: #000;
}
.search-open .header:not(.header5):not(.header8):not(.header9) .search-form.not-full .form-search {
  opacity: 1;
  visibility: visible;
}
/* input se IOS */
.header .search-form.select-search .form-search .form.minisearch {
  display: block;
  position: fixed;
  top: 0;
}
.header .search-form .form-search .form.minisearch .input-text {
  position: fixed;
  left: 0;
  right: 0;
}
html,
body {
  -webkit-overflow-scrolling: touch !important;
}
.products-grid .product-item-info .product-top:hover + .product-item-details .product-label {
  opacity: 0;
}
.swatch-input.super-attribute-select {
  display: none;
}
.product-detail-media {
  position: relative;
}
.not-awlayerednav .block-content .filter-options-content {
  display: block !important;
}
.not-awlayerednav .block-content .filter-options-title::after {
  display: none !important;
}
.product-detail-infomation-slide-gallery .price-box .old-price {
  float: none;
}
.product-detail-infomation-slide-gallery .product-info-main .product-add-form .box-tocart > .fieldset,
.product-detail-infomation-slide-gallery .bundle-info .product-details .box-tocart > .fieldset {
  float: none;
}
.product-detail-infomation-slide-gallery .product-info-main .product-add-form .tocart,
.product-detail-infomation-slide-gallery .bundle-info .product-details .tocart {
  margin-right: 0;
}
.product-detail-infomation-slide-gallery .product-info-main {
  text-align: center;
}
.product-detail-infomation-slide-gallery .product-info-main .full-review.product-reviews-summary {
  margin: 0 auto;
}
.product-detail-infomation-slide-gallery .product-info-main .sharethis-inline-share-buttons {
  margin-top: 10px !important;
}
.product-detail-infomation-slide-gallery .extra-link {
  display: inline-block;
  padding-right: 30px;
}
.product-detail-infomation-slide-gallery .product-info-main .product-sub-infomation > div {
  display: inline-block;
  padding-right: 20px;
}
.product-detail-infomation-slide-gallery .product-sub-infomation {
  display: inline-block;
}
.product-detail-infomation-slide-gallery .product-data-items-content .data.item.content {
  padding: 0;
  border: 0;
  margin-bottom: 60px;
  display: block !important;
}
.product-detail-infomation-slide-gallery .product-name {
  font-size: 31px;
  margin-top: 10px;
}
.product-detail-infomation-slide-gallery .product-info-main .product-info-price .price-box .price {
  font-size: 26px;
}
.product-detail-infomation-slide-gallery .product-info-main .swatch-option {
  float: none;
  display: inline-block;
}
.content-heading h3.title .counter:after {
  content: ')';
  display: inline-block;
}
.content-heading h3.title .counter:before {
  content: '(';
  display: inline-block;
}
.related-product-main .product-item-info .product-top .product-item-inner .label {
  padding-left: 0;
  line-height: 45px;
}
.product-info-main .product-add-form .tocart,
.bundle-info .product-details .tocart {
  margin-right: 10px;
}
.popup-authentication .actions-toolbar button {
  height: 40px;
  font-weight: 600;
  padding: 0 35px;
  line-height: 36px;
  color: #fff;
  border: 2px solid #222 !important;
  background-color: #222 !important;
  margin-bottom: 10px;
  display: inline-block;
}
.popup-authentication .actions-toolbar button::hover {
  color: #fff;
  border: 2px solid #1f45fc !important;
  background-color: #1f45fc !important;
}
.popup-authentication .actions-toolbar .action.primary {
  display: inline-block;
}
.popup-authentication .block-title > strong {
  color: #2a2a2a;
  font-size: 18px;
  font-weight: 600;
}
.popup-authentication .modal-inner-wrap .block-authentication {
  padding: 15px;
}
.popup-authentication .action-close {
  top: 0;
}
.popup-authentication .action-close:before {
  padding-left: 0;
}
.popup-authentication .modal-header {
  height: 0;
  padding: 0;
  border: 0;
}
.popup-authentication .modal-inner-wrap {
  max-width: 900px;
}
body._has-modal-custom._has-auth-shown:before {
  display: none;
}
@media (min-width: 992px) {
  .product-item.col-md-4:nth-child(3n+1),
  .product-item.col-md-custom-5:nth-child(5n+1),
  .product-item.col-md-2:nth-child(6n+1),
  .product-item.col-md-6:nth-child(2n+1),
  .product-item.col-md-3:nth-child(4n+1),
  .product-item.col-md-custom-5:nth-child(5n+1) {
    clear: left;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .product-item.col-sm-3:nth-child(4n+1),
  .product-item.col-sm-4:nth-child(3n+1),
  .product-item.col-sm-6:nth-child(2n+1),
  .product-item.col-sm-custom-5:nth-child(5n+1) {
    clear: left;
  }
}
@media (max-width: 767px) {
  .product-item.col-xs-3:nth-child(4n+1),
  .product-item.col-xs-4:nth-child(3n+1),
  .product-item.col-xs-6:nth-child(2n+1),
  .product-item.col-xs-custom-5:nth-child(5n+1) {
    clear: left;
  }
}
.slide-text .btn-default {
  background-color: transparent;
}
.slide-text .btn-default:hover {
  background-color: #1f45fc;
  border-color: #1f45fc;
}
.slide-text .text-colour-white .btn-default {
  color: #fff;
  border-color: #fff;
}
.slide-text h2 {
  font-size: 50px;
  font-weight: 700;
}
@media (max-width: 991px) {
  .slide-text p {
    display: none;
  }
}
@media (max-width: 767px) {
  .slide-text h2 {
    font-size: 20px;
  }
  .slide-text .btn {
    height: 30px;
    padding: 0px 25px;
    line-height: 25px;
  }
}
@media (max-width: 767px) {
  .fullscreen-slider .slide-text .sub-title {
    font-size: 15px;
  }
  .fullscreen-slider .slide-text h2 {
    font-size: 30px;
  }
}
.header .logo-left-header .logo {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 62px;
}
.header .search-form.not-full .form-search .form.minisearch .input-text {
  position: static;
}

#search_mini_form .mgs-instant-search-dropdown {
  top: 50px;
}
.customer-account-create .account-social-login {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .footer .instagram-block .block-content ul.row li:nth-child(3n+1) {
    clear: left;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .footer .instagram-block .block-content ul.row li:nth-child(4n+1) {
    clear: left;
  }
}
@media (max-width: 767px) {
  .footer .instagram-block .block-content ul.row li:nth-child(2n+1) {
    clear: left;
  }
}
@media (min-width: 1200px) {
  .menu_vertical_fixed .header.header5.fixed-bottom {
    position: fixed !important;
  }
}
.product-options-wrapper .swatch-attribute .swatch-input {
  display: block !important;
  position: absolute;
  opacity: 0;
  left: -9999em;
}
/* Filter 2 columns responsive */
@media (max-width: 991px) {
  body:not(.page-layout-1column) .toolbar .sorter {
    text-align: right !important;
  }
  .catalog-category-view.page-layout-3columns .category-product-actions .toolbar.toolbar-products,
  .catalog-category-view.page-layout-2columns-right .category-product-actions .toolbar.toolbar-products,
  .catalog-category-view.page-layout-2columns-left .category-product-actions .toolbar.toolbar-products {
    float: left;
    width: 80%;
  }
  .catalog-category-view.page-layout-3columns .category-product-actions .filter-toggle,
  .catalog-category-view.page-layout-2columns-right .category-product-actions .filter-toggle,
  .catalog-category-view.page-layout-2columns-left .category-product-actions .filter-toggle {
    display: block;
    float: left;
    width: 20%;
  }
  .catalog-category-view.page-layout-3columns .category-product-actions .filter-toggle .title,
  .catalog-category-view.page-layout-2columns-right .category-product-actions .filter-toggle .title,
  .catalog-category-view.page-layout-2columns-left .category-product-actions .filter-toggle .title {
    font-size: 36px;
    cursor: pointer;
    line-height: 1;
    color: #222;
  }
  .catalog-category-view.page-layout-3columns .category-product-actions .filter-toggle .title:after,
  .catalog-category-view.page-layout-2columns-right .category-product-actions .filter-toggle .title:after,
  .catalog-category-view.page-layout-2columns-left .category-product-actions .filter-toggle .title:after {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0;
    display: block;
    content: "";
    z-index: 998;
    visibility: hidden;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
  }
  .catalog-category-view.page-layout-3columns .category-product-actions .filter-toggle .title > span,
  .catalog-category-view.page-layout-2columns-right .category-product-actions .filter-toggle .title > span,
  .catalog-category-view.page-layout-2columns-left .category-product-actions .filter-toggle .title > span {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
  }
  .catalog-category-view.page-layout-3columns .block.filter .block-content.filter-content,
  .catalog-category-view.page-layout-2columns-right .block.filter .block-content.filter-content,
  .catalog-category-view.page-layout-2columns-left .block.filter .block-content.filter-content {
    background: #fff;
    top: 0;
    bottom: 0;
    width: 320px;
    left: 0;
    right: auto;
    position: fixed;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    padding: 15px;
  }
  .filter-open .catalog-category-view.page-layout-3columns .block.filter .block-content.filter-content,
  .filter-open .catalog-category-view.page-layout-2columns-right .block.filter .block-content.filter-content,
  .filter-open .catalog-category-view.page-layout-2columns-left .block.filter .block-content.filter-content {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
  }
  .filter-open .catalog-category-view.page-layout-3columns .category-product-actions .filter-toggle .title:after,
  .filter-open .catalog-category-view.page-layout-2columns-right .category-product-actions .filter-toggle .title:after,
  .filter-open .catalog-category-view.page-layout-2columns-left .category-product-actions .filter-toggle .title:after {
    opacity: 0.8;
    visibility: visible;
  }
}
.block-viewed-products-grid .block-title {
  text-align: center;
  margin-bottom: 33px;
}
.block-viewed-products-grid .block-title strong {
  display: inline-block;
  position: relative;
  color: #000;
  line-height: 24px;
  font-weight: 600;
  line-height: 1.428;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-size: 24px;
}
.block-viewed-products-grid .block-title strong:before,
.block-viewed-products-grid .block-title strong:after {
  position: absolute;
  content: "";
  width: 60px;
  height: 2px;
  background: #000;
  top: 48%;
}
.block-viewed-products-grid .block-title strong:before {
  left: -75px;
}
.block-viewed-products-grid .block-title strong:after {
  right: -75px;
}
.block-viewed-products-grid .tocompare,
.block-viewed-products-grid .towishlist {
  font-size: 0;
  background: none;
  border: 0;
  position: absolute;
  top: 15px;
  left: 15px;
}
.block-viewed-products-grid .tocompare:after,
.block-viewed-products-grid .towishlist:after {
  font-size: 18px;
  color: #fff;
  display: inline-block;
  font-family: 'Pe-icon-7-stroke';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e642";
}
.block-viewed-products-grid .tocompare:hover:after,
.block-viewed-products-grid .towishlist:hover:after {
  color: #1f45fc;
}
.block-viewed-products-grid .tocompare {
  top: 50px;
}
.block-viewed-products-grid .tocompare:after {
  content: "\e64b";
}
.block-viewed-products-grid .tocart {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  color: #222;
  line-height: 40px;
  white-space: nowrap;
  background-color: #fff;
  padding: 0 25px;
  text-align: center;
  border: none;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  transform: translate(-50%, -100%);
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  -o-transform: translate(-50%, -100%);
}
.block-viewed-products-grid .tocart:hover {
  background: #000;
  color: #fff;
}
.block-viewed-products-grid .tocompare,
.block-viewed-products-grid .towishlist,
.block-viewed-products-grid .tocart {
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.block-viewed-products-grid .product-items {
  margin-left: -15px;
  margin-right: -15px;
}
.block-viewed-products-grid .product-items:after {
  content: "";
  display: table;
  clear: both;
}
.block-viewed-products-grid .product-items .product-item {
  float: left;
  padding: 0 15px;
  width: 33.33333%;
}
.block-viewed-products-grid .product-item-info {
  position: relative;
  display: block;
}
.block-viewed-products-grid .product-item-info .product-item-photo {
  display: block;
  width: 100%;
  position: relative;
}
.block-viewed-products-grid .product-item-info .product-item-photo * {
  width: 100% !important;
  padding: 0 !important;
}
.block-viewed-products-grid .product-item-info .product-item-photo:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
}
.block-viewed-products-grid .product-item-info:hover .tocompare,
.block-viewed-products-grid .product-item-info:hover .towishlist,
.block-viewed-products-grid .product-item-info:hover .tocart {
  opacity: 1;
  visibility: visible;
}
.block-viewed-products-grid .product-item-info:hover .product-item-photo:after {
  opacity: 0.3;
  visibility: visible;
}
@media (min-width: 1200px) {
  .row-2 .block-viewed-products-grid .product-items .product-item {
    width: 50%;
  }
  .row-3 .block-viewed-products-grid .product-items .product-item {
    width: 33.3333333%;
  }
  .row-4 .block-viewed-products-grid .product-items .product-item {
    width: 25%;
  }
  .row-5 .block-viewed-products-grid .product-items .product-item {
    width: 20%;
  }
  .row-6 .block-viewed-products-grid .product-items .product-item {
    width: 16.6666667%;
  }
  .row-7 .block-viewed-products-grid .product-items .product-item {
    width: 14.2857143%;
  }
  .row-8 .block-viewed-products-grid .product-items .product-item {
    width: 12.5%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .row-3 .block-viewed-products-grid .product-items .product-item,
  .row-4 .block-viewed-products-grid .product-items .product-item,
  .row-5 .block-viewed-products-grid .product-items .product-item,
  .row-6 .block-viewed-products-grid .product-items .product-item,
  .row-7 .block-viewed-products-grid .product-items .product-item,
  .row-8 .block-viewed-products-grid .product-items .product-item {
    width: 33.3333333%;
  }
}
@media (min-width: 568px) and (max-width: 991px) {
  .row-3 .block-viewed-products-grid .product-items .product-item,
  .row-4 .block-viewed-products-grid .product-items .product-item,
  .row-5 .block-viewed-products-grid .product-items .product-item,
  .row-6 .block-viewed-products-grid .product-items .product-item,
  .row-7 .block-viewed-products-grid .product-items .product-item,
  .row-8 .block-viewed-products-grid .product-items .product-item {
    width: 50%;
  }
}
@media (max-width: 567px) {
  .row-2 .block-viewed-products-grid .product-items .product-item,
  .row-3 .block-viewed-products-grid .product-items .product-item,
  .row-4 .block-viewed-products-grid .product-items .product-item,
  .row-5 .block-viewed-products-grid .product-items .product-item,
  .row-6 .block-viewed-products-grid .product-items .product-item,
  .row-7 .block-viewed-products-grid .product-items .product-item,
  .row-8 .block-viewed-products-grid .product-items .product-item {
    width: 100%;
  }
}
.action-braintree-paypal-logo {
  border: 0;
}
.braintree-paypal-button-hidden {
  max-width: 100%;
  margin-top: 15px;
}
#checkoutSteps .action-edit-address {
  margin-top: 10xp;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  height: 40px;
  font-weight: 600;
  padding: 0 35px;
  line-height: 36px;
  color: #fff;
  border: 2px solid #222;
  background-color: #222;
}
#checkoutSteps .action-edit-address:hover {
  background-color: #1f45fc;
  border-color: #1f45fc;
}
.item-options dt,
.item-options dl {
  display: inline-block;
}
.checkout-index-index .header {
  z-index: 999;
}
.checkout-index-index._has-modal-custom .header {
  z-index: 99;
}
body.dark {
  background-color: #0f0f0f;
  color: #888;
}
body.dark ::-webkit-input-placeholder {
  color: #777;
}
body.dark :-moz-placeholder {
  color: #777;
}
body.dark ::-moz-placeholder {
  color: #777;
}
body.dark :-ms-input-placeholder {
  color: #777;
}
body.dark input:-webkit-autofill,
body.dark input:-webkit-autofill:hover,
body.dark input:-webkit-autofill:focus,
body.dark input:-webkit-autofill:active {
  -webkit-text-fill-color: #888 !important;
}
body.dark input[type="text"],
body.dark input[type="password"],
body.dark input[type="url"],
body.dark input[type="tel"],
body.dark input[type="search"],
body.dark input[type="number"],
body.dark input[type="datetime"],
body.dark input[type="email"] {
  background-color: #222 !important;
  border-color: #222;
}
body.dark .qty input[type="number"] {
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
}
body.dark select:not([multiple]),
body.dark select.form-control:not([multiple]),
body.dark select.input-text:not([multiple]) {
  background: #222 url(../images/select-bg.svg) no-repeat scroll 98% 45%;
}
body.dark select:not([multiple]) option,
body.dark select.form-control:not([multiple]) option,
body.dark select.input-text:not([multiple]) option {
  background-color: #222;
}
body.dark .irs-from,
body.dark .irs-to,
body.dark .irs-single {
  background-color: #555;
}
body.dark .message.success > * {
  background: #363636;
  color: #f0f0f0;
  border-radius: 0;
}
body.dark .modal-popup .action-close:before,
body.dark .success-ajax--popup .mfp-close {
  background: #363636;
  color: #aaa;
  line-height: 28px;
}
body.dark .modal-popup .action-close:before:hover,
body.dark .success-ajax--popup .mfp-close:hover {
  color: #f0f0f0;
}
body.dark .dropdown-menu > li > a:hover,
body.dark .dropdown-menu > li > a:focus {
  background: none;
}
body.dark .block.filter .block-content.filter-content .filter-options-item .filter-options-title:before,
body.dark #search_mini_form .mgs-instant-search-dropdown .mgs-instant-autocomplete-wrapper .title {
  background-color: #333;
}
body.dark .authentication-wrapper .authentication-dropdown .modal-inner-wrap .modal-header .action-close:hover:after {
  color: #1f45fc;
}
body.dark #social-login-popup .social-login-title {
  background-color: #222 !important;
}
body.dark.checkout-cart-index #shopping-cart-table .gift-options-cart-item {
  border-bottom: 0;
  padding-bottom: 0;
}
body.dark.checkout-cart-index .shopping-cart-bottom .cart-totals,
body.dark.checkout-cart-index #shopping-cart-table tbody tr.item-actions td > .actions-toolbar,
body.dark table tbody,
body.dark table thead tr th,
body.dark table tbody tr th,
body.dark table tfoot tr th,
body.dark table thead tr td,
body.dark table tbody tr td,
body.dark table tfoot tr td {
  border-color: #444 !important;
}
body.dark table thead tr th {
  color: #f0f0f0 !important;
}
body.dark .product-info-main .product-info-stock-sku .stock.unavailable span {
  color: #e05055;
}
body.dark .product-info-main .swatch-option {
  border: 0;
}
body.dark .mfp-image-holder .mfp-close,
body.dark .mfp-iframe-holder .mfp-close {
  background-color: #282828;
  color: #aaa;
  border: 0;
}
body.dark .mfp-image-holder .mfp-close:hover,
body.dark .mfp-iframe-holder .mfp-close:hover {
  color: #fff;
}
body.dark .product-info-main .product-info-stock-sku .stock.available span {
  color: #00aa00;
}
body.dark .modal-header,
body.dark .modal-popup.confirm .modal-inner-wrap .modal-content,
body.dark.checkout-cart-index .checkout-extra #block-summary .estimate .field .control .select,
body.dark.checkout-cart-index .checkout-extra #block-summary .estimate .field .control input,
body.dark .search_brand_form,
body.dark select,
body.dark select.form-control,
body.dark select.input-text,
body.dark .header.header6 .megamenu-content > .nav-tabs li:not(.hidden-lg) a,
body.dark .header.header7 .megamenu-content > .nav-tabs li:not(.hidden-lg) a,
body.dark .header.header6 .megamenu-content .nav-tabs > li + li,
body.dark .header.header7 .megamenu-content .nav-tabs > li + li,
body.dark .box-tocart .field.qty > .control,
body.dark .header:not(.header6):not(.header7) .megamenu-content .nav-tabs > li + li,
body.dark textarea,
body.dark textarea.form-control,
body.dark textarea.input-text {
  border: 0;
}
body.dark textarea,
body.dark textarea.form-control,
body.dark textarea.input-text,
body.dark .profile .profile-image .social-link,
body.dark.blog-post-view .post-comments .item,
body.dark .minicart-wrapper .block-minicart,
body.dark .breadcrumbs,
body.dark .opc-block-summary,
body.dark .opc-block-shipping-information,
body.dark blockquote,
body.dark .opc-estimated-wrapper,
body.dark .modal_newsletter_popup.modal-popup .newsletter-popup-form .pop-sletter-footer,
body.dark .action-braintree-paypal-logo {
  background-color: #222;
}
body.dark .use-header6.nav-open .nav-toggle:after,
body.dark .use-header7.nav-open .nav-toggle:after {
  background: rgba(0, 0, 0, 0.6);
}
body.dark .minicart-wrapper.active:after {
  opacity: 0.6899999999999999;
}
body.dark .swatch-option {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
}
body.dark .swatch-option:hover,
body.dark .swatch-option.selected {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15);
}
body.dark #search_mini_form .mgs-instant-search-dropdown .mgs-instant-autocomplete-wrapper ul > li {
  border-color: #333333 !important;
}
.tabs_categories_porfolio li a.button body.dark.checkout-cart-index .checkout-extra > .block > .title,
body.dark.checkout-cart-index .checkout-extra > .block .content,
body.dark.checkout-cart-index .checkout-extra,
body.dark .product-data-items-menu .data.item.title.active .data.switch,
body.dark .toolbar .form-item-select,
body.dark .toolbar .modes .modes-mode,
body.dark .toolbar .sorter .sorter-options,
body.dark .toolbar .sorter .sorter-action,
body.dark .tabs_categories_porfolio li a.button:hover,
body.dark .tabs_categories_porfolio li a.button.is-checked,
body.dark .shop-by-brand > .description,
body.dark .brand-info > .brand-description,
body.dark .product-tab .menu-product-tabs li.active a {
  background-color: #222;
  border-color: #222;
}
body.dark .toolbar .sorter .sorter-action,
body.dark.checkout-cart-index .checkout-extra > .block > .title {
  color: #888;
}
body.dark .toolbar .sorter .sorter-action:hover,
body.dark.checkout-cart-index .checkout-extra > .block > .title:hover {
  color: #f0f0f0;
}
body.dark .checkout-shipping-address .form.form-login,
body.dark select,
body.dark select.form-control,
body.dark select.input-text,
body.dark .block.filter .block-content.filter-content .filter-options-item .filter-options-content ol.items .item,
body.dark.checkout-cart-index .checkout-extra > .block:first-child > .title,
body.dark.checkout-cart-index .checkout-extra > .block > .title,
body.dark #social-login-popup .block-container .block .block-title,
body.dark .opc-wrapper .step-title,
body.dark .authentication-wrapper .authentication-dropdown .modal-inner-wrap,
body.dark .opc-block-summary .items-in-cart > .title,
body.dark .opc-block-shipping-information .shipping-information-title,
body.dark .opc-payment .payment-methods .payment-method,
body.dark .authentication-wrapper .block-customer-login .block-title strong,
body.dark .bottom-pagination .pages,
body.dark .post-actions,
body.dark.blog-post-view .post-item-info .post-info,
body.dark .payment-option.discount-code .payment-option-title,
body.dark.cms-noroute-index .page-main .column.main a,
body.dark blockquote,
body.dark .store-list-container .search-form,
body.dark .store-list-container .search-form .block-title .title,
body.dark .store-list-container .store-list .block-title .title,
body.dark .store-list-container .store-list > .items .stores li,
body.dark .store-list-container .store-list,
body.dark .storelocator-details .box-store .block-title .title,
body.dark .storelocator-details .box-store,
body.dark .opc-estimated-wrapper,
body.dark .page-wrapper .header .nav-main-menu li > a,
body.dark .page-wrapper .header .megamenu-content .dropdown-switcher,
body.dark .page-wrapper .header .megamenu-content .top-links li a:not(.no-display),
body.dark .sub-categories,
body.dark .minicart-items .product-item .details-qty.qty .cart-item-qty,
body.dark hr {
  border-color: #333333;
}
body.dark .block.filter .block-content.filter-content {
  background-color: #0f0f0f !important;
}
body.dark .category-product-actions .filter-toggle .title {
  color: #f0f0f0 !important;
}
body.dark.checkout-cart-index #shopping-cart-table tbody tr td.col.qty .input-text.qty {
  background: #282828;
  color: #fff;
  border: 0;
}
body.dark .toolbar .modes .modes-mode,
body.dark.checkout-cart-index #shopping-cart-table .cart-price .price,
body.dark .price-box .price,
body.dark .label,
body.dark label,
body.dark .opc-block-summary .table-totals tr th,
body.dark #search_mini_form .mgs-instant-search-dropdown .mgs-instant-autocomplete-wrapper,
body.dark dl.product.options.list dt,
body.dark .toolbar .pages .pagination .item a,
body.dark.blog-post-view .post-item-info .post-info a,
body.dark.blog-post-view .post-item-info .post-info,
body.dark.checkout-cart-index .checkout-extra #block-summary form .field.note,
body.dark.checkout-cart-index .checkout-extra #block-summary .estimate .field .label,
body.dark .content-heading .block-note {
  color: #888;
}
body.dark.checkout-cart-index #shopping-cart-table .subtotal .cart-price .price,
body.dark .header.header6 .nav-main-menu li > a + .toggle-menu a,
body.dark .header.header7 .nav-main-menu li > a + .toggle-menu a,
body.dark .widget.mgs-blog-lastest-posts .post-item-content .post-info .post-author span:not(.post-time),
body.dark .minicart-items .product-item .product-item-details .product-item-pricing .price,
body.dark .product-info-main .product-sub-infomation .product.attribute.sku strong,
body.dark .product-info-main .product-info-stock-sku,
body.dark .opc-block-summary .table-totals tr th,
body.dark .opc-block-summary .table-totals tr th strong,
body.dark .opc-block-summary .table-totals tr th .label,
body.dark .product.options > .toggle,
body.dark.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details dl.item-options dt,
body.dark .page-wrapper .header .nav-main-menu li > a + .toggle-menu a,
body.dark .page-wrapper .header .nav-main-menu li > a,
body.dark .page-wrapper .header .megamenu-content .top-links li a:not(.no-display),
body.dark .page-wrapper .header .navigation .nav-main-menu li.mega-menu-fullwidth > ul.dropdown-menu .mega-menu-sub-title,
body.dark .icon-service .icon {
  color: #ccc;
}
body.dark.checkout-index-index .loading-mask {
  opacity: 0.6;
}
body.dark.checkout-index-index .loading-mask,
body.dark.checkout-cart-index .checkout-extra > .block > .title.active,
body.dark .minicart-items .product-item .details-qty.qty .cart-item-qty,
body.dark .page-wrapper .header .megamenu-content .nav-tabs > li.active > a,
body.dark .minicart-wrapper .close-minicart {
  background-color: #0f0f0f;
  color: #f0f0f0;
}
body.dark .page-title-wrapper,
body.dark .white-popup,
body.dark .popup__main.popup--result,
body.dark .authentication-wrapper .authentication-dropdown .modal-inner-wrap,
body.dark .authentication-dropdown .block.block-customer-login,
body.dark .modal-content,
body.dark.checkout-cart-index .checkout-extra > .block .content,
body.dark .modal-popup.confirm .modal-inner-wrap .modal-footer,
body.dark .block-popup-subscribe,
body.dark #search_mini_form .mgs-instant-search-dropdown .mgs-instant-autocomplete-wrapper {
  background-color: #0f0f0f;
}
body.dark .minicart-items .product-item .details-qty.qty .cart-item-qty {
  background-color: #0f0f0f !important;
}
body.dark .minicart-wrapper .block-content .subtitle.empty {
  color: #aaa;
}
body.dark .minicart-wrapper .action.showcart > .counter.qty,
body.dark .opc-progress-bar .opc-progress-bar-item._active:before,
body.dark .opc-progress-bar .opc-progress-bar-item._active > span:before,
body.dark .opc-progress-bar .opc-progress-bar-item._complete:before,
body.dark .opc-progress-bar .opc-progress-bar-item._complete > span:before,
body.dark .irs-bar,
body.dark .irs-slider,
body.dark .sidebar .block .block-title .title:after,
body.dark .content-heading h3.title:before,
body.dark .content-heading h3.title:after {
  background-color: #f0f0f0;
}
body.dark .map-short-info h3,
body.dark .opc-progress-bar .opc-progress-bar-item._active > span:after,
body.dark .minicart-wrapper .action.showcart > .counter.qty {
  color: #0f0f0f;
}
body.dark .page-wrapper .header .navigation .nav-main-menu li > ul.dropdown-menu a:hover,
body.dark .opc-progress-bar .opc-progress-bar-item._complete > span,
body.dark .field.required .form-control + .mage-error,
body.dark .form-group.required .form-control + .mage-error,
body.dark .field._required .form-control + .mage-error,
body.dark .form-group._required .form-control + .mage-error,
body.dark .field.required .input-text + .mage-error,
body.dark .form-group.required .input-text + .mage-error,
body.dark .field._required .input-text + .mage-error,
body.dark .form-group._required .input-text + .mage-error,
body.dark .toolbar .modes .modes-mode:hover,
body.dark .toolbar .modes .modes-mode.active,
body.dark .block.filter .block-content.filter-content .filter-options-item .filter-options-title,
body.dark .product-add-form .product-options-wrapper .swatch-opt .swatch-attribute-label,
body.dark.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.totals.sub td,
body.dark.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.totals.sub th,
body.dark.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.grand.totals td,
body.dark.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.grand.totals th,
body.dark.checkout-cart-index #shopping-cart-table thead tr th,
body.dark .price-box .special-price .price,
body.dark .product-data-items-menu .data.item.title:hover .data.switch,
body.dark .product-data-items-menu .data.item.title.active .data.switch,
body.dark .product-info-main .product-add-form .product-detail-deals .hurry-text,
body.dark .minicart-wrapper .block-content > .actions > .subtotal > span.label,
body.dark .minicart-wrapper .block-content > .actions > .subtotal .price-container .price,
body.dark .product-tab .menu-product-tabs li:hover a,
body.dark .product-tab .menu-product-tabs li.active a,
body.dark .box-tocart .field.qty > .control span.edit-qty,
body.dark .product-info-main .product-add-form .box-tocart .field.qty > .control .input-text.qty,
body.dark .bundle-info .product-details .box-tocart .field.qty > .control .input-text.qty,
body.dark .opc-progress-bar .opc-progress-bar-item._active > span,
body.dark .opc-block-summary > .title,
body.dark .opc-block-summary .items-in-cart > .title strong,
body.dark .sidebar .block .block-title .title,
body.dark .opc-sidebar .minicart-items .product-item .product-item-details .product-item-name,
body.dark #social-login-popup .block-container .block .block-title,
body.dark .opc-block-shipping-information .shipping-information-title,
body.dark .opc-block-summary .table-totals tr td,
body.dark .opc-block-summary .table-totals tr.totals.grand th strong,
body.dark .opc-block-summary .table-totals tr.totals.grand td strong,
body.dark #search_mini_form .mgs-instant-search-dropdown .mgs-instant-autocomplete-wrapper .title > span,
body.dark .opc-wrapper .step-title,
body.dark .payment-option.discount-code .payment-option-title,
body.dark .authentication-wrapper .block-customer-login .block-title strong,
body.dark .sidebar .block-blog-categories li:before,
body.dark .toolbar .pages .pagination .item.current a,
body.dark .toolbar .pages .pagination .item a:hover,
body.dark.blog-post-view .post-comments .item .info,
body.dark .sidebar .block-blog-posts .post-list li:before,
body.dark .tabs_categories_porfolio li a.button:hover,
body.dark .tabs_categories_porfolio li a.button.is-checked,
body.dark .portfolio-index-view .table tr th,
body.dark .store-list-container .search-form .block-title .title,
body.dark .store-list-container .store-list .block-title .title,
body.dark .storelocator-details .box-store .block-title .title,
body.dark .storelocator-details .box-store table tr td:first-child,
body.dark.blog-post-view .post-comments .title-comment-content,
body.dark .opc-block-summary .table-totals tr.totals.grand th,
body.dark .opc-block-summary .table-totals tr.totals.grand td,
body.dark .opc-estimated-wrapper .estimated-block,
body.dark.checkout-cart-index .checkout-extra #block-summary dl.items.methods dt,
body.dark .sidebar .brand-list li:before,
body.dark .page-wrapper .header .nav-main-menu li > a:hover,
body.dark .content-heading h3.title,
body.dark .h1,
body.dark h1,
body.dark .h2,
body.dark h2,
body.dark .h3,
body.dark h3,
body.dark .h4,
body.dark h4,
body.dark .h5,
body.dark h5,
body.dark .h6,
body.dark h6 {
  color: #f0f0f0;
}
body.dark .product-info-main .product-add-form .actions button.tocart,
body.dark .bundle-info .product-details .actions button.tocart,
body.dark .products-grid .product-item-info .tocart.btn-cart,
body.dark .block-viewed-products-grid .tocart,
body.dark .slide-text .text-colour-white .btn-default,
body.dark .minicart-items .product-item .product.actions .action,
body.dark .product-info-main .product-add-form .actions button,
body.dark .bundle-info .product-details .actions button,
body.dark.checkout-cart-index .cart-summary .checkout-methods-items .item .action.checkout,
body.dark.checkout-cart-index #shopping-cart-table tbody tr.item-actions td > .actions-toolbar > a,
body.dark .list-products .product-item-info .product-item-details .btn.btn-cart,
body.dark #shipping-method-buttons-container .action,
body.dark .payment-method-content .actions-toolbar .action,
body.dark #shipping-method-buttons-container button.action,
body.dark .payment-method-content .actions-toolbar button.action,
body.dark .authentication-wrapper .action-auth-toggle,
body.dark .actions-toolbar .action.primary,
body.dark .menu-banner .btn,
body.dark #checkoutSteps .action-edit-address,
body.dark .payment-option.discount-code .form-discount .actions-toolbar .action.action-apply,
body.dark .tag-cloud a,
body.dark .characters-filter li a,
body.dark .modal-popup.confirm .modal-footer .action-primary,
body.dark .modal-popup.confirm .modal-footer .action-secondary,
body.dark .btn-default,
body.dark .btn-primary,
body.dark .btn-addlist,
body.dark .btn-addlist.tocart,
body.dark .btn-secondary {
  background-color: #363636;
  border: 1px solid #363636;
  color: #f0f0f0;
}
body.dark .product-info-main .product-add-form .actions button.tocart:hover,
body.dark .bundle-info .product-details .actions button.tocart:hover,
body.dark .products-grid .product-item-info .tocart.btn-cart:hover,
body.dark .block-viewed-products-grid .tocart:hover,
body.dark .slide-text .text-colour-white .btn-default:hover,
body.dark .minicart-items .product-item .product.actions .action:hover,
body.dark .product-info-main .product-add-form .actions button:hover,
body.dark .bundle-info .product-details .actions button:hover,
body.dark.checkout-cart-index .cart-summary .checkout-methods-items .item .action.checkout:hover,
body.dark.checkout-cart-index #shopping-cart-table tbody tr.item-actions td > .actions-toolbar > a:hover,
body.dark .list-products .product-item-info .product-item-details .btn.btn-cart:hover,
body.dark #shipping-method-buttons-container .action:hover,
body.dark .payment-method-content .actions-toolbar .action:hover,
body.dark #shipping-method-buttons-container button.action:hover,
body.dark .payment-method-content .actions-toolbar button.action:hover,
body.dark .authentication-wrapper .action-auth-toggle:hover,
body.dark .actions-toolbar .action.primary:hover,
body.dark .menu-banner .btn:hover,
body.dark #checkoutSteps .action-edit-address:hover,
body.dark .payment-option.discount-code .form-discount .actions-toolbar .action.action-apply:hover,
body.dark .tag-cloud a:hover,
body.dark .characters-filter li a:hover,
body.dark .modal-popup.confirm .modal-footer .action-primary:hover,
body.dark .modal-popup.confirm .modal-footer .action-secondary:hover,
body.dark .btn-default:hover,
body.dark .btn-primary:hover,
body.dark .btn-addlist:hover,
body.dark .btn-addlist.tocart:hover,
body.dark .btn-secondary:hover {
  background-color: #6b6b6b;
  border-color: #6b6b6b;
  color: #fff !important;
}
body.dark .actions-toolbar .action.primary {
  background-color: #363636 !important;
  border: 1px solid #363636 !important;
  color: #f0f0f0;
}
body.dark .actions-toolbar .action.primary:hover {
  background-color: #6b6b6b !important;
  border-color: #6b6b6b !important;
  color: #fff !important;
}
body.dark .page-wrapper .header .navigation .nav-main-menu li > .dropdown-menu,
body.dark .page-wrapper .header .dropdown-toplinks .dropdown-menu,
body.dark .dropdown-menu {
  background-color: #1b1b1b !important;
  border-color: #1b1b1b !important;
  color: #f0f0f0;
}
body.dark .scroll-to-top {
  color: #aaa;
  background-color: #444;
}
body.dark .scroll-to-top:hover {
  color: #f0f0f0;
}
body.dark .label-menu,
body.dark .label-menu.sale {
  background-color: #555;
  border-color: #555;
}
body.dark .owl-carousel .owl-nav > div:not(.disabled):hover {
  border-color: #888;
}
body.dark .product-label,
body.dark .owl-carousel .owl-nav > div:not(.disabled):hover,
body.dark .product-label.new-label {
  background-color: #888;
}
body.dark .products-grid.deal-products-grid .product-item-info .product-item-details .product-item-name a {
  color: #0f0f0f;
}
body.dark .products-grid.deal-products-grid .product-item-info .product-item-details .product-item-name a:focus {
  color: #1f45fc;
}
body.dark .products-grid.deal-products-grid .product-item-info .product-item-details .product-item-name a:hover {
  color: #1f45fc;
}
body.dark .page-wrapper .header .navigation .nav-main-menu li.mega-menu-fullwidth > ul.dropdown-menu .mega-menu-sub-title:hover:focus,
body.dark.blog-post-view .post-item-info .post-info a:focus,
body.dark .page-wrapper .header .navigation .nav-main-menu li > ul.dropdown-menu a:focus {
  color: #1f45fc;
}
body.dark .page-wrapper .header .navigation .nav-main-menu li.mega-menu-fullwidth > ul.dropdown-menu .mega-menu-sub-title:hover:hover,
body.dark.blog-post-view .post-item-info .post-info a:hover,
body.dark .page-wrapper .header .navigation .nav-main-menu li > ul.dropdown-menu a:hover {
  color: #1f45fc;
}
body.dark .list-products .product-item-info .product-item-details .product-item-name a,
body.dark.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details .product-item-name a,
body.dark .extra-link a,
body.dark .breadcrumbs .items > li a,
body.dark .minicart-items .product-item .product-item-details .product-item-name a,
body.dark #search_mini_form .mgs-instant-search-dropdown .mgs-instant-autocomplete-wrapper .posts-list .post-item-info .post-item-details .post-item-name a,
body.dark .products-list .product-item-info .product-item-details .product-item-name a,
body.dark .header .search-form .actions-search .action-search,
body.dark.mgs-quickview-catalog-product-view #view-detail,
body.dark .widget.mgs-blog-lastest-posts .post-item-content .post-item-detail .title a,
body.dark .header .minicart-wrapper .action.showcart,
body.dark .header a,
body.dark .header button,
body.dark .header .top-header-content a,
body.dark .header .top-header-content button,
body.dark .header .dropdown-toplinks .dropdown-toggle,
body.dark .page-wrapper .header .nav.nav-main-menu > li > a,
body.dark #search_mini_form .mgs-instant-search-dropdown .mgs-instant-autocomplete-wrapper .see-all,
body.dark .sidebar .block-blog-posts .post-list li a,
body.dark .sidebar .block-blog-categories li a,
body.dark.cms-noroute-index .page-main .column.main a,
body.dark .profile .profile-desc .profile-name,
body.dark .store-list-container .store-list > .items .stores li .store-content .description h4 a,
body.dark .brand-page-list .item .brand-name h4.brand-title a,
body.dark .sidebar .brand-list li a,
body.dark .sub-categories .items .item a,
body.dark .products-grid .product-item-info .product-item-details .product-item-name a {
  color: #f0f0f0;
}
body.dark .list-products .product-item-info .product-item-details .product-item-name a:focus,
body.dark.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details .product-item-name a:focus,
body.dark .extra-link a:focus,
body.dark .breadcrumbs .items > li a:focus,
body.dark .minicart-items .product-item .product-item-details .product-item-name a:focus,
body.dark #search_mini_form .mgs-instant-search-dropdown .mgs-instant-autocomplete-wrapper .posts-list .post-item-info .post-item-details .post-item-name a:focus,
body.dark .products-list .product-item-info .product-item-details .product-item-name a:focus,
body.dark .header .search-form .actions-search .action-search:focus,
body.dark.mgs-quickview-catalog-product-view #view-detail:focus,
body.dark .widget.mgs-blog-lastest-posts .post-item-content .post-item-detail .title a:focus,
body.dark .header .minicart-wrapper .action.showcart:focus,
body.dark .header a:focus,
body.dark .header button:focus,
body.dark .header .top-header-content a:focus,
body.dark .header .top-header-content button:focus,
body.dark .header .dropdown-toplinks .dropdown-toggle:focus,
body.dark .page-wrapper .header .nav.nav-main-menu > li > a:focus,
body.dark #search_mini_form .mgs-instant-search-dropdown .mgs-instant-autocomplete-wrapper .see-all:focus,
body.dark .sidebar .block-blog-posts .post-list li a:focus,
body.dark .sidebar .block-blog-categories li a:focus,
body.dark.cms-noroute-index .page-main .column.main a:focus,
body.dark .profile .profile-desc .profile-name:focus,
body.dark .store-list-container .store-list > .items .stores li .store-content .description h4 a:focus,
body.dark .brand-page-list .item .brand-name h4.brand-title a:focus,
body.dark .sidebar .brand-list li a:focus,
body.dark .sub-categories .items .item a:focus,
body.dark .products-grid .product-item-info .product-item-details .product-item-name a:focus {
  color: #1f45fc;
}
body.dark .list-products .product-item-info .product-item-details .product-item-name a:hover,
body.dark.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details .product-item-name a:hover,
body.dark .extra-link a:hover,
body.dark .breadcrumbs .items > li a:hover,
body.dark .minicart-items .product-item .product-item-details .product-item-name a:hover,
body.dark #search_mini_form .mgs-instant-search-dropdown .mgs-instant-autocomplete-wrapper .posts-list .post-item-info .post-item-details .post-item-name a:hover,
body.dark .products-list .product-item-info .product-item-details .product-item-name a:hover,
body.dark .header .search-form .actions-search .action-search:hover,
body.dark.mgs-quickview-catalog-product-view #view-detail:hover,
body.dark .widget.mgs-blog-lastest-posts .post-item-content .post-item-detail .title a:hover,
body.dark .header .minicart-wrapper .action.showcart:hover,
body.dark .header a:hover,
body.dark .header button:hover,
body.dark .header .top-header-content a:hover,
body.dark .header .top-header-content button:hover,
body.dark .header .dropdown-toplinks .dropdown-toggle:hover,
body.dark .page-wrapper .header .nav.nav-main-menu > li > a:hover,
body.dark #search_mini_form .mgs-instant-search-dropdown .mgs-instant-autocomplete-wrapper .see-all:hover,
body.dark .sidebar .block-blog-posts .post-list li a:hover,
body.dark .sidebar .block-blog-categories li a:hover,
body.dark.cms-noroute-index .page-main .column.main a:hover,
body.dark .profile .profile-desc .profile-name:hover,
body.dark .store-list-container .store-list > .items .stores li .store-content .description h4 a:hover,
body.dark .brand-page-list .item .brand-name h4.brand-title a:hover,
body.dark .sidebar .brand-list li a:hover,
body.dark .sub-categories .items .item a:hover,
body.dark .products-grid .product-item-info .product-item-details .product-item-name a:hover {
  color: #1f45fc;
}
body.dark .page-wrapper .header .nav-main-menu li > a,
body.dark .header ul.social-link li a {
  color: #ccc;
}
body.dark .page-wrapper .header .nav-main-menu li > a:focus,
body.dark .header ul.social-link li a:focus {
  color: #1f45fc;
}
body.dark .page-wrapper .header .nav-main-menu li > a:hover,
body.dark .header ul.social-link li a:hover {
  color: #1f45fc;
}
body.dark .page-wrapper .header {
  color: #f0f0f0;
  border-color: transparent;
  background-color: #0f0f0f;
}
body.dark .page-wrapper .header.active-sticky {
  border-color: #333;
}
body.dark .page-wrapper .header .action.nav-toggle img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
body.dark .page-wrapper .header .search-form .form-search {
  background: rgba(0, 0, 0, 0.85);
}
body.dark .page-wrapper .header .megamenu-content > .nav-tabs li:not(.hidden-lg) a {
  border-bottom: 1px solid #333 !important;
}
body.dark .page-wrapper .header .navigation .nav-main-menu li > ul.dropdown-menu {
  color: #000000;
}
body.dark .page-wrapper .header .nav-main-menu li > a,
body.dark .page-wrapper .header .navigation .nav-main-menu li > ul.dropdown-menu a,
body.dark .page-wrapper .header .dropdown-toplinks .dropdown-menu li a:not(.no-display),
body.dark .page-wrapper .header .dropdown-switcher .dropdown-menu li > a {
  border-color: #333 !important;
}
body.dark .page-wrapper .header .top-header-content {
  background-color: #222;
}
body.dark .page-wrapper .header .dropdown-toplinks .dropdown-menu li a:not(.no-display) {
  color: #ccc;
}
body.dark .page-wrapper .header .dropdown-toplinks .dropdown-menu li a:not(.no-display):focus {
  color: #1f45fc;
}
body.dark .page-wrapper .header .dropdown-toplinks .dropdown-menu li a:not(.no-display):hover {
  color: #1f45fc;
}
body.dark .page-wrapper .header .bottom-header-content {
  border-top: 0;
}
body.dark .page-wrapper .header .bottom-header-content,
body.dark .page-wrapper .header .middle-header-content {
  background-color: #0f0f0f;
}
body.dark .footer {
  color: #6b6b6b;
}
body.dark .footer.footer4 .middle-footer {
  color: #6b6b6b;
}
body.dark .footer.footer4 .middle-footer a,
body.dark .footer a {
  color: #6b6b6b;
}
body.dark .footer.footer4 .middle-footer a:focus,
body.dark .footer a:focus {
  color: #1f45fc;
}
body.dark .footer.footer4 .middle-footer a:hover,
body.dark .footer a:hover {
  color: #1f45fc;
}
body.dark .footer .bottom-footer {
  color: #999;
  background-color: #0f0f0f;
}
body.dark .footer .middle-footer {
  border: 0;
  background-color: #171717;
}
body.dark .footer .top-footer {
  background-color: #0f0f0f;
  border-color: #282828;
}
body.dark .footer .block.newsletter {
  border: 0;
}
body.dark .footer .block.newsletter .form.subscribe .form-group input[type="email"] {
  height: 40px;
}
.block.filter .block-content.filter-content .filter-options-item input[type=radio], .block.filter .block-content.filter-content .filter-options-item input[type=checkbox] {
    margin-top: 6px;
    vertical-align: top;
}
.modal_newsletter_popup.modal-popup .newsletter_popup .block-popup-subscribe {
  max-height: 100vh;
  overflow-y: auto;
}
.modal_newsletter_popup.modal-popup .newsletter_popup {
  max-width: calc(100% - 30px);
}
@media (max-width: 767px) {
  .modal_newsletter_popup.modal-popup .newsletter-popup-content p {
    font-size: 0;
  }
}
/* Fly Cart */
#footer-cart-btn-checkout {
  color: #fff;
  border: 2px solid #222;
  background-color: #222;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  height: 40px;
  font-weight: 600;
  padding: 0 35px;
  line-height: 36px;
}
#footer-cart-btn-checkout:hover {
  color: #fff;
  border: 2px solid #1f45fc;
  background-color: #1f45fc;
}
.flycart.ajaxcart-catalog_product-view .mfp-bg,
.flycart.ajaxcart-catalog_product-view #mgs-ajax-loading .preloader {
  display: none;
}
.cart-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 98;
}
.cart-footer .paypal {
  display: none;
}
.cart-footer.number:empty {
  display: none;
}
.cart-footer .subtitle {
  display: none;
}
.cart-footer .subtitle.empty {
  font-weight: 500;
  text-align: center;
  display: block;
  padding: 35px 15px;
}
.cart-footer .cart-qty {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 10px 15px;
  border-radius: 0 4px 0 0;
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  -o-border-radius: 0 4px 0 0;
  display: inline-block;
  cursor: pointer;
}
.cart-footer .fixed-mini-cart {
  background-color: #fff;
  box-shadow: 0 0px 3px #ddd;
}
.cart-footer .fixed-mini-cart:after {
  content: "";
  display: table;
  clear: both;
}
.cart-footer .fixed-mini-cart .fixed-cart-col {
  float: left;
}
.cart-footer .fixed-mini-cart .fixed-cart-col.empty {
  display: none;
}
.cart-footer .fixed-mini-cart .fixed-cart-col.cart-items {
  border-right: 1px solid #ddd;
  width: calc(100% - 500px);
}
.cart-footer .fixed-mini-cart .fixed-cart-col.fixed-cart-actions {
  padding: 43px 20px;
  float: right;
}
.cart-footer .fixed-mini-cart .fixed-cart-col.fixed-cart-actions button {
  white-space: nowrap;
}
.cart-footer .fixed-mini-cart .cart-items-inner {
  white-space: nowrap;
  max-width: 100%;
  overflow-x: auto;
  padding: 20px;
}
.cart-footer .fixed-mini-cart .cart-items .item {
  display: inline-block;
  margin-right: 10px;
  position: relative;
}
.cart-footer .fixed-mini-cart .cart-items .item .product .item-qty {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -o-border-radius: 100px;
  background-color: #1f45fc;
  text-align: center;
  color: #fff;
  line-height: 18px;
  position: absolute;
  top: 5px;
  right: 5px;
}
.cart-footer .fixed-mini-cart .cart-items .item .edit-icon {
  position: absolute;
  bottom: 5px;
  right: 5px;
  cursor: pointer;
  background-color: #fff;
  color: #000;
  font-weight: bold;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  text-align: center;
}
.cart-footer .fixed-mini-cart .item-actions {
  background-color: #ddd;
  bottom: 0;
  left: 100%;
  padding: 8px;
  position: absolute;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
}
.cart-footer .fixed-mini-cart .item-actions.show-actions {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.cart-footer .fixed-mini-cart .item-actions .product.actions {
  white-space: nowrap;
}
.cart-footer .fixed-mini-cart .item-actions .product.actions > div {
  display: inline-block;
  vertical-align: top;
}
.cart-footer .fixed-mini-cart .item-actions .product.actions .action {
  line-height: 20px;
  height: 20px;
  display: block;
}
.cart-footer .fixed-mini-cart .item-actions .product.actions .action span {
  font-size: 0;
  line-height: 0;
}
.cart-footer .fixed-mini-cart .item-actions .product.actions .action:after {
  color: #999;
  content: "\e680";
  font-family: "Pe-icon-7-stroke";
  font-size: 30px;
}
.cart-footer .fixed-mini-cart .item-actions .product.actions .action.edit:after {
  content: "\e62c";
  font-size: 18px;
}
.cart-footer .fixed-mini-cart .item-actions .details-qty {
  white-space: nowrap;
  text-align: center;
  margin-bottom: 12px;
}
.cart-footer .fixed-mini-cart .item-actions .details-qty .label {
  display: none;
}
.cart-footer .fixed-mini-cart .item-actions .details-qty .item-qty {
  width: 40px;
  padding: 0;
  text-align: center;
  height: 30px;
  display: inline-block;
  vertical-align: top;
}
.cart-footer .fixed-mini-cart .item-actions .details-qty .update-cart-item {
  width: 40px;
  height: 30px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  background: #333;
  color: #fff;
  border: 1px solid #333;
  vertical-align: top;
  text-align: center;
  padding: 0;
}
.cart-footer .fixed-mini-cart .item-actions .details-qty .update-cart-item:hover {
  background-color: #000;
  border-color: #000;
}
.fixed-cart-summary {
  padding: 30px 20px;
}
.fixed-cart-summary .summary-content {
  display: table;
  width: 100%;
}
.fixed-cart-summary .summary-content .summary-field {
  display: table-row;
}
.fixed-cart-summary .summary-content .summary-field > span {
  display: table-cell;
  padding: 5px 0;
}
.fixed-cart-summary .summary-content .summary-field > span.title {
  padding-right: 20px;
  color: #000;
}
.fixed-cart-summary .summary-content .summary-field > span.title:after {
  content: ":";
}
.fixed-cart-summary .summary-content .summary-field > span .price {
  font-weight: 600;
  font-size: 18px;
  color: #000;
}
.product-options-wrapper .swatch-attribute .swatch-input {
  display: block !important;
  position: absolute;
  opacity: 0;
  left: -9999em;
}
/* Add style ul-ol*/
.panel-block-row ul.std li {
  list-style-type: disc;
}
.panel-block-row ol.std li {
  list-style: decimal;
}
/* end style ul-ol */
/* end less rules */

/* start less rules */
@media (min-width: 1200px) {
  .col-lg-custom-5,
  .col-lg-custom-7,
  .col-lg-custom-8 {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-lg-custom-5 {
    width: 20%;
  }
  .col-lg-custom-7 {
    width: calc(100% / 7);
  }
  .col-lg-custom-8 {
    width: 12.5%;
  }
}
@media (min-width: 992px) {
  .col-md-custom-5,
  .col-md-custom-7,
  .col-md-custom-8 {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-md-custom-5 {
    width: 20%;
  }
  .col-md-custom-7 {
    width: calc(100% / 7);
  }
  .col-md-custom-8 {
    width: 12.5%;
  }
  .first-row-item {
    clear: left;
  }
}
@media (min-width: 1200px) {
  .first-lg-item {
    clear: left;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .first-md-item {
    clear: left;
  }
}
@media (min-width: 992px) {
  .first-row-item {
    clear: left;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .first-sm-item {
    clear: left;
  }
}
@media (max-width: 767px) {
  .first-xs-item {
    clear: left;
  }
}
@media (min-width: 500px) and (max-width: 767px) {
  .col-xs-half {
    width: 50%;
  }
}
@media (max-width: 991px) {
  #placeholder-header {
    /* display: none !important; */
  }
}
@media (max-width: 991px) {
  .footer .middle-footer div[class*="col-lg"]:not(:last-child) {
    margin-bottom: 50px;
  }
  .footer .bottom-footer .copyright address {
    text-align: center;
    margin-bottom: 15px;
    line-height: 1.75;
  }
  .footer .bottom-footer ul {
    display: table;
    margin: 0 auto;
    float: none;
  }
  .footer .bottom-footer ul li:first-child {
    margin-left: 0;
  }
  .footer.footer3 .bottom-footer ul {
    display: block;
    margin: unset;
  }
}
@media (min-width: 768px) {
  .footer.footer2 .block.newsletter .form.subscribe .actions .action.subscribe {
    padding: 0 30px;
  }
}
@media (min-width: 1200px) {
  .footer.footer4 .middle-footer-container {
    width: 100%;
    display: table;
  }
  .footer.footer4 .middle-footer-container .middle-footer {
    padding: 50px 150px 0;
  }
  .footer.footer4 .middle-footer-container .middle-footer .container {
    width: unset;
  }
  .footer.footer4 .middle-footer-container .middle-col,
  .footer.footer4 .middle-footer-container .footer-map {
    display: table-cell;
    width: 50%;
    vertical-align: top;
  }
  .footer.footer4 .bottom-footer {
    padding: 20px 150px;
  }
  .footer.footer4 .bottom-footer .container {
    width: unset;
  }
}
@media (max-width: 1199px) {
  .footer.footer4 .middle-footer-container .footer-map {
    height: 300px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .footer.footer4 .middle-footer-container .middle-footer {
    padding: 50px 70px 0;
  }
  .footer.footer4 .bottom-footer {
    padding: 20px 70px;
  }
}
@media (min-width: 1660px) {
  .container-large .container {
    width: 1620px !important;
  }
}
@media (max-width: 1024px) {
  .nav-open .close-nav-button {
    display: flex;
    opacity: 1;
    right: 0;
    left: auto;
    top: 0;
  }
  .nav-before-open {
    height: 100%;
    overflow-x: hidden;
    width: 100%;
  }
  .nav-before-open body {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  .nav-before-open .page-wrapper {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: relative;
    transition: left 0.3s ease 0s;
    -webkit-transition: left 0.3s ease 0s;
    -moz-transition: left 0.3s ease 0s;
    -o-transition: left 0.3s ease 0s;
  }
  .nav-before-open .header .megamenu-content {
    -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
    -ms-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
    box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
    transform: translate3d(400px, 0, 0);
    -webkit-transform: translate3d(400px, 0, 0);
    -moz-transform: translate3d(400px, 0, 0);
    -o-transform: translate3d(400px, 0, 0);
  }
  .nav-before-open .nav-toggle:after {
    background: rgba(0, 0, 0, 0.7);
    content: '';
    display: block;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    opacity: 0;
    transition: opacity 0.3s ease 0s;
    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
  }
  .nav-open .nav-toggle:after {
    opacity: 1;
  }
  .checkout-index-index._has-modal-custom .header {
    z-index: auto;
  }
}
@media (min-width: 1200px) {
  .footer .dropdown-switcher:hover .dropdown-menu {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}
.header.active-sticky {
  position: fixed;
  z-index: 997;
  top: 0;
  left: 0;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
  right: 0;
}
.header.active-sticky .top-header-content {
  display: none;
}
@media (min-width: 1025px) {
  .header .mobile-item-col .nav-toggle,
  .header .mobile-only-logo {
    display: none !important;
  }
  .header .mobile-item-col .desktop-social-block {
    display: block;
  }
  .header:not(.header6):not(.header7) .megamenu-content .nav.nav-tabs,
  .header:not(.header6):not(.header7) #main-Accountcontent,
  .header:not(.header6):not(.header7) #main-Settingcontent {
    display: none !important;
  }
  .header:not(.header6):not(.header7) #main-Menucontent {
    display: block !important;
  }
  .header .top-header-content .dropdown-switcher .dropdown-menu {
    display: block !important;
    opacity: 0;
    visibility: hidden;
  }
  .header .top-header-content .dropdown-switcher:hover .dropdown-menu {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  .header.header5 {
    display: none;
  }
  .header.header5 .table-icon-menu .minicart-wrapper {
    position: static;
  }
  .header.header5 .table-icon-menu .minicart-wrapper .block-minicart {
    left: 0;
  }
  .header.header5 .logo {
    display: block;
    text-align: center;
    padding: 0 0 9px;
  }
  .header.header5 .table-icon-menu {
    width: 100%;
    margin: 0 auto 45px;
    text-align: center;
  }
  .header.header5 .table-icon-menu > div {
    display: inline-block;
  }
  .header.header5 .table-icon-menu > div.dropdown-toplinks .dropdown-menu {
    display: none !important;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
  }
  .header.header5 .table-icon-menu > div.dropdown-toplinks.open .dropdown-menu {
    display: block !important;
  }
  .header.header5 .middle-header-content > .container {
    width: 100% !important;
    padding: 0;
  }
  .header.header6 .megamenu-content > .nav-tabs li:not(.hidden-lg),
  .header.header7 .megamenu-content > .nav-tabs li:not(.hidden-lg) {
    display: block !important;
    width: 100%;
  }
  .header.header6 .megamenu-content > .nav-tabs li:not(.hidden-lg) a,
  .header.header7 .megamenu-content > .nav-tabs li:not(.hidden-lg) a {
    font-size: 16px;
    line-height: 50px;
    letter-spacing: 2px;
    text-transform: uppercase;
    background: #000;
    color: #fff;
    text-align: center;
    font-weight: 600;
    position: relative;
    padding: 0;
  }
  .header.header6 .megamenu-content > .tab-content #main-Accountcontent,
  .header.header7 .megamenu-content > .tab-content #main-Accountcontent,
  .header.header6 .megamenu-content > .tab-content #main-Settingcontent,
  .header.header7 .megamenu-content > .tab-content #main-Settingcontent {
    display: none !important;
  }
}
@media (min-width: 1025px) and (min-width: 1499px) {
  .header.header5 .navigation .nav-main-menu > li.mega-menu-fullwidth > ul.dropdown-menu {
    width: 1200px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .header.header5 .navigation .nav-main-menu > li.mega-menu-fullwidth > ul.dropdown-menu {
    width: auto !important;
  }
}
@media (max-width: 1024px) {
  .header .mobile-item-col .nav-toggle {
    display: block;
  }
  .header .mobile-item-col .desktop-social-block {
    display: none !important;
  }
  .header:not(.header6):not(.header7) .megamenu-content {
    height: 100%;
    left: calc(-1 * (100% - 54px));
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    width: calc(100% - 54px);
    max-width: 400px;
    background-color: #fff;
    z-index: 1000;
    padding: 0;
    left: -400px;
    top: 0;
    bottom: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  }
  .header:not(.header6):not(.header7) .megamenu-content .nav-tabs {
    border: none;
    position: sticky;
    top: 0;
    z-index: 5;
  }
  .header:not(.header6):not(.header7) .megamenu-content .nav-tabs > li {
    width: calc(100% / 3);
    text-align: center;
    margin: 0;
  }
  .header:not(.header6):not(.header7) .megamenu-content .nav-tabs > li + li {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
  }
  .header:not(.header6):not(.header7) .megamenu-content .nav-tabs > li > a {
    background: none;
    padding: 16px 0;
    display: block;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    margin: 0;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
    background-color: #222;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
  }
  .header:not(.header6):not(.header7) .megamenu-content .nav-tabs > li.active > a {
    background-color: #fff;
    color: #272727;
    border-bottom-color: #56cfe1 !important;
  }
  .header:not(.header6):not(.header7) .megamenu-content .top-links {
    text-align: left;
    margin: 0;
  }
  .header:not(.header6):not(.header7) .megamenu-content .top-links li {
    width: 100%;
  }
  .header:not(.header6):not(.header7) .megamenu-content .top-links li a:not(.no-display) {
    border-bottom: 1px solid #e3e3e3;
    color: #575757;
    display: block;
    padding: 10px 15px;
    font-size: 14px;
  }
  .header:not(.header6):not(.header7) .megamenu-content .dropdown-switcher {
    float: none;
    display: block;
    border-bottom: 1px solid #e3e3e3;
    margin: 0;
    position: relative;
  }
  .header:not(.header6):not(.header7) .megamenu-content .dropdown-switcher .switcher-toggle {
    padding-left: 15px;
    width: 100%;
    text-align: left;
  }
  .header:not(.header6):not(.header7) .megamenu-content .dropdown-switcher .dropdown-menu {
    left: 15px;
    right: auto;
  }
  .header:not(.header6):not(.header7) .navigation .nav-main-menu .label-menu {
    position: static !important;
    display: inline-block;
    float: right;
    vertical-align: middle;
    margin-top: 4px;
    margin-right: 20px;
  }
  .header .mega-menu-content .static-content,
  .header .dropdown-toplinks,
  .header .table-icon-menu > .header-wl,
  .header .nav.nav-main-menu > li.logo-item {
    display: none !important;
  }
  .header.header5 ul.social-link li {
    margin: 0 5px;
  }
  .header.header5 ul.social-link li a {
    padding: 11px;
    display: block;
  }
  .header.header5 .middle-header-content .middle-content:after {
    content: "";
    display: table;
    clear: both;
  }
  .header.header5 .middle-header-content .middle-content .action-menu-responsive,
  .header.header5 .middle-header-content .middle-content .logo {
    float: left;
    width: calc(100% / 3);
  }
  .header.header5 .middle-header-content .middle-content .table-icon-menu {
    float: right;
  }
  .header.header5 .middle-header-content .middle-content .logo {
    padding-top: 17px;
    text-align: center;
    display: block;
  }
}
@media (max-width: 1199px) {
  .header .header.header4 .bottom-header-content {
    display: none;
  }
}
@media (min-width: 1200px) {
  .header.active-sticky.header4 .bottom-header-content {
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  }
  .header.active-sticky.header4:hover .bottom-header-content {
    opacity: 1;
    visibility: visible;
    overflow: visible;
    max-height: 100px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .header .top-header-content .top-middle-header {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .header .search-form.select-search .form-search .form.minisearch .search-select,
  .header .search-form.select-search .form-search .form.minisearch .input-text {
    display: table-cell;
    vertical-align: middle;
  }
  .header .search-form.select-search .form-search .form.minisearch .search-select {
    width: 1%;
  }
}
@media (max-width: 767px) {
  .header .top-header-content .top-custom-link ul {
    display: table;
    margin: 0 auto;
  }
  .header .top-header-content .top-custom-link ul li {
    padding-bottom: 0;
  }
  .header .top-header-content .top-middle-header {
    padding-top: 10px;
  }
  .header .mobile-item-col {
    float: left;
    width: calc(100% / 3);
  }
  .header .search-form.select-search .form-search .form.minisearch .search-select .search-toggle {
    width: 100%;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
.minicart-wrapper .block-minicart {
    width: 300px;
}
}
@media (min-width: 768px) {
  .products-grid .product-item-info .tocart.btn-cart .icon {
    display: none;
  }
}
@media (max-width: 767px) {
  .products-grid .product-item-info .tocart.btn-cart {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 0;
    width: 50px;
    height: 50px;
  }
  .products-grid .product-item-info .tocart.btn-cart .icon {
    margin: 0;
  }
  .products-grid .product-item-info .tocart.btn-cart .text {
    display: none;
  }
}
@media (max-width: 767px) {
  .content-heading h3.title:before,
  .content-heading h3.title:after {
    content: none !important;
  }
}
@media (max-width: 768px) {
  .block.filter .filter-content .filter-options-item .filter-options-title:after {
    content: none !important;
  }
  .block.filter .filter-content .filter-options-item .filter-options-content {
    display: block !important;
  }
}

@media (max-width: 991px) {
  .toolbar .modes {
    display: none;
  }
}
@media (max-width: 767px) {
  .toolbar .limiter {
    display: none;
  }
  .toolbar select {
    max-width: 150px;
  }
  .toolbar .pages .pagination .item {
    padding: 0 12px;
  }
}
@media (max-width: 767px) {
  body:not(.page-layout-1column) .toolbar .sorter {
    text-align: left;
  }
  body:not(.page-layout-1column) .toolbar select {
    max-width: 150px;
  }
}
@media (min-width: 768px) {
  .page-layout-3columns .bottom-pagination {
    border-top: 1px solid #ddd;
    padding-top: 13px;
  }
  .page-layout-3columns .bottom-pagination .toolbar .limiter {
    display: block;
    text-align: right;
  }
  .page-layout-3columns .bottom-pagination .toolbar .pages {
    padding-top: 0;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-top: none;
  }
  .page-layout-3columns .bottom-pagination .toolbar .pagination {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .blog-list .post-item-info {
    margin-bottom: 60px;
  }
  .blog-list .post-item-info .post-image.has-image .post-info {
    position: static;
  }
}
@media (max-width: 767px) {
  .blog-post-view .post-comments .item .info .posted-on {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .checkout-cart-index .checkout-extra {
    padding-left: 200px;
  }
  .checkout-cart-index .checkout-extra > .block > .title {
    width: 200px;
  }
}
@media (max-width: 767px) {
  .checkout-cart-index .checkout-extra {
    padding: 0;
    border: none;
  }
  .checkout-cart-index .checkout-extra > .block > .title {
    width: 100%;
    position: static;
    margin: 0 !important;
    border: 1px solid #efefef;
    padding: 12px 20px 12px;
  }
  .checkout-cart-index .checkout-extra > .block > .title.active {
    border-color: #2a2a2a;
  }
  .checkout-cart-index .checkout-extra > .block > .content {
    border: 1px solid #efefef;
    border-top: none;
    padding: 30px 20px;
  }
  .checkout-cart-index .cart-container .cart.main.actions .btn {
    width: 100%;
    text-align: center;
  }
  .checkout-cart-index .cart-container .cart.main.actions .btn + .btn {
    margin: 15px 0 0;
  }
  .checkout-cart-index #shopping-cart-table thead {
    display: none;
  }
  .checkout-cart-index #shopping-cart-table tbody {
    border: 1px solid #eaeaea;
    display: block;
  }
  .checkout-cart-index #shopping-cart-table tbody tr {
    display: block;
  }
.checkout-cart-index #shopping-cart-table tbody tr td {
    display: block;
    border: none;
    text-align: left;
    padding: 2px 15px !important;
    width: 100%;
}
  .checkout-cart-index #shopping-cart-table tbody tr td.col:not(.item):before {
    content: attr(data-th) ":";
    font-size: 15px;
    display: inline-block;
    margin-right: 5px;
    color: #2a2a2a;
  }
  .checkout-cart-index #shopping-cart-table tbody tr td.col.qty .field.qty {
    display: inline-block;
    vertical-align: middle;
  }
  .checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-photo {
    float: none;
  }
  .checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details {
    float: none;
    width: 100%;
    margin: 10px 0 0;
    padding: 0;
  }
  .checkout-cart-index #shopping-cart-table tbody tr td.col.item:after {
    content: "";
    display: table;
    clear: both;
  }
  .checkout-cart-index #shopping-cart-table tbody tr.item-actions td > .actions-toolbar {
    padding: 10px 0 0;
  }
}
@media (min-width: 992px) {
  .opc-estimated-wrapper {
    display: none;
  }
}
@media (min-width: 992px) {
  .opc-progress-bar {
    margin: 0 0 32px;
    counter-reset: i;
    display: block;
    font-size: 0;
    width: calc(66.66666667% - 15px);
  }
  .opc-progress-bar .opc-progress-bar-item {
    margin: 0 0 10px;
    width: 50%;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
  }
  .opc-progress-bar .opc-progress-bar-item > span {
    display: inline-block;
    padding-top: 45px;
    width: 100%;
    word-wrap: break-word;
    color: #c2c2c2;
    font-size: 16px;
  }
  .opc-progress-bar .opc-progress-bar-item > span:after,
  .opc-progress-bar .opc-progress-bar-item > span:before {
    left: 50%;
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
  }
  .opc-progress-bar .opc-progress-bar-item > span:after {
    background: #fff;
    height: 26px;
    margin-left: -13px;
    top: 6px;
    width: 26px;
    content: counter(i);
    counter-increment: i;
    color: #333;
    font-size: 15px;
    line-height: 26px;
    color: #c2c2c2;
  }
  .opc-progress-bar .opc-progress-bar-item > span:before {
    background: #c2c2c2;
    height: 38px;
    margin-left: -19px;
    width: 38px;
    content: '';
    top: 0;
  }
  .opc-progress-bar .opc-progress-bar-item:before {
    background: #c2c2c2;
    top: 19px;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    content: '';
    height: 7px;
    left: 0;
    position: absolute;
    width: 100%;
  }
  .opc-progress-bar .opc-progress-bar-item._active:before {
    background: #eb5202;
  }
  .opc-progress-bar .opc-progress-bar-item._active > span {
    color: #eb5202;
  }
  .opc-progress-bar .opc-progress-bar-item._active > span:before {
    background: #eb5202;
  }
  .opc-progress-bar .opc-progress-bar-item._active > span:after {
    color: #eb5202;
  }
  .opc-progress-bar .opc-progress-bar-item._complete:before {
    background: #14ab00;
  }
  .opc-progress-bar .opc-progress-bar-item._complete > span {
    color: #14ab00;
  }
  .opc-progress-bar .opc-progress-bar-item._complete > span:before {
    background: #14ab00;
  }
  .opc-progress-bar .opc-progress-bar-item._complete > span:after {
    color: #14ab00;
    font-family: 'FontAwesome';
    content: '\f00c';
  }
  .opc-progress-bar .opc-progress-bar-item._complete:hover:before {
    background: #c2c2c2;
  }
  .opc-progress-bar .opc-progress-bar-item._complete:hover > span {
    color: #c2c2c2;
  }
  .opc-progress-bar .opc-progress-bar-item._complete:hover > span:before {
    background: #c2c2c2;
  }
  .opc-progress-bar .opc-progress-bar-item._complete:hover > span:after {
    color: #c2c2c2;
  }
}
@media (max-width: 991px) {
  .opc-progress-bar {
    display: none;
  }
}
@media (max-width: 991px) {
  .checkout-container {
    position: relative;
    z-index: 101;
  }
  .authentication-wrapper {
    margin-bottom: 25px;
  }
  .opc-wrapper {
    width: 100%;
    padding: 0;
  }
  .opc-sidebar.opc-summary-wrapper {
    bottom: 0;
    left: 30px;
    min-width: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 99998;
    width: auto;
  }
  .opc-sidebar.opc-summary-wrapper .modal-inner-wrap {
    height: 100%;
    overflow-y: auto;
    position: static;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transition-duration: 0.3s;
    transition-property: transform, visibility;
    transition-timing-function: ease-in-out;
    width: auto;
    background-color: #f4f4f4;
    box-sizing: border-box;
    height: auto;
    min-height: 100%;
  }
  .opc-sidebar.opc-summary-wrapper .modal-inner-wrap .modal-header {
    display: block;
    min-height: unset;
    padding: 0;
    border: none;
  }
  .opc-sidebar.opc-summary-wrapper .modal-inner-wrap .modal-header .action-close {
    width: 40px;
    height: 40px;
    text-align: center;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    box-sizing: content-box;
    display: inline-block;
    font-weight: 400;
    line-height: inherit;
    padding: 0;
    position: absolute;
    right: 20px;
    text-decoration: none;
    text-shadow: none;
    top: 16px;
    z-index: 1;
  }
  .opc-sidebar.opc-summary-wrapper .modal-inner-wrap .modal-header .action-close:after {
    content: "x";
    font-size: 30px;
    line-height: 1;
  }
  .opc-sidebar.opc-summary-wrapper .modal-inner-wrap .modal-header .action-close > span {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .opc-sidebar.opc-summary-wrapper._show {
    overflow-x: hidden;
    overflow-y: auto;
    visibility: visible;
  }
  .opc-sidebar.opc-summary-wrapper._show + .modal-custom-overlay {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 899 !important;
    background-color: rgba(51, 51, 51, 0.55);
  }
  .opc-sidebar.opc-summary-wrapper._show .modal-inner-wrap {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
  .opc-estimated-wrapper {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #ccc;
    margin: 0 0 30px;
    padding: 11px 20px;
  }
  .opc-estimated-wrapper:after {
    content: "";
    display: table;
    clear: both;
  }
  .opc-estimated-wrapper .estimated-block {
    float: left;
    font-size: 18px;
    font-weight: 400;
    color: #2a2a2a;
  }
  .opc-estimated-wrapper .estimated-block .estimated-label {
    display: block;
    margin: 0 0 5px;
  }
  .opc-estimated-wrapper .estimated-block .estimated-price {
    color: #56cfe1;
  }
  .opc-estimated-wrapper .minicart-wrapper {
    display: inline-block;
    float: right;
    position: relative;
    margin: 0;
  }
  .opc-estimated-wrapper .minicart-wrapper button.action.showcart {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    box-sizing: content-box;
    font-weight: 400;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-shadow: none;
  }
  .opc-estimated-wrapper .minicart-wrapper button.action.showcart:before {
    font-size: 26px;
  }
  .opc-estimated-wrapper .minicart-wrapper button.action.showcart > .counter.qty {
    background-color: #56cfe1;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 13px 0 0;
    min-width: 30px;
    text-align: center;
    vertical-align: top;
    white-space: normal;
  }
  .table-checkout-shipping-method thead {
    display: none;
  }
  .table-checkout-shipping-method tbody tr td {
    padding: 14px 0 11px;
  }
  .table-checkout-shipping-method tbody tr td.col-method {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
  #shipping-method-buttons-container .action,
  .payment-method-content .actions-toolbar .action,
  #shipping-method-buttons-container button.action,
  .payment-method-content .actions-toolbar button.action {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #multiship-addresses-table thead {
    display: none;
  }
  #multiship-addresses-table tbody tr {
    display: block;
    padding: 15px;
    border: 1px solid #eaeaea;
  }
  #multiship-addresses-table tbody tr td {
    text-align: left !important;
    padding: 0 !important;
    display: block;
    border: none;
  }
  #multiship-addresses-table tbody tr td + td {
    margin-top: 15px;
  }
  #multiship-addresses-table tbody tr td .field .label {
    display: block !important;
  }
}
@media (max-width: 768px) {
  .multishipping-checkout-overview .table-order-review thead tr {
    display: block;
  }
  .multishipping-checkout-overview .table-order-review thead tr th {
    display: none;
  }
  .multishipping-checkout-overview .table-order-review thead tr th.col.item {
    display: block !important;
    padding-left: 0;
    padding-right: 0;
    border: none !important;
    text-align: left;
  }
  .multishipping-checkout-overview .table-order-review tbody tr,
  .multishipping-checkout-overview .table-order-review tfoot tr {
    border: 1px solid #f0f0f0;
    display: block;
    padding: 15px;
  }
  .multishipping-checkout-overview .table-order-review tbody tr td {
    display: block;
    padding: 0 !important;
    border: none !important;
    text-align: left;
  }
  .multishipping-checkout-overview .table-order-review tbody tr td:not(.item):before {
    display: inline-block;
    content: attr(data-th) ":";
    font-size: 13px;
    margin-right: 5px;
    color: #2a2a2a;
  }
  .multishipping-checkout-overview .table-order-review tbody tr td.qty {
    text-align: left;
  }
  .multishipping-checkout-overview .table-order-review tfoot tr td,
  .multishipping-checkout-overview .table-order-review tfoot tr th {
    display: block;
    padding: 0 !important;
    border: none !important;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .lookbook_banner.parallax {
    background-attachment: inherit !important;
  }
  .lookbook_banner .big-title {
    font-size: 40px;
  }
  .cms-index-index section.padding-left30 {
    padding-left: 15px;
  }
  .cms-index-index section.padding-right30 {
    padding-right: 15px;
  }
}
@media (min-width: 1200px) {
  .instagram-section {
    padding-left: 45px;
    padding-right: 45px;
  }
}
@media (min-width: 1200px) {
  .menu_vertical_fixed {
    margin-left: 270px;
  }
  .menu_vertical_fixed .header.header5 {
    width: 270px;
    left: 0;
    position: absolute;
    top: 0;
    display: block;
    overflow: visible;
    height: auto;
    background-color: #fff;
    z-index: 500;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    min-height: 100vh;
  }
  .menu_vertical_fixed .header.header5.fixed-bottom {
    bottom: 0;
    top: auto !important;
    position: fixed;
  }
  .menu_vertical_fixed .header.header5 .middle-header-content {
    padding-top: 59px;
    padding-bottom: 200px;
    position: relative;
    min-height: 100vh;
  }
  .menu_vertical_fixed .header.header5 .middle-header-content .bottom-header-custom-block {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  body.wide .menu_vertical_fixed .container {
    width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1659px) {
  body.wide .menu_vertical_fixed.width1366 .container {
    width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1469px) {
  body.wide .menu_vertical_fixed.width1024 .container {
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .YouTubePopUp-Content {
    max-width: 90%;
  }
}
@media all and (max-width: 600px) {
  .YouTubePopUp-Content iframe {
    height: 320px !important;
  }
}
@media all and (max-width: 480px) {
  .YouTubePopUp-Content iframe {
    height: 220px !important;
  }
}
@media all and (max-width: 600px) {
  .YouTubePopUp-Close {
    bottom: 362px;
  }
}
@media all and (max-width: 480px) {
  .YouTubePopUp-Close {
    bottom: 262px;
  }
}
@media (min-width: 768px) {
  .product.info.detailed.after-content .product-data-items-content .title-accordion {
    display: none;
  }
  .product.info.detailed.after-content .product-data-items-content .data.item.content {
    padding: 0;
    border: none;
  }
}
@media (max-width: 767px) {
  .product-data-items-menu {
    display: none !important;
  }
  .sticky-info-multiple-col .product-detail-infomation {
    padding-top: 30px;
  }
}
@media (min-width: 992px) {
  .product-detail-infomation.is_stuck .has-sticky-menu {
    padding-top: 70px;
  }
}
@media (max-width: 767px) {
  .product-detail-infomation {
    margin-top: 25px;
  }
  .product-detail-infomation.margin-top65 {
    margin-top: 65px;
  }
}
@media (min-width: 1200px) {
  .sticky-info-multiple-col > div:not(.col-lg-6) {
    width: 25% !important;
  }
  .use-header6.nav-open .close-nav-button,
  .use-header7.nav-open .close-nav-button {
    display: block;
    opacity: 1;
    transform: translate3d(400px, 0, 0);
    -webkit-transform: translate3d(400px, 0, 0);
    -moz-transform: translate3d(400px, 0, 0);
    -o-transform: translate3d(400px, 0, 0);
    top: 4px;
  }
}
@media (min-width: 1200px) {
  .header.header8 .navigation .nav-main-menu {
    margin: 0 !important;
  }
  .header.header8 .navigation .nav-main-menu > li > a {
    padding: 12px 18px;
  }
  .header.header8 .navigation .nav-main-menu > li > a .label-menu {
    top: 0px;
  }
  .header.header8 .navigation .nav-main-menu > li:first-child > a {
    padding-left: 15px;
  }
  .header.header8 .navigation .nav-main-menu li.mega-menu-fullwidth.menu-2columns > ul.dropdown-menu {
    min-width: 500px;
  }
  .header.header8 .bottom-header-content {
    position: relative;
  }
  .header.header8 .bottom-header-content .parent__megameu {
    padding: 0;
  }
}
@media (max-width: 1199px) {
  .header.header8 .vertical-menu-widget .vertical-menu {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
  }
}
@media (min-width: 992px) {
  .header.header8 .search-form .form-search {
    position: static;
    background: none;
    opacity: 1;
    visibility: visible;
  }
  .header.header8 .search-form .form-search .search-close {
    display: none;
  }
  .header.header8 .search-form .form-search .form.minisearch {
    margin: 27px 0;
    padding: 0;
    border: 1px solid #222;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
  }
  .header.header8 .search-form .form-search .form.minisearch .input-text {
    font-size: 14px;
    text-align: left;
    padding-left: 30px;
    color: #878787;
  }
  .header.header8 .search-form.select-search .form-search .form.minisearch .search-select .search-toggle {
    font-size: 14px;
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
  }
  .header.header8 .search-form.select-search .form-search .form.minisearch .search-select .search-toggle:after {
    content: "";
    height: 24px;
    width: 1px;
    background-color: #878787;
    position: absolute;
    top: 9px;
    right: 0;
  }
  .header.header8 .table-icon-menu .search-form {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .header.header8 .bottom-header-content .parent__megameu {
    float: right;
  }
  .header.header8 .bottom-header-block {
    text-align: left;
  }
}
@media (max-width: 991px) {
  .header.header8 .middle-header-content .parent__search {
    width: 0;
    padding: 0;
  }
  .header.header8 .top-header-content {
    padding-bottom: 14px;
  }
  .header.header8 .top-header-content .top-custom-link ul {
    text-align: center;
  }
  .header.header8 .top-header-content .top-custom-link ul li {
    float: none;
    display: inline-block;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .header.header8 .bottom-header-content {
    position: relative;
  }
  .header.header8 .bottom-header-content .parent__megameu .nav-toggle {
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 3;
    background-color: #56cfe1;
  }
}
@media (min-width: 992px) {
  .header.header8.active-sticky {
    position: static !important;
    box-shadow: none;
  }
  .header.header8.active-sticky .middle-header-content {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 997;
    background-color: #fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
  }
  .header.header8.active-sticky .middle-header-content .logo-header .logo {
    padding-top: 17px;
    padding-bottom: 0;
  }
  .header.header8.active-sticky .middle-header-content > .container {
    position: relative;
  }
  .header.header8.active-sticky .parent__search > .search-form {
    display: none;
  }
  .header.header8.active-sticky .table-icon-menu > div {
    padding: 19px 12px 16px 0;
  }
  .header.header8.active-sticky .navigation .nav-main-menu {
    margin: 0 auto !important;
  }
  .header.header8.active-sticky .navigation .nav-main-menu > li > a {
    padding: 19px 18px !important;
  }
}
@media (min-width: 1200px) {
  .header.header9 .nav.nav-main-menu > li > a {
    padding: 36px 18px 37px;
  }
  .header.header9 .navigation:after {
    content: "";
    display: table;
    clear: both;
  }
  .header.header9 .navigation .nav-main-menu {
    float: right;
    position: static !important;
  }
  .header.header9 .middle-header-content > .container {
    position: relative;
  }
  .header.header9 .parent__megameu {
    position: static;
  }
}
@media (max-width: 1199px) {
  .header.header9 .middle-header-content .logo-header .logo {
    padding-top: 17px;
    padding-bottom: 17px;
  }
}
@media (min-width: 992px) {
  .header.header9 .table-icon-menu > div.search-form {
    display: none;
  }
  .header.header9 .parent__search {
    display: table;
    width: 100%;
  }
  .header.header9 .parent__search > .search-form,
  .header.header9 .parent__search > .table-icon-menu {
    display: table-cell;
    vertical-align: middle;
  }
  .header.header9 .parent__search > .table-icon-menu {
    width: 1%;
  }
  .header.header9 .search-form .form-search {
    position: static;
    background: none;
    opacity: 1;
    visibility: visible;
  }
  .header.header9 .search-form .form-search .search-close {
    display: none;
  }
  .header.header9 .search-form .form-search .form.minisearch {
    margin: 6px auto;
    padding: 0;
    border: 1px solid #fff;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    background-color: #fff;
  }
  .header.header9 .search-form .form-search .form.minisearch .input-text {
    font-size: 14px;
    text-align: left;
    padding-left: 30px;
    height: 36px;
    line-height: 36px;
    color: #878787;
  }
  .header.header9 .search-form.select-search .form-search .form.minisearch .search-select .search-toggle {
    height: 36px;
    font-size: 14px;
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
  }
  .header.header9 .search-form.select-search .form-search .form.minisearch .search-select .search-toggle:after {
    content: "";
    height: 24px;
    width: 1px;
    background-color: #d9d9d9;
    position: absolute;
    top: 6px;
    right: 0;
  }
  .header.header9.active-sticky {
    position: static !important;
    box-shadow: none;
  }
  .header.header9.active-sticky .middle-header-content {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 997;
    background-color: #fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
  }
  .header.header9.active-sticky .middle-header-content .logo-header .logo {
    padding-top: 17px;
    padding-bottom: 0;
  }
  .header.header9.active-sticky .middle-header-content > .container {
    position: relative;
  }
  .header.header9.active-sticky .navigation .nav-main-menu > li > a {
    padding: 19px 18px !important;
  }
}
@media (max-width: 991px) {
  .header.header9 .table-icon-menu {
    position: absolute;
    top: -49px;
    right: 0;
    z-index: 10;
  }
  .header.header9 .vertical-title {
    background: none;
    padding: 0;
  }
  .header.header9 .vertical-menu-widget .vertical-menu {
    display: none;
  }
  .header.header9 .top-header-content {
    padding-bottom: 14px;
  }
  .header.header9 .top-header-content .top-custom-link ul {
    text-align: center;
  }
  .header.header9 .top-header-content .top-custom-link ul li {
    float: none;
    display: inline-block;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .popup__related {
    display: none !important;
  }
}
@media (max-width: 380px) {
  .success-ajax--popup .mfp-close {
    right: 0;
    top: -30px !important;
  }
}
@media (min-width: 1300px) {
  .service-boxed {
    margin-left: -45px;
    margin-right: -45px;
  }
}
@media (min-width: 1200px) {
  .service-boxed {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 1;
    position: relative;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .service-boxed .icon-service {
    width: 50%;
  }
  .service-boxed .icon-service.first-sm-item,
  .service-boxed .icon-service:last-child {
    padding-top: 0;
  }
}
@media (max-width: 767px) and (max-width: 992px) {
  .service-boxed .icon-service {
    width: 100%;
  }
  .service-boxed .icon-service + .icon-service {
    padding-top: 0;
  }
}
@media (min-width: 1200px) {
  .header.header10 .dropdown-switcher {
    float: left;
    margin-left: 0;
    margin-right: 30px;
    position: relative;
  }
  .header.header10 .dropdown-switcher .dropdown-menu {
    display: block !important;
    opacity: 0;
    left: 0;
    right: auto;
    visibility: hidden;
  }
  .header.header10 .dropdown-switcher:hover .dropdown-menu {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  .header.header10 .dropdown-switcher .switcher-toggle {
    padding: 37px 0 39px;
    color: #fff;
  }
  .header.header10.active-sticky .dropdown-switcher .switcher-toggle {
    padding: 19px 0;
  }
  .header.header10:not(.active-sticky) .table-icon-menu > div {
    padding: 39px 12px 34px 0px;
  }
  .header.header10:not(.active-sticky) .nav.nav-main-menu > li > a {
    padding: 38px 24px;
  }
  .header.header10 #mainMenu .level0 a.level0 {
    color: #fff;
  }
  .header.header10 #mainMenu .level0:hover a.level0 {
    color: #56cfe1;
  }
}
@media (min-width: 992px) {
  .cms-index-index .header.header10:not(.active-sticky):not(.header-builder) {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 999;
    background: transparent;
    border-color: rgba(255, 255, 255, 0.4);
  }
}
@media (max-width: 767px) {
  .slider_item .text-slider h2 {
    font-size: 30px;
    line-height: 1;
  }
}
.header .no-menu-settings .settings-menu-tab,
.header .no-menu-settings #main-Settingcontent {
  display: none !important;
}
.header.header6 .megamenu-content.no-menu-settings .nav-tabs > li,
.header.header7 .megamenu-content.no-menu-settings .nav-tabs > li {
  width: calc(100% / 2);
}
@media (max-width: 1199px) {
  .header:not(.header6):not(.header7) .megamenu-content.no-menu-settings .nav-tabs > li {
    width: calc(100% / 2);
  }
}
@media (min-width: 1200px) {
  .testimonial-list-block.boxed_content .testimonial-content.has-image .content {
    padding-left: 140px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .testimonial-list-block.boxed_content {
    padding: 60px 50px;
  }
}
@media (max-width: 767px) {
  .testimonial-list-block.boxed_content {
    padding: 30px 40px;
  }
}
@media (max-width: 767px) {
  .testimonial-list-block .testimonial-content .content blockquote:before {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  .testimonial-list-block .testimonial-content .author-thumbnail {
    float: none;
    margin: 0 auto 40px;
  }
  .testimonial-list-block .testimonial-content.has-image .content {
    padding-left: 0;
    float: none;
    text-align: center;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .custom-banner-glasses .promobanner .banner-text {
    padding-right: 120px;
  }
}
/* DEV_LUUNV */
@media (min-width: 992px) {
  .title-instagram .instagram-block {
    position: relative;
  }
  .title-instagram .instagram-block .content-heading {
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background-color: rgba(246, 246, 248, 0.8);
    padding: 25px 100px;
    z-index: 2;
    opacity: 1;
    visibility: visible;
  }
  .title-instagram .instagram-block .content-heading .name {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .header .close-nav-button {
    left: -50px;
  }
  .slider_comestics.owl-carousel .owl-stage {
    padding-left: 16.65%;
    padding-right: 16.65%;
  }
  .slider_comestics.owl-carousel .owl-nav > div.owl-next,
  .slider_comestics.owl-carousel .owl-nav > div.owl-prev {
    top: 0;
    bottom: 0;
    width: 16.65%;
    height: auto;
    background: none;
    display: block;
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
  }
  .slider_comestics.owl-carousel .owl-nav > div.owl-next {
    right: 0;
    left: auto;
  }
  .slider_comestics.owl-carousel .owl-nav > div.owl-next i {
    right: 40px;
  }
  .slider_comestics.owl-carousel .owl-nav > div.owl-prev {
    left: 0;
    right: auto;
  }
  .slider_comestics.owl-carousel .owl-nav > div.owl-prev i {
    left: 40px;
  }
  .slider_comestics.owl-carousel .owl-nav > div i {
    display: block;
    width: 38px;
    height: 38px;
    position: absolute;
    top: 50%;
    color: #c2c2c2;
    border: 2px solid #c2c2c2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  .slider_comestics.owl-carousel .owl-nav > div:hover i {
    background-color: #56cfe1;
    border-color: #56cfe1;
    color: #fff;
  }
  .slider_comestics.owl-carousel .owl-item:last-child {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .slider_comestic.owl-carousel .owl-nav > div {
    color: #c2c2c2;
    border: 2px solid #c2c2c2;
  }
  .cosmestics-banner {
    padding: 0;
  }
  .cosmestics-banner h3 {
    font-size: 20px !important;
    line-height: 25px !important;
  }
  .cosmestics-banner h4 {
    font-size: 30px !important;
    line-height: 35px !important;
  }
  .rorate .banner-text > div {
    margin-right: -100px;
    padding-left: 0px;
  }
}
@media (max-width: 991px) {
  .sm-ceter {
    float: none;
    margin: 0 auto;
  }
  .sm-padding30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .sm-padding15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .slider_comestics h2 {
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 15px;
  }
  .slider_comestics .slider-item .bottom h2 {
    line-height: 25px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .sub-categories {
    display: none;
  }
  .decor-banner p {
    font-size: 30px !important;
  }
  .cosmestics-banner {
    padding: 0;
  }
  .cosmestics-banner h3 {
    font-size: 15px !important;
    line-height: 20px !important;
  }
  .cosmestics-banner h4 {
    font-size: 20px !important;
    line-height: 30px !important;
  }
  .rorate .banner-text .cosmestics-banner {
    margin-right: -150px;
    padding-left: 60px;
  }
}
@media (max-width: 479px) {
  .col-xxs-12 {
    width: 100%;
  }
  .simple-product .products-grid .product-item {
    width: 100%;
  }
  .slider_comestics .slider-item:hover:before {
    background-color: rgba(0, 0, 0, 0);
  }
  .slider_comestics .slider-item .text-slider {
    top: 50%;
    visibility: visible;
    opacity: 1;
    width: 100%;
  }
  .slider_comestics .slider-item .bottom {
    bottom: -100px;
  }
  .slider_comestics h2 {
    font-size: 25px;
    margin-bottom: 10px;
    line-height: 25px;
  }
  .slider_comestics a {
    padding: 0 12px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .deal-timer {
    padding: 0 3px;
  }
  .deal-timer .time-note,
  .deal-timer .countdown {
    margin-left: 0px;
    margin-right: 0px;
  }
  .sm-text30 .big-text {
    font-size: 30px !important;
  }
}
/***/
/* Fix video banner */
@media (max-width: 767px) {
  .video-banner #video-background:not(.loaded) {
    display: none !important;
  }
  .video-banner #video-background:not(.loaded) + .text {
    z-index: 1;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
/* end less rules */

/* start less rules */
#maincontent {
    min-height: 400px;
}
.padding5 {
  padding: 5px;
}
.padding10 {
  padding: 10px;
}
.padding15 {
  padding: 15px;
}
.padding20 {
  padding: 20px;
}
.padding25 {
  padding: 25px;
}
.padding30 {
  padding: 30px;
}
.padding35 {
  padding: 35px;
}
.padding40 {
  padding: 40px;
}
.padding45 {
  padding: 45px;
}
.padding50 {
  padding: 50px;
}
.padding55 {
  padding: 55px;
}
.padding60 {
  padding: 60px;
}
.padding65 {
  padding: 65px;
}
.padding70 {
  padding: 70px;
}
.padding-top5 {
  padding-top: 5px;
}
.padding-top10 {
  padding-top: 10px;
}
.padding-top15 {
  padding-top: 15px;
}
.padding-top20 {
  padding-top: 20px;
}
.padding-top25 {
  padding-top: 25px;
}
.padding-top30 {
  padding-top: 30px;
}
.padding-top35 {
  padding-top: 35px;
}
.padding-top40 {
  padding-top: 40px;
}
.padding-top45 {
  padding-top: 45px;
}
.padding-top50 {
  padding-top: 50px;
}
.padding-top55 {
  padding-top: 55px;
}
.padding-top60 {
  padding-top: 60px;
}
.padding-top65 {
  padding-top: 65px;
}
.padding-top70 {
  padding-top: 70px;
}
.padding-right5 {
  padding-right: 5px;
}
.padding-right10 {
  padding-right: 10px;
}
.padding-right15 {
  padding-right: 15px;
}
.padding-right20 {
  padding-right: 20px;
}
.padding-right25 {
  padding-right: 25px;
}
.padding-right30 {
  padding-right: 30px;
}
.padding-right35 {
  padding-right: 35px;
}
.padding-right40 {
  padding-right: 40px;
}
.padding-right45 {
  padding-right: 45px;
}
.padding-right50 {
  padding-right: 50px;
}
.padding-right55 {
  padding-right: 55px;
}
.padding-right60 {
  padding-right: 60px;
}
.padding-right65 {
  padding-right: 65px;
}
.padding-right70 {
  padding-right: 70px;
}
.padding-left5 {
  padding-left: 5px;
}
.padding-left10 {
  padding-left: 10px;
}
.padding-left15 {
  padding-left: 15px;
}
.padding-left20 {
  padding-left: 20px;
}
.padding-left25 {
  padding-left: 25px;
}
.padding-left30 {
  padding-left: 30px;
}
.padding-left35 {
  padding-left: 35px;
}
.padding-left40 {
  padding-left: 40px;
}
.padding-left45 {
  padding-left: 45px;
}
.padding-left50 {
  padding-left: 50px;
}
.padding-left55 {
  padding-left: 55px;
}
.padding-left60 {
  padding-left: 60px;
}
.padding-left65 {
  padding-left: 65px;
}
.padding-left70 {
  padding-left: 70px;
}
.padding-bottom5 {
  padding-bottom: 5px;
}
.padding-bottom10 {
  padding-bottom: 10px;
}
.padding-bottom15 {
  padding-bottom: 15px;
}
.padding-bottom20 {
  padding-bottom: 20px;
}
.padding-bottom25 {
  padding-bottom: 25px;
}
.padding-bottom30 {
  padding-bottom: 30px;
}
.padding-bottom35 {
  padding-bottom: 35px;
}
.padding-bottom40 {
  padding-bottom: 40px;
}
.padding-bottom45 {
  padding-bottom: 45px;
}
.padding-bottom50 {
  padding-bottom: 50px;
}
.padding-bottom55 {
  padding-bottom: 55px;
}
.padding-bottom60 {
  padding-bottom: 60px;
}
.padding-bottom65 {
  padding-bottom: 65px;
}
.padding-bottom70 {
  padding-bottom: 70px;
}
.margin5 {
  margin: 5px;
}
.margin10 {
  margin: 10px;
}
.margin15 {
  margin: 15px;
}
.margin20 {
  margin: 20px;
}
.margin25 {
  margin: 25px;
}
.margin30 {
  margin: 30px;
}
.margin35 {
  margin: 35px;
}
.margin40 {
  margin: 40px;
}
.margin45 {
  margin: 45px;
}
.margin50 {
  margin: 50px;
}
.margin55 {
  margin: 55px;
}
.margin60 {
  margin: 60px;
}
.margin65 {
  margin: 65px;
}
.margin70 {
  margin: 70px;
}
.margin-top5 {
  margin-top: 5px;
}
.margin-top10 {
  margin-top: 10px;
}
.margin-top15 {
  margin-top: 15px;
}
.margin-top20 {
  margin-top: 20px;
}
.margin-top25 {
  margin-top: 25px;
}
.margin-top30 {
  margin-top: 30px;
}
.margin-top35 {
  margin-top: 35px;
}
.margin-top40 {
  margin-top: 40px;
}
.margin-top45 {
  margin-top: 45px;
}
.margin-top50 {
  margin-top: 50px;
}
.margin-top55 {
  margin-top: 55px;
}
.margin-top60 {
  margin-top: 60px;
}
.margin-top65 {
  margin-top: 65px;
}
.margin-top70 {
  margin-top: 70px;
}
.margin-right5 {
  margin-right: 5px;
}
.margin-right10 {
  margin-right: 10px;
}
.margin-right15 {
  margin-right: 15px;
}
.margin-right20 {
  margin-right: 20px;
}
.margin-right25 {
  margin-right: 25px;
}
.margin-right30 {
  margin-right: 30px;
}
.margin-right35 {
  margin-right: 35px;
}
.margin-right40 {
  margin-right: 40px;
}
.margin-right45 {
  margin-right: 45px;
}
.margin-right50 {
  margin-right: 50px;
}
.margin-right55 {
  margin-right: 55px;
}
.margin-right60 {
  margin-right: 60px;
}
.margin-right65 {
  margin-right: 65px;
}
.margin-right70 {
  margin-right: 70px;
}
.margin-left5 {
  margin-left: 5px;
}
.margin-left10 {
  margin-left: 10px;
}
.margin-left15 {
  margin-left: 15px;
}
.margin-left20 {
  margin-left: 20px;
}
.margin-left25 {
  margin-left: 25px;
}
.margin-left30 {
  margin-left: 30px;
}
.margin-left35 {
  margin-left: 35px;
}
.margin-left40 {
  margin-left: 40px;
}
.margin-left45 {
  margin-left: 45px;
}
.margin-left50 {
  margin-left: 50px;
}
.margin-left55 {
  margin-left: 55px;
}
.margin-left60 {
  margin-left: 60px;
}
.margin-left65 {
  margin-left: 65px;
}
.margin-left70 {
  margin-left: 70px;
}
.margin-bottom5 {
  margin-bottom: 5px;
}
.margin-bottom10 {
  margin-bottom: 10px;
}
.margin-bottom15 {
  margin-bottom: 15px;
}
.margin-bottom20 {
  margin-bottom: 20px;
}
.margin-bottom25 {
  margin-bottom: 25px;
}
.margin-bottom30 {
  margin-bottom: 30px;
}
.margin-bottom35 {
  margin-bottom: 35px;
}
.margin-bottom40 {
  margin-bottom: 40px;
}
.margin-bottom45 {
  margin-bottom: 45px;
}
.margin-bottom50 {
  margin-bottom: 50px;
}
.margin-bottom55 {
  margin-bottom: 55px;
}
.margin-bottom60 {
  margin-bottom: 60px;
}
.margin-bottom65 {
  margin-bottom: 65px;
}
.margin-bottom70 {
  margin-bottom: 70px;
}
body.boxed:not(.panel-popup) .page-wrapper {
  background-color: #fff;
  margin: 30px auto;
  position: relative;
  width: 1200px;
  padding: 0 30px;
}
@media (max-width: 767px) {
  body.boxed:not(.panel-popup) .page-wrapper {
    width: calc(100% - 30px) !important;
    padding: 0 15px !important;
    margin: 0 auto !important;
  }
}
@media (min-width: 992px) {
  body.boxed:not(.panel-popup) .page-wrapper .header.active-sticky:not(.header8):not(.header9) {
    width: 1200px;
    margin-left: -600px;
    box-shadow: none;
    left: 50%;
    padding: 0 30px;
  }
  body.boxed:not(.panel-popup) .page-wrapper .header.active-sticky.header8 .middle-header-content,
  body.boxed:not(.panel-popup) .page-wrapper .header.active-sticky.header9 .middle-header-content {
    width: 1200px;
    margin-left: -600px;
    box-shadow: none;
    left: 50%;
    padding: 0 30px;
  }
}
@media (min-width: 992px) and (max-width: 1259px) {
  body.boxed:not(.panel-popup):not(.fullwidth) .page-wrapper {
    width: 960px !important;
  }
  body.boxed:not(.panel-popup):not(.fullwidth) .page-wrapper .header.active-sticky:not(.header8):not(.header9) {
    width: 960px !important;
    margin-left: -480px;
  }
  body.boxed:not(.panel-popup):not(.fullwidth) .page-wrapper .header.active-sticky.header8 .middle-header-content,
  body.boxed:not(.panel-popup):not(.fullwidth) .page-wrapper .header.active-sticky.header9 .middle-header-content {
    width: 960px !important;
    margin-left: -480px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body.boxed:not(.panel-popup):not(.fullwidth) .page-wrapper {
    width: 700px !important;
  }
  body.boxed:not(.panel-popup):not(.fullwidth) .page-wrapper .header.active-sticky:not(.header8):not(.header9) {
    width: 700px !important;
    margin-left: -350px;
  }
  body.boxed:not(.panel-popup):not(.fullwidth) .page-wrapper .header.active-sticky.header8 .middle-header-content,
  body.boxed:not(.panel-popup):not(.fullwidth) .page-wrapper .header.active-sticky.header9 .middle-header-content {
    width: 700px !important;
    margin-left: -350px;
  }
}
@media (min-width: 1200px) {
  body.boxed:not(.panel-popup).width1024 .page-wrapper {
    width: 1024px;
  }
  body.boxed:not(.panel-popup).width1024 .page-wrapper .header.active-sticky:not(.header8):not(.header9) {
    width: 1024px !important;
    margin-left: -512px;
  }
  body.boxed:not(.panel-popup).width1024 .page-wrapper .header.active-sticky.header8 .middle-header-content,
  body.boxed:not(.panel-popup).width1024 .page-wrapper .header.active-sticky.header9 .middle-header-content {
    width: 1024px !important;
    margin-left: -512px;
  }
}
@media (min-width: 1426px) {
  body.boxed:not(.panel-popup).width1366 .page-wrapper {
    width: 1366px;
  }
  body.boxed:not(.panel-popup).width1366 .page-wrapper .header.active-sticky:not(.header8):not(.header9) {
    width: 1366px !important;
    margin-left: -683px;
  }
  body.boxed:not(.panel-popup).width1366 .page-wrapper .header.active-sticky.header8 .middle-header-content,
  body.boxed:not(.panel-popup).width1366 .page-wrapper .header.active-sticky.header9 .middle-header-content {
    width: 1366px !important;
    margin-left: -683px;
  }
}
body.boxed:not(.panel-popup).fullwidth .page-wrapper {
  width: calc(100% - 60px);
  margin: 0 30px;
}
body.boxed:not(.panel-popup).fullwidth .page-wrapper .header.active-sticky:not(.header8):not(.header9) {
  width: calc(100% - 60px) !important;
  margin-left: calc(50% - 30px) !important;
}
body.boxed:not(.panel-popup).fullwidth .page-wrapper .header.active-sticky.header8 .middle-header-content,
body.boxed:not(.panel-popup).fullwidth .page-wrapper .header.active-sticky.header9 .middle-header-content {
  width: calc(100% - 60px) !important;
  margin-left: calc(50% - 30px) !important;
}
body.boxed:not(.panel-popup) .container,
body.boxed:not(.panel-popup) .container-fluid {
  width: 100%;
  padding: 0 !important;
}

@media (min-width: 1370px) {
  body.wide.width1366 .container {
    width: 1366px;
  }
}
@media (min-width: 1200px) {
  body.wide.width1024 .container {
    width: 1024px;
  }
}
.video-responsive {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body._has-modal {
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.modal-popup {
  bottom: 0;
  left: 0;
  min-width: 0;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}
.modal-popup._show {
  visibility: visible;
  z-index: 999 !important;
}
.modal-popup._show .modal-inner-wrap {
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  top: 50%;
  margin-top: 0;
  margin-bottom: 0;
}
.modal-popup .modal-inner-wrap {
  margin: 5rem auto;
  width: 75%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  box-sizing: border-box;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  -webkit-transform: translateY(-200%);
  transform: translateY(-200%);
  transition-duration: 0.2s;
  -webkit-transition-property: -webkit-transform, visibility;
  transition-property: transform, visibility;
  transition-timing-function: ease;
}
.modal-popup .action-close {
  background-image: none;
  background: none;
  -moz-box-sizing: content-box;
  border: 0;
  box-shadow: none;
  line-height: inherit;
  margin: 0;
  padding: 0;
  cursor: pointer;
  text-shadow: none;
  font-weight: 400;
  display: inline-block;
  text-decoration: none;
  position: absolute;
  right: -13px;
  top: -13px;
  z-index: 10;
}
.modal-popup .action-close:focus,
.modal-popup .action-close:active,
.modal-popup .action-close:hover {
  background: none;
  border: none;
}
.modal-popup .action-close.disabled,
.modal-popup .action-close[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}
.modal-popup .action-close > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.modal-popup .action-close:before {
  -webkit-font-smoothing: antialiased;
  line-height: 19px;
  color: #ffffff;
  content: 'x';
  font-size: 19px;
  font-weight: 400;
  background-color: #2a2a2a;
  width: 29px;
  height: 29px;
  border: 3px solid #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  padding-left: 1px;
  speak: none;
  text-align: center;
}

.modal-popup.confirm .modal-inner-wrap {
    width: 310px;
    border-radius: 16px;
    overflow: hidden;
}

.modal-popup.confirm .modal-inner-wrap .modal-footer {
    justify-content: center;
    border-top: none;
    padding: 0.6rem 0;
}

.modal-popup.confirm .modal-inner-wrap .modal-content {
  padding: 20px 15px 6px;
  font-size: 16px;
  font-style: italic;
  box-shadow: none;
  border: none;
  border-radius: 0;
}
.modal-popup.confirm .modal-inner-wrap .modal-footer {
  border: none;
  background-color: #fff;
}
.modals-overlay {
  z-index: 998 !important;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  backdrop-filter: blur(4px);
    opacity: 1 !important;
    background-color: rgb(0 0 0 / 80%) !important;
}

/* end less rules */


/* end less rules */


@media (min-width: 768px) {
  .visible-mobile {
    display: none !important;
  }
}

.cms-noroute-index main {
  border-top: unset;
}

.sticky-buttons {
  position: fixed;
  right: 15px;
  bottom: 1rem;
  z-index: 12;
}

.sticky-buttons a {
  color: #fff;
  width: 50px;
  height: 50px;
  background-color: #000;
  border: 1px solid #eeeeee42;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.3s ease;
  margin: 10px 0;
  box-shadow: 0px 0px 10px #0000001f;
}

.sticky-buttons a:hover {
  background-color: #000;
}

.sticky-buttons a.whatsapp {
  background-color: #29A71A;
}

.sticky-buttons a.whatsapp:hover {
  background-color: #5ba953;
}

.sticky-buttons a svg {
  transform: rotateY(0deg);
  transition: .9s;
}

.sticky-buttons a:hover svg {
  transform: rotateY(360deg);
}

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

  .sticky-buttons a {
    width: 55px;
    height: 55px;
  }

  .sticky-buttons a i.la {
    font-size: 32px;
  }
}

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

.sticky-buttons a {
    width: 40px;
    height: 40px;
}
  .sticky-buttons a i.la {
    font-size: 26px;
  }

  .sticky-buttons a svg {
    width: 20px;
}
}

@media screen and (max-width: 768px) {
  .sticky-buttons {
    bottom: 0px;
    right: 5px;
  }

.sticky-buttons a {
    width: 40px;
    height: 40px;
}
  .sticky-buttons a i.la {
    font-size: 26px;
  }

  .sticky-buttons a svg {
    width: 20px;
}
}

#requestCallModal .top-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#requestCallModal .modal-body h5 {
  text-transform: none;
  text-align: center;
  margin: 0 0 15px;
}

#requestCallModal .modal-body .form-control {
  border-radius: 100px;
  padding: 0 15px;
}

#requestCallModal .info {
  background-color: var(--theme-gray);
  text-align: center;
    padding: 12px 0;
    font-size: 12px;
}

#requestCallModal .modal-close {
  position: absolute;
  right: 7px;
  top: 7px;
  z-index: 1;
  background: #000;
  border-radius: 100px;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  border: none;
}

#requestCallModal .modal-close span {
    opacity: 1;
    font-size: 20px;
    padding: 0;
    color: #fff;
    height: 27px;
    font-weight: 200;
}

@media screen and (min-width:767px) {
  #requestCallModal .modal-dialog {
    width: 530px;
  }
}


.catalog-product-view .right-finder ,
.page-with-filter .right-finder {
  display: none;
}


.find-your-ideal.find-your-ideal--top {
  padding-bottom: 20px;
  position: relative;
}

.find-your-ideal__card {
  background: #fff;
  padding: 15px 10px;
  margin-bottom: 15px;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  height: calc(100% - 15px);
  position: relative;
  overflow: hidden;
  border-top: 4px solid #1f45fc;
  display: flex;
  gap: 1rem;
  text-align: left;
}

.find-your-ideal__icon {
  min-width: 52px;
  height: 52px;
  background: #f6f6f8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
  position: relative;
  border: 1px solid #1f45fc29;
}

.find-your-ideal__icon svg {
  width: auto;
  height: 24px;
  fill: #1f45fc;
}

.find-your-ideal__icon:after {
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  background: linear-gradient(135deg, #1f45fc, #68c05f);
  border-radius: 50%;
  z-index: -1;
  opacity: 0.3;
  animation: pulse 2s infinite;
}

.find-your-ideal__icon i {
  font-size: 37px;
  color: #1f45fc;
}

.find-your-ideal__content {
  display: flex;
  flex-direction: column;
}

.find-your-ideal__content p {
  font-size: 14px;
  color: #666;
  line-height: 1.6 !important;
  margin: 0;
  padding-bottom: 6px;
}

.find-your-ideal__action {
  margin-top: auto;
}

@media screen and (max-width: 1024px) {
  .find-your-ideal__card {
    gap: 0.5rem;
  }

  .find-your-ideal__content h4 {
    font-size: 18px;
  }
}

@media screen and (max-width: 991.98px) {
  .find-your-ideal__content {
    min-height: 136px;
  }
}

@media screen and (max-width: 767px) {
  .find-your-ideal__content {
    min-height: auto;
  }

  .find-your-ideal__icon svg {
    height: 28px;
  }

  .find-your-ideal__content p {
    font-size: 14px;
  }

  .find-your-ideal.find-your-ideal--top {
    padding-bottom: 10px;
  }
}

/* ── moved from detail_layout.phtml (scoped to product detail page) ── */
.catalog-product-view .oem_tyres_logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 6px 0;
}
.catalog-product-view .oem_tyres_logos .oem_label {
  font-weight: 400;
  margin-right: 4px;
}
.catalog-product-view .oem_tyres_logos .oem_logo {
  height: 22px;
  width: auto;
  max-width: 40px;
  object-fit: contain;
}
.catalog-product-view .product-info-main .product-sub-infomation > div {
  padding: 0;
}
.catalog-product-view .product-info-main .product-sub-infomation:not(:empty) {
  padding: 0px 0 0px;
}

.catalog-product-view .detail_img_tyre_offer {
  max-height: 50px;
}
.catalog-product-view .tyre_offers {
  touch-action: auto;
  text-align: center;
  border-radius: 15px 15px 0px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
  position: relative;
  top: auto;
}

@media screen and (max-width: 1024px) {
  .catalog-product-view .product.media .product .img-fluid {
    height: auto;
    max-height: 400px;
  }
}

/* keep the info icon visible even though the name link clamps to 1 line */
.product-item-info .product-item-name .product-item-link {
  overflow: visible;
}
.product-item-info .spec_info_btn {
    position: relative;
    min-width: 14px;
    height: 14px;
    margin-left: 3px;
    top: -3px;
    display: inline-block;
}
.product-item-info .spec_info_card {
  position: absolute;
  inset: 0;
  z-index: 12;
  background: #1a3fe0;
  color: #fff;
  border-radius: 10px;
  padding: 22px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: opacity .28s ease, transform .28s ease, visibility .28s;
  pointer-events: none;
}
.product-item-info .spec_info_card.spec_info_open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.product-item-info .spec_info_close {
  position: absolute;
  top: 10px;
  right: 12px;
  border: none;
  background: none;
  color: #fff;
  font-size: 24px;
  line-height: 1;
  padding: 0;
  cursor: pointer;
  opacity: .85;
}
.product-item-info .spec_info_close:hover {
  opacity: 1;
}
.product-item-info .spec_info_card_title {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 14px;
  line-height: 1.3;
  padding-right: 18px;
}
.product-item-info .spec_info_list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.product-item-info .spec_info_list li {
  position: relative;
  padding: 5px 0 5px 26px;
  font-size: 13px;
  color: #fff;
  line-height: 1.35;
}
.product-item-info .spec_info_list li:before {
  content: "\2713";
  position: absolute;
  left: 0;
  top: 11px;
  width: 16px;
  height: 16px;
  line-height: 15px;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 50%;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  color: #fff;
}
.product-item-info .spec_info_note {
  color: rgba(255,255,255,.8);
  font-size: 12px;
}
.product-item-info .spec_info_bonus {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.28);
  font-size: 12.5px;
  color: #fff;
  line-height: 1.45;
}
.product-item-info .spec_info_bonus strong {
  color: #ffd54a;
}
.product-item-info .spec_info_desc {
  font-size: 13px;
  color: #fff;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-height: 220px;
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  .product-item-info .spec_info_btn {
    min-width: 13px;
    top: -2px;
    height: 16px;
}
}


/* page-title-wrapper-css */
.checkout-index-index .page-title-wrapper,
.storelocator-index-index .page-title-wrapper,
.storelocator-view-index .page-title-wrapper {
  max-width: inherit;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

.cms-index-index .page-title-wrapper {
  display: none;
}

.page-title-wrapper .checkout-description {
  color: #fff;
  position: relative;
}

.onestepcheckout-index-index .page-title-wrapper {
  padding: 0;
  background: none;
}
.onestepcheckout-index-index .page-title-wrapper .container {
  padding: 0;
}
.onestepcheckout-index-index .page-title-wrapper:before {
  background: none;
}
.onestepcheckout-index-index .page-title-wrapper .page-header {
  text-align: left;
  color: #333333;
  font-size: 40px;
}

.page-title-wrapper {
  background-color: #f7f7f7;
  padding: 65px 0 0;
  text-align: center;
  background-image: url('../images/banner-2.jpg');
  background-size: cover;
  background-repeat: repeat-y;
  position: relative;
  background-position: center center;
  background-attachment: scroll;
  min-height: 340px;
  display: flex;
  align-items: center;
}

.page-title-wrapper:before {
  content: '';
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.page-title-wrapper h1, .page-title-wrapper .h1 {
    color: #fff;
    font-size: 2rem;
    padding: 0;
    border: none;
    display: block;
    margin: 0;
    position: relative;
}

.ajaxcart-catalog-product-view .page-title-wrapper.product {
  margin-top: 0 !important;
}

.cms-index-index .page-title-wrapper {
  display: none;
}

@media (max-width: 1280px) {
  .page-title-wrapper {
    padding: 57px 0 0;
  }
}

@media (max-width: 1024px) {
.page-title-wrapper {
    min-height: 260px;
    padding: 52px 0 0px;
}
.page-title-wrapper h1, .page-title-wrapper .h1 {
  font-size: 2rem;
}
}

@media (max-width: 991px) {
.page-title-wrapper {
    min-height: 200px;
    padding: 0px 0 0px;
}
.page-title-wrapper h1, .page-title-wrapper .h1 {
    font-size: 1.8rem;
}
}

@media (min-width: 768px) {
  .cms-oil-change-services .page-title-wrapper,
  .category-oil .page-title-wrapper {
    background-image: url('../images/oil-change-banner-main-1.jpg');
    min-height: 42vw;
  }
}
@media (max-width: 767px) {
  .cms-oil-change-services .page-title-wrapper,
  .category-oil .page-title-wrapper {
    background-image: url('../images/oil-change-banner-mobile.jpg');
    min-height: 71vw;
  }
  .page-title-wrapper {
    min-height: 156px;
    padding: 0px 0 0px;
}
.page-title-wrapper h1, .page-title-wrapper .h1 {
    font-size: 1.6rem;
}
}


.find-your-ideal {
  padding: 30px 0;
  text-align: center;
}

@media (max-width: 767px) {

.find-your-ideal {
    padding: 10px 0;
}  

.find-your-ideal .section-title-1 h2 span {
    display: block;
}

}

/* layered-filter-block-css */
/* When the filter drawer is open, make it fill the full viewport height */

#layered-filter-block .block-subtitle {
  display: none;
}

#layered-filter-block .block-content.filter-content .filter-options-item .filter-options-title {
  cursor: pointer;
}

body.filter-active #layered-filter-block {
  position: fixed !important;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100vh;
  max-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: 9999;
}
body.filter-active #layered-filter-block .block-title.filter-title {
  flex: 0 0 auto;
}
body.filter-active #layered-filter-block .block-content.filter-content {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding-right: 6px;
}
/* Desktop sidebar fallback (no drawer) — still cap to viewport */
#layered-filter-block .block-content.filter-content .filter-options {
  padding: 20px;
  max-height: calc(100% - 50px);
  overflow-y: auto;
}
/* Per-filter-section scroll (shows ~5 checkboxes, then scrolls) */
#layered-filter-block .filter-options-item .filter-options-content ol.items {
    max-height: 180px;
    overflow-y: auto;
    padding-right: 6px;
    padding-left: 0px;
}

.block.filter .block-content.filter-content .filter-options-item .item label {
    font-size: 14px;
    margin-bottom: 0;
}

/* Slim scrollbar styling */
#layered-filter-block .block-content.filter-content::-webkit-scrollbar,
#layered-filter-block .filter-options-item .filter-options-content ol.items::-webkit-scrollbar {
  width: 6px;
}
#layered-filter-block .block-content.filter-content::-webkit-scrollbar-thumb,
#layered-filter-block .filter-options-item .filter-options-content ol.items::-webkit-scrollbar-thumb {
  background: #c4c4c4;
  border-radius: 3px;
}
#layered-filter-block .block-content.filter-content::-webkit-scrollbar-track,
#layered-filter-block .filter-options-item .filter-options-content ol.items::-webkit-scrollbar-track {
  background: #f0f0f0;
}
#layered-filter-block .smile-es-range-slider {
  margin-bottom: 30px;
}
#layered-filter-block .smile-es-range-slider .price-content {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
#layered-filter-block .smile-es-range-slider .slider-bar {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
#layered-filter-block .smile-es-range-slider .actions-primary {
  margin-top: 7px;
}
#layered-filter-block .smile-es-range-slider .actions-toolbar {
  margin-top: 10px;
  font-weight: 600;
}
#layered-filter-block .smile-es-range-slider .ui-slider-handle {
  background: #1f45fc;
  cursor: pointer;
}


.product-specifications-section {
  background: var(--theme-gray);
  margin-top: 2rem;
}

.filter-current-listing {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    margin: 18px 0;
    background: #f7f7f7;
    border-radius: 6px;
    border: 1px solid #e6e6e6;
}

.filter-current-listing .filter-current-subtitle {
    font-size: 14px;
    font-weight: 700;
    color: #1a1a1a;
    margin-right: 8px;
}
.filter-current-listing .items {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.filter-current-listing .items .item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 14px;
    font-size: 13px;
}
.filter-current-listing .items .item .filter-label {
    font-weight: 600;
    color: #1a1a1a;
}
.filter-current-listing .items .item .filter-value {
    color: #555;
}
.filter-current-listing .items .item .action.remove {
    color: #999;
    text-decoration: none;
    line-height: 1;
}
.filter-current-listing .items .item .action.remove:hover {
    color: #c00;
}
.filter-current-listing .filter-actions {
    margin-left: auto;
}
.filter-current-listing .filter-clear {
    background: #1f3a5f;
    color: #fff !important;
    padding: 6px 14px;
    border-radius: 14px;
    font-size: 13px;
    text-decoration: none;
}
.filter-current-listing .filter-clear:hover {
    background: #2c4f7c;
}

@media  screen and (max-width: 767px) {
  .filter-current-listing {
    padding: 6px;
  }
  .value.std {
    font-size: 15px !important;
}
}

.catalog-product-view .product-info-main .product-add-form .box-tocart .field.qty > .control select.input-text.qty,
.catalog-product-view .bundle-info .product-details .box-tocart .field.qty > .control select.input-text.qty {
    width: 115px;
    height: 40px;
    border: 0;
    padding: 0 32px 0 16px;
    font-weight: 600;
    font-size: 16px;
    color: #222;
    text-align: left;
    text-align-last: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='none' stroke='%23222' stroke-width='2' d='M1 1l5 5 5-5'/></svg>");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 12px 8px;
    cursor: pointer;
}
.catalog-product-view .product-info-main .product-add-form .box-tocart .field.qty > .control select.input-text.qty:focus,
.catalog-product-view .bundle-info .product-details .box-tocart .field.qty > .control select.input-text.qty:focus {
    outline: none;
    box-shadow: none;
}
.catalog-product-view .product-info-main a.call-us-action {
    display: block;
    background: #1b3fec;
    width: max-content;
    padding: 0 34px;
    line-height: 40px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #FFF;
    margin-top: 18px;
    border-radius: 40px;
    margin-bottom: 8px;
}
.catalog-product-view .call-us-action .fa.fa-phone {
    margin-right: 10px;
}
.catalog-product-view .product-info-main .product-sub-infomation:not(:empty) {
    clear: both;
}
.catalog-product-view .price-box .special-price .price {
    color: #1f45fc;
}
.compare_btn.actions {
    width: 100%;
    display: block;
    margin-top: 20px;
}
.catalog-product-view .product-info-main .product-add-form .actions.action-add-to, .catalog-product-view .bundle-info .product-details .actions.action-add-to {
    margin-left: 0px;
}
@media only screen and (max-width: 768px) {

.catalog-product-view .product-info-main a.call-us-action i {
    font-size: 15px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.catalog-product-view .product-info-main a.call-us-action {
   margin-top: 6px;
}

.catalog-product-view .download-inner {
    display: block;
}
.catalog-product-view .download-right {
    width: 100%;
}
}
.catalog-product-view ul.additional_info_text {
    display: block;
    width: 100%;
}
.catalog-product-view .additional_info_text li {
    padding: 2px;
    word-spacing: normal;
    font-size: 15px;
	font-weight: 500;
}
.catalog-product-view .additional_info_text li:before {
    content: "\203A";
    font-size: 24px;
    margin: 5px;
	color: #1f45fc;
    font-weight: 700;
}
.catalog-product-view .dimensions ul {
    width: 100%;
    background: #E4DECE;
    margin: 0 auto;
    padding: 10px;
    display: flex;
    border-radius: 15px;
    margin-top: 10px;
}

.catalog-product-view .dimensions ul li {
    display: inline-block;
    color: #000;
    margin: 0 auto;
    font-weight: 500;
}

.catalog-product-view .additional_info_detail {
    margin-top: 20px;
}

.catalog-product-view .additional_info_detail h3{
    margin-top: 10px;
}

.catalog-product-view .dimensions {
    padding-bottom: 20px;
}
.catalog-product-view .progress {
    border: none;
    background: none;
    box-shadow: none;
	margin-top: 10px;
}
.catalog-product-view.progress {
    width: 50%;
    background: none;
    border: none;
    box-shadow: none;
    margin-top: 10px;
}

.catalog-product-view .progress .progress-bar {
    margin-right: 20px;
    background: #a1a1a1;
    border-radius: 0;
    box-shadow: none;
}
.catalog-product-view .progress .progress-bar.bg {
    background: #E4DECE;
}
.catalog-product-view .technical-details {
    padding-top: 20px;
}
.catalog-product-view .technical-details h4 {
    text-transform: capitalize;
    font-size: 17px;
}
.catalog-product-view .additional-div {
    padding-top: 20px;
    padding-bottom: 20px;
}

.catalog-product-view .download-inner .download-img {
    float: left;
    clear: both;
}

.catalog-product-view .download-inner > div {
    margin-right: 20px;
}
.catalog-product-view .download-inner .download-right span {
    font-weight: 500;
	font-size: 14px;
}
.catalog-product-view .product.attribute.sku {
    display: none;
}
.catalog-product-view .page-title-wrapper .page-header {
    display: none;
}
.seal-logo {
    vertical-align: bottom;
    align-items: center;
    display: flex;
	padding-top: 10px;
}

.seal-logo .continental-seal {
    display: flex;
}

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

.catalog-product-view .download-inner {
    display: flex;
    align-items: center;
	padding-top: 20px;
}

.catalog-product-view .download-right {
    display: flex;
    align-items: center;
    width: 20%;
}
}


.form-group {
    margin-bottom: 15px;
}

#customerDetailsModal .g-recaptcha .grecaptcha-badge {
  bottom: -50px !important;
  position: absolute !important;
  z-index: 1 !important ;
}

/* .backgrop-blur {
  background-color: rgb(0 0 0 / 50%) !important;
backdrop-filter: blur(4px);
} */

.modal-backdrop {
    backdrop-filter: blur(4px);
    opacity: 1 !important;
    background-color: rgb(0 0 0 / 80%) !important;
}

.garage {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    display: flex;
    justify-content: center;
}
.garage-wheel {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

/* Wheel Alignment checkbox (replaced the toggle) */
.garage-wheel .wheel-alignment-check {
    display: flex;
    align-items: center;
}
.garage-wheel .wheel-alignment-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    cursor: pointer;
    font-weight: 400;
}
.garage-wheel .wheel-alignment-label input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
    accent-color: #1a56db;
}

.garage-wheel .container_switch {
    display: flex;
    align-items: center;
}

.garage-wheel .container_switch .switch {
    flex: 0 0 60px;
}

.container_switch.small .switch-label-small1 {
    text-align: left;
}

.container_switch.small .switch-label-small1.after {
    text-align: right;
}

.garage .garage-info {
    width: calc(100% - 320px);
    display: inline-block;
    position: relative;
    border-right: 3px solid #fff;
    vertical-align: top;
    box-sizing: border-box;
}

.garage .garage-info .img_td {
    width: 70px;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
}

.garage .garage-info .img_td img {
    max-width: 100%;
    height: auto;
}

.garage .garage-info .not_selected {
    width: calc(100% - 100px);
    height: 70px;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    padding-left: 20px;
}

.garage .garage-info .not_selected a {
    color: #eb2028;
}

.garage .garage_switch {
    vertical-align: top;
    box-sizing: border-box;
    float: right;
}

.garage-info .not_selected p {
    font-size: 15px;
    text-transform: uppercase;
    margin: 0 auto;
    padding-top: 8px;
    text-align: center;
}

.container_switch {
    width: auto;
    background: 0;
    box-shadow: none;
    /* float: right; */
        display: flex;
    align-items: center;
}

.container_switch.small .switch-label-small.before {
    margin-right: 10px;
    color: #bbb;
    margin-left: 5px;
}

.container_switch.small .switch-label-small1.before {
    margin-left: 10px;
    color: #bbb;
}

.container_switch label {
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1;
}

.container_switch.small .switch-label-small {
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    margin-top: 3px;
    font-weight: 600;
}

.container_switch.small .switch-label-small1 {
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    margin-top: 3px;
    font-weight: 600;
}

.container_switch.small .switch {
    display: inline-block;
    border-radius: 25px;
    background: #2b2b2b;
    box-shadow: 0 2px #2b2b2b inset;
    width: 60px;
    padding: 5px;
}

.container_switch .switch {
    position: relative;
    height: auto;
    display: table;
    width: 100%;
    border-radius: 3px;
}

.switch-input {
    display: none !important;
}

.container_switch.small .switch .switch-label {
    height: 22px;
    width: 25px;
}

.switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 50%;
    box-sizing: border-box;
    line-height: 26px;
    font-size: 14px;
    color: #a9a9aa;
    text-align: center;
    cursor: pointer;
    padding: 0px;
    top: 1px;
}

.switch-input:checked+.switch-label-on~.switch-selection {
    left: 60px;
    left: 50%;
}

.container_switch.small .switch-selection {
    height: 23px;
    width: 23px;
    top: auto;
    left: 5px;
}

.switch-selection {
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 2px;
    display: block;
    width: 49%;
    box-sizing: border-box;
    padding: 10px;
    height: 42px;
    background-color: #65bd63;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #cccccc));
    background-image: -webkit-linear-gradient(top, #fff, #eeeeee);
    background-image: -moz-linear-gradient(top, #fff, #eeeeee);
    background-image: -ms-linear-gradient(top, #fff, #eeeeee);
    background-image: -o-linear-gradient(top, #fff, #eeeeee);
    background-image: linear-gradient(top, #fff, #eeeeee);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -ms-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
    border-radius: 20px;
    box-shadow: 0 3px #c5c5c5 inset;
}

.container_switch.small .switch-label-small.active {
    cursor: default;
    color: #000 !important;
}

.container_switch.small .switch-label-small1.active {
    cursor: default;
    color: #000 !important;
}

.container_switch.small .switch-label-small.after {
    margin-left: 10px;
    color: #bbb;
}

.container_switch.small .switch-label-small1.after {
    margin-right: 10px;
    color: #bbb;
}

.switch-input {
    display: none !important;
}

@media screen and (max-width: 1199.98px) {
    .garage .container_switch {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .garage .container_switch .switch-label-small1,
    .garage .container_switch .switch-label-small1 {
        flex: 1 0 100%;
    }

    .container_switch label {
        text-align: center;
    }
}


@media screen and (max-width: 1024px) {
    .garage-wheel {
        margin-top: 15px;

    }
}


@media screen and (max-width: 991px) {
    .garage-wheel {
        margin-top: 15px;
    }

    .container_switch.small .switch-label-small.before {
        margin-left: 11px;
    }

}

@media screen and (max-width: 767px) {
    .garage {
        float: none;
    }

    .garage-wheel {
        margin-top: 10px;
    }

    .garage .garage-info {
        width: 100%;
        display: inline-block;
        margin: 0 auto;
    }

    .garage .garage_switch {
        width: 100%;
        float: none;
    }

    .container_switch {
        float: none;
    }

    .garage .garage-info {
        border: none;
    }

    .garage-info .not_selected p {
        font-size: 13px;
    }

    .garage .garage-info .not_selected {
        padding-left: 5px;
    }

    .container_switch {
        margin: 0 auto;
    }

    .checkout-cart-index .cart-container .disscount-cart-summary .discount .fieldset .actions-toolbar .primary button.apply {
        height: 37px;
    }


    .container_switch.small .switch-label-small.before {
        margin-left: 5px;
    }


}

button#assistanceDropOffMapModelCloseBtn,
button#assistanceMapModelCloseBtn {
    border: 1px solid #ccc;
    background-color: rgba(255, 255, 255, 0.8);
    width: 30px;
    height: 30px;
    font-size: 30px;
    opacity: 1;
    color: #222;
    line-height: 30px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    padding: 0;
    top: 0;
    right: 0;
    left: auto;
    z-index: 10;
    position: absolute;
}

.get-my-location-div {
    margin-top: 10px;
}

.checkout-cart-index .cart.main.actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}
.checkout-cart-index .cart.main.actions .btn,
.checkout-cart-index .cart.main.actions button {
    float: none !important;
    margin: 0 !important;
}
/* Hide the Continue Shopping and Clear Cart buttons on the cart page. */
.checkout-cart-index .cart.main.actions .continue,
.checkout-cart-index .cart.main.actions #empty_cart_button {
    display: none !important;
}
/* Remove (trash) action, rendered below the product name */
.checkout-cart-index #shopping-cart-table .product-item-details .cart-item-remove {
    margin-top: 12px;
}
.checkout-cart-index #shopping-cart-table .cart-item-remove .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}
.checkout-cart-index #shopping-cart-table .cart-item-remove .action-delete {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    background: #fff;
    color: #6c6c6c;
    line-height: 1;
}
.checkout-cart-index #shopping-cart-table .cart-item-remove .action-delete:hover,
.checkout-cart-index #shopping-cart-table .cart-item-remove .action-delete:focus {
    background: #2a2a2a;
    border-color: #2a2a2a;
    color: #fff;
}

.checkout-cart-index #shopping-cart-table tbody tr td.col.qty label {
    margin-bottom: 0 !important;
}

#onestepcheckout-page .page-main {
    margin: auto;
    padding: 0 10px;
}

#onestepcheckout-page .page-main {
    max-width: 1380px !important;
}

.opc-block-summary .items-in-cart > .title {
    display: none;
}

#onestepcheckout-page .fieldset.address .field .label {
  font-weight: 500;
}

.hide {
    display: none!important;
}

#onestepcheckout-page .newsletter-subscribe label {
    cursor: pointer;
    user-select: none;
}

#onestepcheckout-page input[type="checkbox"]:checked::after {
  margin: -5px 6px 0 0;
}

.car-tyres-size-section .search-box {
  background-color: var(--theme-gray);
  border-bottom: 3px solid var(--theme-primary) !important;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  border: 1px solid #ccc;
}

.car-tyres-size-section .search input {
    border-radius: 8px;
}

.car-tyres-size-section .brand-list {
  display: flex;
  justify-content: center;
}

.car-tyres-size-section .brand-list {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.car-tyres-size-section .brand-list li {
  padding: 0;
}

.car-tyres-size-section .brand-list li a {
    border: 1px solid #cad3ff;
    width: 100%;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    border-radius: 8px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.car-tyres-size-section .brand-list li a:hover {
  background-color: #1f45fc;
  color: #fff
}

.car-tyres-size-section .search .search-button {
    position: absolute;
    border: none;
    background: transparent;
    box-shadow: none;
    right: 0.6rem;
    top: 50%;
    transform: translateY(-50%);
}

.car-tyres-size-section .search .search-button svg {
    width: 24px;
    height: auto;
}

@media only screen and (max-width: 1200px) {
  .car-tyres-size-section .brand-list {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 992px) {
  .car-tyres-size-section .brand-list {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
  }
}

@media only screen and (max-width: 768px) {
  .car-tyres-size-section .brand-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }

  .car-tyres-size-section .brand-list li a {
    height: 48px;
    font-size: 13px;
  }

  .car-tyres-size-section .search-box {
  padding: 10px;
}
}

@media only screen and (max-width: 480px) {
  .car-tyres-size-section .brand-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }
}




.all-brand-page .allbrands .search-box {
  background-color: var(--theme-gray);
  border-bottom: 3px solid var(--theme-primary) !important;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  border: 1px solid #ccc;
}

.all-brand-page .allbrands .search-box .search {
  position: relative;
}

.all-brand-page .allbrands .search-box .search input {
    border-radius: 8px;
}

.all-brand-page .allbrands .search .serach-button {
  position: absolute;
  right: 13px;
  top: 48%;
  color: #000;
  height: 18px;
  font-size: 20px;
  z-index: 7;
  font-weight: 900;
  transform: translateY(-50%);
  padding: 0;
  border: none;
  background: transparent;
}

.all-brand-page .brand-tier-section {
  margin-bottom: 35px;
}

.all-brand-page .brand-tier-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  margin: 0 auto 22px;
}

.all-brand-page .brand-tier-title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: #1f2a44;
  text-transform: uppercase;
}

.all-brand-page .brand-tier-stars {
  display: inline-flex;
  justify-content: center;
  gap: 4px;
  font-size: 1.35rem;
  line-height: 1;
}

.all-brand-page .brand-tier-stars .star {
  color: #1a1a1a;
}

.all-brand-page .brand-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    margin: 0;
    padding: 0;
}

.all-brand-page .brand-list li a.brand-tile {
    border: 1px solid #cad3ff;
    width: 100%;
    min-height: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px;
    font-size: 14px;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
    background: #fff;
}

.all-brand-page .brand-list li a.brand-tile:hover {
  border: 1px solid #1f45fc;
  box-shadow: 0 4px 14px rgba(31, 69, 252, 0.12);
}

.all-brand-page .brand-tile-logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60px;
}

.all-brand-page .brand-tile-logo {
  max-width: 100%;
  max-height: 46px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.all-brand-page .brand-tile-name {
  display: block;
  line-height: 1.2;
  color: #222;
  font-size: 0.9rem;
  font-weight: 600;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .all-brand-page .brand-list {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media screen and (max-width: 991.98px) {
  .all-brand-page .brand-list {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .all-brand-page .brand-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.6rem;
  }

  .all-brand-page .brand-tier-title {
    font-size: 1.05rem;
  }

  .all-brand-page .allbrands .search-box {
    padding: 10px;
}
}

.vehicles-vehicles-model .car-model .ts-card-wrap {
    position: relative;
}
.vehicles-vehicles-model .car-model .ts-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
}
.vehicles-vehicles-model .car-model .ts-card .ts-row {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    line-height: 1.2;
}
.vehicles-vehicles-model .car-model .ts-card .ts-row:only-child {
    justify-content: center;
}
.vehicles-vehicles-model .car-model .ts-card .ts-pos {
    flex: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vehicles-vehicles-model .car-model .ts-card .ts-car {
    width: 21px;
    height: auto;
    flex: 0 0 auto;
    object-fit: contain;
}
.vehicles-vehicles-model .car-model .ts-card .ts-size {
    font-weight: 700;
}
.vehicles-vehicles-model .car-model .ts-card-wrap .ts-badge {
    position: absolute;
    top: -8px;
    right: -6px;
    z-index: 2;
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 1.7;
    text-transform: uppercase;
}
.vehicles-vehicles-model .car-model .ts-badge.ts-badge-oe {
    background-color: #0a7d28;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(10, 125, 40, 0.35);
}


.offer-page .offer-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.35s ease, transform 0.35s ease;
  padding: .25rem;
  border: #ccc solid 1px;
  border-radius: 16px;
  max-width: 100%;
  height: auto;
}

.offer-page .offer-card .image-wrap.aspect-custom {
    padding-bottom: 47.8%;
    overflow: hidden;
    border-radius: 14px;
}

.offer-page .offer-card .image-wrap.aspect-custom picture,
.offer-page .offer-card .image-wrap.aspect-custom img {
  transition: transform 0.6s ease;
}

.offer-page .offer-card:hover .image-wrap.aspect-custom img {
  transform: scale(1.07);
}

.offer-page .offer-content {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px;
}

.offer-page .offer-content h2 {
  color: #111;
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}

.offer-page .offer-content .button span {
  white-space: nowrap;
}

@media screen and (max-width: 991.98px) {
.cms-promotions-and-offers #maincontent h2 {
    font-size: 20px;
}

.offer-page .offer-content {
  align-items: start;
  justify-content: start;
  gap: 10px;
  padding: 10px;
  flex-direction: column;
}

}





 /* car-battery-replacement-css */

.cms-car-battery-replacement .sticky-buttons,
.cms-car-battery-replacement .breadcrumbs,
.cms-car-battery-replacement .page-title-wrapper{
    display: none;
} 

     .landing-call-btn {
    display: inline-block;
    background-color: #1f45fc;
    border: 2px solid #1f45fc;
    padding: 12px 20px;
    border-radius: 10px;
    color: #fff;
    transition: all 0.3s ease-in-out;
    min-width: 212px;
     text-align: center;
}
 .landing-call-btn span {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
}
 .landing-call-btn span i {
    font-size: 22px;
    color: #fff;
    top: 4px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
 .landing-call-btn:hover span i {
    transform: scale(1.3);
}
 .landing-call-btn:hover {
    background-color: #010101;
    color:#fff;
}
.landing-whatsapp-btn {
    display: inline-block;
    padding: 12px 20px;
    border: 2px solid #68c05f;
    border-radius: 10px;
    color: #fff;
    transition: all 0.3s ease-in-out;
    min-width: 212px;
    text-align: center;
}
.landing-whatsapp-btn span {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
}
.landing-whatsapp-btn span i {
    font-size: 22px;
    color: #fff;
    top: 4px;
    font-weight: 100;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.landing-whatsapp-btn:hover span i {
    transform: scale(1.3);
}
.landing-whatsapp-btn:hover {
    background-color: #68c05f;
    color:#fff;
}
.whatsapp-fill{
    background-color: #68c05f;
}
.whatsapp-fill:hover{
    background-color: #5ba953;
    border-color: #5ba953;
}
@media  screen and (max-width: 767px) {
.landing-whatsapp-btn,
.landing-call-btn {
    padding: 6px 12px;
    min-width: auto;
}
.landing-whatsapp-btn span i,
.landing-call-btn span i{
    display: none;
}
}
.battery-landing-banner {
    background-image: url('/media/images/book-car-battery-replacement-uae.webp');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: 100px;
    padding-top: 165px;
    position: relative;
}
.battery-landing-banner:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.6;
	z-index: 1;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.battery-landing-banner .container-theme {
	position: relative;
	z-index: 2;
}
.cms-car-battery-replacement .breadcrumbs {
	margin-bottom: 0;
}
.battery-landing-banner .left-content .title h2 {
	color: #fff;
	font-size: 36px;
	margin-bottom: 20px;
	line-height: 1.2 !important;
}
.battery-landing-banner .left-content .description p {
	color: #fff;
	margin-bottom: 14px;
	;
}
.battery-landing-banner .left-content .description p span {
	font-weight: 600;
}
.battery-landing-banner .left-content .action {
	margin-top: 50px;
	display: flex;
	gap: 1rem;
}
.battery-landing-banner .right-form .right-form-inner {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    padding: 20px 30px 20px 30px;
    width: 100%;
    max-width: 450px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    margin: auto;
    overflow: hidden;
}
.battery-landing-banner .right-form .right-form-inner .form-title h4 {
	color: #fff;
	text-align: center;
	margin-bottom: 14px;
	font-weight: 600 !important;
}
.battery-landing-banner .right-form .right-form-inner .form-group input,
.battery-landing-banner .right-form .right-form-inner .form-group textarea {
	color: #fff;
	background: transparent;
	border-color: rgba(255, 255, 255, 0.3);
	border-radius: 7px;
	font-size: 13px;
}
.battery-landing-banner .right-form .right-form-inner .form-group input:-webkit-autofill,
.battery-landing-banner .right-form .right-form-inner .form-group input:-webkit-autofill:focus,
.battery-landing-banner .right-form .right-form-inner .form-group input:-webkit-autofill:hover,
.battery-landing-banner .right-form .right-form-inner .form-group textarea:-webkit-autofill,
.battery-landing-banner .right-form .right-form-inner .form-group textarea:-webkit-autofill:focus,
.battery-landing-banner .right-form .right-form-inner .form-group textarea:-webkit-autofill:hover {
  -webkit-text-fill-color: white !important;
  transition: background-color 9999s ease-in-out 0s;
  caret-color: white;
}
.battery-landing-banner .right-form .right-form-inner .form-group input::placeholder,
.battery-landing-banner .right-form .right-form-inner .form-group textarea::placeholder {
	color: #fff;
	opacity: 0.8;
}
.battery-landing-banner .right-form .right-form-inner .form-group input:focus,
.battery-landing-banner .right-form .right-form-inner .form-group textarea:focus {
	border-color: #1f45fc;
	box-shadow: 0 0 5px rgba(31, 69, 252, 0.5);
}
.battery-landing-banner .right-form .right-form-inner .proced_btn .submit-btn {
	display: inline-block;
	background-color: #1f45fc;
	border: 2px solid #1f45fc;
	padding: 6px 20px;
	border-radius: 10px;
	color: #fff;
	transition: all 0.3s ease-in-out;
}
.battery-landing-banner .right-form .right-form-inner .proced_btn .submit-btn span {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 600;
}
.battery-landing-banner .right-form .right-form-inner .proced_btn .submit-btn span i {
	font-size: 22px;
	color: #fff;
	top: 4px;
	position: relative;
	transition: all 0.3s ease-in-out;
}
.battery-landing-banner .right-form .right-form-inner .proced_btn .submit-btn:hover span i {
	transform: scale(1.3);
}
.battery-landing-banner .right-form .right-form-inner .proced_btn .submit-btn:hover {
	background-color: #010101;
}
.battery-landing-banner .right-form {
	margin: auto;
}

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

.battery-landing-banner {
   padding-bottom: 50px;
    padding-top: 50px;
}

.battery-landing-banner .left-content .action {
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
    .battery-landing-banner .left-content .title h2 {
     font-size: 30px;
}
}
@media  screen and (max-width: 767px) {

.battery-landing-banner {
      padding-bottom: 50px;
    padding-top: 50px;
}

.battery-landing-banner .left-content .title h2 {
  font-size: 24px;
}

.battery-landing-banner .left-content .action {
    margin-top: 20px;
    margin-bottom: 20px;
}
.battery-landing-banner .right-form .right-form-inner{
    padding: 20px 14px 20px 14px;
}
}
.consultation-banner {
    background: linear-gradient(135deg, #1f45fc9e 0%, #2a5298 100%);
}
.consultation-banner .banner-content {
    text-align: center;
}
.consultation-banner .banner-content h3 {
    color: #fff;
    font-size: 26px;
    margin: 0;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    letter-spacing: 0.5px;
}

@media (max-width: 768px) {
    .consultation-banner {
        padding: 20px 0;
    }
    .consultation-banner .banner-content h3 {
        font-size: 18px;
        line-height: 1.4;
        padding: 0 15px;
    }
}
@media (max-width: 480px) {
    .consultation-banner .banner-content h3 {
        font-size: 16px;
        line-height: 1.3;
    }
}

.car-battery-how-work .section-title {
	text-align: center;
	margin-bottom: 30px;
}
.car-battery-how-work .step-card {
    background: #fff;
    padding: 30px 30px;
    margin-bottom: 15px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: all 0.3s ease;
    height: calc(100% - 15px);
    position: relative;
    overflow: hidden;
}
.car-battery-how-work .step-card:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: #1f45fc;
}
.car-battery-how-work .step-icon {
	width: 80px;
	height: 80px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 30px;
	position: relative;
	box-shadow: 0 10px 25px rgba(31, 69, 252, 0.3);
}
.car-battery-how-work .step-icon:after {
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	background: linear-gradient(135deg, #1f45fc, #68c05f);
	border-radius: 50%;
	z-index: -1;
	opacity: 0.3;
	animation: pulse 2s infinite;
}
.car-battery-how-work .step-icon i {
	font-size: 37px;
	color: #1f45fc;
}
.car-battery-how-work .step-content h4 {
	font-size: 20px;
	color: #000;
	margin-bottom: 14px;
	font-weight: 700;
}
.car-battery-how-work .step-content p {
	font-size: 15px;
	color: #666;
	line-height: 1.6;
	margin: 0;
}
.car-battery-how-work .action {
    text-align: center;
    margin-top: 15px;
    display: flex;
    justify-content: center;
    gap: 1rem;
}
@media screen and (min-width: 991.99px) and (max-width: 1199.98px) {
.car-battery-how-work .step-content h4 {
    font-size: 17px;
}
}
@media screen and (max-width: 991.98px) {
.car-battery-how-work .step-content h4 {
    font-size: 15px;
}
	.car-battery-how-work {
		padding: 30px 0;
	}
}
@media  screen and (max-width: 767px) {
	.car-battery-how-work {
		padding: 30px 0;
	}
	.car-battery-how-work .step-card {
		padding: 30px 20px;
		margin-bottom: 30px;
	}
	.car-battery-how-work .step-icon {
		width: 80px;
		height: 80px;
		margin-bottom: 20px;
	}
	.car-battery-how-work .step-icon i {
		font-size: 36px;
	}
.car-battery-how-work .step-content h4 {
    font-size: 17px;
    margin-bottom: 6px;
}
	.car-battery-how-work .step-content p {
		font-size: 14px;
	}
}
@media (max-width: 480px) {
	.car-battery-how-work .step-card {
		padding: 25px 15px;
	}
}




.best-battery-section .section-title {
	color: #000;
	font-size: 36px;
	margin-bottom: 20px;
	line-height: 1.2 !important;
}
.best-battery-section .content-text {
	margin-bottom: 17px;
}
.best-battery-section .left-content .action{
    display: flex;
    gap: 1rem;
}
@media screen and (max-width: 991.98px) {

    .best-battery-section .section-title {
	font-size: 30px;
}
.best-battery-section .left-content .action {
    flex-wrap: nowrap;
    justify-content: center;
    margin-bottom: 20px;
}
}
@media  screen and (max-width: 767px) {

        .best-battery-section .section-title {
	font-size: 24px;
}
}
.why-choose-us-section {
    background-image: url('/media/images/why-choose-bg.webp');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}
.why-choose-us-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.7;
	z-index: 1;
}
.why-choose-us-section .container-fluid,
.why-choose-us-section .container {
	position: relative;
	z-index: 2;
}
.why-choose-us-section .section-title {
	text-align: center;
	margin-bottom: 30px;
}
.why-choose-us-section .section-title h2,
.why-choose-us-section .section-title .subTitle {
	color: #fff !important
}
.why-choose-us-section .feature-card {
	background: #0000003b;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	padding: 30px 25px;
	border-radius: 10px;
	text-align: left;
	transition: all 0.3s ease;
	height: calc(100% - 30px);
	position: relative;
	overflow: hidden;
	display: flex;
	gap: 1.3rem;
	margin-bottom: 30px;
	border-color: rgba(31, 69, 252, 0.3);
	background: radial-gradient(circle, rgba(31, 69, 252, 0.2), transparent);
}
.why-choose-us-section .feature-icon {
	width: 60px;
	height: 60px;
	background: transparent;
	border: 2px solid rgba(255, 255, 255, 0.2);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	position: relative;
	transition: all 0.3s ease;
	flex: 0 0 auto;
}
.why-choose-us-section .feature-card:hover .feature-icon {
	border-color: rgba(31, 69, 252, 0.5);
	background: rgba(31, 69, 252, 0.1);
}
.why-choose-us-section .feature-icon i {
	font-size: 28px;
	color: #fff;
	transition: all 0.3s ease;
}
.why-choose-us-section .feature-card:hover .feature-icon i {
	color: #1f45fc;
	transform: scale(1.1);
}
.why-choose-us-section .feature-content h4 {
	font-size: 18px;
	color: #fff;
	margin-bottom: 15px;
	font-weight: 600;
	line-height: 1.3;
}
.why-choose-us-section .feature-content p {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.6;
	margin: 0;
}
.why-choose-us-section .action {
	display: flex;
	justify-content: center;
	gap: 1rem;
}
@media screen and (max-width: 991.98px) {
    .why-choose-us-section .feature-card {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}
.why-choose-us-section .feature-card {
    align-content: start;
}
.why-choose-us-section .feature-icon{
    margin-bottom: 0;
}
.why-choose-us-section .feature-content h4 {
    font-size: 15px;
}
}
@media  screen and (max-width: 767px) {
.why-choose-us-section {
    padding: 40px 0;
}
	.why-choose-us-section .feature-card {
		padding: 25px 20px;
		text-align: center;
	}
	.why-choose-us-section .feature-icon {
		margin: 0 auto 0px;
	}
	.why-choose-us-section .feature-content h4 {
		font-size: 16px;
		margin-bottom: 4px;
	}
}
.order-online-section {
    padding: 40px 0;
    position: relative;
}
.order-online-section .section-title {
    text-align: center;
    margin-bottom: 20px;
}
.order-online-section .order-content {
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
	padding: 40px 30px;
	background: #fff;
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	position: relative;
}
.order-online-section .order-icon {
    width: 80px;
    height: 80px;
    background: #333;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.order-online-section .order-icon i {
	font-size: 40px;
	color: #fff;
}
.order-online-section .shop-now-btn {
	display: inline-block;
	background-color: #dc3545;
	color: #fff;
	padding: 15px 40px;
	border-radius: 25px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(220, 53, 69, 0.3);
	border: none;
	cursor: pointer;
}
.order-online-section .shop-now-btn:hover {
	background-color: #c82333;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(220, 53, 69, 0.4);
	text-decoration: none;
	color: #fff;
}
.order-online-section .order-content .action {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    gap: 1rem;
}
@media  screen and (max-width: 767px) {
	.order-online-section {
		padding: 30px 0;
	}
.order-online-section .order-content {
    margin: 0 0px;
    padding: 20px 10px;
}
	.order-online-section .order-icon {
		width: 70px;
		height: 70px;
		margin-bottom: 25px;
	}
	.order-online-section .order-icon i {
		font-size: 35px;
	}
	.order-online-section .shop-now-btn {
		padding: 12px 30px;
		font-size: 14px;
	}
}

.people-choose-section {
	padding: 80px 0;
	background-color: #fff;
	position: relative;
	margin-left: -15px;
	margin-right: -15px;
}
.people-choose-section .section-title {
    color: #000;
    font-size: 36px;
    margin-bottom: 20px;
    line-height: 1.2 !important;
}
.people-choose-section .choose-content p strong {
	color: #1a4d72;
	font-weight: 700;
}
.people-choose-section .feature-item {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 4px;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}
.people-choose-section .feature-item:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
.people-choose-section .feature-icon {
	flex-shrink: 0;
}
.people-choose-section .feature-icon i {
    font-size: 30px;
    color: #ff9500;
}
.people-choose-section .feature-text span {
	font-size: 16px;
	color: #333;
	font-weight: 600;
	line-height: 1.4;
}
.people-choose-section .image-placeholder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.people-choose-section .choose-content .action {
    display: flex;
    margin-top: 20px;
    gap: 1rem;
}
.people-choose-section .choose-content .features-list{
    margin-top: 18px;
}
@media screen and (max-width: 991.98px) {
}
@media screen and (max-width: 991.98px) {
	.people-choose-section .choose-content {
		padding-right: 0;
		margin-bottom: 40px;
	}
    .people-choose-section .section-title {
    font-size: 30px;
}
.people-choose-section {
		padding: 30px 0;
	}
}
@media  screen and (max-width: 767px) {
    .people-choose-section .choose-content .action {
    display: flex;
    margin-top: 10px;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}
        .people-choose-section .section-title {
    font-size: 30px;
}
	.people-choose-section .choose-content h2 {
		font-size: 26px;
		margin-bottom: 15px;
	}
	.people-choose-section .features-list {
    margin-bottom: 15px;
}
.people-choose-section .feature-icon i {
    font-size: 30px;
    color: #ff9500;
}
	.people-choose-section .feature-text span {
		font-size: 15px;
	}
}

.best-battery-section .left-content .content-text ul {
    list-style-type: disc;
    margin-left: 1.3rem;
    margin-top: 1rem;
}

.best-battery-section .battery-image img {
  border-radius: 16px;
}

.best-battery-section .left-content .content-text ul p{
    margin-bottom: 0rem;
}


.best-battery-section .left-content .content-text ul li::marker {
    color: #1f45fc;
}

.battery-landing-banner .left-content ul {
    list-style-type: disc;
    margin-left: 1.3rem;
}

.battery-landing-banner .left-content ul li::marker {
    color: #1f45fc;
}

@media  screen and (max-width: 767px) {
   .best-battery-section .left-content .content-text ul,
   .battery-landing-banner .left-content ul {
    margin-left: 20px;
}
}

.hdweb-form-message .message-success {
    background-color: #007bff;
    color: white;
    padding: 12px;
    border-radius: 5px;
    text-align: center;
    margin-top: 20px;
}

.inline-form-message .message-success {
    color: #0d6efd;
    font-weight: 600;
    padding: 10px 0;
}
.inline-form-message .message-error {
    color: #dc3545;
    font-weight: 600;
    padding: 10px 0;
}

.custom-inline-message .message-success {
    background-color: #e6f4ff;
    color: #0d6efd;
    padding: 10px 15px;
    margin-bottom: 20px;
    border: 1px solid #b6e0fe;
    border-radius: 5px;
}

#maincontent p:empty{
  display: none;
}

.sponser ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.sponser ul li {
  flex: 0 0 auto;
  width: 16.66666666%;
}

.sponser ul li .product-item-link {
    text-align: center;
    border: 1px solid #cad3ff;
    width: 100%;
    min-height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px;
    font-size: 14px;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
    background: #fff;
}

.sponser ul li .product-item-link:hover {
    border: 1px solid #1f45fc;
    box-shadow: 0 4px 14px rgba(31, 69, 252, 0.12);
}

.sponser ul li .product-item-link img {
  max-height: 60px;
  transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

.sponser ul li .product-item-link:hover img {
  filter: grayscale(1);
}

@media  screen and (max-width: 767px) {
.sponser ul li {
    width: 47%;
}
}


/* blog-list-page-css */

.blog-list-page .home-blogs__card {
    position: relative;
    display: block;
    border-radius: 18px;
    overflow: hidden;
    background: #12183B;
    box-shadow: 0 16px 30px -18px rgba(18, 24, 59, 0.4);
    border: 1px solid #F0F5F780;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    margin-top: 1.6rem;
}

.blog-list-page .home-blogs__card:hover {
  box-shadow: 0 24px 40px -16px rgba(18, 24, 59, 0.5);
}

.blog-list-page .home-blogs__card .home-blogs__media {
  position: relative;
  overflow: hidden;
  padding-bottom: 78%;
}

.blog-list-page .home-blogs__card .home-blogs__media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.blog-list-page .home-blogs__card:hover .home-blogs__media img {
  transform: scale(1.08);
}

.blog-list-page .home-blogs__card .home-blogs__media .home-blogs__scrim {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.blog-list-page .home-blogs__card .home-blogs__media .blog-list-page__tag {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 2;
    background: #000;
    border-radius: 14px;
    padding: 3px 14px;
}

.blog-list-page .home-blogs__card .home-blogs__media .blog-list-page__tag a {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}

.blog-list-page .home-blogs__card .home-blogs__media .blog-list-page__tag a:not(:last-child):after {
  content: ",";
  color: #fff;
}

.blog-list-page .home-blogs__card .home-blogs__media .blog-list-page__tag a:hover {
  color: #fff;
}

.blog-list-page .home-blogs__card .home-blogs__media .home-blogs__media-text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
}

.blog-list-page__meta {
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 6px;
}

.blog-list-page .home-blogs__card .home-blogs__media .home-blogs__media-text .home-blogs__title {
  font-family: var(--heading-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 0 6px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-list-page .home-blogs__card .home-blogs__media .home-blogs__media-text .home-blogs__title a {
  color: #fff;
}

.blog-list-page .home-blogs__card .home-blogs__media .home-blogs__media-text .home-blogs__title a:hover {
  color: var(--theme-primary);
}

.blog-list-page .home-blogs__card .home-blogs__media .home-blogs__media-text .home-blogs__excerpt {
  color: var(--white);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: var(--heading-family);
}

.blog-list-page .home-blogs__card .home-blogs__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 20px;
  background: var(--theme-secondary);
  border-top: 1px solid #f0f5f74a;
}

.blog-list-page .home-blogs__card .home-blogs__foot .home-blogs__date {
  color: #C0C0C0;
  font-size: 13px;
}

.blog-list-page .home-blogs__card .home-blogs__foot .home-blogs__readmore {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-family: var(--heading-family);
}

.blog-list-page .home-blogs__card .home-blogs__foot .home-blogs__readmore:hover {
  color: var(--theme-primary);
}

.blog-list-page .home-blogs__card .home-blogs__foot .home-blogs__readmore .home-blogs__readmore-icon svg {
  width: 21px;
  height: auto;
}
@media screen and (max-width: 1024px) { 
.blog-list-page .home-blogs__card .home-blogs__media .home-blogs__media-text .home-blogs__title {
  font-size: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.blog-list-page .home-blogs__card .home-blogs__media .home-blogs__media-text .home-blogs__excerpt {
   display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
}
@media screen and (max-width: 767px) {
  .blog-list-page__col {
    margin-bottom: 20px;
  }
  .blog-list-page .home-blogs__card .home-blogs__media {
    padding-bottom: 80%;
  }

  .blog-list-page .home-blogs__card .home-blogs__media .home-blogs__media-text {
    padding: 12px;
  }

  .blog-list-page .home-blogs__card .home-blogs__media .home-blogs__media-text .home-blogs__title {
    font-size: 18px;
    -webkit-line-clamp: 2;
  }

  .blog-list-page .home-blogs__card .home-blogs__media .home-blogs__media-text .home-blogs__excerpt {
    -webkit-line-clamp: 2;
  }

  .blog-list-page .home-blogs__card .home-blogs__foot {
    padding: 8px 13px;
  }

  .blog-list-page .home-blogs__card .home-blogs__foot .home-blogs__readmore .home-blogs__readmore-icon svg {
    width: 17px;
    height: auto;
    position: relative;
    top: -1px;
  }

  .blog-list-page .home-blogs__card {
    margin-top: 0;
}

}


.blog-detail-page .post-item-info .post-image {
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.35s ease, transform 0.35s ease;
  padding: .25rem;
  border: #ccc solid 1px;
  border-radius: 16px;
  max-width: 100%;
}

.blog-detail-page .post-item-info .post-image .image-wrap {
    padding-bottom: 57%;
    overflow: hidden;
    border-radius: 14px;
}


/* blog-details-faq-css */

.blog-details-faq {
  margin-top: 40px;
}

.blog-details-faq .section-title-1 {
  margin-bottom: 22px;
}

.blog-details-faq .home-faqs__accordion .accordion-item {
  background: var(--theme-gray);
  border: 0;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 12px;
}

.blog-details-faq .home-faqs__accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.blog-details-faq .home-faqs__accordion .accordion-header {
  margin: 0;
}

.blog-details-faq .home-faqs__accordion .accordion-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 16px 20px;
  font-size: 16px;
  font-weight: 600;
  color: var(--theme-secondary);
  text-align: left;
}

.blog-details-faq .home-faqs__accordion .accordion-button:focus,
.blog-details-faq .home-faqs__accordion .accordion-button:not(.collapsed) {
  background-color: transparent;
  color: #12183B;
  box-shadow: none;
  outline: none;
}

.blog-details-faq .home-faqs__accordion .accordion-button::after {
  content: none !important;
  display: none !important;
  background-image: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}

.blog-details-faq .home-faqs__accordion .accordion-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid rgb(18 24 59 / 70%);
  background: #fff;
  transition: transform 0.3s ease;
}

.blog-details-faq .home-faqs__accordion .accordion-button:not(.collapsed) .accordion-icon {
  transform: rotate(180deg);
}

.blog-details-faq .home-faqs__accordion .accordion-collapse {
  border: 0;
}

.blog-details-faq .home-faqs__accordion .accordion-body {
  padding: 0 20px 18px;
  font-size: 14px;
  color: #5B6472;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .blog-details-faq .home-faqs__accordion .accordion-icon {
    width: 20px;
    height: 20px;
  }

  .blog-details-faq .home-faqs__accordion .accordion-icon svg {
    width: 8px;
    height: auto;
  }

  .blog-details-faq .home-faqs__accordion .accordion-button {
    padding: 8px 12px;
  }

  .blog-details-faq .home-faqs__accordion .accordion-body {
    padding: 0 12px 9px;
  }
}

/* contact-us-pages-content-css */

.contact-us-pages-content .contact-us-pages-content__panel {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 30px 60px -30px rgba(18, 24, 59, 0.35);
    border: 1px solid #cccccc85;
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__col {
  padding: 30px;
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__col--form {
  background: #fff;
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__col--info {
  background: #0B0F1A;
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__eyebrow .contact-us-pages-content__eyebrow-num {
  font-size: 14px;
  font-weight: 700;
  color: var(--theme-primary);
  font-family: var(--heading-family);
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__eyebrow .contact-us-pages-content__eyebrow-line {
  width: 26px;
  height: 1px;
  background: #CDD2DC;
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__eyebrow--dark .contact-us-pages-content__eyebrow-line {
  background: rgba(255, 255, 255, 0.25);
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__eyebrow .contact-us-pages-content__eyebrow-text {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #6B7280;
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__eyebrow--dark .contact-us-pages-content__eyebrow-text {
  color: rgba(255, 255, 255, 0.6);
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__title {
    font-family: var(--heading-family);
    font-size: 40px;
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__title--light {
  color: #fff;
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__desc {
    font-size: 15px;
    line-height: 1.6;
    color: #6B7280;
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__desc--light {
  color: rgba(255, 255, 255, 0.65);
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.contact-us-pages-content .contact-us-pages-content__panel .form-group {
  margin-bottom: 20px;
}

.contact-us-pages-content .contact-us-pages-content__panel .form-group label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--theme-secondary);
  margin-bottom: 8px;
}

.contact-us-pages-content .contact-us-pages-content__panel .form-group .input-text {
  width: 100%;
  height: 50px;
  padding: 0 16px;
  background: #F4F5F8;
  border: 1px solid #E3E6EC;
  border-radius: 8px;
  font-size: 14px;
  color: var(--theme-secondary);
  transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

.contact-us-pages-content .contact-us-pages-content__panel .form-group .input-text::placeholder {
  color: #9CA3AF;
}

.contact-us-pages-content .contact-us-pages-content__panel .form-group textarea.input-text {
  height: auto;
  min-height: 130px;
  padding: 14px 16px;
  resize: vertical;
}

.contact-us-pages-content .contact-us-pages-content__panel .form-group .input-text:focus {
  outline: none;
  background: #fff;
  border-color: var(--theme-primary);
  box-shadow: 0 0 0 4px rgba(31, 69, 252, 0.12);
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 8px;
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__actions .contact-us-pages-content__hint {
  font-size: 13px;
  color: #6B7280;
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__details {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__details li {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__details li:first-child {
  padding-top: 0;
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__details .contact-us-pages-content__icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(31, 69, 252, 0.4);
    color: #eee;
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__detail-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__detail-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.45);
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__detail-value {
  font-size: 15px;
  color: #fff;
  line-height: 1.5;
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__detail-value .contact-us-pages-content__eyebrow-line {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
    background: rgba(255, 255, 255, 0.25);
    width: 30px;
    height: 1px;
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__detail-value a {
  color: #fff;
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__detail-value a:hover {
  color: var(--theme-primary);
}

.contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__footer-note {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

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

  .contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__title {
    font-size: 32px;
  }
}

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

  .contact-us-pages-content .contact-us-pages-content__panel {
    border-radius: 16px;
  }

  .contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__col {
    padding: 14px;
  }

  .contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__title {
    font-size: 26px;
  }

  .contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__form-row {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__actions {
    flex-wrap: wrap;
  }

  .contact-us-pages-content .contact-us-pages-content__panel .contact-us-pages-content__detail-value .contact-us-pages-content__eyebrow-line {
    width: 0px;
    display: block;
  }
}

.towing-service {
 background: url("/../media/images/car-insurance/service-bg.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.towing-service .service-content {
  text-align: center;
}

.towing-service .service-content h3 {
  color: #fff;
  font-weight: 700 !important;
  margin-top: 50px;
  font-size: 40px;
  text-transform: none;
}

.towing-service .service-content h4 {
  color: #1f45fc;
  font-weight: 700 !important;
  margin-top: 35px;
  font-size: 40px;
  text-transform: none;
}


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

  .towing-service .service-content h3,
  .towing-service .service-content h4 {
      font-size: 35px;
  }
}

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

  .towing-service .service-content h4,
  .towing-service .service-content h3 {
      margin-top: 22px;
      font-size: 22px;
  }
}


.about-us .right-content .section_header {
    position: relative;
    z-index: 1;
    margin-bottom: 25px;
    line-height: 1.3 !important;
    word-break: break-word;
    word-wrap: break-word;
    text-transform: uppercase;
}

.about-us .right-content .section_header::before {
  content: counter(number, decimal-leading-zero);
  counter-increment: number;
  position: absolute;
  top: -50px;
  width: 100%;
  font-size: 130px;
  opacity: .05;
  z-index: -1;
}

.about-us .right-content .section_header strong {
  font-weight: 700;
}

.about-us .right-content .small-text {
  margin-top: -27px;
  font-size: 15px;
  font-weight: 300;
  text-transform: uppercase;
}

.about-us .right-content hr {
  margin-top: 22px;
  margin-bottom: 25px;
  margin-left: 0;
  text-align: left;
  width: 30px;
  height: 3px;
  background-color: transparent;
  background-image: -webkit-linear-gradient(135deg, transparent 10%, #1f45fc 10%, #1f45fc 50%, transparent 50%, transparent 60%, #1f45fc 60%, #1f45fc);
  background-image: linear-gradient(-45deg, transparent 10%, #1f45fc 10%, #1f45fc 50%, transparent 50%, transparent 60%, #1f45fc 60%, #1f45fc);
  background-size: 7px 7px;
}

.about-us .right-content .about-list {
  margin-top: 25px;
}

.about-us .right-content .about-list .list1 li:first-child {
  border-top: 1px solid rgba(0, 0, 0, .06);
}

.about-us .right-content .about-list .list1 li {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, .06);
  display: flex;
  align-items: start;
  padding: 5px 0;
}

.about-us .right-content .about-list .list1 li span {
    text-align: center;
    margin-right: 15px;
    flex: 0 0 auto;
    position: relative;
    top: -4px;
}

.about-us .right-content .about-list .list1 li p{
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .about-us .right-content .section_header::before {
      font-size: 123px;
  }
  .about-us .right-content .section_header {
    font-size: 24px;
}
.about-us .right-content .section_header::before {
    top: -27px;
    font-size: 63px;
}
.about-us .right-content hr {
  margin-top: -5px;
    margin-bottom: 10px;
}
}

.roadside-assistance .assistance-slider .item .assistance-box {
  position: relative;
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1);
  padding: 40px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 30%;
  background-size: cover;
  margin-top: 16px;
  border-radius: 16px;
  overflow: hidden;
}

.roadside-assistance .assistance-slider .item .assistance-box::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(23, 23, 23, 0.88);
}

.roadside-assistance .assistance-slider .item .box-1 {
  background: url("/../media/images/car-insurance/box-1.jpg");
  background-position: center;
  background-size: cover;
}

.roadside-assistance .assistance-slider .item .box-1 .box-title ol {
    list-style: auto;
    margin-left: 17px;
    margin-top: 15px;
    height: 128px;
}
.roadside-assistance .assistance-slider .item .box-1 .box-title ol li::marker {
  color: #fff;
}

.roadside-assistance .assistance-slider .item .box-2 {
  background: url("/../media/images/car-insurance/box-2.jpg");
  background-position: center;
  background-size: cover;
}

.roadside-assistance .assistance-slider .item .box-3 {
  background: url("/../media/images/car-insurance/box-3.jpg");
  background-position: center;
  background-size: cover;
}

.roadside-assistance .assistance-slider .item .assistance-box .box-content {
  z-index: 1;
  position: relative;
}

.roadside-assistance .assistance-slider .item .assistance-box .box-content .box-title h3 {
  font-size: 25px;
  color: #fff;
  font-weight: 700 !important;
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 5px;
  text-transform: capitalize;
}

.roadside-assistance .assistance-slider .item .assistance-box .box-content .box-title h3::after {
  position: absolute;
  content: '';
  width: 70px;
  height: 1px;
  background: #ffffff;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.roadside-assistance .assistance-slider .item .assistance-box .box-content .box-title p {
  color: #fff;
  text-align: left;
  font-size: 14px;
}

.roadside-assistance .assistance-slider .item .assistance-box .box-content .price {
  margin-top: 40px;
  margin-bottom: 29px;
  color:#fff;
}

.roadside-assistance .assistance-slider .item .assistance-box .box-content .price h3 {
  font-size: 62px;
  font-weight: 700;
  color: #1f45fc;
}


.roadside-assistance .assistance-slider .item .assistance-box .box-content .price h3 small {
  font-size: 32px;
  font-weight: 500;
  margin-right: 5px;
  color: #1f45fc;
}


.roadside-assistance .assistance-slider .item .assistance-box .box-content .price h3 span {
  font-size: 16px;
  color: #fff;
  margin-left: 5px;
  font-weight: 700;
  text-transform: capitalize;
}


.roadside-assistance .assistance-slider .item .assistance-box .box-content .pricing-content {
    position: relative;
    z-index: 1;
}


.roadside-assistance .assistance-slider .item .assistance-box .box-content .pricing-content h4 {
  color: #fff;
  text-align: left;
}


.roadside-assistance .assistance-slider .item .assistance-box .box-content .pricing-content ul {
  list-style: circle;
  margin-left: 17px;
  margin-top: 15px;
}



.roadside-assistance .assistance-slider .item .assistance-box .box-content .pricing-content ul li {
  color: #fff;
  margin-bottom: 5px;
  text-align: left;
  font-size: 14px;
}

.roadside-assistance .assistance-slider .item .assistance-box .price-btn .book-now-btn {
  padding: 10px 30px;
  line-height: 20px;
  font-size: 14px;
  display: inline-table;
  position: relative;
  text-align: center;
  color: #ffffff;
  border: 1px solid #1f45fc;
  border-radius: 100px;
  background-color: #1f45fc;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  box-shadow: none;
}


.roadside-assistance .assistance-slider .item .assistance-box .price-btn .book-now-btn:hover {
  background-color: transparent;
}

@media screen and (min-width: 991.99px) and (max-width: 1199.98px) {
  .roadside-assistance .assistance-slider .item .assistance-box .box-content .price h3 {
      font-size: 50px;
  }
}

@media screen and (max-width: 991.98px) {
  .roadside-assistance .title h3 {
      font-size: 30px;
  }

  .roadside-assistance {
      padding: 70px 0;
  }
  .roadside-assistance .assistance-slider .item .box-1 .box-title ol {
    height: 176px;
}
}

@media screen and (max-width: 767px) {
  .roadside-assistance {
      padding: 50px 0;
  }

  .roadside-assistance .title h3 {
      font-size: 25px;
  }

  .roadside-assistance .assistance-slider .item .assistance-box .box-content .price h3 {
      font-size: 50px;
  }

  .roadside-assistance .assistance-slider .item .assistance-box {
      padding: 20px;
  }
}


.our-services .col-12:nth-child(even) .service-box {
  border-bottom: 4px solid #000;
}

.our-services .service-box {
    border-radius: 0;
    box-shadow: none;
    padding: 35px 30px;
    position: relative;
    border: 1px solid #e4e4e4;
    background-color: rgb(255, 255, 255);
    margin-top: 30px;
    border-bottom: 4px solid #1f45fc;
    border-radius: 15px;
}

.our-services .service-box .feature-counter {
    position: absolute;
    font-size: 42px;
    font-weight: 700;
    color: #485177;
    opacity: .10;
    left: 30px;
}

.our-services .service-box .box-icon img {
  margin: auto;
  display: block;
}


.our-services .service-box .box-data {
  text-align: center;
}

.our-services .service-box .box-data p{
  margin-bottom: 0;
}

.our-services .service-box .box-data h3 {
    margin: 20px 0px 15px 0px;
    font-size: 20px;
    text-transform: uppercase !important;
}

@media screen and (min-width: 991.99px) and (max-width: 1199.98px) {
  .our-services .service-box {

      height: calc(100% - 30px) !important;
      padding-bottom: 40px;
  }

}


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


  .our-services .service-box .box-data h3 {
      font-size: 18px;
  }
  .our-services .service-box {
   margin-top: 18px;
}
}

/* how-we-do-css */


.how-we-do .box {
  text-align: center;
}

.how-we-do .box .count {
  margin-bottom: 20px;
}

.how-we-do .box .count span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: #fff;
    background: var(--theme-primary);
    font-size: 26px;
    font-weight: 700;
    font-family: var(--heading-family);
}

.how-we-do .box h3 {
  color: var(--theme-secondary);
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.how-we-do .box p {
  color: #4B5563;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 auto;
  max-width: 320px;
}

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

  .how-we-do .box {
    margin-bottom: 30px;
  }
}

.image-content-section .image-with-text .row.no-gutters>.col-sm-6 {
  padding: 0;
}

.image-content-section .image-with-text .image {
  height: 100%;
  position: relative;
}

.image-content-section .image-with-text .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.image-content-section .image-with-text .text-block {
    padding: 70px 10%;
    box-shadow: 0px 7px 29px 0px rgba(100, 100, 111, 0.2);
}

.image-content-section .image-with-text .text-block p a{
  color: #1f45fc;
}


.image-content-section .image-with-text .text-block p+p {
  margin-top: 15px;
}

.image-content-section .image-with-text .text-block ul {
  margin-top: 20px;
}

.image-content-section .image-with-text .text-block ul li {
  display: flex;
  align-items: center;
  font-weight: 500;
  margin-bottom: 12px;
}

.image-content-section .image-with-text .text-block ul li .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f6f6f8;
    border-radius: 50%;
    min-width: 25px;
    height: 25px;
    margin-right: 10px;
}

.image-content-section .image-with-text .text-block ul li .icon svg {
  width: 13px;
}

.image-content-section .image-with-text .text-block .btn {
  margin-top: 20px;
}


@media screen and (max-width: 1024px) {
  .image-content-section .image-with-text .image img {
    position: relative;
  }
  .image-content-section .image-with-text .text-block {
    padding: 5%;
}
}

@media screen and (max-width: 1024px) {
       .image-content-section .image-with-text .text-block {
         padding: 30px 16px;
      }
}

/* road-assistance-faq-css */

.road-assistance-faq .home-faqs__accordion .accordion-item {
  background: var(--theme-gray);
  border: 0;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 12px;
}

.road-assistance-faq .home-faqs__accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.road-assistance-faq .home-faqs__accordion .accordion-header {
  margin: 0;
}

.road-assistance-faq .home-faqs__accordion .accordion-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 16px 20px;
  font-size: 16px;
  font-weight: 600;
  color: var(--theme-secondary);
  text-align: left;
}

.road-assistance-faq .home-faqs__accordion .accordion-button:focus,
.road-assistance-faq .home-faqs__accordion .accordion-button:not(.collapsed) {
  background-color: transparent;
  color: #12183B;
  box-shadow: none;
  outline: none;
}

.road-assistance-faq .home-faqs__accordion .accordion-button::after {
  content: none !important;
  display: none !important;
  background-image: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}

.road-assistance-faq .home-faqs__accordion .accordion-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid rgb(18 24 59 / 70%);
  background: #fff;
  transition: transform 0.3s ease;
}

.road-assistance-faq .home-faqs__accordion .accordion-button:not(.collapsed) .accordion-icon {
  transform: rotate(180deg);
}

.road-assistance-faq .home-faqs__accordion .accordion-collapse {
  border: 0;
}

.road-assistance-faq .home-faqs__accordion .accordion-body {
  padding: 0 20px 18px;
  font-size: 14px;
  color: #5B6472;
  line-height: 1.6;
}

.road-assistance-faq .home-faqs__accordion .accordion-body p,
.road-assistance-faq .home-faqs__accordion .accordion-body ul {
  margin: 0 0 10px;
}

.road-assistance-faq .home-faqs__accordion .accordion-body p:last-child,
.road-assistance-faq .home-faqs__accordion .accordion-body ul:last-child {
  margin-bottom: 0;
}

.road-assistance-faq .home-faqs__accordion .accordion-body ul {
  padding-left: 18px;
}

.road-assistance-faq .home-faqs__accordion .accordion-body li {
  margin-bottom: 8px;
}

.road-assistance-faq .home-faqs__accordion .accordion-body a {
  color: var(--theme-primary);
}

@media screen and (max-width: 767px) {
  .road-assistance-faq .home-faqs__accordion .accordion-icon {
    width: 20px;
    height: 20px;
  }

  .road-assistance-faq .home-faqs__accordion .accordion-button {
    padding: 8px 12px;
  }

  .road-assistance-faq .home-faqs__accordion .accordion-body {
    padding: 0 12px 9px;
  }
}


.car-insurance-hero .hero-image .aspect-custom{
    padding-bottom: 37%;
}
.car-insurance-hero {
    background: url("/../media/images/car-insurance/insurance-top-bg-new.webp");
    background-size: cover;
    background-position: center;
    padding-top: 100px;
    padding-bottom: 60px;
}
.car-insurance-hero .row {
    align-items: center;
}
.car-insurance-hero .left-content .text-block h2 {
    font-size: 5rem;
    font-weight: 600!important;
    text-transform: capitalize;
    font-family: sans-serif;
    line-height: normal !important;
}
.car-insurance-hero .left-content .text-block h4 {
    font-size: 2rem;
    font-weight: 600 !important;
    text-transform: capitalize;
    font-family: sans-serif;
    line-height: normal !important;
    margin-top: 1rem;
}
.car-insurance-hero .left-content .text-block h4 span {
    color:var(--theme-primary) !important;
}
.car-insurance-hero .right-image img{
    margin:auto;
    display:block;
}

@media screen and (max-width: 1600px) {
    .car-insurance-hero .left-content .text-block h2 {
    font-size: 4.8rem;
}
}
@media screen and (max-width: 1536px) {
        .car-insurance-hero .left-content .text-block h2 {
    font-size: 4.5rem;
}
}

@media screen and (max-width: 1366px) {
            .car-insurance-hero .left-content .text-block h2 {
    font-size: 4.2rem;
}
}
@media screen and (max-width: 1024px) {
    .car-insurance-hero .left-content .text-block h2 {
    font-size: 3.8rem;
}
}
@media screen and (max-width: 991.98px) {
.car-insurance-hero .left-content .text-block h4 {
    font-size: 1.6rem;
}
}
@media  screen and (max-width: 767px) {
    .car-insurance-hero {
   padding-top: 88px;
}
.car-insurance-hero .left-content .text-block h2 {
    font-size: 2rem;
    text-align: center;
}
.car-insurance-hero .left-content .text-block h4 {
    font-size: 1.3rem;
    text-align: center;
    margin-top: 0.6rem;
}
.car-insurance-hero {
    padding-top: 44px;
    padding-bottom: 30px;
}
}

.protigo-section{
    position: relative;
}
.protigo-section::before{
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    content: "";
    background: #def5ff;
    z-index: -1;
}
.protigo-section .row {
    align-items: center;
}
.protigo-section .left-content {
    margin-right: 50px;
}
.protigo-section .left-content .custom-link-btn {
    text-transform: uppercase;
    color: var(--theme-primary);
    font-weight: 700;
    margin-top: 30px;
    display: inline-block;
    position: relative;
}
.protigo-section .left-content .custom-link-btn::after {
    content: "";
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 100%;
    height: 2px;
    border-bottom: 2px solid #abb9fe;
    transition: width 0.3s ease;
}
.protigo-section .left-content .custom-link-btn:hover {
     color: #000;
}
.protigo-section .right-content {
    margin-left: 50px;
    text-align: center;
}
.protigo-section .right-content h4 {
        font-size: 1.3rem;
    font-weight: 700 !important;
}
.protigo-section .right-content p {
    margin-top: 1rem;
}
.protigo-section .right-content .btn-secondary {
    margin-top: 1.8rem;
}
@media screen and (max-width: 1280px) {
    .protigo-section .left-content {
    margin-right: 0;
}
.protigo-section .right-content {
    margin-left: 0;
}
}

@media screen and (max-width: 991.98px) {
    .protigo-section .left-content .custom-link-btn {
    text-align: center;
    margin-top: 10px;
}
.protigo-section .left-content {
    text-align: center;
    margin-bottom: 60px;
}
.protigo-section::before {
    position: absolute;
    bottom: 0;
    right: 0;
    top: auto;
    width: 100%;
    height: 48%;
    content: "";
    background: #def5ff;
    z-index: -1;
}
}
@media  screen and (max-width: 767px) {
.protigo-section::before {
    height: 37%;
}
.protigo-section .right-content h4 {
    font-size: 1rem;
}
.protigo-section .right-content .btn-secondary {
    margin-top: 1.2rem;
}
}
@media  screen and (max-width: 394px) {
    .protigo-section::before {
     height: 36%;
}
}
@media  screen and (max-width: 355px) {
    .protigo-section::before {
     height: 37%;
}
}

.insurance-form form {
    background-color: #ffffffeb;
    padding: 30px 20px;
    border-radius: 16px;
}

.insurance-form form .input-text {
    font-size: 16px;
}

.insurance-form form .input-wrap {
    position: relative;
}

.insurance-form form .input-wrap .top-text {
    position: absolute;
    top: 8px;
    left: 10px;
}

.insurance-form form .input-wrap .input-text {
    padding-left: 52px;
}

.insurance-form h3 {
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 25px;
}

@media screen and (max-width: 1024px) {
.insurance-form .title h2 {
    font-size: 28px;
}
}

@media screen and (max-width: 991.98px) {
    .insurance-form .left-list {
    margin-bottom: 30px;
}
.insurance-form .title h2 {
    font-size: 26px;
}
}

@media  screen and (max-width: 767px) {
        .insurance-form .left-list {
    margin-bottom: 0px;
}
.insurance-form .left-list ul li p.list-head {
    font-size: 16px;
}
.insurance-form .left-list ul li p .count {
    height: 27px;
    width: 27px;
    font-size: 14px;
}
}

.why-chooseus .box {
  text-align: center;
  margin-top: 30px;
}


.why-chooseus .box h3 {
    margin: 11px 0;
    text-transform: capitalize;
    font-size: 22px;
}

@media  screen and (max-width: 767px) {
.why-chooseus .box h3 {
    margin: 7px 0;
    font-size: 20px;
}
.why-chooseus .box {
    margin-top: 0;
}
}






.what-protego-offers {
    background-color: var(--theme-primary);
}

.what-protego-offers .box {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    padding: 1rem;
    margin-top: 1.2rem;
    border-radius: 1rem;
    gap: 1rem;
    height: calc(100% - 1.2rem);
}

.what-protego-offers .box .icon {
    min-width: 90px;
    width: 90px;
}

.what-protego-offers .box .text h3 {
    font-size: 20px;
    margin-bottom: 6px;
    text-transform: capitalize;
}

@media screen and (max-width: 991.98px) {
.what-protego-offers .box {
    margin-top: 1rem;
    height: calc(100% - 1rem);
    padding: 0.5rem;
}
}

@media  screen and (max-width: 767px) {
    .what-protego-offers .box .text h3 {
        font-size: 18px;
    margin-bottom: 0px;
}
.what-protego-offers .box {
    gap: 1rem;
}

}











.ready-to-get .row{
    align-items: center;
}
.ready-to-get .title h2 {
    color: var(--theme-secondary);
    font-family: sans-serif;
    font-size: 32px;
    margin-bottom: 0;
}
.ready-to-get .center-text p {
    color: var(--theme-secondary);
    margin-bottom: 0;
}

.ready-to-get .box-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    gap: 2rem;
}


@media screen and (max-width: 1536px) {
 .ready-to-get .title h2 {
    font-size: 33px;
}
}

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

@media screen and (max-width: 1366px) {
    .ready-to-get .title h2 {
    font-size: 27px;
}
}
@media screen and (max-width: 1024px) {
.ready-to-get .box-wrap {
    padding: 0 10px;
}
}


@media  screen and (max-width: 767px) {
.ready-to-get .box-wrap {
    gap: 1rem;
    padding: 0 15px;
    text-align: center;
}
.ready-to-get .title h2 {
    font-size: 22px;
}
}

.cms-car-insurance .breadcrumbs,
.cms-car-insurance .page-title-wrapper,
.cms-car-insurance .page-title-wrapper .page-header,
.cms-car-insurance .page-title-wrapper::before {
    display: none;
}
.cms-car-insurance .insurance-form {
    background-image: url("/../media/images/car-insurance/car-insurance-form-bg-new.webp");
    background-size: cover;
    background-position: center;
}
.cms-car-insurance .insurance-form .title {
    text-align: center;
    margin-bottom: 50px;
}
.cms-car-insurance .insurance-form .title h2 {
    line-height: 1 !important;
    margin: 0px 0 15px;
    font-family: sans-serif;
    font-size: 32px;
}
.cms-car-insurance .insurance-form .left-list ul li:not(:last-child) {
    margin-bottom: 1rem;
}
.cms-car-insurance .insurance-form .left-list ul li p.list-head {
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 6px;
}
.cms-car-insurance .insurance-form .left-list ul li p .count {
    background-color: #1d1d1b;
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    text-align: center;
    align-content: center;
    color: #fff;
    margin-right: 5px;
}
.cms-car-insurance .car-insurance-info {
    position: relative;
    z-index: 1;
    background-size: 50%;
    background-repeat: no-repeat;
}
.cms-car-insurance .car-insurance-info:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255) 48%);
    z-index: -1;
}
.cms-car-insurance .car-insurance-info .text-block h2 {
    line-height: 1 !important;
    margin: 10px 0 20px;
}
.cms-car-insurance .car-insurance-info .text-block p small {
    font-size: 80%;
}
.cms-car-insurance .car-insurance-info .text-block .btn {
    margin: 25px 0;
}
@media screen and (max-width:767px) {
    .cms-car-insurance .page-title-wrapper {
        background-image: url("/../media/images/car-insurance/yalla-car-insurance-sm.webp");
    }
    .cms-car-insurance .page-title-wrapper {
        min-height: 70vw;
        padding-bottom: 40px;
    }
    .cms-car-insurance .insurance-form,
    .cms-car-insurance .car-insurance-info,
    .cms-car-insurance .why-chooseus,
    .cms-car-insurance .what-protego-offers,
    .cms-car-insurance .faq {
        padding: 40px 0;
    }
    .cms-car-insurance .insurance-form {
        background-size: contain;
        background-position: bottom;
        background-repeat: no-repeat;
        background-color: #b1dff7;
    }
    .cms-car-insurance .insurance-form form {
        margin-top: 20px;
    }
    .cms-car-insurance .car-insurance-info:after {
        background: #ffffffe0;
    }
    .cms-car-insurance .why-chooseus .box {
        margin-bottom: 0px;
        padding: 0 10px;
    }
    .cms-car-insurance .image-with-text .text-block {
        padding: 30px 16px;
    }
}
.cms-car-insurance .car-insurance>.container>.row {
    justify-content: center;
}
.cms-car-insurance .insurance-form form .form-group.phone span.top-text {
    position: absolute;
    left: 9px;
    top: 42px;
    color: #000;
    font-size: 15px;
}
.cms-car-insurance .insurance-popup .modal-inner-wrap .modal-content .filter_popup {
    padding: 30px;
}
.cms-car-insurance .filter_popup .formaction,
.cms-car-insurance .filter_popup .proced_btn {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.cms-car-insurance .filter_popup .formaction a,
.cms-car-insurance .filter_popup .formaction button,
.cms-car-insurance .filter_popup .proced_btn a {
    margin: 8px;
}
.cms-car-insurance .filter_popup .proced_btn a.allback.backto-step-one {
    background-color: #1f45fc;
    padding: 8px 15px;
    color: #fff;
    border-radius: 30px;
    height: 40px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
}
.cms-car-insurance .filter_popup .proced_btn a.allback.backto-step-two {
    background-color: #1f45fc;
    padding: 8px 15px;
    color: #fff;
    border-radius: 30px;
    height: 40px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
}
.cms-car-insurance .filter_popup .formaction a.allback.backto-step-three {
    background-color: #1f45fc;
    padding: 8px 15px;
    color: #fff;
    border-radius: 30px;
    height: 40px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
}
.cms-car-insurance .filter_popup .proced_btn a.allback.backto-step-one:hover {
    background-color: #000;
}
.cms-car-insurance .filter_popup .proced_btn a.allback.backto-step-two:hover {
    background-color: #000;
}
.cms-car-insurance .filter_popup .formaction a.allback.backto-step-three:hover {
    background-color: #000;
}
.cms-car-insurance .insurance-popup .modal-inner-wrap .modal-header .action-close {
    top: 0px;
    right: 0px;
}
.cms-car-insurance .insurance-popup .modal-inner-wrap .modal-header .action-close:before {
    border-radius: 0%;
    border: none;
    line-height: 16px;
    background-color: #000;
}
.cms-car-insurance .insurance-form form label {
    font-weight: 700;
}
.cms-car-insurance .insurance-form form .form-group {
    margin-bottom: 15px;
    position: relative;
}
.cms-car-insurance .insurance-form form .bottom-text p {
    font-size: 12px;
    text-align: center;
    position: relative;
    top: 1rem;
}
.cms-car-insurance .insurance-form form .action.primary:hover {
    border: none !important;
}
.cms-car-insurance .modal-slide .modal-inner-wrap {
    overflow-y: visible;
}
.cms-car-insurance input[type="file"] {
    background: #ffffff;
    background-clip: padding-box;
    border: 1px solid #c2c2c2;
    border-radius: 1px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 32px;
    line-height: 1.42857143;
    padding: 6px 10px;
    vertical-align: baseline;
    width: 100%;
    box-sizing: border-box;
}
.cms-car-insurance input[type="file"] {
    height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.cms-car-insurance select {
    background: #ffffff;
    background-clip: padding-box;
    border: 1px solid #c2c2c2;
    border-radius: 1px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 32px;
    line-height: 1.42857143;
    padding: 0 9px;
    vertical-align: baseline;
    width: 100%;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    border-radius: 0px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.cms-car-insurance #insurance-enquiry-form label {
    font-size: 14px;
}
.cms-car-insurance #insurance-enquiry-form .form-group {
    margin-bottom: 15px;
}
.cms-car-insurance #insurance-enquiry-form .action.primary:hover {
    border: none !important;
}
.cms-car-insurance .contctinfo {
    text-align: center;
    margin-bottom: 20px;
    color: #000;
    padding: 0;
}
.cms-car-insurance .insurance-form form .form-group.phone input {
    padding-left: 47px;
}
.cms-car-insurance .mfsteps {
    background-color: #f9f9f9;
    padding: 25px 20px;
    margin-bottom: 24px;
    border: 1px solid #eee;
}
.cms-car-insurance .mfsteps ul {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.cms-car-insurance .mfsteps ul li {
    margin: 0;
    padding: 0 15px;
    position: relative;
}
.cms-car-insurance .mfsteps ul li:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 30px;
    top: calc(50% - 1px);
    right: -15px;
    background-color: #cccccc;
}
.cms-car-insurance .mfsteps ul li.checked:after {
    background-color: #1f45fc;
}
.cms-car-insurance .mfsteps ul li a {
    background-color: #fff;
    display: block;
    height: 40px;
    width: 40px;
    border-radius: 30px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 38px;
    border: 1px solid #1f45fc;
    color: #000;
}
.cms-car-insurance .mfsteps ul li a:hover,
.cms-car-insurance .mfsteps ul li.active a {
    border-color: #1f45fc;
}
.cms-car-insurance .mfsteps ul li.checked a {
    background-color: #1f45fc;
    color: #fff;
}
.cms-car-insurance .mfsteps ul li:last-child:after {
    display: none;
}
.cms-car-insurance .mfsteps ul li.onlytwo-steps::after {
    display: none;
}
.cms-car-insurance .insurance-popup .modal-inner-wrap {
    width: 45%;
}
@media screen and (max-width: 1366px) {
    .cms-car-insurance .insurance-popup .modal-inner-wrap {
        width: 60%;
    }
}
@media screen and (max-width: 991.98px) {
    .cms-car-insurance .modal-popup .modal-inner-wrap {
        width: 70%;
    }
}
@media screen and (max-width: 767px) {
    .cms-car-insurance .modal-popup .action-close {
        top: 4px;
        right: 15px;
    }
    .cms-car-insurance .car-insurance {
        float: left;
        width: 100%;
    }
    .cms-car-insurance .modal-popup.modal-slide .modal-inner-wrap {
        height: 100%;
    }
    .cms-car-insurance .modal-popup .modal-inner-wrap {
        width: 100%;
    }
    .cms-car-insurance .modal-popup.modal-slide .modal-inner-wrap {
        height: 100%;
        overflow: scroll;
    }
    .cms-car-insurance .modal-popup.modal-slide .modal-inner-wrap .modal-content .modal-content .contact .col-sm-12 {
        width: 100%;
    }
}
.cms-car-insurance .second-step .row,
.cms-car-insurance .fourth-step .row {
    min-height: 270px;
    align-items: center;
    align-content: center;
}
.cms-car-insurance .third-step #make-error,
.cms-car-insurance .third-step #model-error,
.cms-car-insurance .third-step #year-error,
.cms-car-insurance #nationality-error {
    position: absolute;
    bottom: -5px;
}

body.category-car-battery .page-title-wrapper {
    background-image: url('/../media//images/car-battery-title.jpg');
    background-size: cover;
    min-height: 23.6vw;
}

body.category-car-battery .page-title-wrapper:before {
    display: none;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    body.category-car-battery .page-title-wrapper {
        background-size: contain;
        min-height: 29vw;
        background-repeat: no-repeat;
        background-color: #000;
        background-position: bottom;
    }
}

@media screen and (max-width: 767px) and (orientation: portrait) {
    body.category-car-battery .page-title-wrapper {
        background-image: url('/../media//images/car-battery-title-sm.jpg');
        min-height: 85vw;
        align-items: center;
        background-position: bottom;
    }
}

/* sitemap page */
.sitemap-section {
    background: #fff;
}

.sitemap-section.section-padding {
    padding: 26px 0;
}

.sitemap-section .section-title-1 p {
    max-width: 640px;
    margin: 0;
    color: #5B6472;
}

.sitemap-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.sitemap-column {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sitemap-block {
    background: #fff;
    border-radius: 1rem;
    padding: 18px 20px 14px;
    box-shadow: 0 4px 24px rgb(18 24 59 / 6%);
    border: 1px solid #ccc;
}

.sitemap-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--theme-gray);
    font-size: 1.1rem;
}

.sitemap-heading__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--theme-primary);
    color: #fff;
}

.sitemap-heading__icon svg {
    width: 16px;
    height: 16px;
}

.sitemap-section .list-sitemap {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sitemap-section .list-sitemap > li {
    border-bottom: 1px solid #eef1f4;
}

.sitemap-section .list-sitemap > li:last-child {
    border-bottom: 0;
}

.sitemap-section .list-sitemap > li > a {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 6px 0 6px 14px;
    /* color: #333; */
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.25s ease, padding-left 0.25s ease;
}

.sitemap-section .list-sitemap > li > a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--theme-silver);
    transform: translateY(-50%);
    transition: background 0.25s ease;
}

.sitemap-section .list-sitemap > li > a:hover {
    color: var(--theme-primary);
    padding-left: 22px;
}

.sitemap-section .list-sitemap > li > a:hover::before {
    background: var(--theme-primary);
}

.sitemap-section .list-sitemap--nested {
    margin: 2px 0 4px 14px;
    padding: 2px 0 2px 14px;
    border-left: 2px solid var(--theme-gray);
}

.sitemap-section .list-sitemap--nested li {
    border-bottom: 0;
}

.sitemap-section .list-sitemap--nested li a {
    padding: 4px 0 4px 12px;
    font-size: 14px;
    color: #5B6472;
}

.sitemap-section .list-sitemap--nested li a::before {
    width: 4px;
    height: 4px;
}

.sitemap-section .list-sitemap--nested li a:hover {
    padding-left: 20px;
}

@media screen and (max-width: 1200px) {
    .sitemap-block {
        padding: 16px 18px 12px;
    }
}

@media screen and (max-width: 991.98px) {
    .sitemap-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 576px) {
    .sitemap-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .sitemap-block {
        padding: 14px 16px;
    }

    .sitemap-heading {
        font-size: 1.05rem;
    }
}



/* aboutus-page-css */

.aboutus-page .right-image .aspect-custom {
    padding-bottom: 62%;
    border-radius: 14px;
    overflow: hidden;
}

.aboutus-page .right-image {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.35s ease, transform 0.35s ease;
    padding: .25rem;
    border: #ccc solid 1px;
    border-radius: 16px;
    max-width: 100%;
    height: auto;
}

.aboutus-page .left-content .why-yalla {
        font-size: 20px;
    font-weight: 600;
    font-style: italic;
}

@media screen and (max-width: 991.98px) { 
  .aboutus-page .full-div {
    margin-top: 1.5rem;
  }
}

@media screen and (max-width: 767px) { 
  .aboutus-page .left-content .why-yalla {
    font-size: 16px;
}
  .aboutus-page .left-content .why-yalla br {
    display: none;
}
}


.tyre-finder-modal .modal-inner-wrap {
  width: 920px;
  border-radius: 1rem;
  overflow: hidden;
}

.tyre-finder-modal .modal-inner-wrap .action-close {
  right: 5px;
  top: 5px;
}

.tyre-finder-modal .modal-inner-wrap .action-close:before {
    content: "\e680";
    font-family: 'Pe-icon-7-stroke';
    font-size: 24px;
    background: black;
    border: none;
    display: flex;
}

.tyre-finder-modal .modal-inner-wrap .action-close:active:before {
    color: #fff;
}




ul.tyre_finder_allcontent::-webkit-scrollbar ,
.tyre-finder-modal #vehicle_finder_modal #vehicle_finder_modal_wrapper .vehicle_finder_modal_make_content::-webkit-scrollbar {
  width: 6px;
}

ul.tyre_finder_allcontent::-webkit-scrollbar-thumb ,
.tyre-finder-modal #vehicle_finder_modal #vehicle_finder_modal_wrapper .vehicle_finder_modal_make_content::-webkit-scrollbar-thumb {
  background: var(--theme-primary);
  border-radius: 3px;
}

ul.tyre_finder_allcontent::-webkit-scrollbar-track ,
.tyre-finder-modal #vehicle_finder_modal #vehicle_finder_modal_wrapper .vehicle_finder_modal_make_content::-webkit-scrollbar-track {
  background: #f0f0f0;
}

@media  screen and (max-width: 767px) {
button#bh-sl-submit, button#see-on-map-btn {
    height: 37px !important;
    font-weight: 600 !important;
    padding: 0 10px !important;
    line-height: 31px !important;
}

 .installer-title {
    font-size: 1rem;
}
}

.site-footer__payment h4 {
    font-weight: 500;
}

/* fixed-tyre-finnder-css */

.fixed-tyre-finnder {
    position: fixed;
    left: 50%;
    bottom: 0.5rem;
    transform: translateX(-50%);
    z-index: 9;
    width: 100%;
}
.tyre-finder-bar__tabs {
    display: flex;
    justify-content: center;
    gap: 1.6rem;
    position: relative;
}

.tyre-finder-bar__tab {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    border: 0;
    background-color: var(--theme-silver);
    color: #24272b;
    font-family: var(--heading-family);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.3px;
    padding: 7px 20px;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 16px;
    text-transform: uppercase;
}

.tyre-finder-bar__tab::before,
.tyre-finder-bar__tab::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all 0.2s ease;
}

.tyre-finder-bar__tab::before {
    left: -13px;
    transition: all 0.2s ease;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='10'%20viewBox='0%200%2010%2010'%20fill='none'%3E%3Cpath%20d='M10%2010L0%2010C0%2010%203.60596%2010%207.09106%206.5149C10%203.60596%2010%200%2010%200L10%2010Z'%20fill='silver'/%3E%3C/svg%3E");
}

.tyre-finder-bar__tab::after {
    right: -13px;
    transition: all 0.2s ease;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='10'%20viewBox='0%200%2010%2010'%20fill='none'%3E%3Cpath%20d='M0%2010L10%2010C10%2010%206.39404%2010%202.90894%206.5149C0%203.60596%200%200%200%200L0%2010Z'%20fill='%23C0C0C0'/%3E%3C/svg%3E");
}

.tyre-finder-bar__tab .tyre-finder-bar__tab-icon svg {
  fill: var(--theme-secondary);
}

.tyre-finder-bar__tab-icon {
  display: inline-flex;
  line-height: 0;
}

.tyre-finder-bar__tab.is-active {
  background-color: var(--white);
  color: var(--theme-primary);
}

.tyre-finder-bar__tab.is-active::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='10'%20viewBox='0%200%2010%2010'%20fill='none'%3E%3Cpath%20d='M10%2010L0%2010C0%2010%203.60596%2010%207.09106%206.5149C10%203.60596%2010%200%2010%200L10%2010Z'%20fill='white'/%3E%3C/svg%3E");
}

.tyre-finder-bar__tab.is-active::after {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='10'%20viewBox='0%200%2010%2010'%20fill='none'%3E%3Cpath%20d='M0%2010L10%2010C10%2010%206.39404%2010%202.90894%206.5149C0%203.60596%200%200%200%200L0%2010Z'%20fill='white'/%3E%3C/svg%3E");
}

.tyre-finder-bar__tab.is-active .tyre-finder-bar__tab-icon svg {
  fill: var(--theme-primary);
}

.tyre-finder-bar__panels {
    background-color: var(--white);
    border-radius: 1rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.18);
    padding: 1rem;
}

.tyre-finder-bar__panel {
  display: none;
  align-items: center;
  gap: 16px;
}

.tyre-finder-bar__panel.is-active {
  display: flex;
}

.tyre-finder-bar__field {
  position: relative;
  flex: 1;
  min-width: 0;
}



 .tyre-finder-bar__field select {
    background: #0707071A !important;
    border: 1px solid #0707071A!important;
    padding: 0 25px 0 18px;
}

.tyre-finder-bar__select {
  width: 100%;
  height: 54px;
  background-color: #edeff1;
  border: 0;
  border-radius: 999px;
  padding: 0 48px 0 24px;
  font-family: var(--body-family);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #2b2f33;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

.tyre-finder-bar__select:focus {
  outline: 2px solid var(--theme-primary);
  outline-offset: -2px;
}

.tyre-finder-bar__field-arrow {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgb(0 0 0 / 10%);
    color: #24272b;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
}

.tyre-finder-bar__field:hover .tyre-finder-bar__field-arrow {
  background-color: var(--theme-primary);
  color: var(--white);
}

@media screen and (max-width: 1600px) {
.fixed-tyre-finnder .tyre-finder-bar {
    margin-right: 4%;
}
}

@media screen and (max-width: 1536px) {
.fixed-tyre-finnder .tyre-finder-bar {
    margin-right: 6%;
}
}

@media screen and (max-width: 1440px) {
.fixed-tyre-finnder .tyre-finder-bar {
    margin-right: 10%;
}
}

@media screen and (max-width: 1280px) {
.fixed-tyre-finnder .tyre-finder-bar {
    margin-right: 11%;
}
}

@media screen and (max-width: 1024px) {
.fixed-tyre-finnder .tyre-finder-bar {
    margin-right: 14%;
}
}

@media screen and (max-width: 991.98px) {
.tyre-finder-bar__panel .button-blue-black {
  display: none;
}

.fixed-tyre-finnder .tyre-finder-bar {
    margin-right: 9%;
}

#button-container .OkEwu span {
    display: none !important;
}

}


@media screen and (max-width: 767px) {
.fixed-tyre-finnder {
    max-width: 100%;
}

.tyre-finder-bar__field select {
    font-size: 10px;
    padding: 0 22px 0 11px;
    height: 34px;
}


.tyre-finder-bar__tab {
    font-size: 12px;
    padding: 2px 16px;
}

.tyre-finder-bar__tab::before, .tyre-finder-bar__tab::after {
    width: 10px;
    height: 10px;
}

  .tyre-finder-bar__tab::before {
    left: -10px;
  }

  .tyre-finder-bar__tab::after {
    right: -10px;
  }

.tyre-finder-bar__panels {
    padding: 8px;
}

  .tyre-finder-bar__panel {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 8px;
  }
.tyre-finder-bar__tab .tyre-finder-bar__tab-icon svg {
    width: 15px;
}

  .tyre-finder-bar__select {
    height: 44px;
    font-size: 12px;
    padding: 0 36px 0 16px;
  }

.tyre-finder-bar__field-arrow {
    width: 24px;
    height: 24px;
}

.tyre-finder-bar__field-arrow svg{
    width: 14px;
}


#button-container #button-content {
    padding: 10px !important;
    border-radius: 40px !important;
    border: 1px solid #00000038 !important;
}

.kgxSPL {
    right: -10px !important;
    bottom: 123px !important;
}

#button-container .OkEwu svg {
    width: 18px !important;
}

.fixed-tyre-finnder .tyre-finder-bar {
    margin-right: 0;
}

}

.catalog-product-view .footerBottom, .page-with-filter .footerBottom {
    padding-bottom: 120px;
}

@media screen and (max-width: 991.98px) { 
  .catalog-product-view .footerBottom, .page-with-filter .footerBottom {
      padding-bottom: 115px;
  }
}

@media  screen and (max-width: 767px) {
.catalog-product-view .footerBottom, .page-with-filter .footerBottom {
    padding-bottom: 94px;
}
}

.kgxSPL {
    z-index: 12 !important;
}

#button-container {
    z-index: 12 !important;
}

.swiper-pagination {
    z-index: 8 !important;
}

.driverreviews-widget--combined-review .driverreviews-widget--review  .driverreviews-widget__load-external-reviews {
    z-index: 0;
}

.driverreviews-widget--combined-review .driverreviews-widget--review  .driverreviews-widget__load-external-reviews:hover {
    background-color: var(--theme-primary) !important;
}

.driverreviews-widget--combined-review .driverreviews-widget--review  .driverreviews-widget__load-external-reviews {
    padding: 9px 20px !important;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 40px !important;
}

.see-on-map-dialog {
  margin: 10px;
}







/* =========================================================
   Arroyo Tyres brand page (cms-arroyo-tyres)
   Moved from inline <style> in arroyo-tyres.phtml.
   All selectors are scoped under the page's own Magento
   CMS body class so nothing here can leak onto other pages.
   ========================================================= */
.cms-arroyo-tyres .column.main > p {
   display: none;
}

.cms-arroyo-tyres .content-url {
   color: #1f45fc;
}

.cms-arroyo-tyres .tomex-btn {
   color: #fff;
   border: 2px solid #ff6600;
   background-color: #ff6600;
}
.cms-arroyo-tyres .tomex-btn:hover,
.cms-arroyo-tyres .tomex-btn:focus,
.cms-arroyo-tyres .tomex-btn:active {
   color: #fff;
   border: 2px solid #222;
   background-color: #222;
}

.cms-arroyo-tyres .tomket-content .left-content .action-btn {
   margin-top: 25px;
}
.cms-arroyo-tyres .breadcrumbs {
   display: none;
}
.cms-arroyo-tyres .page-title-wrapper {
   min-height: 42.5vw;
   padding-bottom: 0;
   background-image: url('/../media/all-sites-images/arroyo-tyres-online-uae-at-yallatyre.webp');
   background-position: center;

}
.cms-arroyo-tyres .page-title-wrapper .page-header,
.cms-arroyo-tyres .page-title-wrapper::before {
   display: none;
}
@media screen and (max-width: 991.98px) {
.cms-arroyo-tyres .tomket-content .title {
    margin-bottom: 30px;
}
.cms-arroyo-tyres .tomket-content .left-content .action-btn {
    margin-top: 25px;
    text-align: center;
}
.cms-arroyo-tyres .tomket-content .right-image {
   margin-top: 30px;
}
.cms-arroyo-tyres .tomket-content .right-image img {
  display: block;
  margin: auto;
}
}
@media screen and (max-width:767px) {
.cms-arroyo-tyres .page-title-wrapper {
    background-image: url('/../media/all-sites-images/arroyo-tyres-online-uae-at-yallatyre-sm-new.webp');
    min-height: 84vw;
    margin: 0;
}

}









/* online-catalogue */

.cms-arroyo-tyres .online-catalogue .content-text p {
   margin-bottom: 15px;
}
.cms-arroyo-tyres .online-catalogue .content-text .content-image {
    margin: 30px 0;
    padding-top: 0px;
    border-radius: 1rem;
    overflow: hidden;
}
.cms-arroyo-tyres .online-catalogue .content-text .content-image img {
   box-shadow: 0 5px 21px -4px rgba(167, 167, 167, .5);
}



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

.cms-arroyo-tyres .online-catalogue .content-text .content-image {
    padding: 20px 0;
}
.cms-arroyo-tyres .online-catalogue .content-text .action-btn  {
text-align: center;
}
}
/* yallatyre-boxs */
.cms-arroyo-tyres .yallatyre-boxs {
   padding: 70px 0;
   margin-right: -15px;
   margin-left: -15px;
   background-color: #F4F4F3;
}
.cms-arroyo-tyres .yallatyre-boxs .title {
   margin-bottom: 20px;
}
.cms-arroyo-tyres .yallatyre-boxs .title h3 {
   font-size: 22px;
}
.cms-arroyo-tyres .yallatyre-boxs .col-12:nth-child(even) .service-box {
   border-bottom: 4px solid #000;
}
.cms-arroyo-tyres .yallatyre-boxs .service-box {
   border-radius: 0;
   box-shadow: none;
   padding: 35px 5px;
   position: relative;
   border: 1px solid #e4e4e4;
   background-color: rgb(255, 255, 255);
   margin-bottom: 30px;
   border-bottom: 4px solid #ff6600;
   height: calc(100% - 30px);
}
.cms-arroyo-tyres .yallatyre-boxs .service-box .feature-counter {
   position: absolute;
   left: 0;
   font-size: 42px;
   font-weight: 600;
   color: #485177;
   opacity: .10;
   left: 30px;
}
.cms-arroyo-tyres .yallatyre-boxs .service-box .box-icon img {
   margin: auto;
   display: block;
}
.cms-arroyo-tyres .yallatyre-boxs .service-box .box-data {
   text-align: center;
}
.cms-arroyo-tyres .yallatyre-boxs .service-box .box-data h3 {
   margin: 20px 0px 15px 0px;
   font-size: 22px;
   font-weight: 500;
}
.cms-arroyo-tyres .yallatyre-boxs .service-box .box-data p b {
   font-weight: 600;
}
@media screen and (min-width: 991.99px) and (max-width: 1199.98px) {
   .cms-arroyo-tyres .yallatyre-boxs .service-box {
      height: calc(100% - 30px) !important;
      padding-bottom: 40px;
   }
}
@media screen and (max-width: 767px) {
   .cms-arroyo-tyres .yallatyre-boxs .service-box .box-data h3 {
      font-size: 18px;
   }
}

.cms-arroyo-tyres .tyres-deliver .faq-content p {
   margin-bottom: 30px;
}

.cms-arroyo-tyres .tyres-deliver .faq-content img {
    box-shadow: 0 5px 21px -4px rgba(167, 167, 167, .5);
    border-radius: 1rem;
}

/* tyres-in-uae */
.cms-arroyo-tyres .tyres-in-uae {
   padding: 70px 0;

   padding-bottom: 0px;
}
.cms-arroyo-tyres .tyres-in-uae .title {
   margin-bottom: 50px;
   text-align: center;
}
.cms-arroyo-tyres .tyres-in-uae .image-with-text .row.no-gutters>.col-sm-6 {
   padding: 0;
}
.cms-arroyo-tyres .tyres-in-uae .image-with-text .image {
   height: 100%;
   position: relative;
}
.cms-arroyo-tyres .tyres-in-uae .image-with-text .image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   max-height: 100%;
   left: 0;
   top: 0px;
}
.cms-arroyo-tyres .tyres-in-uae .image-with-text .text-block {
   padding: 70px 10%;
   align-content: center;
   height: 100%;
}
.cms-arroyo-tyres .tyres-in-uae .image-with-text .text-block h2 {
   margin-bottom: 20px;
   line-height: 1 !important;
}
.cms-arroyo-tyres .tyres-in-uae .image-with-text .text-block h3 {
   font-size: 22px;
   margin-bottom: 15px;
}
.cms-arroyo-tyres .tyres-in-uae .image-with-text .text-block p+p {
   margin-top: 15px;
}
.cms-arroyo-tyres .tyres-in-uae .image-with-text .text-block ul {
   margin-top: 20px;
}
.cms-arroyo-tyres .tyres-in-uae .image-with-text .text-block ul li {
   display: flex;
   align-items: center;
   font-weight: 500;
   margin-bottom: 12px;
}
.cms-arroyo-tyres .tyres-in-uae .image-with-text .text-block ul li .icon {
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: #f6f6f8;
   border-radius: 50%;
   width: 25px;
   height: 25px;
   margin-right: 10px;
}
.cms-arroyo-tyres .tyres-in-uae .image-with-text .text-block ul li .icon svg {
   width: 13px;
   fill: #ff6600;
}
.cms-arroyo-tyres .tyres-in-uae .image-with-text .text-block ul li b {
   font-weight: 600;
}
@media screen and (max-width:767px) {
   .cms-arroyo-tyres .tyres-in-uae .image-with-text .text-block {
      padding: 30px 16px;
   }
   .cms-arroyo-tyres .tyres-in-uae .image-with-text .image {
      height: 65vw;
   }
}
.cms-arroyo-tyres .contact-form-wrapper {
   background-color: #f7f7f7;
   position: relative;
}
.cms-arroyo-tyres .contact-form-wrapper .contact-form-area {
   padding: 100px 0;
}
.cms-arroyo-tyres .contact-form-wrapper .section-title {
   padding-bottom: 15px;
}
.cms-arroyo-tyres .contact-form-wrapper .section-title h2 {
   text-transform: uppercase;
   line-height: 1 !important;
   margin-bottom: 25px;
}
.cms-arroyo-tyres .contact-form-wrapper .section-title p {
   margin-bottom: 30px;
}
.cms-arroyo-tyres .contact-form-layout1:before {
   content: '';
   position: absolute;
   right: 0;
   top: 0;
   height: 100%;
   width: 48%;
   background-color: #ffffff;
}
.cms-arroyo-tyres .contact-form-layout1 .contact-form-slider {
   width: 100%;
   height: 100%;
   position: relative;
   align-content: center;
   overflow: hidden;
}
.cms-arroyo-tyres .contact-form-layout1 .contact-form-slider:before {
   content: '';
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   opacity: 1;
   background-repeat: no-repeat;
   max-width: 350px;
   background-image: url('/media/images/contact-img-shape-1-2.png');
   z-index: 2;
}
.cms-arroyo-tyres .contact-form-layout1 .contact-form-slider .tire-image img {
   position: absolute;
   transform: translateY(-50%);
   top: 50%;
   right: 0;
   width: 90%;
}

.cms-arroyo-tyres .contact-form-layout1 .form-group .form-control {
    color: #777777;
    padding: 10px 20px;
    padding-right: 50px;
    border: none;
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    height: 47px;
    border-radius: 0;
}
.cms-arroyo-tyres .contact-form-layout1 .form-group textarea.form-control {
   padding-top: 15px;
   min-height: 200px;
}
.cms-arroyo-tyres .submit-btn {
    display: inline-block;
    max-width: 100%;
    width: auto;
    padding: 8px 18px;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #ff6600;
    color: #ffffff;
    position: relative;
    z-index: 5;
    border: none;
    overflow: hidden;
    -webkit-transition: all ease 0.4s !important;
    transition: all ease 0.4s !important;
    box-shadow: 0px 10px 28.5px 1.5px rgba(0, 43, 139, 0.25);
    border-radius: 30px;
}
.cms-arroyo-tyres .submit-btn:active,.cms-arroyo-tyres .submit-btn:focus {
  color: #fff;
}
.cms-arroyo-tyres .submit-btn .btn-text {
   position: relative;
   z-index: 10;
   display: inline-block;
}
.cms-arroyo-tyres .submit-btn .btn-bg {
   position: absolute;
   display: block;
   width: 0;
   height: 0;
   border-radius: 50%;
   background-color: #000;
   -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
   transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   z-index: -1;
}
.cms-arroyo-tyres .submit-btn:hover {
   color: #ffffff;
}
.cms-arroyo-tyres .submit-btn:hover .btn-bg {
   width: 225%;
   height: 500px;
}
@media screen and (max-width: 991.98px) {
   .cms-arroyo-tyres .contact-form-wrapper .contact-form-area {
    padding: 50px 0;
}
.cms-arroyo-tyres .contact-form-layout1:before {
    width: 0;
}
.cms-arroyo-tyres .contact-form-wrapper .section-title p {
    margin-bottom: 0px;
}
.cms-arroyo-tyres .contact-form-layout1 .contact-form-slider .tire-image img {
    position: relative;
    transform: translateY(-0%);
    top: 0px;
    right: 0;
    width: 50%;
}
.cms-arroyo-tyres .contact-form-layout1 .contact-form-slider:before {
   display: none;
}
.cms-arroyo-tyres .contact-form-layout1 .contact-form-slider .tire-image {
      text-align: center;
    padding-bottom: 30px;
}
}
@media  screen and (max-width: 767px) {
    .cms-arroyo-tyres .contact-form-wrapper .section-title{
      text-align: center;
    }
   .cms-arroyo-tyres .contact-form-wrapper .section-title h2 {
    text-align: center;
    margin-bottom: 15px;
}
}
/* axivis-mission-wrapper */
.cms-arroyo-tyres .axivis-mission-wrapper {
   padding: 100px 0;
}
.cms-arroyo-tyres .axivis-mission-wrapper .section-title {
   text-align: center;
}
.cms-arroyo-tyres .axivis-mission-wrapper .section-title h2 {
   margin-bottom: 50px;
}
.cms-arroyo-tyres .axivis-mission-wrapper .section-title p {
   margin-bottom: 30px;
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission {
   text-align: center;
   margin-bottom: 30px;
   padding-top: 40px;
   -webkit-transition: all ease 0.4s;
   transition: all ease 0.4s;
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission:before {
   content: '';
   position: absolute;
   width: 180px;
   height: 180px;
   margin-left: -90px;
   top: 0;
   left: 0;
   z-index: -1;
   left: 50%;
   background-color: #ffffff;
   box-shadow: 0 0 49px -10px rgba(0, 0, 0, 0.09);
   border-radius: 50%;
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission .shape {
   width: 140px;
   height: 140px;
   margin-left: -70px;
   border: 3px solid #ff6600;
   display: inline-block;
   position: absolute;
   left: 50%;
   top: 20px;
   border-radius: 50%;
   -webkit-animation: cms-arroyo-tyres-cspine 20s linear infinite;
   animation: cms-arroyo-tyres-cspine 20s linear infinite;
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission .shape:before,
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission .shape:after {
   content: '';
   position: absolute;
   width: 10px;
   height: 10px;
   left: -5.5px;
   top: 50%;
   background-color: #ff6600;
   margin-top: -5px;
   box-shadow: 0 0 0 5px #ffffff;
   border-radius: 50%;
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission .shape:after {
   left: auto;
   right: -5.5px;
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission .mission-icon {
   position: relative;
   margin-bottom: -50px;
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission .mission-icon span {
   width: 100px;
   height: 100px;
   line-height: 115px;
   font-size: 52px;
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission .mission-icon span:hover {
   color: #ffffff;
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission .mission-icon span img {
   -webkit-transition-delay: 0.2s;
   transition-delay: 0.2s;
   -webkit-transform: rotateY(0);
   transform: rotateY(0);
   -webkit-transition: -webkit-transform ease 0.4s;
   transition: -webkit-transform ease 0.4s;
   transition: transform ease 0.4s;
   transition: transform ease 0.4s, -webkit-transform ease 0.4s;
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission .mission-content {
   background-color: #ffffff;
   padding: 0 25px;
   padding-top: 90px;
   padding-bottom: 30px;
   box-shadow: 0 0 49px -10px rgba(0, 0, 0, 0.09);
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission .mission-content .title {
   margin-bottom: 20px;
   font-size: 22px;
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission .mission-content p {
   height: 80px;
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission:hover {
   -webkit-transform: translateY(10px);
   -ms-transform: translateY(10px);
   transform: translateY(10px);
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission:hover .shape {
   border-color: #000;
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission:hover .shape:before,
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission:hover .shape:after {
   background-color: #000;
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission:hover .mission-icon span img {
   -webkit-transition-delay: 0.45s;
   transition-delay: 0.45s;
   -webkit-transform: rotateY(360deg);
   transform: rotateY(360deg);
}
@keyframes cms-arroyo-tyres-cspine {
   from {
      -webkit-transform: rotate(0);
      transform: rotate(0);
   }
   to {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
   }
}
@media screen and (min-width: 991.99px) and (max-width: 1199.98px) {
   .cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission .mission-content .title {
    margin-bottom: 10px;
    font-size: 18px;
}
}
@media screen and (max-width: 991.98px) {
   .cms-arroyo-tyres .axivis-mission-wrapper {
    padding: 50px 0;
    padding-bottom: 0px;
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission .mission-content .title {
    margin-bottom: 11px;
    font-size: 19px;
}
}
@media  screen and (max-width: 767px) {
   .cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission .mission-content .title {
    margin-bottom: 10px;
    font-size: 18px;
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission {
    height: calc(100% - 69px);
}
.cms-arroyo-tyres .axivis-mission-wrapper .container {
    padding-right: 0;
    padding-left: 0;
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission .shape {
    width: 100px;
    height: 100px;
    margin-left: -50px;
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission .mission-icon {
    position: relative;
    margin-bottom: -50px;
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission .mission-icon span {
    width: 100px;
    height: 100px;
    line-height: 98px;
    font-size: 18px;
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission .mission-icon span img {
    width: 45px;
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission .mission-content {
    padding: 0 5px;
    padding-top: 40px;
    padding-bottom: 10px;
    height: 100%;
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission .mission-content .title {
    margin-bottom: 0;
    font-size: 15px;
    height: 50px;
    align-content: center;
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission .mission-content p {
    height: auto;
    font-size: 13px;
}
.cms-arroyo-tyres .axivis-mission-wrapper .axivis-mission:before {
    width: 126px;
    height: 125px;
    margin-left: -63px;
    top: 5px;
}
}

.cms-arroyo-tyres .faq-wrapper .row.no-gutters>.col-sm-6 {
   padding: 0;
}
.cms-arroyo-tyres .faq-wrapper .faq-banner {
   margin: 65px 0;
   height: calc(100% - 130px);
   position: relative;
   text-align: center;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   background-position: center;
}
.cms-arroyo-tyres .video-modal .modal-content {
    border-radius: 0;
}
.cms-arroyo-tyres .video-modal .modal-body {
    position: relative;
    padding: 4px;
}
.cms-arroyo-tyres .video-modal .button-content {
    position: absolute;
    right: 7px;
    top: 7px;
    z-index: 2;
    background: #000;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cms-arroyo-tyres .video-modal .button-content .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
    opacity: 1;
    font-size: 12px;
    padding: 0;
}
.cms-arroyo-tyres .faq-wrapper .faq-banner .video-btn {
   width: 100px;
   height: 100px;
   line-height: 100px;
   text-align: center;
   font-size: 40px;
   display: inline-block;
   position: relative;
   border-radius: 50%;
   cursor: pointer;
   z-index: 5;
}
.cms-arroyo-tyres .faq-wrapper .faq-banner .video-btn .btn-text {
   display: inline-block;
   color: inherit;
   width: 100%;
   height: 100%;
   line-height: inherit;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 1;
   border-radius: 50%;
   background-color: #ff6600;
   color: #ffffff;
   -webkit-transition: all ease-in-out 0.4s;
   transition: all ease-in-out 0.4s;
}
.cms-arroyo-tyres .faq-wrapper .faq-banner .video-btn .btn-text svg {
   width: 32px;
   fill: #fff;
}
.cms-arroyo-tyres .faq-wrapper .faq-banner .video-btn .ripple {
   position: absolute;
   top: 0;
   left: 0;
   display: inline-block;
   z-index: -1;
   width: 100%;
   height: 100%;
   background-color: #ff6600;
   -webkit-animation-name: cms-arroyo-tyres-ripple;
   animation-name: cms-arroyo-tyres-ripple;
   -webkit-animation-duration: 5s;
   animation-duration: 5s;
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   border-radius: 50%;
   -webkit-transition: background 1.5s ease;
   transition: background 1.5s ease;
}
.cms-arroyo-tyres .ripple.ripple-1 {
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
.cms-arroyo-tyres .ripple.ripple-2 {
   -webkit-animation-delay: 1.5s;
   animation-delay: 1.5s;
}
.cms-arroyo-tyres .ripple.ripple-2 {
   -webkit-animation-delay: 2s;
   animation-delay: 2s;
}
@keyframes cms-arroyo-tyres-ripple {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 0;
   }
   30% {
      opacity: 0.30;
   }
   100% {
      -webkit-transform: scale(1.9);
      transform: scale(1.9);
      opacity: 0;
   }
}
.cms-arroyo-tyres .faq-wrapper .faq .title {
   margin-bottom: 30px;
}
.cms-arroyo-tyres .faq-wrapper .faq .title h2 {
   color: #fff;
   margin-bottom: 30px;
}
.cms-arroyo-tyres .faq-wrapper .faq .title p {
   color: #fff;
}
.cms-arroyo-tyres .faq-wrapper .faq {
   background-color: #ff6600;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 100% 100%;
   min-height: 850px;
   align-content: center;
   padding-left: 100px;
   padding-right: 100px;
   padding-top: 100px;
   padding-bottom: 100px;
}
.cms-arroyo-tyres .faq-wrapper .faq .accordion-container .accordion-title:last-child {
   border-bottom: 0;
}
.cms-arroyo-tyres .faq-wrapper .faq .accordion-container .accordion-title:active,
.cms-arroyo-tyres .accordion-title.open {
   background-color: #fff;
   color: #000 !important;
}
.cms-arroyo-tyres .faq-wrapper .faq .accordion-container .accordion-title::after {
   content: "";
   position: absolute;
   top: 21px;
   right: 15px;
   width: 0;
   height: 0;
   border: 8px solid transparent;
   border-top-color: #fff;
}
.cms-arroyo-tyres .faq-wrapper .faq .accordion-container .accordion-title.open::after {
   content: "";
   position: absolute;
   top: 11px;
   border: 8px solid transparent;
   border-bottom-color: #ff6600;
}
.cms-arroyo-tyres .faq-wrapper .faq .accordion-container .accordion-title {
   position: relative;
   margin: 0;
   padding: 12px 35px 12px 15px;
   cursor: pointer;
   color: #fff;
   border: 1px solid #ccc;
   margin-bottom: 15px;
   font-weight: 600 !important;
}
.cms-arroyo-tyres .faq-wrapper .faq .accordion-content {
   padding: 15px;
   padding-top: 0px;
}
.cms-arroyo-tyres .faq-wrapper .faq .accordion-content p {
   color: #fff;
}
.cms-arroyo-tyres .faq-wrapper .faq .accordion-content p b {
   font-weight: 600;
}
.cms-arroyo-tyres .faq-wrapper .faq .accordion-content ul {
   list-style-type: disc;
   margin-left: 16px;
}
.cms-arroyo-tyres .faq-wrapper .faq .accordion-content ul li {
   margin-bottom: 10px;
}
.cms-arroyo-tyres .faq-wrapper .faq .accordion-content .faq-content p {
   margin-bottom: 30px;
}
@media screen and (max-width: 1680px) {
.cms-arroyo-tyres .faq-wrapper .faq {
    padding-left: 85px;
    padding-right: 85px;
}
}
@media screen and (max-width: 1600px) {
.cms-arroyo-tyres .faq-wrapper .faq {
    padding-left: 68px;
    padding-right: 68px;
}
}
@media screen and (max-width: 1536px) {
   .cms-arroyo-tyres .faq-wrapper .faq {
    padding-left: 30px;
    padding-right: 30px;
}
}
@media screen and (max-width: 1440px) {
   .cms-arroyo-tyres .faq-wrapper .faq .title h2 {
    font-size: 35px;
}
}
@media screen and (max-width: 1366px) {
   .cms-arroyo-tyres .faq-wrapper .faq .accordion-content p {
   font-size: 14px;
}
}
@media screen and (max-width: 1280px) {
.cms-arroyo-tyres .faq-wrapper .faq .title h2 {
    font-size: 32px;
}
}
@media screen and (min-width: 991.99px) and (max-width: 1199.98px) {
   .cms-arroyo-tyres .faq-wrapper .col-sm-6 {
        width: 100%;
    }
    .cms-arroyo-tyres .faq-wrapper .faq-banner {
     margin: 0px;
    height: calc(100% - 00px);
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
}
.cms-arroyo-tyres .faq-wrapper .faq {
    padding-left: 50px;
    padding-right: 50px;
      min-height: auto;
          padding-top: 70px;
    padding-bottom: 70px;
}
}
@media screen and (max-width: 991.98px) {
   .cms-arroyo-tyres .faq-wrapper .col-sm-6 {
        width: 100%;
    }
    .cms-arroyo-tyres .faq-wrapper .faq-banner {
     margin: 0px;
    height: calc(100% - 00px);
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
}
.cms-arroyo-tyres .faq-wrapper .faq {
    padding-left: 50px;
    padding-right: 50px;
      min-height: auto;
          padding-top: 70px;
    padding-bottom: 70px;
}
}
@media  screen and (max-width: 767px) {
   .cms-arroyo-tyres .faq-wrapper .faq-banner {
     height: 302px;
}
.cms-arroyo-tyres .faq-wrapper .faq .title h2 {
    font-size: 25px;
    margin-bottom: 20px;
    text-align: center;
}
.cms-arroyo-tyres .faq-wrapper .faq-banner .video-btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
}
.cms-arroyo-tyres .faq-wrapper .faq-banner .video-btn .btn-text svg {
    width: 16px;
    position: relative;
    margin-left: 5px;
}
.cms-arroyo-tyres .faq-wrapper .faq {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.cms-arroyo-tyres .faq-wrapper .faq .accordion-container .accordion-title {
    font-size: 14px;
}
}
/* Best-Tomket-Tyres */

.cms-arroyo-tyres .best-tomket-tyres .image-box {
   position: relative;
   margin-top: 15px;

}

.cms-arroyo-tyres .best-tomket-tyres .image-box .box-image img{
border:1px solid #e8e9e9;
}


.cms-arroyo-tyres .best-tomket-tyres .image-box .submit-btn {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
}
.cms-arroyo-tyres .best-tomket-tyres .image-box:hover .submit-btn {
   opacity: 0;
   visibility: hidden;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 0px);
    background-color: #fff;
    transition: all 0.3s ease-in-out;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    border: 1px solid #ff6600;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content::before {
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    opacity: 0.1;
    content: "";
    z-index: -1;
    height: calc(100% - 0px);
    background-image: url("../media/images/arroyo-logo.png");
    background-size: 95%;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box:hover .box-content {
   visibility: visible;
   opacity: 1;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block {
   padding: 70px 10%;
   align-content: center;
   height: 100%;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block h2 {
   margin-bottom: 20px;
   line-height: 1 !important;
   color: #ff6600;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block h3 {
   font-size: 22px;
   margin-bottom: 15px;
   color: #000;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block p {
   color: #000;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block p+p {
   margin-top: 15px;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block ul {
   margin-top: 20px;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block ul li {
   display: flex;
   align-items: center;
   font-weight: 500;
   color: #000;
   margin-bottom: 12px;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block ul li .icon {
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: #ff6600;
   border-radius: 50%;
   width: 25px;
   height: 25px;
   margin-right: 10px;
   flex: 0 0 auto;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block ul li .icon svg {
   width: 13px;
   fill: #fff;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block ul li b {
   font-weight: 600;
}
@media screen and (max-width: 1680px) {
   .cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block {
    padding: 30px 5%;
}
}
@media screen and (max-width: 1536px) {
   .cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block h2 {
    margin-bottom: 10px;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block h3 {
     margin-bottom: 8px;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block ul {
    margin-top: 10px;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block ul li {
    margin-bottom: 8px;
}
}
@media screen and (max-width: 1440px) {
   .cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block h2 {
    font-size: 35px;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block h3 {
    margin-bottom: 5px;
    font-size: 19px;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block p {
    font-size: 14px;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block ul li {
    margin-bottom: 8px;
    font-size: 14px;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block ul li .icon {
     width: 20px;
    height: 20px;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block ul li .icon svg {
    width: 10px;
}
}
@media screen and (max-width: 1366px) {
   .cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block ul {
    margin-top: 10px;
    height: 170px;
    overflow-y: scroll;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block ul::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block ul::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #DFE9EB;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block ul::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #ff6600;
}
}

@media screen and (max-width: 1024px) {
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block h2 {
    font-size: 26px;
}
}





@media screen and (min-width: 991.99px) and (max-width: 1199.98px) {
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content {
    position: relative;
    visibility: visible;
    opacity: 1;
    border-top: none;
    top: -8px;
    border: 1px solid #e8e9e9;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block {
    padding: 23px 5%;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block ul {
    margin-top: 10px;
    height: 354px;
    overflow-y: auto;
}
}
@media screen and (max-width: 991.98px) {
      .cms-arroyo-tyres .best-tomket-tyres .image-box .box-content {
    position: relative;
    visibility: visible;
    opacity: 1;
    border-top: none;
    top: -8px;
    border: 1px solid #e8e9e9;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block h2 {
    font-size: 22px;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block {
    padding: 23px 5%;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block ul {
    margin-top: 10px;
    height: 293px;
    overflow-y: auto;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block h3 {
    font-size: 17px;
}
}
@media  screen and (max-width: 767px) {

   .cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block h2 {
    font-size: 25px;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block h3 {
    font-size: 14px;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block ul {
    height: auto;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content .text-block {
    padding: 30px 5%;
}
.cms-arroyo-tyres .best-tomket-tyres .image-box .box-content::before {
    background-size: contain;
}

}

@media  screen and (min-width: 767px) {
#onestepcheckout-page .opc-wrapper {
    margin-bottom: 30px !important;
}
}


.driverreviews-widget--combined-review .driverreviews-widget__combined-breakdown-wrapper:has(.driverreviews-widget--star-breakdown .driverreviews-widget__container--no-data) {
    height: auto !important;
}

.product-detail-infomation-content .product.attribute .value.std img {
    width: auto;
    height: 3rem;
    object-fit: contain;
    text-align: left;
}

.catalog-product-view .driverreviews-widget.driverreviews-widget--jsonLd {
    height: 0 !important;
    min-height: 0 !important;
}


.product-detail-infomation-sticky-parent {
    margin-top: 30px;
}

.oil-product-view .footerBottom ,
.category-car-battery .footerBottom {
  padding-bottom: 0 !important;
}

.google-reviews-img {
  max-width: 237px;
  height: 80px;
  display: block;
  padding-top: 4px;
}


@media screen and (max-width: 767px) { 
.product.info.detailed .item.content .table.additional-attributes tr td, .product.info.detailed .item.content .table.additional-attributes tr th {
    font-size: 14px;
}
}