/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* TI Preloader CSS */

.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/preloader.gif') 50% 50% no-repeat #ffffff;
}

/* EO TI Preloader CSS */


/* TI Subbanner CMS Block CSS */

#tisubbannercustomblock {
  padding: 0px;
  margin-bottom: 50px;
}

#tisubbannercustomblock .subbannerdiv1 {
  float: left;
  width: 31.77%;
}

.lang-rtl #tisubbannercustomblock .subbannerdiv1 {
  float: right;
}

@media (max-width: 991px) {
  
  #tisubbannercustomblock {
    margin-bottom: 40px;
  }

}

@media (max-width: 767px) {

  #tisubbannercustomblock .subbannerdiv1 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1%;
    float: none;
    text-align: center;
  }

  #tisubbannercustomblock .subbannerdiv1 .subbanner1 {
    display: inline-block;
  }

  #tisubbannercustomblock .container {
    padding: 0;
  }

}

#tisubbannercustomblock .subbannerdiv1 .subbanner1 > a {
  display: block;
  position: relative;
  overflow: hidden;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
}

#tisubbannercustomblock .subbannerdiv1 .subbanner1 > a::before {
  content: "";
  position: absolute;
  left: -100%;
  top: 0;
  width: 5%;
  height: 100%;
  background: rgba(255,255,255,0.15);
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
}

#tisubbannercustomblock .subbannerdiv1 .subbanner1 > a:hover::before, #tisubbannercustomblock .subbannerdiv1 .subbanner1 > a:focus::before {
  left: 100%;
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  transition: all 0.75s ease;
  -webkit-transition: all 0.75s ease;
  -moz-transition: all 0.75s ease;
  -ms-transition: all 0.75s ease;
  -o-transition: all 0.75s ease;
}

#tisubbannercustomblock .subbannerdiv1 img {
  max-width: 100%;
}

#tisubbannercustomblock .subbannerdiv1 .subbanner1 {
  position: relative;
}

#tisubbannercustomblock .subbannerdiv2 {
  float: left;
  width: 31.77%;
  margin: 0 2.345%;
}

.lang-rtl #tisubbannercustomblock .subbannerdiv2 {
  float: right;
}

@media (max-width: 767px) {

  #tisubbannercustomblock .subbannerdiv2 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1%;
    float: none;
    text-align: center;
  }

  #tisubbannercustomblock .subbannerdiv2 .subbanner2 {
    display: inline-block;
  }

}

#tisubbannercustomblock .subbannerdiv2 a {
  display: block;
  position: relative;
  overflow: hidden;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
}

#tisubbannercustomblock .subbannerdiv2 .subbanner2 > a::before {
  content: "";
  position: absolute;
  left: -100%;
  top: 0;
  width: 5%;
  height: 100%;
  background: rgba(255,255,255,0.15);
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
}

#tisubbannercustomblock .subbannerdiv2 .subbanner2 > a:hover::before, #tisubbannercustomblock .subbannerdiv2 .subbanner2 > a:focus::before {
  left: 100%;
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  transition: all 0.75s ease;
  -webkit-transition: all 0.75s ease;
  -moz-transition: all 0.75s ease;
  -ms-transition: all 0.75s ease;
  -o-transition: all 0.75s ease;
}

#tisubbannercustomblock .subbannerdiv2 img {
    max-width: 100%;
}

#tisubbannercustomblock .subbannerdiv2 .subbanner2 {
  position: relative;
}

#tisubbannercustomblock .subbannerdiv3 {
  float: left;
  width: 31.77%;
}

.lang-rtl #tisubbannercustomblock .subbannerdiv3 {
  float: right;
}

#tisubbannercustomblock .subbannerdiv3 .subbanner3 {
  position: relative;
}

#tisubbannercustomblock .subbannerdiv3 img {
  max-width: 100%;
}

#tisubbannercustomblock .subbannerdiv3 a {
  display: block;
  position: relative;
  overflow: hidden;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
}

#tisubbannercustomblock .subbannerdiv3 .subbanner3 > a::before {
  content: "";
  position: absolute;
  left: -100%;
  top: 0;
  width: 5%;
  height: 100%;
  background: rgba(255,255,255,0.15);
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
}

#tisubbannercustomblock .subbannerdiv3 .subbanner3 > a:hover::before, #tisubbannercustomblock .subbannerdiv3 .subbanner3 > a:focus::before {
  left: 100%;
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  transition: all 0.75s ease;
  -webkit-transition: all 0.75s ease;
  -moz-transition: all 0.75s ease;
  -ms-transition: all 0.75s ease;
  -o-transition: all 0.75s ease;
}

@media (max-width: 767px) {

  #tisubbannercustomblock {
    padding: 0px 15px;
    margin-bottom: 30px;
  }

  #tisubbannercustomblock .subbannerdiv3 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1%;
    float: none;
    text-align: center;
  }

  #tisubbannercustomblock .subbannerdiv3 .subbanner3 {
    display: inline-block;
  }

}

/* EO TI Subbanner CMS Block CSS */


/* TI Shipping CMS Block CSS */

#tishippingcustomblock {
    margin-top: 0px;
    margin-bottom: 0px;
}

#tishippingcustomblock .shippingcustomblock {
  color: #ffffff;
  padding-top: 45px;
  padding-bottom: 25px;
  margin: 0px 0px;
  background-color: #ffcddb;
}

#tishippingcustomblock .shippingcustomblock .shipping {
    margin: 20px 0px 25px;
    padding: 0px 0px 0px 0px;
    position: relative;
    display: inline-block;
    border-right: 1px solid #ffcdaf;
    text-align: center;
}

.lang-rtl #tishippingcustomblock .shippingcustomblock .shipping {
    padding: 0px 0px 0px 0px;
    border-left: 1px solid #ffcdaf;
    border-right: none;
}

#tishippingcustomblock .shippingcustomblock .shipping .shipping-inner {
  overflow: hidden;
  padding: 0px 0px;
  display: inline-block;
  text-align: left;
}

.lang-rtl #tishippingcustomblock .shippingcustomblock .shipping .shipping-inner {
  text-align: right;
}

#tishippingcustomblock .shippingcustomblock .shipping:last-child {
    border: none;
}

#tishippingcustomblock .shippingcustomblock .shipping .shipping-text {
  float: left; 
  padding: 0px 0px 15px 15px;
}

.lang-rtl #tishippingcustomblock .shippingcustomblock .shipping .shipping-text {
  float: right; 
  padding: 0px 15px 15px 0px;
}

#tishippingcustomblock .shippingcustomblock .shipping .shipping-inner .shipping-text .shipping-title,
#tishippingcustomblock .shippingcustomblock .shipping .shipping-inner .shipping-text .shipping-title a {
  color: #191919;
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 10px;
  font-family: "Quicksand", sans-serif;
}

#tishippingcustomblock .shippingcustomblock .shipping .shipping-inner:hover .shipping-text .shipping-title,
#tishippingcustomblock .shippingcustomblock .shipping .shipping-inner:hover .shipping-text .shipping-title a {
  color: #ffffff;
}

#tishippingcustomblock .shippingcustomblock .shipping .shipping-inner .shipping-text .shipping-description {
    color: #191919;
    font-size: 15px;
    text-transform: capitalize;
}

#tishippingcustomblock .shippingcustomblock .shipping .shipping-inner .shipping-text p {
    margin:0px;
}

#tishippingcustomblock .shippingcustomblock .shipping.shipping1 .shipping-icon {
    background: url("../../_dev/img/sprite.png") no-repeat scroll -30px -293px;
    width: 52px;
    height: 38px;
    float: left;
}

.lang-rtl #tishippingcustomblock .shippingcustomblock .shipping.shipping1 .shipping-icon {
    background-position: -30px -293px;
    float: right;
}

#tishippingcustomblock .shippingcustomblock .shipping.shipping1:hover .shipping-icon {
    background-position: -420px -293px;
}

#tishippingcustomblock .shippingcustomblock .shipping.shipping2 .shipping-icon {
    background: url("../../_dev/img/sprite.png") no-repeat scroll -30px -358px;
    width: 43px;
    height: 44px;
    float: left;
}

.lang-rtl #tishippingcustomblock .shippingcustomblock .shipping.shipping2 .shipping-icon {
    background-position: -30px -358px;
    float: right;
}

#tishippingcustomblock .shippingcustomblock .shipping.shipping2:hover .shipping-icon {
    background-position: -428px -358px;
}

#tishippingcustomblock .shippingcustomblock .shipping.shipping3 .shipping-icon {
    background: url("../../_dev/img/sprite.png") no-repeat scroll -30px -424px;
    width: 43px;
    height: 45px;
    float: left;
}

.lang-rtl #tishippingcustomblock .shippingcustomblock .shipping.shipping3 .shipping-icon {
    background-position: -30px -424px;
    float: right;
}

#tishippingcustomblock .shippingcustomblock .shipping.shipping3:hover .shipping-icon {
    background-position: -428px -424px;
}

#tishippingcustomblock .shippingcustomblock .shipping.shipping4 .shipping-icon {
    background: url("../../_dev/img/sprite.png") no-repeat scroll -30px -497px;
    width: 43px;
    height: 36px;
    float: left;
}

.lang-rtl #tishippingcustomblock .shippingcustomblock .shipping.shipping4 .shipping-icon {
    background-position: -30px -497px;
    float: right;
}

#tishippingcustomblock .shippingcustomblock .shipping.shipping4:hover .shipping-icon {
    background-position: -427px -497px;
}

#tishippingcustomblock .shippingcustomblock .shipping .shipping-icon {
    transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
}

@media (max-width: 1369px) {

  #tishippingcustomblock .shippingcustomblock {
    margin: 0px 0px;
  }

}

@media (max-width: 1199px) {

  #tishippingcustomblock .shippingcustomblock .shipping {
      padding: 0px 5px 0px 5px;
  }

  #tishippingcustomblock .shippingcustomblock .shipping .shipping-inner .shipping-text .shipping-title, 
  #tishippingcustomblock .shippingcustomblock .shipping .shipping-inner .shipping-text .shipping-title a {
      font-size: 18px;
  }

  #tishippingcustomblock .shippingcustomblock .shipping .shipping-text {
    padding: 0px 0px 15px 5px;
  }

  .lang-rtl #tishippingcustomblock .shippingcustomblock .shipping .shipping-text {
    padding: 0px 5px 15px 0px;
  }

  #tishippingcustomblock .shippingcustomblock .shipping .shipping-inner .shipping-text p {
    font-size: 11px;
  }

  #tishippingcustomblock .shippingcustomblock .shipping .shipping-inner .shipping-text .shipping-title, 
  #tishippingcustomblock .shippingcustomblock .shipping .shipping-inner .shipping-text .shipping-title a {
    font-size: 18px;
  }

  #tishippingcustomblock .shippingcustomblock {
  }

}

@media (max-width: 1023px) {

  #tishippingcustomblock .shippingcustomblock {
  }

}

@media (max-width: 991px) {

  #tishippingcustomblock .shippingcustomblock .shipping {
      min-height: 120px;
  }

  #tishippingcustomblock .shippingcustomblock .shipping.shipping1 .shipping-icon, #tishippingcustomblock .shippingcustomblock .shipping.shipping2 .shipping-icon, 
  #tishippingcustomblock .shippingcustomblock .shipping.shipping3 .shipping-icon, #tishippingcustomblock .shippingcustomblock .shipping.shipping4 .shipping-icon,
  .lang-rtl #tishippingcustomblock .shippingcustomblock .shipping.shipping1 .shipping-icon, .lang-rtl #tishippingcustomblock .shippingcustomblock .shipping.shipping2 .shipping-icon, 
  .lang-rtl #tishippingcustomblock .shippingcustomblock .shipping.shipping3 .shipping-icon, .lang-rtl #tishippingcustomblock .shippingcustomblock .shipping.shipping4 .shipping-icon {
      float: none;
      margin: 0px auto 15px;
      height: 45px;
  }

  #tishippingcustomblock .shippingcustomblock .shipping .shipping-text,
  .lang-rtl #tishippingcustomblock .shippingcustomblock .shipping .shipping-text {
      float: none;
      padding: 0px;
      text-align: center;
  }

  #tishippingcustomblock .shippingcustomblock {
  }

}

@media (max-width: 767px) {

    #tishippingcustomblock .shippingcustomblock .shipping,
    .lang-rtl #tishippingcustomblock .shippingcustomblock .shipping {
        min-height: 80px;
        width: 50%;
        border: none;
        padding: 0px;
    }

    #tishippingcustomblock .shippingcustomblock {
      padding-bottom: 20px;
      padding-top: 20px;
    }

    #tishippingcustomblock .shippingcustomblock .shipping .shipping-inner .shipping-text .shipping-title,
    #tishippingcustomblock .shippingcustomblock .shipping .shipping-inner .shipping-text .shipping-title a {
      font-size: 20px;
    }

    #tishippingcustomblock .shippingcustomblock .shipping .shipping-inner .shipping-text p {
      font-size: 14px;
    }

}

@media (max-width: 543px) {

    #tishippingcustomblock .shippingcustomblock .shipping,
    .lang-rtl #tishippingcustomblock .shippingcustomblock .shipping {
        min-height: initial;
        width: 100%;
        border-bottom: 1px solid #ffcdaf;
        border-right: none;
        border-left: none;
        padding-bottom: 20px;
        margin: 10px 0px 15px;
    }

    #tishippingcustomblock .shippingcustomblock .shipping:last-child {
        border-bottom: none;
    }

    .lang-rtl #tishippingcustomblock .shippingcustomblock .shipping {
        border-right: none;
        border-left: none;
        padding-bottom: 15px;
    }

}

/* EO TI Shipping CMS Block CSS */


/* TI Parallax CMS Block CSS */

#tiparallaxcustomblock {
    background: #191919;
    height: 530px;
    margin: 0px 0px 150px;
    overflow: hidden;
    position: relative;
}

#tiparallaxcustomblock .tiparallax-text {
    text-align: center;
    position: absolute;
    z-index: 99;
    top: 210px;
    left: 0px;
    right: 0px;
}

#tiparallaxcustomblock .img {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  background-position: 100% 0px;
  background-size: cover;
  width: 100%;
  height: 100%;
}

#tiparallaxcustomblock .tiparallax-text .mastertext {
  font-size: 48px;
  color: #ffffff;
  text-transform: capitalize;
  display: block;
  font-weight: 700;
  margin-bottom: 40px;
  font-family: "Quicksand",sans-serif;
}

#tiparallaxcustomblock .tiparallax-text .slavetext {
    text-transform: capitalize;
    font-size: 30px;
    color: #ffffff;
    display: block;
    margin-bottom: 35px;
}

@media (max-width: 1199px) {

  #tiparallaxcustomblock {
    height: 480px;
    margin: 0px 0px 100px; 
  }

  #tiparallaxcustomblock .tiparallax-text {
    top: 170px;
  }

  #tiparallaxcustomblock .tiparallax-text .slavetext {
    font-size: 25px;
  }

}

@media (max-width: 991px) {

  #tiparallaxcustomblock .tiparallax-text .mastertext {
    font-size: 40px;
  }

  #tiparallaxcustomblock .tiparallax-text .slavetext {
    font-size: 25px;
  }

}

@media (max-width: 767px) {

    #tiparallaxcustomblock .tiparallax-text .mastertext {
      font-size: 40px;
      margin-bottom: 20px;
    }

    #tiparallaxcustomblock {
      height: 400px;
    }

    #tiparallaxcustomblock .tiparallax-text {
      top: 150px;
    }

}

@media (max-width: 543px) {

    #tiparallaxcustomblock .tiparallax-text .mastertext {
        font-size: 25px;
        margin-bottom: 20px;
    }

    #tiparallaxcustomblock {
      height: 350px;
    }

    #tiparallaxcustomblock .tiparallax-text {
      top: 100px;
    }

}

@media (max-width: 767px) {

    #tiparallaxcustomblock .tiparallax-text .slavetext {
        font-size: 20px;
    }

}

@media (max-width: 543px) {

    #tiparallaxcustomblock .tiparallax-text .slavetext {
        font-size: 17px;
    }

}

#tiparallaxcustomblock .tiparallax-text .parallaxbutton a {
    color: #191919;
    padding: 13px 15px;
    font-size: 15px;
    background: #ffffff;
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid #ffffff;
    font-weight: 700;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

#tiparallaxcustomblock .tiparallax-text .parallaxbutton a:hover {
    color: #ffffff;
    background: #ffaa77;
    border-color: #ffaa77;
}


/* EO TI Parallax CMS Block CSS */


/* TI Header Contact CMS Block CSS */

#tiheadercontactcustomblock {
  float: left;
  margin-top: 0.9375rem;
}

.lang-rtl #tiheadercontactcustomblock {
  float: right;
}

#tiheadercontactcustomblock .contactcontent .call-img {
    background: url("contact-icon.png") no-repeat scroll -6px -9px;
    height: 29px;
    width: 36px;
    float: left;
    margin-right: 15px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.lang-rtl #tiheadercontactcustomblock .contactcontent .call-img {
    float: right;
    margin-left: 15px;
    margin-right: 0px;
}

#tiheadercontactcustomblock .contactcontent:hover .call-img {
    /*background-position: -425px -222px;*/
}

#tiheadercontactcustomblock .contactcontent .call-content {
    float: left;
}

.lang-rtl #tiheadercontactcustomblock .contactcontent .call-content {
    float: right;
}

#tiheadercontactcustomblock .contactcontent .call-title {
    text-transform: capitalize;
    font-weight: 700;
    color: #191919;
    font-size: 18px;
    font-family: "Quicksand", sans-serif;
    margin-bottom: 3px;
}

#tiheadercontactcustomblock .contactcontent .call-num {
    text-transform: capitalize;
    color: #191919;
}

@media (max-width: 767px) {

  #tiheadercontactcustomblock, .lang-rtl #tiheadercontactcustomblock {
      text-align: center;
      float: none;
      margin: 0.5rem 0.25rem;
      display: none;
  }

}

/* EO TI Header Contact CMS Block CSS */


/* Home Page Common Changes */

.products-section-title {
  text-align: center;
  margin-bottom: 40px;
}

.products img {
  max-width: 100%;
  width: 100%;
}

/* EO Home Page Common Changes */


/* TI More Menu CSS */

@media (min-width: 768px) {

#header .header-top .menu > ul > li.hideshow:hover > .sub-menu, #header .header-top .menu > ul > li.hideshow:focus > .sub-menu, 
#header .header-top .menu > ul > li.hideshow:active > .sub-menu {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    visibility: visible;
}

#header .header-top .menu > ul > li.hideshow ul > li > .sub-menu {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    display: block !important;
    visibility: hidden;
}

#header .header-top .menu > ul > li.hideshow ul > li:hover > .sub-menu, #header .header-top .menu > ul > li.hideshow ul > li:focus > .sub-menu, 
#header .header-top .menu > ul > li.hideshow ul > li:active > .sub-menu {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    visibility: visible;
}

}

#header .header-top .menu #moremenu .top-menu li.category {
    position: relative;
}

#header .header-top .menu #moremenu .top-menu .sub-menu .category > a.dropdown-submenu {
    color: #191919;
}

#header .header-top .menu #moremenu .top-menu .sub-menu .category > a.dropdown-submenu:hover,
#header .header-top .menu #moremenu .top-menu .sub-menu .category > a.dropdown-submenu:focus {
    color: #ffaa77;
}

/* EO TI More Menu CSS */


/* TI Left Banner and Right Banner CSS */

#tileftbanner, #tirightbanner {
  margin-bottom: 20px;
}

#tileftbanner ul, #tirightbanner ul {
  margin-bottom: 0px;
}

#tileftbanner img, #tirightbanner img {
  max-width: 100%;
}

/* EO TI Left Banner and Right Banner CSS */



/* TI Block Link CSS */

#links_footer {
  float: right;
}

.lang-rtl #links_footer {
  float: left;
}

#links_footer ul li {
  display: inline-block;
  margin-bottom: 0;
}

#links_footer ul li {
  margin-right: 5px;
  border-right: 1px solid #191919;
  padding: 0px 8px 0px 0px; 
}

#links_footer ul li:last-child {
  margin: 0px;
  padding: 0px;
  border-right: none;
}

.lang-rtl #links_footer ul li {
  margin-left: 5px;
  margin-right: 0px;
  padding: 0px 0px 0px 8px;
  border-left: 1px solid #191919;
  border-right: none;
}

.lang-rtl #links_footer ul li:last-child {
  margin: 0px;
  padding: 0px;
  border-left: none;
}

#links_footer ul li a {
}

#links_footer ul li a:hover, #links_footer ul li a:focus {
  color: #ffffff;
}

@media (max-width: 991px) {

  #links_footer, .lang-rtl #links_footer {
    float: none;
    text-align: center;
    margin-bottom: 0.75rem;
  }

}

/* EO TI Block Link CSS */


/* TI Brand Slider CSS */

.brands .brand-pic {
  padding: 10px 15px;
}

.brands .products {
  margin: 40px -15px 0px;
}

.brands .h1 a {
  color: #191919;
}

.brands .products img {
  width: auto;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.75;
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.brands .products .brand-pic:hover img {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}

/* EO TI Brand Slider CSS */

/* TI Product Tags CSS */

.ti_producttags ul li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}

.ti_producttags ul li a[href] {
  font-size: 15px;
  text-transform: capitalize;
  border: 1px solid #ebebeb;
  padding: 8px 10px;
  color: #929292;
  background: none;
}

.ti_producttags ul li a[href]:hover, .ti_producttags ul li a[href]:focus {
  border: 1px solid #ffaa77;
  color: #ffffff;
  background: #ffaa77;
}

/* EO TI Product Tags CSS */


/* TI Home Page Single Products CSS */

.singlehomepage-products {
  margin-bottom: 40px;
}

.singlehomepage-products .left-side {
  float: left;
  width: 50%;
  position: relative;
}

.lang-rtl .singlehomepage-products .left-side {
  float: right;
}

.singlehomepage-products .right-side {
  float: left;
  width: 50%;
  height: 100%;
  padding: 0px 10px;
}

.lang-rtl .singlehomepage-products .right-side {
  float: right;
}

.singlehomepage-products .product-miniature .highlighted-informations, .singlehomepage-products #products .highlighted-informations {
  position: static;
}

.singlehomepage-products .product-miniature .thumbnail-container, .singlehomepage-products #products .thumbnail-container,
.singlehomepage-products .product-miniature {
  float: left;
  width: 100%;
}

.singlehomepage-products .productgrid-item .product-miniature .thumbnail-image .ti_img_hover, 
.singlehomepage-products .productgrid-item #products .thumbnail-image .ti_img_hover {
  width: auto;
}

.singlehomepage-products .product-miniature, .singlehomepage-products #products .product-miniature {
  margin-bottom: 30px;
}

.singlehomepage-products #products .product-title, .singlehomepage-products .product-miniature .product-title,
.singlehomepage-products #products .product-price-and-shipping, .singlehomepage-products .product-miniature .product-price-and-shipping,
.singlehomepage-products .product-miniature .highlighted-informations, .singlehomepage-products #products .highlighted-informations,
.singlehomepage-products .product-miniature .variant-links, .singlehomepage-products #products .variant-links,
.singlehomepage-products .product-miniature .thumbnail-container .add-to-cart-product, .singlehomepage-products #products .thumbnail-container .add-to-cart-product {
  text-align: left;
}

.lang-rtl .singlehomepage-products #products .product-title, .lang-rtl .singlehomepage-products .product-miniature .product-title,
.lang-rtl .singlehomepage-products #products .product-price-and-shipping, .lang-rtl .singlehomepage-products .product-miniature .product-price-and-shipping,
.lang-rtl .singlehomepage-products .product-miniature .highlighted-informations, .lang-rtl .singlehomepage-products #products .highlighted-informations,
.lang-rtl .singlehomepage-products .product-miniature .variant-links, .lang-rtl .singlehomepage-products #products .variant-links,
.lang-rtl .singlehomepage-products .product-miniature .thumbnail-container .add-to-cart-product, 
.lang-rtl .singlehomepage-products #products .thumbnail-container .add-to-cart-product {
  text-align: right;
}

@media (max-width: 767px) {

  .singlehomepage-products .left-side, .singlehomepage-products .right-side {
    width: 100%;
  }


}

/* EO TI Home Page Single Products CSS */


/* TI Home Page Multi Row Products CSS */

.multirow-products {
  margin-bottom: 30px;
}

/* EO TI Home Page Multi Row Products CSS */


/* Crosssell Products, Accessories, Related Products CSS */

.products-grid {
  width: 100%;
}

.categoryproducts h2, .product-accessories h3, .crossellproducts h2, .viewedproducts h2 {
  font-size: 2.5rem;
  font-weight: 700;
  font-family: 'Quicksand', sans-serif;
  color: #191919;
  text-transform: capitalize;
  margin-bottom: 1.5rem;
  text-align: center;
  position: relative;
}

.categoryproducts h2::before, .product-accessories h3::before, .crossellproducts h2::before, .viewedproducts h2::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -3.5rem;
  width: 2.125rem;
  height: 2.5rem;
  margin-right: auto;
  margin-left: auto;
  background: url('../../_dev/img/kids.png') no-repeat scroll 0px 0px;
}

@media (max-width: 767px) {

  .categoryproducts h2, .product-accessories h3, .crossellproducts h2, .viewedproducts h2 {
    font-size: 1.5rem;
  }

}
/* EO Crosssell Products, Accessories, Related Products CSS */


/* TI List Grid View CSS */

#products .products.grid, #products .products.list {
  clear: both;
  margin-left: -10px;
  margin-right: -10px;
}

#products .products.grid .product-short-desc {
  display: none;
}

#products .products.list .product-miniature {
  padding: 0px 10px;
}

#products .products.grid .product-miniature {
  padding: 0px 10px;
  margin: 0px;
}

#products .products.grid .product-description .product-flags {
  display: none;
}

#products .products.list .product-title, #products .products.list .product-price-and-shipping, #products .products.list .highlighted-informations,
#products .products.list .variant-links, #products .products.list .thumbnail-container .add-to-cart-product {
  text-align: left;
}

.lang-rtl #products .products.list .product-title, .lang-rtl #products .products.list .product-price-and-shipping, 
.lang-rtl #products .products.list .highlighted-informations, .lang-rtl #products .products.list .variant-links, 
.lang-rtl #products .products.list .thumbnail-container .add-to-cart-product {
  text-align: right;
}

#products .products.list .thumbnail-image {
  overflow: visible;
  padding-right: 0px;
}

.lang-rtl #products .products.list .thumbnail-image {
  padding-left: 0px;
  padding-right: 15px;
}

#products .products.list .thumbnail-image .thumbnail-image-inner {
  position: relative;
  display: block;
  width: 100%;
}

#products .products.list .thumbnail-image .thumbnail-image-inner .add-to-cart-product,
#products .products.list .thumbnail-image .thumbnail-image-inner .quick-view {
  display: none;
}

#products .products.list .product-description {
  padding-left: 30px;
}

.lang-rtl #products .products.list .product-description {
  padding-right: 30px;
  padding-left: 0px;
}

#products .products.list .product-description .btn-wrapper {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  position: static;
  text-align: left;
}

.lang-rtl #products .products.list .product-description .btn-wrapper {
  text-align: right;
}

#products .products.list .product-description .add-to-cart-product {
  margin-top: 10px;
}

#products .products.list .product-description .add-to-cart-product .add-to-cart {
  font-size: 14px;
  text-transform: capitalize;
  padding: 10px 10px 10px 40px;
  line-height: normal;
  border: 1px solid #ebebeb;
  color: #191919;
}

.lang-rtl #products .products.list .product-description .add-to-cart-product .add-to-cart {
  padding: 10px 40px 10px 10px;
  background-position: 55px -965px;
}

#products .products.list .thumbnail-container:hover .product-description .add-to-cart-product .add-to-cart {
  border-color: #ffaa77;
  color: white;
  background-color: #ffaa77;
}

#products .products.list .product-description .quick-view {
  margin: 10px 15px 0px 0px;
  font-size: 14px;
  text-transform: capitalize;
  padding: 10px 10px 10px 40px;
  border: 1px solid #ebebeb;
  color: #191919;
}

.lang-rtl #products .products.list .product-description .quick-view {
  margin: 10px 0px 0px 15px;
  padding: 10px 40px 10px 10px;
  background-position: 55px -895px;
}

#products .products.list .thumbnail-container:hover .product-description .quick-view {
  border-color: #ffaa77;
  color: white;
  background-color: #ffaa77;
}

#products .products.list .product-title a {
  font-size: 1.125rem;
  font-weight: 500;
}

#products .products.grid .product-description .variant-links, #products .products.list .variant-links {
  display: none;
}

#products .products.list .product-description .variant-links {
  display: block;
  margin-bottom: 5px;
}

#products .products.list .product-title {
  margin-top: 0;
}

@media (max-width: 767px) {

  #products .products.list .product-description, .lang-rtl #products .products.list .product-description {
    padding: 0px 15px;
    clear: both;
    width: 100%;
  }

  #products .products.list .thumbnail-image {
    width: 100%;
    position: static;
    padding-right: 15px;
  }

  .lang-rtl #products .products.list .thumbnail-image {
    padding-left: 15px;
  }

}

/* EO TI List Grid View CSS */