body {
  background: #ffffff;
  font: 400 14px/24px "Josefin Sans", Helvetica, sans-serif;
  letter-spacing: 1px;
  color: #555555;
  height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Josefin Sans", Helvetica, sans-serif;
  color: #333333;
}
/* default font size */
.fa {
  font-size: 14px;
  vertical-align: baseline;
}
/* Override the bootstrap defaults */
h1 {
  font-size: 33px;
}
h2 {
  font-size: 27px;
}
h3 {
  font-size: 21px;
}
h4 {
  font-size: 15px;
}
h5 {
  font-size: 12px;
}
h6 {
  font-size: 10.2px;
}
a {
  color: #666666;
}
a:hover,
a:focus,
#column-left .checkbox > label:hover {
  color: #000000;
}
a:hover {
  text-decoration: none;
}
legend {
  font-size: 18px;
  padding: 7px 0px;
}
small,
.small {
  font-size: 11px;
}
label {
  font-size: 13px;
  font-weight: normal;
}
select.form-control {
  appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.form-control {
  background: #ffffff;
  color: #777777;
  border: 1px solid #e5e5e5;
  margin: 0 0 5px;
  padding: 8px 12px;
  height: auto;
}
.category-filter .hidden-xs {
  display: block !important;
}
.filter-sort-by .form-control,
.filter-show .filter-selection .form-control {
  background-color: #ffffff;
  padding: 6px 12px;
  margin: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
}
.filter-sort-by .select-wrapper::after,
.filter-show .filter-selection .select-wrapper::after {
  top: 4px;
}
.select-wrapper {
  position: relative;
}
.select-wrapper::after {
  font-family: "Material Icons";
  content: "\e313";
  font-size: 17px;
  position: absolute;
  right: 5px;
  top: 9px;
  pointer-events: none;
}
select.form-control,
textarea.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="datetime"].form-control,
input[type="datetime-local"].form-control,
input[type="date"].form-control,
input[type="month"].form-control,
input[type="time"].form-control,
input[type="week"].form-control,
input[type="number"].form-control,
input[type="email"].form-control,
input[type="url"].form-control,
input[type="search"].form-control,
input[type="tel"].form-control,
input[type="color"].form-control {
  font-size: 14px;
}
.input-group input,
.input-group select,
.input-group .dropdown-menu,
.input-group .popover {
  font-size: 12px;
}
.input-group .input-group-addon {
  font-size: 12px;
  height: 30px;
}
.tt-home {
  width: 100%;
  float: left;
}
/* ------------------------------- Product Rollover CSS Start ----------------------- */
.product-thumb .image img.image_thumb {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
}
.product-thumb .image img.image_thumb_swap {
  left: 0;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
}
.product-thumb:hover .image img.image_thumb {
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
}
.product-thumb:hover .image img.image_thumb_swap {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
}
/* ------------------------------- Product Rollover CSS End ----------------------- */
/*----------------------fade effect-------------------*/
.product-thumb .image img.image_thumb_swap.fade {
  left: 0;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
}
.product-thumb:hover .image img.image_thumb_swap.fade {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
}
/*----------------------End of fade effect-------------------*/
/*----------------------zoom effect-------------------*/
.product-thumb .image img.image_thumb_swap.zoom {
  left: 0;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
}
.product-thumb:hover .image img.image_thumb_swap.zoom {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
}
/*----------------------End of zoom effect-------------------*/
/*----------------------horizontal scrolling left to right effect-------------------*/
.product-thumb .image img.image_thumb_swap.horizontal_scrolling_left_to_right {
  position: absolute;
  top: 0;
  left: -100%;
  right: auto;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  transition: left 0.5s ease 0s;
  -moz-transition: left 0.5s ease 0s;
  -webkit-transition: left 0.5s ease 0s;
  -o-transition: left 0.5s ease 0s;
}
.product-thumb:hover
  .image
  img.image_thumb_swap.horizontal_scrolling_left_to_right {
  left: 0;
}
/*----------------------End of horizontal scrolling left to right effect-------------------*/
/*----------------------horizontal scrolling right to left effect-------------------*/
.product-thumb .image img.image_thumb_swap.horizontal_scrolling_right_to_left {
  position: absolute;
  top: 0;
  right: -100%;
  left: auto;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  transition: right 0.5s ease 0s;
  -moz-transition: right 0.5s ease 0s;
  -webkit-transition: right 0.5s ease 0s;
  -o-transition: right 0.5s ease 0s;
}
.product-thumb:hover
  .image
  img.image_thumb_swap.horizontal_scrolling_right_to_left {
  right: 0;
}
/*----------------------End of horizontal scrolling right to left effect-------------------*/
/*----------------------vertical scrolling top to bottom effect-------------------*/
.product-thumb .image img.image_thumb_swap.vertical_scrolling_top_to_bottom {
  position: absolute;
  top: -100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  transition: top 0.5s ease 0s;
  -moz-transition: top 0.5s ease 0s;
  -webkit-transition: top 0.5s ease 0s;
  -o-transition: top 0.5s ease 0s;
}
.product-thumb:hover
  .image
  img.image_thumb_swap.vertical_scrolling_top_to_bottom {
  top: 0;
}
/*----------------------End of vertical scrolling top to bottom effect-------------------*/
/*----------------------vertical scrolling bottom to top effect-------------------*/
.product-thumb .image img.image_thumb_swap.vertical_scrolling_bottom_to_top {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  transition: top 0.5s ease 0s;
  -moz-transition: top 0.5s ease 0s;
  -webkit-transition: top 0.5s ease 0s;
  -o-transition: top 0.5s ease 0s;
}
.product-thumb:hover
  .image
  img.image_thumb_swap.vertical_scrolling_bottom_to_top {
  top: 0;
}
/*----------------------End of vertical scrolling bottom to top effect-------------------*/
/* Fix some bootstrap issues */
a,
a:focus,
a:active,
a:hover,
select,
input[type="radio"],
input[type="checkbox"] {
  outline: 0 none !important;
}
.owl-carousel .owl-wrapper-outer {
  direction: ltr !important;
}
input[type="radio"],
input[type="checkbox"] {
  margin-top: 0px;
  cursor: pointer;
}
.nav-tabs {
  border-bottom: none;
  float: left;
}
.tab-content {
  padding: 15px 0;
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.tab-content ul,
.tab-content ol {
  padding: 0 0 0 15px;
}
.table.table-striped.table-bordered {
  border: 1px solid #e5e5e5;
}
/*--------------------------- title css start--------------------------------*/
.tt-titletab {
  border-bottom: 1px solid #e5e5e5;
  float: left;
  margin-bottom: 5px;
  overflow: hidden;
  width: 100%;
}
.box-heading > h3,
.title_block .ttblock-heading,
.tt-title {
  color: #111111;
  float: left;
  font: italic 700 42px/50px "Playfair Display", sans-serif;
  margin: 0 0 30px;
  padding: 0 0 35px;
  position: relative;
  text-align: center;
  text-transform: capitalize;
  width: 100%;
}
#content .box-heading > h3::after,
#content .tt-title::after {
  background: rgba(0, 0, 0, 0) url("TemplateTrip/images/separator.png")
    no-repeat scroll center bottom;
  content: "";
  height: 100%;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: auto;
  bottom: 0;
  width: 100%;
}
.tt-subitle {
  color: #ffffff;
  float: left;
  font: italic 20px/24px "Josefin Sans", sans-serif;
  text-align: center;
  width: 100%;
}
.ttsubtitle {
  color: #777777;
  float: left;
  font: italic 400 22px/28px "Josefin Sans", sans-serif;
  margin: 0 0 20px;
  text-transform: capitalize;
  text-align: center;
  width: 100%;
}
.box-heading {
  float: left;
  width: 100%;
}
/*--------------------------- title css end--------------------------------*/
/* TTproduct tab*/
.ttproduct-main {
  float: left;
  width: 100%;
}
.TTProduct-Tab .tab-content {
  margin: 0;
  position: relative;
  padding: 0;
}
.TTProduct-Tab .nav-tabs > li.active > a,
.TTProduct-Tab .nav-tabs > li:hover > a,
.TTProduct-Tab .nav-tabs > li.active > a:hover,
.TTProduct-Tab .nav-tabs > li:focus > a,
.TTProduct-Tab .nav-tabs > li.active > a:focus {
  background: #222222;
  border: none;
  color: #ffffff;
  cursor: pointer;
}
.TTProduct-Tab .nav-tabs > li > a {
  background: none;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  color: #444444;
  font: 400 14px/16px "Josefin Sans", Helvetica, sans-serif;
  letter-spacing: 2px;
  margin: 0;
  padding: 13px 25px;
  position: relative;
  text-transform: uppercase;
  transition: all 300ms ease-in-out 0s;
  -webkit-transition: all 300ms ease-in-out 0s;
  -moz-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  -ms-transition: all 300ms ease-in-out 0s;
}
.nav-tabs > li {
  float: left;
  margin: 0;
  position: relative;
}
.TTProduct-Tab .tab-box-heading {
  float: left;
  text-align: center;
  width: 100%;
  margin: 0 0 30px;
}
.TTProduct-Tab ul li {
  margin: 0 10px 0 0;
}
.TTProduct-Tab .nav.nav-tabs {
  border: medium none;
  display: inline-block;
  float: none;
  vertical-align: top;
  padding: 0;
}
.TTProduct-Tab .tthometab {
  float: left;
  width: 100%;
}
.ttcat-main {
  float: left;
  width: 100%;
}
/*------------------------------------- additional-images Owl Button CSS End ------------------------------------------*/
.additional-images .owl-controls .owl-buttons div {
  background: #171717;
  border: 1px solid #171717;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  bottom: 0;
  direction: ltr;
  font-size: 0;
  height: 30px;
  margin: auto;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  padding: 0;
  position: absolute;
  text-shadow: none;
  top: 0;
  transition: none 0s ease 0s;
  -webkit-transition: none 0s ease 0s;
  -moz-transition: none 0s ease 0s;
  -o-transition: none 0s ease 0s;
  -ms-transition: none 0s ease 0s;
  width: 30px;
}
.additional-images .owl-controls .owl-buttons div:hover {
  background: #bcdcd2;
  border-color: #bcdcd2;
}
.additional-images-container
  .additional-images.owl-carousel
  .owl-controls
  .owl-buttons
  > div.owl-prev {
  left: 0;
  right: auto;
}
.additional-images-container
  .additional-images.owl-carousel
  .owl-controls
  .owl-buttons
  > div.owl-next {
  right: 0;
  left: auto;
}
.additional-images-container
  .additional-images.owl-carousel
  .owl-controls
  .owl-buttons
  > div.owl-prev::before,
.additional-images-container
  .additional-images.owl-carousel
  .owl-controls
  .owl-buttons
  > div.owl-next::before {
  background: none;
  content: "\e408";
  font-family: "Material Icons";
  font-size: 20px;
  line-height: 28px;
  color: #ffffff;
  padding: 4px;
}
.additional-images-container
  .additional-images.owl-carousel
  .owl-controls
  .owl-buttons
  > div.owl-next::before {
  content: "\e409";
}
.additional-images-container
  .additional-images.owl-carousel
  .owl-controls
  .owl-buttons
  > div.owl-prev:hover::before,
.additional-images-container
  .additional-images.owl-carousel
  .owl-controls
  .owl-buttons
  > div.owl-next:hover::before {
  color: #000000;
}
.additional-images .owl-controls .owl-buttons div::after {
  background: #ffffff;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.1;
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  -webkit-opacity: 0.1;
  position: absolute;
  top: 0;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  width: 0;
}
.additional-images .owl-controls .owl-buttons div:hover::after {
  width: 100%;
}
@media (max-width: 480px) {
  .additional-images .owl-controls .owl-buttons div {
    height: 25px;
    width: 25px;
  }
  .additional-images-container
    .additional-images.owl-carousel
    .owl-controls
    .owl-buttons
    > div.owl-prev::before,
  .additional-images-container
    .additional-images.owl-carousel
    .owl-controls
    .owl-buttons
    > div.owl-next::before {
    line-height: 23px;
    padding: 1px;
  }
}
/*------------------------------------- additional-images Owl Button CSS End ------------------------------------------*/
div.required .control-label:before {
  content: "* ";
  color: #f00;
  font-weight: bold;
}
.header-content-title .parallex {
  background: #111111;
  float: left;
  padding: 165px 0 120px;
  width: 100%;
}
.page-title-wrapper {
  float: left;
  width: 100%;
}
.breadcrumb-wrapper {
  width: 100%;
  float: left;
  background: #f5f5f5;
}
.page-title-wrapper .page-title {
  color: #ffffff;
  float: left;
  font: italic 600 28px/34px "Playfair Display", Helvetica, sans-serif;
  margin: 0 0 14px;
  text-transform: capitalize;
  text-align: center;
  width: 100%;
}
.page-title {
  color: #ffffff;
}
a:hover,
a:focus {
  color: #333333;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus {
  background: none;
  text-decoration: none;
  color: #000000;
}
span.hidden-xs,
span.hidden-sm,
span.hidden-md,
span.hidden-lg {
  display: inline;
}
/* top */
#top {
  background: #ffffff;
  float: left;
  width: 100%;
}
.header-top-left {
  float: left;
  width: auto;
}
.header-top-right {
  float: right;
  width: auto;
}
.header-right-cms {
  float: left;
}
#currency .btn.dropdown-toggle,
#language .btn.dropdown-toggle {
  padding: 10px 0;
  margin-right: 15px;
}
#top #currency .currency-select,
#top #language .language-toggle a {
  padding: 3px 10px;
  color: #888888;
  font-size: 14px;
  text-align: left;
  height: auto;
}
#top #currency .currency-select:hover,
#top #language .language-toggle a:hover {
  background-color: #000;
  color: #ffffff;
}
#top .btn-link,
#top-links li,
#top-links a {
  background: none;
  color: #333333;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-decoration: none;
  text-align: left;
  padding: 0;
  text-transform: capitalize;
}
#top-links li .dropdown .dropdown-toggle {
  padding: 8px 0 7px;
}
#top-links .header_user_info .expand-more.ttuserinfo {
  display: none;
}
#form-currency .expand-more::before,
#form-language .expand-more::before {
  content: "\f107";
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  color: #333333;
}
#form-currency .btn-group.open .expand-more:before,
#form-language .btn-group.open .expand-more:before {
  content: "\f106";
}
#top-links .dropdown .dropdown-toggle > span::after {
  content: "\f107";
  font-family: fontawesome;
  font-size: 13px;
  margin: 0 0 0 3px;
}
#top ul.dropdown-menu .btn-link {
  padding: 0px;
  line-height: 24px;
  color: #777;
  text-transform: capitalize;
}
.header-top-right .dropdown a.dropdown-toggle,
.header-top-right #wishlist-total {
  display: block;
  line-height: 24px;
  padding: 8px 0;
}
#top-links .header_user_info ul.dropdown-menu {
  border: 1px solid #e5e5e5;
  padding: 10px;
  text-transform: capitalize;
  min-width: 150px;
  position: absolute;
  top: 40px;
  right: 0;
  background: #fff;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0;
}
#top #form-currency .currency-select:hover,
#top ul > li > .language-select:hover {
  color: #000;
}
#top .btn-link strong {
  color: #333333;
  font-size: 13px;
  line-height: 14px;
}
#top-links > ul {
  float: left;
  margin: 0;
}
#top-links > ul > li {
  float: left;
  padding: 0 10px;
  position: relative;
}
#top-links > ul > li::after {
  background-color: #c6c6c6;
  content: "";
  height: 15px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 1px;
}
#top-links > ul > li:first-child::after {
  display: none;
}
#top-links .dropdown-menu a {
  padding: 2px 10px;
}
#top-links .account-link-toggle a i.fa {
  padding: 0 2px;
}
.contact-link {
  float: left;
  width: 100%;
}
.contact-link > ul {
  margin: 0;
}
.contact-link ul li {
  float: left;
  padding: 10px 0 10px 20px;
  position: relative;
  list-style: none;
}
.contact-link ul li span {
  color: #333333;
  font: 400 13px/18px "Josefin Sans", Helvetica, sans-serif;
  text-transform: capitalize;
}
#top-links .dropdown-menu a:hover,
#top-links .dropdown-menu a:focus {
  color: #000;
  background: none;
}
.contact-link ul li i {
  color: #333333;
  float: left;
  font-size: 15px;
  height: 20px;
  line-height: 14px;
  padding: 2px 0;
  width: 20px;
}
.header-top-right .dropdown .dropdown-toggle > i::before,
.header-top-right #wishlist-total i::before {
  content: "";
}
.header-top-right .dropdown .dropdown-toggle > i,
.header-top-right #wishlist-total i {
  display: none;
}

.header-right {
  float: right;
  padding: 39px 0;
  width: auto;
}
.right-block {
  float: right;
  margin: 40px 0;
  position: relative;
  width: auto;
  z-index: 2;
}
.right-block > div {
  margin: 0 5px;
  position: relative;
}
#page {
  float: left;
  position: relative;
  width: 100%;
}
#page > .container {
  clear: both;
}
/*----------------------- userinfo ----------------------------------- */
.user-info {
  float: left;
  width: auto;
}
.user-info .dropdown > a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  float: right;
  position: relative;
  width: 100%;
}
.user-info .dropdown > a > .ttuserheading {
  display: none;
}

.user-info .dropdown .expand-more {
  display: none;
}
.user-info .dropdown > a > .user {
  color: #000000;
  float: left;
  font-size: 30px;
  height: 40px;
  line-height: 40px;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  width: 40px;
}
.user-info .dropdown > a:hover > .user {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
}
.user-info .dropdown > ul {
  border: 1px solid #e5e5e5;
  border-top: 3px solid #000000;
  left: auto;
  min-width: 230px;
  padding: 15px;
  right: 0;
  top: 80px;
}
.user-info .dropdown > ul::after {
  color: #000000;
  content: "\e5c7";
  font-family: "Material Icons";
  font-size: 36px;
  position: absolute;
  right: 0;
  top: -18px;
}
.user-info .dropdown-menu > li > a {
  color: #555555;
  line-height: 18px;
  padding: 3px 0;
  font-size: 14px;
  text-transform: capitalize;
}
.user-info ul.dropdown-menu li > a > i {
  float: left;
  font-size: 18px;
  padding: 0 5px 0 0;
}
.user-info .dropdown-menu > li > a:hover {
  color: #000000;
}
.user-info .dropdown-menu #wishlist-total {
  margin: 0 0 5px;
}
/*----------------------- userinfo ----------------------------------- */
/* cart */
.cart {
  float: left;
  width: auto;
}
#cart {
  float: right;
  width: 100%;
}
#cart > button > i.shopping-cart {
  color: #000000;
  float: left;
  font-size: 26px;
  height: 100%;
  line-height: 40px;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  width: 100%;
}
#cart > button:hover > i.shopping-cart {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
}
#cart.open > .btn {
  color: #666666;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  text-shadow: none;
}
#cart button.btn {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  float: left;
  height: 40px;
  padding: 0;
  position: relative;
  width: 40px;
}
#cart .cart-heading {
  color: #ffffff;
  display: none;
  font: 500 16px/16px "Josefin Sans", sans-serif;
}
#cart #cart-total {
  background: #111111;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  bottom: auto;
  color: #ffffff;
  float: right;
  font-size: 14px;
  font-weight: normal;
  height: 16px;
  left: auto;
  right: 0;
  line-height: 16px;
  margin: auto;
  padding: 0 4px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 16px;
  z-index: 1;
}
#cart.open > .btn:hover {
  color: #444444;
}
#cart .dropdown-menu {
  border: 1px solid #e5e5e5;
  border-top: 3px solid #000000;
  display: none;
  min-width: 300px;
  padding: 10px;
  right: 0;
  top: 80px;
  max-height: 630px;
  overflow-x: hidden;
  overflow-y: visible;
  z-index: 1001;
}
#cart .dropdown-menu::after {
  color: #000000;
  content: "\e5c7";
  font-family: "Material Icons";
  font-size: 36px;
  position: absolute;
  right: 0;
  top: -15px;
}
#cart .dropdown-menu .btn.btn-danger i.fa-times {
  font-size: 12px;
  padding: 4px;
}
#cart .dropdown-menu table {
  margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
  padding: 0 10px;
}
#cart .dropdown-menu li p {
  float: left;
  width: 100%;
  color: #555555;
  padding: 10px 0;
  margin: 0;
}
#cart .dropdown-menu li p a strong {
  font-weight: 500;
}
#cart .dropdown-menu li p a strong i.fa {
  padding: 0 3px 0 0;
}
#cart .header-cart-toggle .btn-danger {
  background-color: #ffffff;
  border: medium none;
  color: #222;
  height: auto;
  padding: 0;
  width: auto;
}
#cart .header-cart-toggle .text-right > strong {
  color: #555555;
  font-size: 14px;
  font-weight: normal;
}
#cart .dropdown-menu li p a:first-child {
  margin: 0;
  float: left;
}
#cart .dropdown-menu li p a {
  background: #171717;
  border: 1px solid #171717;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  color: #ffffff;
  float: right;
  font: 400 14px/18px "Josefin Sans", Helvetica, sans-serif;
  padding: 8px 15px;
  text-transform: capitalize;
  letter-spacing: 1px;
  margin: 0 0 0 5px;
  position: relative;
  width: 48%;
  text-align: center;
}
#cart .dropdown-menu li p a:hover {
  background: #bcdcd2;
  border-color: #bcdcd2;
  color: #000000;
}
#cart .dropdown-menu li p > a::after {
  background: #ffffff;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.1;
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  -webkit-opacity: 0.1;
  position: absolute;
  top: 0;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  width: 0;
}
#cart .dropdown-menu li p > a:hover::after,
#cart .dropdown-menu li p > a:focus::after {
  width: 100%;
}
#cart .header-cart-toggle td small {
  display: none;
}
.header-cart-toggle .table > tbody > tr > td,
.table > tbody > tr > th,
.header-cart-toggle .table > tfoot > tr > td,
.table > tfoot > tr > th,
.header-cart-toggle .table > thead > tr > td,
.table > thead > tr > th {
  padding: 8px 4px;
  border-color: #eaeaea;
}
.header-cart-toggle .table-striped > tbody > tr:nth-child(2n + 1) > td,
.header-cart-toggle .table-striped > tbody > tr:nth-child(2n + 1) > th {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  padding: 10px 4px;
}
.header-cart-toggle .table.table-bordered tr:first-child td {
  padding-top: 10px !important;
}
.header-cart-toggle .table.table-bordered tr:last-child td {
  padding-bottom: 10px !important;
}
#cart .table-bordered > thead > tr > th,
#cart .table-bordered > tbody > tr > th,
#cart .table-bordered > tfoot > tr > th,
#cart .table-bordered > thead > tr > td,
#cart .table-bordered > tbody > tr > td,
#cart .table-bordered > tfoot > tr > td {
  border: medium none;
  padding: 1px 0;
  text-align: left;
}
#cart .header-cart-toggle .text-left.name > a {
  color: #555555;
  font-size: 13px;
}
#cart .header-cart-toggle .text-right.amount {
  color: #000000;
  font: 700 14px/20px "Josefin Sans", Helvetica, sans-serif;
  text-align: left;
}
.header-cart-toggle .table .text-center img {
  max-width: none;
  border: none;
}
#cart .header-cart-toggle .text-right.price-total {
  color: #000000;
  text-align: right;
  font: 700 14px/24px "Josefin Sans", Helvetica, sans-serif;
  white-space: nowrap;
}
.cart-form .table-bordered td.text-right.unit-price {
  color: #333;
  font: 600 14px/20px "Josefin Sans", Helvetica, sans-serif;
}
.cart .dropdown-menu .btn > i.close-clear {
  font-size: 20px;
}
.cart-form .cart_input_block.input-group {
  display: inline-block;
  width: auto;
}
.cart-form .cart_input_block .input-group-btn .btn-primary {
  padding: 8px 14px;
}
.cart-form .cart_input_block .input-group-btn .btn-primary::after {
  display: none;
}
.cart-form .input-group-btn button i {
  font-size: 18px;
  vertical-align: top;
}
#cart .header-cart-toggle .table.table-bordered {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #eaeaea -moz-use-text-color;
  border-image: none;
  border-style: solid none;
  border-width: 1px medium;
  padding: 10px 0;
}
#cart .header-cart-toggle li:first-child tr:first-child td {
  border: 0 none;
}
#cart .dropdown-menu .btn.btn-danger i.fa-times {
  font-size: 14px;
  padding: 4px;
  color: #777;
}
#cart .dropdown-menu .btn.btn-danger:hover i.fa-times {
  color: #9c9b9b;
}
#cart .table.table-striped tr {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#cart .dropdown-menu .table .text-center.image > a {
  padding: 0;
}
.checkout-cart .panel-collapse .input-group .form-control {
  border-radius: 25px 0 0 25px;
  -moz-border-radius: 25px 0 0 25px;
  -webkit-border-radius: 25px 0 0 25px;
  -khtml-border-radius: 25px 0 0 25px;
}
/* full-header css */
header .full-header {
  float: left;
  text-align: center;
  width: 100%;
  z-index: 2;
}
/* --------------------------------- search Start------------------------------------------------------------*/
.search {
  float: left;
  width: auto;
}
.ttsearch {
  float: left;
}
.ttsearch_button {
  float: left;
  width: 100%;
}
.ttsearchtoggle {
  display: none;
  left: auto;
  position: absolute;
  right: 0;
  left: auto;
  top: 80px;
  width: 320px;
  z-index: 9999;
}
.ttsearchtoggle::after {
  color: #000000;
  content: "\e5c7";
  font-family: "Material Icons";
  font-size: 36px;
  position: absolute;
  right: 0;
  top: -15px;
}
.ttsearchtoggle .input-group-btn {
  float: right;
}
#search .ttsearch_button .icon-search {
  color: #000000;
  float: left;
  font-size: 26px;
  height: 100%;
  line-height: 40px;
  position: relative;
  transition: transform 360ms ease-in-out 0s,
    -webkit-transform 360ms ease-in-out 0s;
  -webkit-transition: transform 360ms ease-in-out 0s,
    -webkit-transform 360ms ease-in-out 0s;
  -moz-transition: transform 360ms ease-in-out 0s,
    -webkit-transform 360ms ease-in-out 0s;
  -o-transition: transform 360ms ease-in-out 0s,
    -webkit-transform 360ms ease-in-out 0s;
  -ms-transition: transform 360ms ease-in-out 0s,
    -webkit-transform 360ms ease-in-out 0s;
  width: 100%;
}
#search .ttsearch_button:hover .icon-search {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
}
.search #search.active .ttsearch_button .icon-search {
  display: none;
}
.search .ttsearch_button .icon-close {
  color: #000000;
  display: none;
  float: left;
  font-size: 26px;
  height: 100%;
  line-height: 40px;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  width: 100%;
}
.search #search.active .ttsearch_button .icon-close {
  display: block;
}
#search {
  width: 40px;
  height: 40px;
  cursor: pointer;
  float: left;
}
#search .select-wrapper {
  max-width: 160px;
}
#search .select-wrapper select {
  height: 40px;
  margin: 0 -1px 0 0;
}
#search .select-wrapper::after {
  padding: 3px;
}
#search .input-lg {
  float: right;
  height: 42px;
  line-height: 20px;
  padding: 0 15px;
  width: 100%;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-top: 3px solid #000000;
  letter-spacing: 1px;
  color: #777;
  font-size: 14px;
  transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  position: relative;
}
#search .form-control::-moz-placeholder {
  color: #777;
  text-indent: 0.625rem;
}
#search .btn-lg {
  font-size: 14px;
  color: #777777;
  line-height: 18px;
  padding: 0;
  width: 30px;
  height: 30px;
  background: none;
  border: none;
  position: absolute;
  left: auto;
  right: 5px;
  top: -35px;
  left: auto;
  z-index: 9999;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
}
#search .btn-lg:hover {
  color: #111111;
}
#search.active .ttsearch_button {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
}
@media (max-width: 991px) {
  .ttsearchtoggle {
    top: 55px;
  }
}
@media (max-width: 480px) {
  .ttsearchtoggle {
    left: auto;
    right: -105px;
    width: 300px;
  }
  .ttsearchtoggle::after {
    display: none;
  }
  .user-info .dropdown > ul::after {
    display: none;
  }
}
/*--------------------------------------------- Search End --------------------------------------------------------*/
/* ------------------------------------ ajex search CSS Start -----------------------------------*/
.live-search {
  width: 100%;
  position: absolute;
  z-index: 1000;
  padding: 5px 0;
  margin-top: 40px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  left: 0;
  display: none;
}
.live-search .loading {
  display: block;
  margin-left: auto;
  text-align: center;
  margin-right: auto;
  position: absolute;
  left: 0;
  right: 0;
  width: 32px;
  height: 32px;
}
.live-search ul {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 10px 10px 0;
  width: 100%;
}
.live-search ul li {
  background-color: #ffffff;
  overflow: hidden;
  cursor: pointer;
  float: left;
  width: 100%;
}
.live-search ul li:hover a {
  background-color: #efefef;
}
.live-search ul li a {
  display: block;
  float: left;
  padding: 10px;
  text-decoration: none;
  width: 100%;
}
.live-search ul li .product-image {
  border: 2px solid #f7f7f7;
  float: left;
  padding: 0;
  width: auto;
}
.live-search ul li .product-name p {
  color: #555555;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  padding: 10px 0 0;
}
.live-search ul li .search-description {
  float: right;
  padding: 0 10px;
  text-align: left;
}
.live-search ul li .product-name {
  font: 400 14px/20px "Josefin Sans", sans-sarif;
  color: #222222;
}
.live-search ul li .product-price {
  color: #222222;
  font: 600 14px/18px "Josefin Sans", Helvetica, sans-serif;
  margin-bottom: 10px;
  margin-top: 10px;
}
.live-search ul li .product-price .price {
  color: #000000;
  display: block;
}
.live-search ul li .product-price .special {
  color: #777777;
  text-decoration: line-through;
  display: block;
  font-size: 13px;
  font-weight: normal;
  margin-top: -5px;
}
.live-search .result-text {
  float: left;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  padding: 15px 0;
  text-transform: capitalize;
  width: 100%;
}
.live-search .view-all-results:hover {
  color: #000000;
}
.live-search .view-all-results {
  color: #333333;
}
.live-search .product-image img {
  width: auto;
  max-width: 100%;
}
@media (max-width: 1199px) {
  .live-search ul li {
    width: 100%;
  }
}
@media (max-width: 481px) {
  .live-search ul li .product-image {
    width: auto;
  }
}
/* ------------------------------------ ajex search CSS Start -----------------------------------*/
#top-links .list-inline > li.account-nav > a {
  color: #888888;
  line-height: 24px;
  text-decoration: none;
  text-transform: capitalize;
  margin: 0px;
  background: none;
}
.user-info .ttlanguage,
.user-info .ttcurrency {
  float: left;
  width: 100%;
}
.ttlanguage .pull-left,
.ttcurrency .pull-left {
  width: 100%;
}
#form-language .btn-group > .btn-link,
#form-currency .btn-group > .btn-link {
  border-bottom: 1px solid #e5e5e5;
  color: #000000;
  float: left;
  padding: 0 0 5px;
  width: 100%;
}
#form-currency .btn-link,
#form-language .btn-link {
  border: medium none;
  color: #555555;
  display: block;
  float: left;
  font: 400 14px/24px "Josefin Sans", Helvetica, sans-serif;
  letter-spacing: 1px;
  padding: 0;
  position: relative;
  text-align: left;
  text-decoration: none;
  text-transform: capitalize;
  width: 100%;
}
.ttlanguage .btn-link > span,
.ttcurrency .btn-link > span {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  display: inline-block !important;
}
.ttlanguage .btn-group > ul,
.ttcurrency .btn-group > ul {
  clear: both;
  float: left;
  padding: 7px 0;
  width: 100%;
}
.ttlanguage .btn-group ul li,
.ttcurrency .btn-group ul li {
  list-style: outside none none;
}
#form-currency .btn-group button.btn-link:hover,
#form-currency .btn-group.open button.btn-link span,
#form-currency .btn-group.open button.btn-link,
#form-currency button:hover span,
#form-currency .btn-group .btn-link:hover > strong,
#form-currency .btn-group.open .btn-link strong,
#form-language .btn-group button.btn-link:hover,
#form-language .btn-group.open button.btn-link,
#form-language .btn-group:hover .expand-more::before,
#form-currency .btn-group:hover .expand-more::before,
#form-currency .btn-group.open .expand-more::before,
#form-language .btn-group.open .expand-more::before,
#form-language .btn-group.open .dropdown-toggle {
  color: #000000;
}
#form-currency .btn-group ul.dropdown-menu.currency-toggle,
#form-language .btn-group ul.dropdown-menu.language-toggle,
#top-links .dropdown .dropdown-menu {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  left: auto;
  margin: 0;
  min-width: 150px;
  padding: 10px 15px;
  position: absolute;
  right: 0;
  top: 36px;
}
#form-currency .btn-group .dropdown-menu.currency-toggle li button,
#form-language .btn-group .dropdown-menu.language-toggle li button,
#top-links .dropdown-menu a {
  border: medium none;
  color: #878787;
  font-size: 13px;
  font-weight: normal;
  line-height: 24px;
  padding: 0;
  text-align: left;
}
#form-language .language-select > img {
  margin: 0 2px 0 0;
}
#form-currency .btn-group .dropdown-menu.currency-toggle li:hover button,
#form-language .btn-group .dropdown-menu.language-toggle li:hover button {
  color: #000;
}
#form-language .dropdown-toggle > img,
.header-top-right #form-currency .dropdown-toggle > strong {
  margin: 0 2px;
}
.header_user_info > a > i,
.header_user_info > a > .fa-user {
  display: none;
}
/* header user info End*/
/* logo */
#mobile-logo {
  display: none;
}
.header-top-cms {
  display: inline-block;
  float: none;
  vertical-align: top;
}
.header-left {
  float: left;
  text-align: center;
  margin: 40px 0;
  position: relative;
  width: auto;
  z-index: 2;
}
header {
  float: left;
  width: 100%;
  position: relative;
}
.header-left-cms {
  display: inline-block;
  float: none;
  vertical-align: top;
  width: auto;
}
/* menu */
/* Mega Menu Stylesheet START */
#menu.mega-menu ul.nav ul.list-unstyled li {
  display: table;
}
#menu.mega-menu ul.nav li ul.list-unstyled > li.dropdown .dropdown-menu {
  position: static;
  display: block;
}
/* Mega Menu Stylesheet START */
#menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a {
  color: #777;
}
.menu-container {
  background: #000000;
  clear: both;
  position: relative;
  padding-left: 26%;
  float: left;
  width: 100%;
}
#menu {
  margin: 0 auto;
  min-height: auto;
  text-align: center;
  width: 100%;
}
#menu div.navbar-header {
  cursor: pointer;
  display: block;
  overflow: hidden;
}
#menu .list-unstyled.childs_1.mega-dropdown-menu .dropdown > a {
  color: #414141;
  font: 400 14px/22px "Josefin Sans", Helvetica, sans-serif;
  padding: 0;
  text-transform: capitalize;
  width: 100%;
  text-align: left;
}
#menu .dropdown-inner .list-unstyled.childs_2.single-dropdown-menu a {
  padding: 0 0 0 20px;
}
#menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a:hover,
#menu .dropdown-inner li a:hover,
#menu .dropdown-inner li a:focus {
  color: #000;
}
#menu
  .list-unstyled.childs_1.mega-dropdown-menu
  .list-unstyled.childs_2
  a:hover,
#menu .dropdown-inner .list-unstyled.childs_1.single-dropdown-menu a:hover {
  color: #000;
}

#menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown > a::after {
  display: none;
}
#menu .nav > li > span {
  cursor: pointer;
}
#menu .nav > li > a,
#menu .nav > li > span {
  color: #414141;
  display: block;
  font: 400 15px/22px "Josefin Sans", Helvetica, sans-serif;
  padding: 20px;
  text-transform: capitalize;
  background: none;
}
#menu .list-unstyled.childs_2 {
  padding: 5px 0;
}
#menu .dropdown-inner {
  display: table;
}
#menu .dropdown-inner ul {
  display: table-cell;
  padding: 20px 0;
}
#menu
  .navbar-nav
  li.dropdown
  .dropdown-menu
  .dropdown-inner
  ul.mega-dropdown-menu {
  padding: 20px;
}
#menu
  .navbar-nav
  li.dropdown
  .dropdown-menu
  .dropdown-inner
  ul.mega-dropdown-menu:first-child {
  padding: 20px 0 20px 20px;
}
#menu .dropdown-inner a {
  color: #414141;
  display: block;
  font-family: "Josefin Sans", Helvetica, sans-serif;
  font-size: 13px;
  line-height: 26px;
  min-width: 160px;
  padding: 0;
  text-transform: capitalize;
  text-align: left;
}
#menu .see-all {
  display: block;
  margin-top: 0.5em;
  border-top: 1px solid #ddd;
  padding: 3px 20px;
  font-size: 12px;
}
#menu .see-all:hover,
#menu .see-all:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #777;
}
#menu #category {
  color: #000000;
  float: left;
  font: 700 14px/40px "Josefin Sans", sans-serif;
  text-transform: uppercase;
}
#menu #category:hover {
  color: #000;
}
#menu .btn-navbar {
  font-size: 15px;
  font-stretch: expanded;
  color: #fff;
  padding: 2px 18px;
  float: right;
  background-color: #777;
}
#menu .btn-navbar:hover,
#menu .btn-navbar:focus,
#menu .btn-navbar:active,
#menu .btn-navbar.disabled,
#menu .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #777;
}
#menu .navbar-nav > li {
  display: inline-block;
  float: none;
}
#menu .navbar-nav {
  float: none;
}
#menu ul.nav ul.list-unstyled li.dropdown > a::after {
  border-top: 1px solid #eeeeee;
  bottom: -4px;
  content: "";
  float: left;
  height: 1px;
  left: 0;
  position: absolute;
  width: 20%;
}
#menu .dropdown-inner .list-unstyled.childs_1.single-dropdown-menu a,
#menu .more-menu .list-unstyled.childs_1 a {
  padding: 0 20px;
  color: #414141;
}
#menu .nav > li > a:hover,
#menu .nav.navbar-nav > li:hover > a,
#menu li:hover > span,
#menu .nav > li.dropdown:hover::after,
#menu .nav > li.dropdown:focus::after,
#menu .nav > li > a:focus,
#menu .nav > li > a:active,
#menu li.more-menu .dropdown-menu ul li a:hover,
#menu li.more-menu .dropdown-menu ul li span:hover,
#menu li.more-menu .dropdown-menu ul li a:focus,
#menu li.more-menu .dropdown-menu ul li span:focus,
#menu li.more-menu .dropdown-menu ul li a:active,
#menu li.more-menu .dropdown-menu ul li span:active {
  color: #000000;
}

/* 2 Level Sub Categories START */
#menu ul.nav ul.list-unstyled li {
  min-width: 160px;
}
#menu
  ul.nav
  li
  ul.list-unstyled.mega-dropdown-menu
  > li.dropdown
  .dropdown-menu {
  border: 0;
  position: static;
  display: block;
  width: 150px;
}
#menu
  ul.nav
  li
  ul.list-unstyled.single-dropdown-menu
  > li.dropdown
  .dropdown-menu {
  left: 160px;
  top: 0;
  position: absolute;
  display: none;
  border-color: #eaeaea;
}
#menu ul.nav li ul.list-unstyled > li.dropdown:hover > .dropdown-menu {
  display: block;
}
#menu .nav > li.dropdown::after {
  bottom: auto;
  color: #414141;
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 12px;
  left: auto;
  position: absolute;
  top: 19px;
  right: 5px;
}
#menu .nav.navbar-nav > li:hover > a,
#menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a:hover,
#menu .nav.navbar-nav > li:hover > span {
  color: #000;
}
#menu .nav > li.dropdown:hover::after {
  color: #414141;
  content: "\f106";
}
#menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown::after {
  content: "\f105";
  font-family: "FontAwesome";
  font-size: 13px;
  position: absolute;
  right: 15px;
  top: 0;
}
/* 2 Level Sub Categories END */
/* content */
#content {
  min-height: 600px;
}
.tthome {
  float: left;
  width: 100%;
}
.tthome #content {
  padding: 0;
}
/* Slideshow Slider Stylesheet */
.common-home > .row {
  margin: 0;
}
.content-top {
  float: left;
  width: 100%;
}
/*---------------------------------------------- Slideshow Slider Stylesheet start-------------------------------*/
.top-column {
  margin-bottom: 30px;
}
.swiper-wrapper {
  direction: ltr !important;
}
.slideshow-panel {
  position: relative;
  float: left;
  margin: 0 0 100px;
  width: 100%;
}
.slideshow-panel .swiper-viewport {
  border: medium none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0;
  float: left;
}
.slideshow-panel .swiper-container {
  width: 100%;
  padding: 0 270px;
  height: 100%;
}
.slideshow-panel .ttloader {
  background: #ffffff url("TemplateTrip/images/ajax-loader.gif") no-repeat
    scroll center center;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99999;
}
.ttloading-bg {
  background: #ffffff none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.slideshow-panel img {
  width: 100%;
  height: auto;
}
.slideshow-main .swiper-pagination {
  background: rgba(255, 255, 255, 0.7);
  bottom: 0 !important;
  height: 35px;
  left: 0;
  margin: 0 auto;
  padding: 8px 0;
  right: 0;
  top: auto;
  width: 90px !important;
}
.slideshow-main .swiper-pagination .swiper-pagination-bullet {
  background: #111111;
  height: 12px;
  position: relative;
  margin: 0 6px;
  width: 12px;
}
.slideshow-main .swiper-pagination .swiper-pagination-bullet-active::after {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 25px;
  bottom: 0;
  content: "";
  height: 20px;
  left: -4px;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 20px;
}
.slideshow-panel .swiper-container .swiper-pager {
  position: static;
  line-height: normal;
}
.slideshow-panel .swiper-container .swiper-pager div {
  background: #000000;
  border: 2px solid #000000;
  height: 80px;
  width: 55px;
  text-align: center;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  text-shadow: none;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
}
.slideshow-panel .swiper-container .swiper-pager div:hover {
  background: #ffc446;
  border-color: #ffc446;
}
.slideshow-panel .swiper-container .swiper-pager .swiper-button-prev {
  left: 40px;
  right: auto;
  margin: auto;
  top: 0;
  bottom: 0;
}
.slideshow-panel .swiper-container .swiper-pager .swiper-button-next {
  right: 40px;
  left: auto;
  margin: auto;
  top: 0;
  bottom: 0;
}
.slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-prev {
  left: 80px;
}
.slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-next {
  right: 80px;
}
.slideshow-panel .swiper-container:hover .swiper-pager div {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
}
.slideshow-panel .swiper-pager .swiper-button-prev::before {
  bottom: 0;
  color: #ffffff;
  content: "\e5cb";
  font-family: "Material Icons";
  font-size: 32px;
  line-height: 80px;
  left: 0;
  margin: auto;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  height: auto;
  width: auto;
}
.slideshow-panel .swiper-pager .swiper-button-next::before {
  bottom: 0;
  color: #ffffff;
  content: "\e5cc";
  font-family: "Material Icons";
  font-size: 32px;
  line-height: 80px;
  left: 0;
  margin: auto;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  height: auto;
  width: auto;
}
.slideshow-panel .swiper-pager .swiper-button-prev:hover::before,
.slideshow-panel .swiper-pager .swiper-button-next:hover::before {
  color: #000000;
}
.slideshow-panel .swiper-container .swiper-pager div::after {
  background: #ffffff;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.1;
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  -webkit-opacity: 0.1;
  position: absolute;
  top: 0;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  width: 0;
}
.slideshow-panel .swiper-container .swiper-pager div:hover::after {
  width: 100%;
}
.slideshow-panel .swiper-container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width: 1700px) {
  .slideshow-panel .swiper-container {
    padding: 0 170px;
  }
}
@media (max-width: 1300px) {
  .slideshow-panel {
    margin: 0 0 50px;
  }
  .slideshow-panel .swiper-container {
    padding: 0 140px;
  }
  .slideshow-panel .swiper-container .swiper-pager .swiper-button-prev,
  .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-prev {
    left: 25px;
  }
  .slideshow-panel .swiper-container .swiper-pager .swiper-button-next,
  .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-next {
    right: 25px;
  }
}
@media (max-width: 1199px) {
  .slideshow-panel .swiper-container {
    padding: 0 120px;
  }
}
@media (max-width: 991px) {
  .slideshow-panel .swiper-container {
    padding: 0 100px;
  }
  .slideshow-panel .swiper-container .swiper-pager div {
    height: 50px;
    width: 28px;
  }
  .slideshow-panel .swiper-container .swiper-pager .swiper-button-prev,
  .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-prev {
    left: 20px;
  }
  .slideshow-panel .swiper-container .swiper-pager .swiper-button-next,
  .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-next {
    right: 20px;
  }
  .slideshow-panel .swiper-pager .swiper-button-prev::before,
  .slideshow-panel .swiper-pager .swiper-button-next::before {
    font-size: 24px;
    line-height: 50px;
  }
}
@media (max-width: 767px) {
  .slideshow-panel {
    margin: 0 0 40px;
  }
  .slideshow-panel .swiper-container {
    padding: 0 60px;
  }
  .slideshow-panel .swiper-container .swiper-pager div {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    height: 40px;
    width: 24px;
  }
  .slideshow-panel .swiper-container .swiper-pager .swiper-button-prev,
  .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-prev {
    left: 5px;
    right: auto;
  }
  .slideshow-panel .swiper-container .swiper-pager .swiper-button-next,
  .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-next {
    left: auto;
    right: 5px;
  }
  .slideshow-panel .swiper-pager .swiper-button-prev::before,
  .slideshow-panel .swiper-pager .swiper-button-next::before {
    font-size: 22px;
    line-height: 40px;
  }
}
@media (max-width: 480px) {
  .slideshow-panel {
    margin: 0 0 30px;
  }
  .slideshow-panel .swiper-container {
    padding: 0 40px;
  }
  .slideshow-panel .swiper-container .swiper-pager div {
    border: none;
    height: 25px;
    width: 18px;
  }
  .slideshow-panel .swiper-pager .swiper-button-prev::before,
  .slideshow-panel .swiper-pager .swiper-button-next::before {
    font-size: 18px;
    line-height: 25px;
  }
}
/*---------------------------------------------- Slideshow Slider Stylesheet end-------------------------------*/
/*------------------------ CustomNavigation Button CSS Start -----------------------------------*/
.customNavigation {
  float: left;
  direction: ltr;
  text-align: center;
  width: 100%;
}
.customNavigation a {
  background: #ffffff;
  border: 2px solid #eeeeee;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  bottom: 0;
  color: #777777;
  display: inline-block;
  float: none;
  font-size: 0;
  height: 80px;
  margin: auto;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  padding: 0;
  position: absolute;
  top: 0;
  vertical-align: top;
  width: 80px;
  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;
  -ms-transition: all 0.4s ease 0s;
  z-index: 1;
}
.products-list:hover .customNavigation a,
.list-products:hover .customNavigation a,
#blog_latest_new_home:hover .customNavigation a {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
}
.customNavigation a::before {
  background: #171717;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(0.1);
  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;
  -ms-transition: all 0.4s ease 0s;
  width: 100%;
  z-index: -1;
}
.customNavigation a:hover::before {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  transform: scale(1, 1);
}
.customNavigation a.prev {
  left: -100px;
  right: auto;
}
.customNavigation a.next {
  right: -115px;
  left: auto;
}
.customNavigation a span {
  font-size: 17px;
  line-height: 29px;
  position: relative;
}
.customNavigation a.prev span::after {
  content: "\e5c4";
  color: #777777;
  font-size: 24px;
  line-height: 80px;
}
.customNavigation a.next span::after {
  content: "\e5c8";
  color: #777777;
  font-size: 24px;
  line-height: 80px;
}
.customNavigation a.prev:hover span::after,
.customNavigation a.next:hover span::after {
  color: #ffffff;
}

#column-left .customNavigation,
#column-right .customNavigation {
  display: none;
}
.products-list .container {
  position: relative;
}
@media (max-width: 1600px) {
  .customNavigation a {
    height: 50px;
    width: 50px;
  }
  .customNavigation a.prev {
    left: -50px;
    right: auto;
  }
  .customNavigation a.next {
    left: auto;
    right: -50px;
  }
  .customNavigation a.prev span::after,
  .customNavigation a.next span::after {
    font-size: 21px;
    line-height: 46px;
  }
}
@media (max-width: 1500px) {
  .customNavigation a.prev {
    left: -15px;
    right: auto;
  }
  .customNavigation a.next {
    left: auto;
    right: -15px;
  }
}
@media (max-width: 1300px) {
  .customNavigation a {
    bottom: 0;
    height: 40px;
    position: relative;
    top: auto;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    width: 40px;
  }
  .customNavigation a.next {
    right: 0;
  }
  .customNavigation a.prev {
    left: 0;
  }
  .customNavigation a.next span::after,
  .customNavigation a.prev span::after {
    line-height: 37px;
  }
  #blog_latest_new_home .customNavigation {
    margin: 15px 0 0;
  }
}
/*------------------------ CustomNavigation Button CSS End -----------------------------------*/
/* Category Page */
#column-left .products-list .container {
  width: 100%;
  padding: 0;
}
#content h2.category-name {
  margin-top: 0;
}
#column-left .left-right-inner > div,
#column-right .left-right-inner > div {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  float: left;
  margin: 0 0 25px;
  padding: 15px;
  width: 100%;
}
#column-left .swiper-viewport,
#column-right .swiper-viewport {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  padding: 0;
  border: none;
}
#column-left .swiper-wrapper,
#column-right .swiper-wrapper {
  height: auto;
}
.category-list ul {
  padding: 0;
}
.category-list ul li {
  display: inline-block;
  list-style: none;
  margin-right: 10px;
  text-align: center;
  width: 120px;
}
.subcategory-image {
  clear: both;
  padding: 0 0 8px;
}
.subcategory-image > a {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  display: block;
  padding: 6px;
}
.category-list li:hover .subcategory-image > a {
  border: 2px solid #333333;
  padding: 5px;
}
.subcategory-image img {
  max-width: 100%;
}
.category-list h5 {
  float: left;
  text-align: center;
  width: 100%;
  margin: 0 0 10px;
}
.category-list h5 a {
  color: #888888;
  display: inline-block;
  font: 400 14px/22px "Josefin Sans", sans-serif;
  text-transform: capitalize;
  word-break: break-all;
}
.category-list li:hover h5 a,
.category-list li:focus h5 a {
  color: #333;
}
.category-filter label {
  color: #222;
  font: 500 13px/20px "Josefin Sans", Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  background: none;
  border: none;
  width: auto;
}
.category-compare {
  margin: 0;
  float: left;
  width: 100%;
}
.category-products {
  float: left;
  width: 100%;
}
.category-treeview ul {
  margin: 0px;
}
.category-treeview li {
  position: relative;
  list-style: none;
}

.category-treeview li.category-li .list-tree:before {
  content: "\e5cf";
  font-family: "Material Icons";
  font-size: 16px;
  font-weight: normal;
  color: #555555;
  position: absolute;
  cursor: pointer;
  padding: 2px 5px;
  right: 0px;
  top: 0px;
  z-index: 2;
}
.category-treeview li.category-li.category-active.active .list-tree:before {
  content: "\e5ce";
  color: #111111;
}
.category-treeview li.category-li .list-tree:hover:before {
  color: #414141;
}
#column-left .list-group .category-li.category-active a.list-group-item.active,
#column-right
  .list-group
  .category-li.category-active
  a.list-group-item.active {
  color: #111111;
}
.product-thumb .caption .description {
  display: none;
}
.products-list,
.list-products {
  position: relative;
  width: 100%;
  margin: 0 0 70px;
  float: left;
}
.products-list > .row {
  clear: both;
}
.product-list .product-thumb .caption .description {
  display: block;
  margin: 0 0 10px;
  clear: both;
}
.product-thumb,
.product-layout,
.product-layouts {
  position: relative;
}
.product-thumb {
  overflow: hidden;
  position: relative;
}
.product-thumb .sale-icon,
.product-sale-icon {
  color: #000000;
  font: 400 14px/20px "Josefin Sans", Helvetica, sans-serif;
  left: auto;
  letter-spacing: 1px;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  position: absolute;
  right: 15px;
  text-align: center;
  text-transform: capitalize;
  top: -15px;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  z-index: 1;
}
.product-thumb:hover .sale-icon {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  top: 15px;
}
.product-sale-icon {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  top: 15px;
  right: 15px;
}
.product-thumb .percent,
.product-percent {
  color: #ff0000;
  font: 400 14px/20px "Josefin Sans", Helvetica, sans-serif;
  left: 15px;
  letter-spacing: 1px;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  position: absolute;
  right: auto;
  text-align: center;
  text-transform: capitalize;
  top: -15px;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  z-index: 1;
}
.product-thumb:hover .percent {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  top: 15px;
}
.product-percent {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  top: 15px;
  left: 15px;
}
.header-content-title {
  float: left;
  padding: 0 0 30px;
  width: 100%;
}
.common-home .header-content-title {
  display: none;
}
/* Column Left - Right Product List */
#column-left {
  clear: left;
}
#column-left .panel-default > .list-group,
#column-right .panel-default > .list-group {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}
#column-left .products-carousel,
#column-right .products-carousel {
  float: left;
  margin: 0;
  width: 100%;
}
#column-left .product-thumb:hover,
#column-right .product-thumb:hover,
#header-left .product-thumb:hover,
#header-right .product-thumb:hover,
#footer-left .product-thumb:hover,
#footer-right .product-thumb:hover {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
#column-left .product-thumb,
#column-right .product-thumb,
#header-left .product-thumb,
#header-right .product-thumb,
#footer-left .product-thumb,
#footer-right .product-thumb {
  padding: 20px 0;
  border: none;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
}
#column-left .product-thumb:first-child,
#column-right .product-thumb:first-child,
#header-left .product-thumb:first-child,
#header-right .product-thumb:first-child,
#footer-left .product-thumb:first-child,
#footer-right .product-thumb:first-child {
  padding-top: 0;
}
#column-left .product-thumb:last-child,
#column-right .product-thumb:last-child,
#header-left .product-thumb:last-child,
#header-right .product-thumb:last-child,
#footer-left .product-thumb:last-child,
#footer-right .product-thumb:last-child {
  border: none;
}
#column-left .product-thumb .image,
#column-right .product-thumb .image,
#header-left .product-thumb .image,
#header-right .product-thumb .image,
#footer-left .product-thumb .image,
#footer-right .product-thumb .image {
  float: left;
  border: 1px solid #e5e5e5;
  margin: 0 0 10px;
  padding: 0;
  max-width: 70px;
}
#column-left .product-thumb .sale-icon,
#column-right .product-thumb .sale-icon,
#column-left .product-thumb .percent,
#column-right .product-thumb .percent {
  padding: 1px 5px;
  font-size: 12px;
  left: 0;
  right: auto;
  display: none;
}
#column-left .product-thumb .price-tax,
#column-right .product-thumb .price-tax,
#header-left .product-thumb .price-tax,
#header-right .product-thumb .price-tax,
#footer-left .product-thumb .price-tax,
#footer-right .product-thumb .price-tax {
  display: none;
}
#column-left .rating .fa-star,
#column-left #review .fa-star,
#column-right .rating .fa-star,
#column-right #review .fa-star {
  font-size: 14px;
}
#column-left .product-thumb .caption .sale-icon,
#column-right .product-thumb .caption .sale-icon,
#header-left .product-thumb .caption .sale-icon,
#header-right .product-thumb .caption .sale-icon,
#footer-left .product-thumb .caption .sale-icon,
#footer-right .product-thumb .caption .sale-icon {
  font-size: 11px;
  padding: 0 5px;
  left: 0;
  right: auto;
}
#column-left .product-thumb .button-group,
#column-right .product-thumb .button-group,
#header-left .product-thumb .button-group,
#header-right .product-thumb .button-group,
#footer-left .product-thumb .button-group,
#footer-right .product-thumb .button-group {
  float: left;
  height: auto;
  position: static;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  width: 100%;
}
#column-left .product-thumb .button-group button,
#column-left .product-thumb .button-group button.btn-cart i,
#column-right .product-thumb .button-group button,
#column-right .product-thumb .button-group button.btn-cart i,
#header-left .product-thumb .button-group button,
#header-left .product-thumb .button-group button.btn-cart i,
#header-right .product-thumb .button-group button,
#header-right .product-thumb .button-group button.btn-cart i,
#footer-left .product-thumb .button-group button,
#footer-left .product-thumb .button-group button.btn-cart i,
#footer-right .product-thumb .button-group button,
#footer-right .product-thumb .button-group button.btn-cart i {
  display: none;
}
#column-left .product-thumb .button-group button.btn-cart,
#column-right .product-thumb .button-group button.btn-cart,
#header-left .product-thumb .button-group button.btn-cart,
#header-right .product-thumb .button-group button.btn-cart,
#footer-left .product-thumb .button-group button.btn-cart,
#footer-right .product-thumb .button-group button.btn-cart {
  background: none;
  color: #666666;
  padding: 0;
  margin: 0;
  line-height: normal;
  text-transform: none;
  text-align: left;
  font-weight: normal;
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
}
#column-left .special-carousel .sale-icon,
#column-right .special-carousel .sale-icon,
#header-left .special-carousel .sale-icon,
#header-right .special-carousel .sale-icon,
#footer-left .special-carousel .sale-icon,
#footer-right .special-carousel .sale-icon {
  display: none;
}
.product-list .product-thumb:hover h4 a {
  color: #000;
}
/* Column Left Right - Product Option Filter Style */
#column-left .list-group-item,
#column-right .list-group-item,
#column-left .panel-heading,
#column-right .panel-heading {
  border: medium none;
}
#column-left .list-group a.active,
#column-left .list-group a.active:hover,
#column-left .list-group a:hover {
  background: none;
}
#column-left a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover #column-right a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
  background: none;
}

#column-left .category-li.category-active .list-group-item.current-child-item {
  line-height: 25px;
  color: #555555;
}
#column-left .list-group .list-group-item,
#column-right .list-group .list-group-item {
  background: none;
  color: #555555;
  cursor: pointer;
  font-family: "Josefin Sans", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  padding: 2px 0 0;
  margin-bottom: 0;
  z-index: 1;
}
.option-filter .option-filter-box .list-group .list-group-item {
  font-weight: 500 !important;
}
#column-left
  .category-li.category-active
  .list-group-item.current-child-item:hover,
#column-left .list-group .list-group-item:hover,
#column-right .list-group .list-group-item:hover {
  color: #000;
}
.category-treeview .list-group a.child-item,
.category-treeview .list-group a.current-child-item {
  margin-left: 10px;
}
#column-left .panel-heading,
#column-right .panel-heading,
#column-left .box-heading,
#column-right .box-heading,
#column-left .panel-heading,
#column-right .panel-heading,
#ttcmstestimonial .title_block {
  background: #ffffff;
  color: #000000;
  float: left;
  font: 600 16px/18px "Josefin Sans", sans-serif;
  letter-spacing: 1px;
  margin: 0 0 15px;
  padding: 0;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}

#column-left .title_block a,
#column-right .title_block a {
  color: #000000;
}
#column-left .box-heading > h3,
#column-right .box-heading > h3 {
  background: none;
  color: #000000;
  font: 600 16px/18px "Josefin Sans", Helvetica, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  text-align: left;
}
.option-filter .panel-heading,
.option-filter .list-group-item,
.option-filter-box a.list-group-item,
.option-filter .panel-footer,
.option-filter .panel-heading,
.option-filter .list-group-item,
.option-filter-box a.list-group-item,
.option-filter .panel-footer {
  float: left;
  width: 100%;
}
.option-filter .panel-footer,
.option-filter .panel-footer {
  background: none;
  padding: 0 0 10px;
}
.option-filter .checkbox > label,
.option-filter .checkbox > label {
  color: #777777;
  font: 400 13px/20px "Josefin Sans", Helvetica, sans-serif;
  text-transform: capitalize;
}

.option-filter .checkbox > label:hover,
.option-filter .checkbox > label:hover {
  color: #000;
}
.option-filter .list-group-items .list-group-item:hover,
.option-filter .list-group-items .list-group-item:hover:after,
.option-filter .list-group-items .list-group-item:hover,
.option-filter .list-group-items .list-group-item:hover:after {
  color: #222222;
}
.option-filter .list-group-item .checkbox,
.option-filter .list-group-item .checkbox {
  margin: 0px;
  padding: 0;
}
.option-filter-box .list-group .list-group-items {
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 0;
  float: left;
  width: 100%;
}
.option-filter-box .list-group .list-group-items:first-child {
  padding-top: 0;
}
.option-filter-box .list-group .list-group-items:last-child {
  border: medium none;
}
.option-filter .list-group-items .list-group-item {
  color: #222222;
  background: none;
  font: 500 13px/28px "Josefin Sans", Helvetica, sans-serif;
  padding: 2px 0;
  float: left;
  width: 100%;
  position: relative;
  text-transform: capitalize;
}
#column-left .product-thumb .thumb-description,
#column-right .product-thumb .thumb-description {
  float: left;
  text-align: left;
  padding: 0 10px;
}
#column-left .product-thumb .caption,
#column-right .product-thumb .caption {
  padding: 0;
}
.option-filter .list-group {
  margin: 0px;
}
.option-filter-box .list-group-item,
.option-filter-box .list-group-item {
  text-transform: capitalize;
}
.option-filter-box a.list-group-item:after {
  font-family: "Material Icons";
  content: "\e5cf";
  font-size: 16px;
  color: #555555;
  position: absolute;
  right: 10px;
  top: 2px;
}
.option-filter-box a.list-group-item.collapsed:after {
  content: "\e5ce";
}
.store-list .store-tags {
  padding: 5px 15px;
}
.store-list .store-tags > a {
  border: 1px solid #dddddd;
  display: inline-block;
  margin: 5px 10px 5px 0px;
  padding: 5px 10px;
}
.store-list .store-tags > a.active-store {
  font-weight: bold;
  position: relative;
}
.store-list .store-tags > a.active-store > i {
  bottom: -4px;
  color: #00bb00;
  font-size: 16px;
  left: -4px;
  position: absolute;
}
/*.category-filter, .category-pagination { border: 1px solid #e5e5e5; }*/
#content .category-filter {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  float: left;
  margin: 20px 0;
  text-align: center;
  width: 100%;
}
.category-filter .filter-sort-by,
.category-filter .filter-show {
  float: right;
  padding: 10px 0;
}
.category-filter .filter-text {
  float: left;
}
.category-filter .filter-show .filter-selection {
  width: 70px;
  float: right;
}
.category-filter .filter-sort-by .filter-selection {
  float: left;
  width: 160px;
}

.category-filter .filter-sort-by {
  width: 100%;
  max-width: 260px;
}
.category-filter .filter-show {
  max-width: 140px;
  padding-right: 10px;
}
.category-filter .filter-show .filter-text {
  margin: 0 5px;
}
.category-filter .filter-text {
  padding: 5px 5px 0 0;
  margin: 0;
  text-align: left;
}
.category-filter .filter-selection {
  padding: 0;
}
.category-filter .filter-grid-list {
  float: left;
  padding: 13px 10px;
  width: auto;
}
.category-filter .filter-grid-list button {
  width: 25px;
  height: 25px;
  padding: 8px 15px;
  margin: 4px 0 0;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
}
.category-filter .filter-grid-list button {
  background: none;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  color: #777777;
  height: 25px;
  margin: 0 5px;
  padding: 0;
  width: 25px;
}
.category-filter .filter-grid-list button:hover,
.category-filter .filter-grid-list button.active {
  background: none;
  border: none;
  color: #222222;
}
.category-filter .filter-grid-list button .material-icons.list-on {
  font-size: 28px;
  line-height: 24px;
}
.product-category .category-list {
  float: left;
  width: 100%;
}
.category-filter .filter-grid-list button i.fa {
  font-size: 0px;
}
.category-description .category-content {
  margin-top: 20px;
}
.row-pagination-container {
  float: left;
  display: none;
  text-align: center;
  margin-top: 15px;
  width: 100%;
}
.load_more .row-pagination-container {
  display: block;
}
#custom-pagination-button {
  display: inline-block;
  float: none;
  vertical-align: top;
}
#custom-pagination-button .load-pagination {
  display: none;
}
.category-pagination {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  float: left;
  margin: 15px 0 0;
  padding: 10px 15px;
  width: 100%;
}
.load_more #product-category .category-pagination {
  display: none;
}
.row-pagination-container .pagination-text-justify {
  border: 1px solid #e5e5e5;
  float: left;
  padding: 10px;
  width: 100%;
}
#custom-pagination-button > span#number-products {
  float: right;
  font-size: 16px;
  padding: 5px 25px;
  width: auto;
}
.category-pagination div.text-left {
  padding: 8px 0;
}
.category-pagination div.text-right {
  padding: 0;
}
.category-pagination .pagination {
  margin: 3px 0 0;
  vertical-align: top;
}
.category-list > h3 {
  color: #333333;
  font: 500 16px/26px "Josefin Sans", sans-serif;
  margin: 0 0 10px;
  text-transform: capitalize;
}
.pagination li:last-child > a::after {
  content: "\e8e4";
  font-family: "Material Icons";
  font-size: 20px;
  left: 0;
  line-height: 30px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.pagination li:first-child > a::after {
  content: "\e317";
  font-family: "Material Icons";
  font-size: 18px;
  left: 0;
  line-height: 30px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.pagination > li > a,
.pagination > li > span,
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin: 0 2px;
}
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  background: #bcdcd2;
  border-color: #bcdcd2;
  cursor: pointer;
  color: #000000;
}
.pagination > .active > span,
.pagination > .active > a {
  background: #171717;
  border-color: #171717;
  color: #ffffff;
}
.pagination li:last-child > a,
.pagination li:first-child > a {
  font-size: 0px;
  padding: 7px 0;
}
.pagination > li > a,
.pagination > li > span {
  color: #000000;
  padding: 7px 0;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  text-align: center;
  border-color: #dddddd;
}
.pagination > li > a::before,
.pagination > li > span::after {
  background: #ffffff;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.1;
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  -webkit-opacity: 0.1;
  position: absolute;
  top: 0;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  width: 0;
}
.pagination > li > a:hover::before,
.pagination > li > span:hover::after {
  width: 100%;
}
/* Left Column stylesheet */
#column-left .product-thumb .no-rating,
#column-right .product-thumb .no-rating {
  display: none;
}
#column-left .products-list .row > div,
#column-right .products-list .row > div {
  float: left;
  width: 100%;
}
#column-left .products-list .row > div .caption h4,
#column-left .list-products .row > div .caption h4,
#column-right .products-list .row > div .caption h4,
#column-right .list-products .row > div .caption h4 {
  font-size: 13px;
  margin: 5px 0 0;
  line-height: 16px;
  letter-spacing: 1px;
}
#column-left .products-list .row > div .caption .price,
#column-left .list-products .row > div .caption .price,
#column-right .products-list .row > div .caption .price,
#column-right .list-products .row > div .caption .price {
  margin: 0;
  padding: 2px 0;
  font-size: 16px;
}
#column-left .product-thumb .price-new,
#column-right .product-thumb .price-new {
  font-size: 16px;
}
#column-left .product-thumb .price-old,
#column-right .product-thumb .price-old {
  font-size: 13px;
}
#column-left .products-list .row > div .caption .price .price-tax,
#column-right .products-list .row > div .caption .price .price-tax {
  display: none;
}
#column-left .products-list .row > div .button-group .btn-wishlist,
#column-right .products-list .row > div .button-group .btn-wishlist {
  display: none;
}
#column-left .products-list .row > div .button-group .btn-compare,
#column-right .products-list .row > div .button-group .btn-compare {
  display: none;
}
#column-left .product-thumb:hover h4 a,
#column-right .product-thumb:hover h4 a,
#column-left .product-thumb .button-group .btn-cart:hover > span,
#column-right .product-thumb .button-group .btn-cart:hover > span {
  color: #000;
}
#column-left .product-thumb .button-group .btn-cart > span,
#column-right .product-thumb .button-group .btn-cart > span {
  display: block !important;
  font-size: 14px;
  line-height: 22px;
  text-transform: capitalize;
  letter-spacing: 1px;
}
#column-left .product-thumb h4 a:hover,
#column-right .product-thumb h4 a:hover {
  color: #000;
}
/* Product page stylesheet */

.product-images .additional-images-container {
  margin: 0 auto;
  overflow: hidden;
  direction: ltr;
  position: relative;
  text-align: center;
  width: 450px;
}
.additional-images .owl-wrapper-outer {
  float: left;
  width: 100%;
  overflow: hidden;
}
.product-details .product-info td {
  padding: 3px;
}
.product-details .product-info .product-info-value {
  color: #777;
  padding: 3px 3px 3px 10px;
  font-weight: normal;
}
.product-details .product-info tr td {
  color: #222222;
  text-transform: capitalize;
}
.product-details .product-info-value > a {
  color: #000000;
  font-weight: 500;
}
.product-details .product-info-value > a:hover {
  color: #171717;
}
.product-product .tab-content {
  border-top: 1px solid #ebebeb;
  padding: 20px 0;
  margin: 0;
  text-align: left;
}
.cpt_product_description strong {
  font-size: 14px;
}
.product-quantity label {
  padding: 9px 0;
}
.product-quantity label,
.product-quantity #input-quantity {
  width: auto;
  text-align: center;
  margin: 0 10px 0 0;
  float: left;
}
.product-quantity #input-quantity {
  border: 1px solid #e5e5e5;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  font-size: 14px;
  float: left;
  height: 42px;
  line-height: 27px;
  padding: 0 6px;
  text-align: center;
  cursor: pointer;
  width: 60px;
}
.product-details h1.product-name {
  border-bottom: 1px solid #e5e5e5;
  color: #000000;
  margin: 0 0 16px;
  padding-bottom: 16px;
  text-transform: capitalize;
  font: 500 20px/34px "Josefin Sans", Helvetica, sans-serif;
}
.product-details table.product-info {
  margin: 15px 0;
}
.product-details .product-price {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 0;
  margin: 15px 0 20px;
}
.product-details .addthis_toolbox {
  width: 100%;
  float: left;
}
.product-details .product-options h3 {
  font: 700 18px/24px "Josefin Sans", Helvetica, sans-serif;
}
.product-details .rating {
  display: table;
}
.product-total-review i,
.product-write-review i {
  font-size: 16px;
  margin-right: 5px;
  vertical-align: middle;
}
.product-details .btn.btn-default.product-btn-wishlist,
.product-details .btn.btn-default.product-btn-compare {
  font-size: 14px;
  color: #777777;
  text-align: left;
  text-transform: none;
  border: none;
  background: none;
  padding: 0 15px 0 0;
  margin: 15px 5px 15px 0;
}
.product-details .btn.btn-default.product-btn-wishlist:hover,
.product-details .btn.btn-default.product-btn-compare:hover {
  background: none;
  color: #000000;
}
.product-price .product-discounts {
  list-style: none;
  margin-top: 10px;
  font-size: 13px;
}
.product-price .product-reward-points {
  font-size: 13px;
}
.product-details .rating > a {
  border-right: 1px solid #e5e5e5;
  color: #777777;
  float: left;
  font-size: 14px;
  margin: 0 10px 0 0;
  padding: 2px 10px 0 0;
  line-height: 18px;
  height: 20px;
}
.product-details .rating > a:last-child {
  border-right: medium none;
  margin-right: 0;
}
.product-details .rating > a:hover {
  color: #444;
}
.rating .product-rating {
  border-right: 1px solid #e5e5e5;
  float: left;
  margin: 0 10px 0 0;
  padding: 2px 10px 0 0;
  line-height: 18px;
  height: 20px;
}
.product-details .price-new {
  float: left;
  margin: 0 8px 0 0;
}
.product-details .price-old {
  text-decoration: line-through;
  font: 400 13px/20px "Josefin Sans", Helvetica, sans-serif;
}
.product-details .product-tax {
  margin-top: 10px;
}
.product-details .product-options h3 {
  margin: 10px 0;
}
.product-details ul.product-price h2 {
  color: #000000;
  font: 700 18px/20px "Josefin Sans", Helvetica, sans-serif;
}
.product-options .product-quantity {
  clear: both;
  float: left;
  margin: 0;
}
.product-options .radio,
.product-options .checkbox {
  padding: 0;
  margin-top: 0;
  margin-bottom: 5px;
}
.product-options .alert-info i.info-circle {
  font-size: 18px;
  line-height: 24px;
  vertical-align: top;
}
.form-group .btn-block i.file-upload {
  font-size: 20px;
  vertical-align: top;
}
.form-group .btn-default i.calendar-today {
  font-size: 20px;
  vertical-align: top;
}
.form-group .btn-default::after {
  display: none;
}
.product-details .btn-group .btn-default i {
  font-size: 22px;
  vertical-align: middle;
}
.product-product .btn.btn-default {
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  color: #777777;
  padding: 7px 15px;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
}
.product-product .btn.btn-default:hover {
  background-color: #000000;
  border-color: #000000;
}
.product-product .btn.btn-default:hover {
  color: #ffffff;
}
.product-product .product-details .addthis_toolbox > a:first-child {
  margin: 0;
}
.product-product .product-details .addthis_toolbox > a {
  margin: 0 5px;
}
.product-tabs {
  clear: both;
  margin: 50px 0;
  text-align: center;
}
#tab-review label.control-label {
  font: 500 13px/20px "Josefin Sans", Helvetica, sans-serif;
  color: #222;
  margin-bottom: 10px;
}
.product-product .nav.nav-tabs li.active a,
.product-product .nav.nav-tabs li:hover a {
  border: none;
  background: #222222;
  color: #ffffff;
  cursor: pointer;
}
.product-product .nav-tabs > li {
  margin: 0 10px 10px 0;
  padding: 0;
}
.product-product .nav-tabs > li > a {
  background: none;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  color: #555555;
  font: 400 14px/16px "Josefin Sans", Helvetica, sans-serif;
  letter-spacing: 2px;
  margin: 0;
  padding: 13px 25px;
  position: relative;
  text-transform: uppercase;
  transition: all 300ms ease-in-out 0s;
  -webkit-transition: all 300ms ease-in-out 0s;
  -moz-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  -ms-transition: all 300ms ease-in-out 0s;
}
.product-product #tab-description > h3,
.product-product #form-review > h2 {
  font-family: "Josefin Sans", Helvetica, sans-serif;
  font-size: 18px;
  color: #777;
}
.tab-content #tab-description b {
  font-weight: 600;
  color: #414141;
}
#checkout-cart #accordion > .panel-default,
#checkout-cart
  #accordion
  .panel-default
  > .panel-heading
  + .panel-collapse
  > .panel-body {
  border: none;
  margin-top: 10px;
}
.checkout-cart #accordion .panel-heading {
  padding: 0px;
  border-color: #eaeaea;
  background: #f5f5f5;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
}
.checkout-cart #accordion .panel-heading a {
  padding: 10px 20px;
  font-family: "Josefin Sans", Helvetica, sans-serif;
  font-weight: normal;
}
.checkout-cart #accordion label.control-label {
  width: 100%;
  padding: 0px;
  text-align: left;
  color: #444;
  font-size: 14px;
}
.checkout-cart #accordion .form-group {
  margin: 15px 0;
}
.checkout-cart #accordion .form-group > div {
  width: 100%;
  padding: 0px;
  margin: 5px 0;
}
.checkout-cart #content > .buttons {
  float: left;
  width: 100%;
  margin: 0 0 10px;
}
.checkout-checkout #accordion .panel-default .panel-heading {
  border-color: #eaeaea;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  padding: 15px;
}
#checkout-checkout #accordion .panel-default {
  border: none;
  margin-top: 10px;
}
#checkout-checkout #accordion .panel-default .panel-body {
  border: none;
  padding: 15px 15px 25px;
}
#checkout-cart #content .cart-form {
  float: left;
  width: 100%;
}
.table.table-bordered {
  border-color: #eaeaea;
  background: #ffffff;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #e5e5e5;
  color: #222;
}
.table-bordered .text-right .btn i {
  font-size: 16px;
  line-height: 18px;
  vertical-align: top;
}
.sub-total-table .table-bordered tbody tr td:first-child strong {
  font-weight: normal;
}

.product-product #review .table.table-striped.table-bordered p {
  margin: 0;
}
.checkout-cart .sub-total-table {
  float: right;
}
.bootstrap-datetimepicker-widget .accordion-toggle a.btn,
.bootstrap-datetimepicker-widget .timepicker td a span {
  background: #eeeeee;
}

.bootstrap-datetimepicker-widget .timepicker td a:hover,
.bootstrap-datetimepicker-widget .timepicker td a:focus {
  color: #ffffff;
}
.bootstrap-datetimepicker-widget .accordion-toggle a.btn:hover,
.bootstrap-datetimepicker-widget .timepicker td a span:hover {
  background: #777;
}
.datepicker .datepicker-days .table-condensed .day.active,
.bootstrap-datetimepicker-widget td span.active,
.bootstrap-datetimepicker-widget .accordion-toggle a.btn:hover,
.bootstrap-datetimepicker-widget .timepicker td a span:hover,
.bootstrap-datetimepicker-widget td span.active,
.datepicker-months .table-condensed .month.active,
.datepicker-years .table-condensed .year.active {
  background-color: #000000;
  color: #ffffff;
}
s.bootstrap-datetimepicker-widget .accordion-toggle a.btn,
.bootstrap-datetimepicker-widget .timepicker td a span,
.bootstrap-datetimepicker-widget .accordion-toggle a.btn {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget .timepicker td a:hover,
.bootstrap-datetimepicker-widget .timepicker td a:focus {
  color: #ffffff;
}
.bootstrap-datetimepicker-widget .accordion-toggle a.btn:hover,
.bootstrap-datetimepicker-widget .timepicker td a span:hover {
  background: #bc3b36;
}

.datepicker-days .table-condensed .day.today::before {
  border-bottom: 7px solid #000000;
}
.datepicker-days .table-condensed .day.active.today::before {
  border-bottom: 7px solid #fff;
}
/* Extra pages Stylesheet */
#accordion .panel-heading h4.panel-title a {
  display: block;
}
#accordion .panel-heading h4.panel-title a i.expand-more {
  float: right;
  font-size: 18px;
}
.product-search #content .search-criteria {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 10px;
}
.search-criteria > p {
  margin: 10px 0;
}
.search-criteria .checkbox-inline {
  padding: 0;
}
.product-compare #content .table .btn {
  display: inline-block;
  margin: 2px 0;
  text-transform: capitalize;
  width: auto;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
}
#product-compare .btn-primary .icon-favorite {
  font-size: 18px;
  line-height: 20px;
  vertical-align: middle;
}
.information-sitemap .col-sm-6 > ul {
  padding-left: 15px;
}
.information-sitemap #content ul ul {
  padding-left: 30px;
  margin: 5px 0 10px;
}
.information-sitemap ul li a {
  line-height: 22px;
}
body.product-compare .table-product-image {
  padding: 10px;
}

/* information/contact - Location Icons Stylesheet */
.information-contact .contact-location .location-title {
  font-weight: bold;
}
.information-contact .panel.google-map,
.information-contact .panel.google-map iframe {
  float: left;
  width: 100%;
}
.information-contact .contact-location .location-detail {
  margin: 0 0 20px 0;
}
.information-contact .contact-location .location-title i {
  background: #000000;
  border: 2px solid #000000;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  color: #ffffff;
  font-size: 16px;
  height: 35px;
  margin: 10px 5px 10px 0;
  padding: 7px;
  text-align: center;
  width: 35px;
}
.contact-location .store-address a i.location-on {
  font-size: 14px;
  line-height: 20px;
  vertical-align: top;
}
.information-contact #content > h3 {
  clear: both;
}
/* extra page stylesheet  */
#product-compare .table tr .price,
#account-wishlist .price b {
  color: #222222;
  font: 600 18px/20px "Josefin Sans", Helvetica, sans-serif;
}
#product-compare .table tr .price strike,
#account-wishlist .price s {
  color: #777777;
  font: 300 13px/16px "Josefin Sans", Helvetica, sans-serif;
}
#common-success #content > p > a {
  color: #000000;
  font-size: 16px;
}
body #content > .buttons.clearfix {
  margin: 20px 0 0;
}
.table-bordered tr td.text-right.total-amount {
  color: #000000;
  font-weight: 600;
}
.information-contact #content .form-horizontal {
  float: left;
  width: 100%;
}
.checkout-cart h2 {
  font: 500 22px/34px "Josefin Sans", sans-serif;
}
.checkout-cart tr:last-child > td.text-right.heading-title {
  font: 700 18px/22px "Josefin Sans", Helvetica, sans-serif !important;
  color: #555454;
  text-transform: capitalize;
}
.cart-form .table-bordered > thead > tr > th,
.cart-form .table-bordered > tbody > tr > th,
.cart-form .table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.cart-form .table-bordered > tbody > tr > td,
.cart-form .table-bordered > tfoot > tr > td {
  background: #fff;
  border: 1px solid #e5e5e5;
  color: #444444;
  font-family: "Josefin Sans", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-transform: capitalize;
  vertical-align: middle;
}
.table-bordered > thead > tr > td {
  font-weight: 700;
}
.cart-form .table-bordered tbody td.text-right.total-price {
  color: #222222;
  font: 600 14px/20px "Josefin Sans", Helvetica, sans-serif;
}
.checkout-checkout h4 {
  font-family: "Josefin Sans", Helvetica, sans-serif;
  font-weight: 600;
}
.affiliate-login h2,
.account-login h2,
.checkout-checkout h2,
.product-search h2 {
  color: #333333;
  font: 400 23px/25px "Josefin Sans", Helvetica, sans-serif;
}
.well {
  background: #ffffff;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border: 1px solid #e5e5e5;
}
/* brand page */
.product-manufacturer .a-link-list {
  border: medium none;
}
.product-manufacturer .a-link-heading {
  padding: 5px 16px;
}
.product-manufacturer .a-link-heading p,
.product-manufacturer .a-link-heading h2 {
  line-height: 38px;
}
.product-manufacturer .a-link-group {
  color: #222222;
  font-family: Josefin Sans;
  font-size: 16px;
  margin-bottom: 10px;
}

.terms-condition h3 {
  font: 400 18px/22px "Josefin Sans", Helvetica, sans-serif;
  color: #bc3b36;
}

/* manufacturer_list & account_list &  affiliate_list - Tabular list of Brands Stylesheet */
.a-link-group {
  margin-bottom: 10px;
}
.a-link-group a {
  font-weight: bold;
}
.a-link-list {
  border: 1px solid #dbdee1;
  margin-bottom: 20px;
  padding: 5px;
  width: 100%;
  float: left;
}
.a-link-heading {
  background: #f5f5f5;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 6px;
  padding: 5px 8px;
}
.a-link-heading p,
.a-link-heading h2 {
  margin: 0px;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  color: #222;
}
.a-link-content {
  padding: 8px;
  font-size: 14px;
}
.modal-header {
  background: #f5f5f5;
}
.modal-dialog .modal-header .close {
  font-size: 24px;
  padding: 3px 5px;
  margin-top: -5px;
  float: right;
}
.modal-title {
  font-weight: bold;
}
.table-hover > tbody > tr:hover {
  background: none;
}
/*----------------------- Brand Carousel CSS Start ------------------------*/
.brand-carousel .box-heading {
  display: none;
}
.brand-carousel .swiper-viewport {
  background: none;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}

.common-home .brand-carousel {
  float: left;
  position: relative;
  margin: 0 0 100px;
  width: 100%;
}
.brand-carousel .brand-items .img-responsive {
  display: inline-block;
  opacity: 0.4;
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  transition: all 300ms ease-in-out 0s;
  -webkit-transition: all 300ms ease-in-out 0s;
  -moz-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  -ms-transition: all 300ms ease-in-out 0s;
}
.brand-carousel .brand-items .img-responsive:hover {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
}
.brand-carousel .swiper-viewport .swiper-pager div {
  background: none;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  height: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  width: 30px;
  border: 2px solid #eeeeee;
  color: #fff;
  font: 400 13px/18px "Josefin Sans", Helvetica, sans-serif;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
}
.brand-carousel .swiper-viewport:hover .swiper-pager div {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
}
.brand-carousel .swiper-pager .swiper-button-prev::before {
  content: "\e5c4";
  font-family: "Material Icons";
  color: #777777;
  font-size: 17px;
  float: left;
  line-height: 27px;
  height: 100%;
  width: 100%;
}
.brand-carousel .swiper-pager .swiper-button-next::before {
  content: "\e5c8";
  font-family: "Material Icons";
  color: #777777;
  font-size: 17px;
  float: left;
  line-height: 27px;
  height: 100%;
  width: 100%;
}
.brand-carousel .swiper-pager .swiper-button-prev:hover::before,
.brand-carousel .swiper-pager .swiper-button-next:hover::before {
  color: #ffffff;
}
.brand-carousel .swiper-viewport .swiper-pager div:hover {
  background: #000000;
  color: #ffffff;
  border-color: #000000;
}
.brand-carousel .swiper-viewport .swiper-pager .swiper-button-prev {
  left: 0;
}
.brand-carousel .swiper-viewport .swiper-pager .swiper-button-next {
  right: 0;
}
@media (max-width: 1300px) {
  .common-home .brand-carousel {
    margin: 0 0 50px;
  }
}
@media (max-width: 767px) {
  .brand-carousel .swiper-viewport .swiper-pager div {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
  }
  .common-home .brand-carousel {
    margin: 0 0 40px;
  }
}
@media (max-width: 480px) {
  .brand-carousel .brand-items .img-responsive {
    width: 80%;
  }
  .common-home .brand-carousel {
    margin: 0 0 30px;
  }
}
/*----------------------- Brand Carousel CSS Start ------------------------*/

/* checkout/cart - cart-form Stylesheet */
.cart-form .input-group .form-control {
  width: auto;
  min-width: 50px;
  text-align: center;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
}
.cart-form .input-group-btn {
  display: table;
  float: left;
}
.checkout-checkout .panel-group {
  clear: both;
}
/* checkout success - Stylesheet */
body.checkout-success #content {
  background: url("TemplateTrip/images/checkout-success.jpg") no-repeat scroll
    center bottom;
}
body.account-success #content {
  background: url("TemplateTrip/images/account-success.jpg") no-repeat scroll
    center bottom;
}
body.product-compare #content.no-compare-products {
  background: url("TemplateTrip/images/no-compare-products.jpg") no-repeat
    scroll center bottom;
}
#content.request-not-found {
  background: url("TemplateTrip/images/request-not-found.jpg") no-repeat scroll
    center bottom;
}
#content.no-manufacture-products {
  background: url("TemplateTrip/images/no-manufacture-products.jpg") no-repeat
    scroll center bottom;
}
#content.no-wishlist-products {
  background: url("TemplateTrip/images/no-wishlist-products.jpg") no-repeat
    scroll center bottom;
}

body.checkout-success #content div.buttons,
body.account-success #content div.buttons,
#content.print-bg-image div.buttons {
  float: left;
}
/* footer */
footer {
  background: #222222;
  float: left;
  margin: 30px 0 0;
  width: 100%;
}
.common-home footer {
  margin: 0;
}
footer .footer-top {
  float: left;
  background: #bcdcd2;
  width: 100%;
}
.footer-container {
  float: left;
  width: 100%;
}
.footer-container .footer-column {
  margin: 60px 0;
}
footer .footer-column .list-unstyled {
  margin: 0;
}
footer a {
  color: #cccccc;
  cursor: pointer;
  font: 400 14px/28px "Josefin Sans", sans-serif;
  text-transform: capitalize;
}
footer a:hover,
footer a:focus {
  color: #ffffff;
}
footer .footer-column h5,
#ttcmspaymentlogo h5 {
  color: #ffffff;
  font: italic 500 20px/22px "Playfair Display", sans-serif;
  margin: 0 0 35px;
  text-transform: capitalize;
}

/* Footer right Contact us Stylesheet */
.footer-bottom {
  float: left;
  width: 100%;
}
.footer-bottom .bottom-block {
  float: left;
  border-top: 1px solid #2d2d2d;
  padding: 15px 0;
  width: 100%;
}
.footer-bottom-cms {
  float: right;
  padding: 0;
}
.footer-bottom-link {
  float: left;
  padding: 0;
}
.footer-bottom p {
  color: #cccccc;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  text-transform: capitalize;
}
.footer-top-cms {
  float: left;
  width: 100%;
  padding: 0;
}
.footer-bottom p a {
  font-size: 14px;
  color: #ffffff;
}
.footer-bottom p a:hover {
  color: #ffffff;
}
.image-additional-container {
  float: left;
  width: 100%;
}
#goToTop:before {
  color: #ffffff;
  content: "\e316";
  font-family: "Material Icons";
  font-size: 22px;
}
#goToTop {
  background: #171717;
  border: 2px solid #ffffff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  bottom: 50px;
  direction: ltr;
  cursor: pointer;
  height: 40px;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  padding: 5px 8px;
  position: fixed;
  right: 40px;
  text-align: center;
  width: 40px;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  z-index: 9;
}
#goToTop:hover {
  background: #bcdcd2;
  border-color: #bcdcd2;
  transform: translateY(-6px);
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
}
#goToTop:hover:before {
  color: #000000;
}
/* alert */
[data-notify="progressbar"] {
  margin-bottom: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 5px;
}
.alert {
  clear: both;
  padding: 15px;
}
.alert .check-circle,
.alert .error-outline {
  font-size: 20px;
  vertical-align: middle;
}
.alert-danger {
  padding: 10px 15px;
}
.alert .close {
  color: #000000;
  right: 0;
  top: 0;
  font-size: 24px;
}
.product-options .alert-info {
  float: left;
  margin-top: 15px;
  margin-bottom: 0;
  padding: 10px 15px;
  position: static;
  width: 100%;
}
/* breadcrumb */
.breadcrumb {
  float: left;
  font-size: 16px;
  line-height: 22px;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}
.breadcrumb i:hover {
  color: #ffffff;
}
.breadcrumb a {
  color: #ffffff;
}
.breadcrumb i {
  font-size: 16px;
  line-height: 21px;
  vertical-align: top;
}
.breadcrumb > li {
  white-space: nowrap;
  display: inline-block;
}
.breadcrumb > li + li:before {
  color: #ffffff;
  content: "\e5cc";
  float: left;
  font-family: "Material Icons";
  font-size: 16px;
  margin: 0 8px;
}
/* buttons */
.btn {
  font-size: 14px;
}
.btn-xs {
  font-size: 9px;
}
.btn-sm {
  font-size: 10.2px;
}
.btn-lg {
  padding: 8px 20px;
  font-size: 15px;
}
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-size: 14px;
}
.btn-group > .btn-xs {
  font-size: 9px;
}
.btn-group > .btn-sm {
  font-size: 10.2px;
}
.btn-group > .btn-lg {
  font-size: 15px;
}
.form-group .input-group-btn .btn-default {
  padding: 8px 12px;
}
.btn-group {
  float: left;
  width: 100%;
}
.btn-default {
  background: #171717;
  border: 1px solid #171717;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  font: 400 14px/20px "Josefin Sans", Helvetica, sans-serif;
  letter-spacing: 1px;
  color: #ffffff;
  text-transform: capitalize;
  position: relative;
  padding: 8px 20px;
}
.btn.btn-default.cnt:hover,
.btn-default:hover,
.btn-default:focus,
.btn-default.active,
.btn-default:active,
.btn-default:active:focus {
  background: #bcdcd2;
  border: 1px solid #bcdcd2;
  color: #000000;
  text-transform: capitalize;
  letter-spacing: 1px;
}
.btn.active,
.btn:active {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.btn-primary {
  background: #171717;
  border: 1px solid #171717;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  color: #ffffff;
  font: 400 14px/20px "Josefin Sans", Helvetica, sans-serif;
  letter-spacing: 1px;
  padding: 8px 20px;
  position: relative;
  text-transform: capitalize;
}
.btn-primary::after,
.btn-default::after {
  background: #ffffff;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.1;
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  -webkit-opacity: 0.1;
  position: absolute;
  top: 0;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  width: 0;
}
.btn-primary:hover::after,
.btn-default:hover::after {
  width: 100%;
}
.btn-block {
  width: auto;
}
.product-details #button-cart {
  background: #171717;
  border-color: #171717;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  color: #ffffff;
  float: left;
  font-family: "Josefin Sans", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 26px;
  padding: 7px 15px 6px 45px;
  position: relative;
  text-transform: capitalize;
}
.product-details #button-cart::before {
  content: "\e8cc";
  font-family: "Material Icons";
  font-size: 22px;
  height: 35px;
  left: 0;
  position: absolute;
  right: auto;
  width: 56px;
}
.product-details #button-cart:hover,
.product-product #button-cart:focus,
.product-product #button-cart.active {
  border-color: #bcdcd2;
  background: #bcdcd2;
  color: #000000;
}
.product-details .fa.fa-shopping-cart {
  padding-right: 5px;
  font-size: 17px;
}

/*button-color-*/
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
#button-login.btn.btn-primary:focus,
.btn-primary:active,
#button-account.btn.btn-primary:focus,
#button-register.btn.btn-primary:focus,
#button-shipping-method.btn.btn-primary:focus,
#button-payment-address.btn.btn-primary:focus,
#button-shipping-address.btn.btn-primary:focus,
#button-payment-method.btn.btn-primary:focus,
#button-guest.btn.btn-primary:focus,
#button-review.btn.btn-primary:focus,
#button-coupon.btn.btn-primary:focus,
#button-voucher.btn.btn-primary:focus,
#button-quote.btn.btn-primary:focus,
#button-confirm.btn.btn-primary:focus,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover {
  background: #bcdcd2;
  border: 1px solid #bcdcd2;
  color: #000000;
}
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary.active[disabled],
.btn-primary.focus[disabled],
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  background: #bcdcd2;
  border: 1px solid #bcdcd2;
  color: #000000;
}
.btn-warning {
  color: #ffffff;
  background-color: #faa732;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
  color: #ffffff;
  background-color: #da4f49;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 9px 12px;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
}
.input-group.btn-block .btn-danger {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
}
.btn-success {
  color: #ffffff;
  background-color: #5bb75b;
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
  color: #ffffff;
  background-color: #111111;
  border-color: #111111;
}
.btn-info:hover,
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info.focus:active,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover,
.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info,
.btn-info.focus,
.btn-info:focus {
  background: #171717;
  border-color: #171717;
}
.btn-link {
  border-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  color: #777;
}
.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.btn-inverse {
  color: #ffffff;
  background-color: #363636;
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background-color: #171717;
}
.table-bordered .btn i.visibility {
  font-size: 16px;
  line-height: 18px;
  vertical-align: top;
}
/* list group */
.list-group .list-group-item {
  border: 1px solid #dddddd;
  color: #888888;
  cursor: pointer;
}
.list-group a.child-item,
.list-group a.current-child-item {
  padding-left: 30px;
}

/* product list */
.product-category .category-description {
  width: 100%;
  float: left;
}
.product-layout,
.product-layouts {
  padding: 0 15px;
  margin: 0 0 10px;
}
#content .product-thumb .thumb-description {
  padding: 0 15px;
  text-align: center;
  position: relative;
  margin: 0 0 20px;
  float: left;
}
#content .product-layouts .product-thumb .thumb-description,
#content .product-layout.product-grid .product-thumb .thumb-description {
  width: 100%;
}
.product-thumb .image {
  overflow: hidden;
  text-align: center;
  margin: 0 0 10px;
  position: relative;
}
.product-thumb .image a {
  display: block;
  overflow: hidden;
  position: relative;
}
.product-thumb .image img {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.product-grid .product-thumb .image {
  padding: 0px;
}
.product-grid .product-thumb.row {
  margin: 0;
}
.product-list .product-thumb h4 {
  margin: 0 0 10px;
}
.product-list .product-thumb .caption {
  padding: 15px 0 0;
}
.product-list .product-thumb .rating,
.product-list .product-thumb:hover .rating {
  margin: 0 0 10px;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  float: left;
  width: 100%;
}
#content .product-list .product-thumb .thumb-description {
  text-align: left;
  padding: 0 25px;
}
.product-list .product-thumb .image {
  padding: 0;
}
.product-list .product-thumb.row {
  margin: 0;
}
#content .product-thumb h4 {
  overflow: hidden;
  text-overflow: ellipsis;
}
#content .product-thumb h4 a {
  white-space: nowrap;
}
.product-thumb h4 {
  float: left;
  font: 400 14px/22px "Josefin Sans", sans-serif;
  letter-spacing: 2px;
  margin: 7px 0 5px;
  padding: 0;
  text-transform: uppercase;
  width: 100%;
}
.product-thumb h4 a {
  color: #555555;
}
.product-thumb h4 a:hover,
.product-thumb:hover h4 a {
  color: #000;
}
.product-thumb .rating {
  float: left;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  line-height: 0;
  width: 100%;
}
.rating span.fa-stack,
#review span.fa-stack {
  display: inline-block;
  float: none;
  vertical-align: baseline;
}
.rating .fa-stack i,
#review i {
  color: #acacac;
  font-size: 16px;
  width: 12px;
}
.rating .fa-stack i.star_on,
#review i.star_on {
  color: #ffbf34;
}
h2.price {
  margin: 0;
}
.product-thumb .price {
  color: #000000;
  font: 700 18px/20px "Josefin Sans", Helvetica, sans-serif;
  float: left;
  letter-spacing: 1px;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  margin: 0 0 12px;
  width: 100%;
}
.product-thumb .price-new {
  font: 700 18px/20px "Josefin Sans", Helvetica, sans-serif;
}
.product-thumb .price-old {
  color: #777777;
  text-decoration: line-through;
  font: 300 14px/16px "Josefin Sans", Helvetica, sans-serif;
}
.product-thumb .price-tax {
  color: #888888;
  font-size: 13px;
  display: none;
}
.product-list .product-thumb .price-tax {
  display: block;
  font-family: "Josefin Sans";
  font-weight: 400;
  margin: 10px 0;
}
/*----------------------product_btn_style1 css start----------------------*/
.product-thumb .button-group {
  float: left;
  width: 100%;
}
.product-list .product-thumb .button-group {
  float: left;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  position: static;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  width: 100%;
}
.product-thumb .button-group button {
  background: none;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  border: none;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  text-align: center;
  position: relative;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
}
.product-thumb .button-group button.disabled {
  cursor: not-allowed;
  opacity: 0.45;
  -moz-opacity: 0.45;
  -khtml-opacity: 0.45;
  -webkit-opacity: 0.45;
}
.product-thumb .button-group i {
  background: #171717;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  color: #ffffff;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  height: 40px;
  width: 40px;
}
.product-thumb .button-group button:hover i {
  background: #bcdcd2;
  color: #000000;
}
.product-thumb .button-group button > i::after {
  background: #ffffff;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.1;
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  -webkit-opacity: 0.1;
  position: absolute;
  top: 0;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  width: 0;
}
.product-thumb .button-group button:hover i::after {
  width: 100%;
}
.product-list .product-thumb .button-group .btn-cart::after {
  background: #ffffff;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.1;
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  -webkit-opacity: 0.1;
  position: absolute;
  top: 0;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  width: 0;
}
.product-list .product-thumb .button-group .btn-cart:hover::after {
  width: 100%;
}
.product-list .product-thumb .button-group button i.shopping-cart::after {
  display: none;
}
.product-list .product-thumb .button-group button.btn-cart span.hidden-sm {
  color: #ffffff;
  display: inline-block !important;
  font: 400 14px/40px "Josefin Sans", Helvetica, sans-serif;
  letter-spacing: 1px;
  text-transform: capitalize;
  vertical-align: top;
}
.product-list .product-thumb .button-group .btn-cart {
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  background: #171717;
  padding: 0 15px;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  width: auto;
}
.product-list .product-thumb .button-group .btn-cart:hover {
  background: #bcdcd2;
}
.product-list .product-thumb .button-group button.btn-cart:hover span {
  color: #000000;
}
.product-list .product-thumb .button-group i.shopping-cart {
  background: none;
  border: none;
  line-height: 42px;
  width: 25px;
}
.product-list .product-thumb .button-group .btn-cart.loading i.shopping-cart {
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
}
.product-list .product-thumb .button-group button.btn-cart .loading > i {
  background: none;
  line-height: 42px;
  width: 25px;
}
.button-group button.btn-cart span,
.button-group button.btn-wishlist span,
.button-group button.btn-compare span {
  display: none;
}
#column-left .product-thumb .button-group .btn-cart > span.loading,
#column-right .product-thumb .button-group .btn-cart > span.loading {
  display: none !important;
}
.button-group > button.btn-cart.loading > span.loading,
.button-group > button.btn-wishlist.loading > span.loading,
.button-group > button.btn-compare.loading > span.loading,
.button-group > button.btn-quickview.loading > span.loading {
  display: block;
}
.button-group button .loading {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.product-list .button-group button.btn-cart .loading {
  left: 13px;
  right: auto;
}
.button-group button .loading i {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block !important;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/*----------------------------product_btn css end----------------------*/
/*----------------------------product_btn_style1 css start----------------------*/
.product_btn_style1 #content .product-thumb:hover h4 {
  opacity: 0;
}
.product_btn_style1 #content .product-thumb .button-group {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: auto;
  transform: translateY(15px);
  -webkit-transform: translateY(15px);
  -moz-transform: translateY(15px);
  -o-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
}
.product_btn_style1 #content .product-thumb .button-group button {
  transform: translate(0, 0) scale(0, 0);
  -webkit-transform: translate(0, 0) scale(0, 0);
  -moz-transform: translate(0, 0) scale(0, 0);
  -o-transform: translate(0, 0) scale(0, 0);
  -ms-transform: translate(0, 0) scale(0, 0);
}
.product_btn_style1 #content .product-thumb:hover .button-group button {
  transform: translate(0, 0) scale(1, 1);
  -webkit-transform: translate(0, 0) scale(1, 1);
  -moz-transform: translate(0, 0) scale(1, 1);
  -o-transform: translate(0, 0) scale(1, 1);
  -ms-transform: translate(0, 0) scale(1, 1);
}
.product_btn_style1 #content .product-thumb:hover .price {
  transform: translateY(-25px);
  -webkit-transform: translateY(-25px);
  -moz-transform: translateY(-25px);
  -o-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
}
.product_btn_style1 #content .product-list .product-thumb:hover h4 {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
}
.product_btn_style1 #content .product-list .product-thumb:hover .price {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
}
.product_btn_style1 #content .product-list .product-thumb .button-group {
  position: static;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
}
.product_btn_style1 #content .product-list .product-thumb .button-group button {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
}
@media (max-width: 767px) {
  .product_btn_style1 #content .product-thumb:hover h4 {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
  }
  .product_btn_style1 #content .product-thumb:hover .price {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
  }
  .product_btn_style1 #content .product-thumb .button-group {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    position: static;
  }
  .product_btn_style1 #content .product-thumb .button-group button {
    transform: none;
  }
}
/*----------------------------product_btn_style1 css end----------------------*/
/*----------------------product_btn_style2 css start----------------------*/
.product_btn_style2 #content .product-thumb .button-group {
  bottom: -10px;
  left: 0;
  position: absolute;
  right: auto;
  top: auto;
}
.product_btn_style2 .product-thumb .button-group button {
  margin-left: -45px;
}
.product_btn_style2 .product-thumb:hover .button-group button {
  margin: 0;
}
.product_btn_style2 #content .product-thumb .thumb-description {
  text-align: left;
  margin: 0 0 20px;
  padding: 0;
}
.product_btn_style2 #content .product-list .product-thumb .thumb-description {
  padding: 0 20px;
}
.product_btn_style2 .product-thumb:hover .price {
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  transform: translate(90px);
  -webkit-transform: translate(90px);
  -moz-transform: translate(90px);
  -o-transform: translate(90px);
  -ms-transform: translate(90px);
}
.product_btn_style2 .product-list .product-thumb:hover .price {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
}
.product_btn_style2 #content .product-list .product-thumb .button-group {
  position: static;
}
.product_btn_style2 .product-list .product-thumb .button-group button {
  margin: 0;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
}
.product_btn_style2
  .product-list
  .product-thumb
  .button-group
  button.btn-cart:hover
  i {
  background: none;
  color: #000000;
}
.product_btn_style2 #column-left .product-thumb:hover .price {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
}
@media (max-width: 767px) {
  .product_btn_style2 .product-thumb:hover .price {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
  }
  .product_btn_style2 #content .product-thumb .button-group {
    position: static;
  }
  .product_btn_style2 .product-thumb .button-group button {
    margin: 0;
  }
}
/*----------------------product_btn_style2 end----------------------*/
/*----------------------product_btn_style3 css start----------------------*/
.product_btn_style3 #content .product-layouts .product-thumb .thumb-description,
.product_btn_style3 #content .product-grid .product-thumb .thumb-description {
  background: #222222;
  bottom: -80px;
  left: 10px;
  position: absolute;
  right: 10px;
  top: auto;
  padding: 20px;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  width: auto;
}
.product_btn_style3
  #content
  .product-layouts
  .product-thumb:hover
  .thumb-description,
.product_btn_style3
  #content
  .product-grid
  .product-thumb:hover
  .thumb-description {
  bottom: 5px;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
}
.product_btn_style3 .product-layouts .product-thumb .thumb-description .caption,
.product_btn_style3 .product-grid .product-thumb .thumb-description .caption {
  float: left;
  text-align: left;
  width: 65%;
}
.product_btn_style3 .product-layouts .product-thumb .price,
.product_btn_style3 .product-grid .product-thumb .price {
  color: #ffffff;
  float: right;
  text-align: right;
  margin: 0;
  width: 35%;
}
.product_btn_style3 .product-layouts .product-thumb .price-old,
.product_btn_style3 .product-grid .product-thumb .price-old {
  color: #ffffff;
}
.product_btn_style3 .product-layouts .product-thumb h4 a,
.product_btn_style3 .product-grid .product-thumb h4 a {
  color: #ffffff;
}
.product_btn_style3 .product-layouts .product-thumb .button-group,
.product_btn_style3 .product-grid .product-thumb .button-group {
  bottom: 0;
  height: 100px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  width: 120px;
}
.product_btn_style3 .product-layouts .product-thumb:hover .button-group,
.product_btn_style3 .product-grid .product-thumb:hover .button-group {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
}
.product_btn_style3 .product-layouts .product-thumb .button-group button,
.product_btn_style3 .product-grid .product-thumb .button-group button {
  box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, 0.11),
    0 1px 1px 0 rgba(0, 0, 0, 0.01);
  -moz-box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, 0.11),
    0 1px 1px 0 rgba(0, 0, 0, 0.01);
  -webkit-box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, 0.11),
    0 1px 1px 0 rgba(0, 0, 0, 0.01);
  margin: 2px 0;
  transform: scale(0) translateY(0);
  -webkit-transform: scale(0) translateY(0);
  -moz-transform: scale(0) translateY(0);
  -o-transform: scale(0) translateY(0);
  -ms-transform: scale(0) translateY(0);
}
.product_btn_style3 .product-layouts .product-thumb:hover .button-group button,
.product_btn_style3 .product-grid .product-thumb:hover .button-group button {
  transform: scale(1) translateY(0);
  -webkit-transform: scale(1) translateY(0);
  -moz-transform: scale(1) translateY(0);
  -o-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
}
.product_btn_style3 .product-layouts .product-thumb:hover .image a,
.product_btn_style3 .product-grid .product-thumb:hover .image a {
  opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
}
.product_btn_style3 .product-list .product-thumb .price {
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  margin: 0;
}
@media (max-width: 991px) {
  .product_btn_style3
    #content
    .product-layouts
    .product-thumb
    .thumb-description,
  .product_btn_style3 #content .product-grid .product-thumb .thumb-description {
    position: static;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
  }
}
@media (max-width: 767px) {
  .product_btn_style3 .product-layouts .product-thumb .button-group,
  .product_btn_style3 .product-grid .product-thumb .button-group {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    bottom: 10px;
    top: auto;
    height: auto;
    width: 100%;
  }
  .product_btn_style3 .product-layouts .product-thumb .button-group button,
  .product_btn_style3 .product-grid .product-thumb .button-group button {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
  }
}
@media (max-width: 480px) {
  .responsive_style2.product_btn_style3
    #content
    .product-layouts
    .product-thumb
    .thumb-description,
  .responsive_style2.product_btn_style3
    #content
    .product-grid
    .product-thumb
    .thumb-description {
    padding: 5px;
    width: 100%;
  }
  .responsive_style2.product_btn_style3
    .product-layouts
    .product-thumb
    .thumb-description
    .caption,
  .responsive_style2.product_btn_style3
    .product-grid
    .product-thumb
    .thumb-description
    .caption {
    padding: 0 0 5px;
    width: 100%;
  }
  .responsive_style2.product_btn_style3 .product-layouts .product-thumb .price,
  .responsive_style2.product_btn_style3 .product-grid .product-thumb .price {
    float: left;
    text-align: left;
    font-size: 14px;
    width: 100%;
  }
  .responsive_style2.product_btn_style3
    .product-layouts
    .product-thumb
    .price-new,
  .responsive_style2.product_btn_style3
    .product-grid
    .product-thumb
    .price-new {
    font-size: 14px;
  }
}
/*----------------------product_btn_style3 end----------------------*/
/*----------------------------Quickview css start----------------------*/
.bootstrap-datetimepicker-widget.usetwentyfour.dropdown-menu {
  position: absolute !important;
}
#quickview-bg-block {
  display: none;
  background-color: rgba(0, 0, 0, 0.9);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  position: fixed;
  z-index: 99;
}
.quickview-load-img {
  display: none;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  z-index: 9999;
  margin: auto;
}
.a-qv-close {
  position: absolute;
  color: #111111;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
  width: 25px;
  height: 25px;
  text-align: center;
  margin: 0;
  right: 2px;
  top: 2px;
}
.a-qv-close i {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
}
.a-qv-close:hover i {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
#quickview-content {
  background-color: #ffffff;
  border: 2px solid #000000;
  display: none;
  height: 86%;
  left: 0;
  margin: 0 auto;
  overflow: auto !important;
  padding: 30px 20px;
  position: fixed;
  right: 0;
  top: 7%;
  width: 70%;
  z-index: 999;
}
.product-quickview .btn.btn-default {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  color: #777777;
  padding: 8px 15px;
}
.product-quickview .btn.btn-default:hover {
  background: #000000;
  border-color: #000000;
  color: #ffffff;
}
.product-quickview .product-image .thumbnail {
  border: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.product-quickview {
  float: left;
  padding: 5px;
  width: 100%;
}
button.btn-quickview span {
  display: none;
}
.product-quickview #quick-cart {
  background: #171717;
  border-color: #171717;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  color: #ffffff;
  float: left;
  font-family: "Josefin Sans", Helvetica, sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 26px;
  padding: 7px 15px 6px 45px;
  position: relative;
  text-transform: capitalize;
}
.product-quickview #quick-cart:hover,
.product-quickview #quick-cart:focus,
.product-quickview #quick-cart:active {
  background: #bcdcd2;
  border-color: #bcdcd2;
  color: #000000;
}
.product-quickview #quick-cart::before {
  content: "\e8cc";
  font-family: "Material Icons";
  font-size: 22px;
  height: 35px;
  left: 0;
  position: absolute;
  right: auto;
  width: 56px;
}
@media (max-width: 1350px) {
  .product-quickview .product-images .additional-images-container {
    width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .product-quickview .product-images .additional-images-container {
    width: 85%;
  }
}
@media (max-width: 480px) {
  #quickview-content {
    width: 90%;
  }
  .product-quickview #quick-cart {
    margin-top: 5px;
  }
}
/*----------------------------Quickview css end----------------------*/
/*product-page */
.zoomContainer {
  overflow: hidden;
}
.product-block {
  float: left;
  width: 100%;
}
.product-product .product-image .thumbnail {
  background: rgba(0, 0, 0, 0);
  border: none;
  padding: 0;
  margin: 0 0 5px;
  overflow: hidden;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -khtml-transition: none;
  -o-transition: none;
  position: relative;
}
.thumbnails {
  overflow: auto;
  clear: both;
  list-style: none;
  padding: 0;
  margin: 0;
}
.thumbnails > li {
  margin-left: 20px;
}

.image-additional > img {
  max-width: 100%;
}
.image-additional > img:hover {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.thumbnails .owl-carousel.additional-images {
  float: left;
  width: 100%;
  padding: 0 35px;
  margin-top: 7px;
}
.additional-images .image-additional {
  display: block;
  margin: 5px;
  padding: 0;
  cursor: pointer;
  text-align: center;
}
.products-list .owl-carousel,
.list-products .owl-carousel {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin-bottom: 0;
  width: auto;
}

/*----------------product count--------------------*/
.product-countdown {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
}
.product-countdown .item-countdown {
  float: none;
  margin: 0;
}
#column-left .product-countdown,
#column-right .product-countdown {
  display: none;
}
@media (min-width: 768px) {
  .product-thumb:hover .product-countdown {
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    top: -40px;
  }
}
@media (max-width: 767px) {
  .product-countdown {
    top: 45px;
  }
}
/*----------------product count--------------------*/

@media (min-width: 1399px) and (max-width: 1499px) {
  .container {
    width: 1330px;
  }
}
@media (min-width: 1300px) and (max-width: 1399px) {
  .container {
    width: 1270px;
  }
}
@media (max-width: 1300px) {
  .category-list ul li {
    width: 100px;
  }
  .product-images .additional-images-container {
    width: 400px;
  }
  .products-list,
  .list-products {
    margin: 0 0 50px;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .container {
    width: 1170px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #column-left .left-right-inner > div,
  #column-right .left-right-inner > div {
    padding: 10px;
  }
}
@media (max-width: 1199px) {
  .product-images .additional-images-container {
    width: 280px;
  }
  .category-products .product-layout.product-grid {
    width: 50%;
  }
}
@media (min-width: 992px) {
  #menu ul.nav > li.dropdown:hover > .dropdown-menu {
    display: block;
    padding: 0;
    border-color: #eaeaea;
  }
  #menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown > a:after {
    font-family: "FontAwesome";
    content: "\f105";
    position: absolute;
    right: 5px;
    top: 2px;
  }
}
@media (max-width: 991px) {
  .right-block {
    margin: 0;
    padding: 15px 0;
  }
  .full-header .container {
    position: relative;
  }
  .header-left {
    bottom: 0;
    left: 50px;
    margin: 0;
    padding: 15px 0;
    position: absolute;
    right: auto;
    top: 0;
  }
  .user-info .dropdown > ul {
    top: 55px;
  }
  #cart .dropdown-menu {
    top: 55px;
  }
  .header-left-cms {
    float: left;
  }
  #top-links {
    float: left;
    width: 100%;
  }
  #top-links > ul {
    display: inline-block;
    float: none;
    margin: 0;
    vertical-align: top;
  }
  #menu .navbar-collapse {
    background: #fff;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 999;
    border: 1px solid #e5e5e5;
    top: 50px;
    left: auto;
    right: 0;
  }
  #menu .navbar-header.collapsed,
  #menu #category {
    display: block !important;
    position: relative;
    width: 100%;
    text-align: left;
  }
  #menu {
    padding: 5px 0;
    position: unset;
  }
  .menu-container .left {
    position: unset;
  }
  #menu div.navbar-header:after,
  #menu .navbar-header i.fa {
    font-family: "FontAwesome";
    content: "\f0c9";
    font-size: 14px;
    position: absolute;
    right: 5px;
    top: 10px;
    font-weight: normal;
    color: #000000;
  }
  #menu .nav > li.dropdown:hover::after {
    display: none;
  }
  #menu
    .navbar-nav
    li.dropdown
    .dropdown-menu
    .dropdown-inner
    ul.single-dropdown-menu {
    padding: 0;
  }
  #menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown::after {
    display: none;
  }
  #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a {
    color: #ffffff;
  }
  #menu .list-unstyled.childs_1.single-dropdown-menu a {
    padding: 0 15px;
  }
  .navbar-nav {
    margin: 0;
    padding: 10px 20px;
  }
  #menu .nav li.dropdown > a,
  #menu .nav > li.dropdown > span {
    padding: 0;
  }
  #menu .nav.navbar-nav > li:hover > a,
  #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a:hover,
  #menu .nav.navbar-nav > li:hover > span {
    color: #000;
  }
  #menu .nav > li.dropdown::after {
    content: "";
  }
  #menu .nav > li.dropdown::before {
    content: "";
  }
  #menu .navbar-collapse li.dropdown > i {
    background: none;
    font-size: 14px;
    position: absolute;
    color: #777777;
    right: 0;
    top: 5px;
    padding: 0;
    cursor: pointer;
    text-align: center;
  }
  #menu .navbar-collapse li.dropdown > .dropdown-menu {
    position: relative;
    width: 100%;
    top: 0;
    border: none;
  }
  #menu
    ul.nav
    li
    ul.list-unstyled.single-dropdown-menu
    > li.dropdown
    .dropdown-menu {
    position: static;
    display: block;
  }
  #menu
    ul.nav
    li
    ul.list-unstyled.mega-dropdown-menu
    > li.dropdown
    .dropdown-menu {
    padding: 0 15px;
  }
  #menu div.dropdown-inner > ul.list-unstyled {
    display: block;
    padding: 0 !important;
  }
  #menu .dropdown-menu a:hover,
  #menu .dropdown-menu ul li a:hover {
    background: rgba(0, 0, 0, 0);
  }
  #menu .see-all {
    margin-top: 0;
    border: none;
    color: #ffffff;
  }
  .menu-container > .container {
    position: relative;
  }
  #menu .nav.navbar-nav > li {
    display: block;
    text-align: left;
  }
  #menu .nav > li > a,
  #menu .nav > li > span {
    color: #414141;
    text-transform: capitalize;
    padding: 0;
    line-height: 26px;
    font-size: 14px;
  }
  #menu .navbar-collapse li.dropdown > i::before {
    content: "\f067";
    font-family: fontawesome;
  }
  #menu .navbar-collapse li.dropdown.active > i::before {
    content: "\f068";
  }
  #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a,
  #menu .dropdown-inner a {
    color: #414141;
  }
  #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a::after {
    display: none;
  }
  #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a,
  #menu .dropdown-inner a,
  #menu
    ul.nav
    li
    ul.list-unstyled.mega-dropdown-menu
    > li.dropdown
    .dropdown-menu {
    padding: 0 0 0 15px !important;
  }
  #menu .dropdown-inner ul.mega-dropdown-menu.childs_1 > li > a {
    text-transform: capitalize;
  }
  #menu .nav.navbar-nav > li:hover > a,
  #menu .nav.navbar-nav > li:hover > span {
    background: none;
    color: #000;
  }
  .box-heading > h3,
  .title_block .ttblock-heading,
  .tt-title {
    font-size: 30px;
    line-height: 32px;
  }
  .tt-subitle {
    font-size: 16px;
    line-height: 18px;
  }
  footer {
    margin: 0;
  }
  footer .footer-top {
    text-align: center;
  }
  .footer-top-block {
    display: inline-block;
    float: none;
    padding: 20px 0 0;
    vertical-align: top;
  }
  .footer-container .footer-column {
    float: left;
    margin: 0;
    width: 100%;
  }
  .footer-right {
    margin: 20px 0 0;
    padding: 0;
    float: left;
    width: 100%;
  }
  .footer-container {
    padding: 20px 0 0;
  }
  footer .footer-column .list-unstyled {
    float: left;
    margin: 0;
    text-align: left;
    width: 100%;
  }
  footer .footer-column ul {
    padding: 0 10px;
  }
  footer .footer-column h5.toggle:hover {
    cursor: pointer;
  }
  footer .footer-column h5.toggle {
    padding: 10px;
    margin: 0 0 2px;
    position: relative;
    font-size: 16px;
    display: block;
    text-align: left;
  }
  footer .footer-column h5.toggle:hover {
    background: rgba(255, 255, 255, 0.1);
  }
  footer .footer-column h5.toggle:after {
    content: "\e145";
    display: block;
    font-family: "Material Icons";
    font-size: 19px;
    font-weight: 100;
    position: absolute;
    right: 10px;
    left: auto;
    top: 10px;
  }
  footer .footer-column.active h5.toggle:after,
  footer .contact-us.active h5.toggle:after,
  footer .follow-us.active h5.toggle:after {
    content: "\e15b";
  }
  .footer-bottom-link {
    text-align: center;
    margin: 0 0 5px;
    width: 100%;
  }
  .footer-bottom-cms {
    width: 100%;
  }
  .product-images .additional-images-container {
    width: 85%;
  }
  .header-content-title .parallex {
    padding: 50px 0;
  }
  /*------------------------------------- Column Toggle CSS Start ------------------------------------------*/
  body .container > .row > #content,
  body .container-fluid > .row > #content {
    float: left;
    width: 100%;
  }
  body .container > .row > #column-left,
  body .container > .row > #column-right,
  body .container-fluid > .row > #column-left,
  body .container-fluid > .row > #column-right {
    float: left;
    width: 100%;
    display: block !important;
  }
  #column-left .left-right-inner .swiper-viewport,
  #column-right .left-right-inner .swiper-viewport {
    padding: 15px;
    border: 1px solid #e5e5e5;
  }
  #column-left .left-right-inner > div,
  #column-right .left-right-inner > div {
    margin-bottom: 20px;
    cursor: pointer;
    overflow: hidden;
    padding: 0;
  }
  #column-left .panel-default,
  #column-right .panel-default,
  #column-left .category-treeview.panel-default,
  #column-right .category-treeview.panel-default,
  #ttcmstestimonial .title_block,
  #column-left .box-heading,
  #column-right .box-heading,
  #column-left .panel-heading,
  #column-right .panel-heading {
    background: #ffffff;
    cursor: pointer;
    font: 600 16px/18px "Josefin Sans", sans-serif;
    color: #000000;
    padding: 15px;
    margin: 0 0 -1px;
  }
  #column-left .panel-default.category-treeview,
  #column-right .panel-default.category-treeview {
    margin: 20px 0;
    padding: 0;
  }
  #column-left .box-heading > h3,
  #column-right .box-heading > h3 {
    font: 600 16px/18px "Josefin Sans", sans-serif;
    color: #000000;
  }
  #column-left .toggle:after,
  #column-right .toggle:after {
    content: "\e145";
    font-family: "Material Icons";
    float: right;
    color: #333333;
    font-size: 18px;
    font-weight: 400;
    left: auto;
    position: absolute;
    right: 15px;
    left: auto;
    top: 15px;
    display: block;
    background: none;
  }
  #column-left .panel-default.active > div.toggle:after,
  #column-left .products-list.active > div.toggle:after,
  #column-left .list-products.active > div.toggle:after,
  #column-right .panel-default.active > div.toggle:after,
  #column-right .products-list.active > div.toggle:after,
  #column-right .list-products.active > div.toggle:after,
  #ttcmstestimonial.active .title_block.toggle:after,
  #ttcmsservices.active .box-heading.toggle:after {
    content: "\e15b";
  }
  #column-left .products-list > .row,
  #column-right .products-list > .row,
  #header-left .products-list > .row,
  #header-right .products-list > .row,
  #footer-left .products-list > .row,
  #footer-right .products-list > .row,
  #column-left .products-carousel,
  #column-right .products-carousel {
    float: left;
    width: 100%;
    padding: 0 15px;
  }
  #column-left .list-group .list-group-item,
  #column-right .list-group .list-group-item {
    float: left;
    width: 100%;
  }
  #column-left .panel > .list-group,
  #column-right .panel > .list-group {
    float: left;
    width: 100%;
    padding: 15px;
  }
  /*-------------------------------- CateGory Filter CSS Start --------------------------------------*/
  #column-left .panel-default.option-filter,
  #column-right .panel-default.option-filter {
    display: none;
  }
  .option-filter-box .list-group .list-group-items {
    float: left;
    width: 100%;
  }
  .category-treeview ul {
    float: left;
    width: 100%;
  }
  .option-filter-box {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    float: left;
    margin: 20px 0 0;
    padding: 20px;
    width: 100%;
  }
  .option-filter-box .list-group-items > div.list-group-item {
    padding: 5px 0;
    display: none;
  }
  .option-filter-box a.list-group-item:after {
    top: 0;
  }
  .option-filter-box .list-group .list-group-item,
  .option-filter-box .radio,
  .option-filter-box .checkbox {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    background: #fff;
    border: none;
  }
  .option-filter-box a.list-group-item {
    color: #000000;
    padding: 10px 0;
  }
  .option-filter-box .list-group {
    float: left;
    width: 100%;
    margin: 0;
  }
  .option-filter-box .panel-footer {
    float: left;
    width: 100%;
    background: #fff;
    padding: 0;
    margin: 10px 0 0;
  }
  .option-filter-box .btn.btn-primary {
    padding: 7px 18px;
  }
  .option-filter-box .checkbox > label:hover,
  .option-filter-box .checkbox > label:hover {
    color: #000;
  }

  /*-------------------------------- CateGory Filter CSS Start --------------------------------------*/

  /*------------------------------------- Column Toggle CSS End ------------------------------------------*/
}
@media (min-width: 768px) {
  /* fixed colum left + content + right*/
  #column-left .product-layout .col-md-3 {
    width: 100%;
  }
  #column-left + #content + #column-right .product-layout .col-md-3 {
    width: 100%;
  }
  #content + #column-right .product-layout .col-md-3 {
    width: 100%;
  }
  .column_3 .product-layout.product-grid:nth-child(3n + 1)::after {
    border: none;
  }
}
@media (max-width: 767px) {
  #page > .row {
    clear: both;
  }
  .products-list,
  .list-products {
    margin: 0 0 40px;
  }
  #content .product-list .product-thumb .thumb-description {
    padding: 0 7px;
  }
  .header-content-title .parallex {
    padding: 50px 0;
  }
  .category-filter .filter-show,
  .category-filter .filter-sort-by {
    clear: left;
    margin: 3px 0;
    float: left;
  }
  .category-description .category-image {
    float: left;
    text-align: center;
    width: 100%;
  }
  .category-description .block-description {
    float: left;
    width: 100%;
  }
  .product-tabs {
    width: 100%;
    float: left;
  }
  .information-contact .contact-location .col-sm-3 {
    width: 50%;
    float: left;
  }
  .header-top-right .dropdown span.hidden-xs,
  .header-top-right #wishlist-total span {
    display: block !important;
  }
  .product-thumb .percent {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    top: 15px;
  }
  .product-thumb .sale-icon {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    top: 15px;
  }
  .product-layout,
  .product-layouts {
    padding: 0 15px;
  }
  .page-title-wrapper .container {
    padding: 0;
  }
  .header-content-title .parallex {
    padding: 30px 10px;
  }
  #page .page-title-wrapper {
    text-align: center;
  }
  .page-title-wrapper .page-title {
    float: left;
    width: 100%;
    font-size: 20px;
    text-align: center;
    margin: 0;
  }
  .breadcrumb {
    float: none;
    margin: 0 auto;
    display: inline-block;
    font-size: 14px;
  }
  .container,
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-xs-1,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9 {
    padding-left: 15px;
    padding-right: 15px;
  }
  #goToTop {
    right: 20px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .product-product .product-image {
    margin: 0 auto;
    width: 76%;
  }
  .product-images .additional-images-container {
    width: 400px;
  }
}
@media (max-width: 480px) {
  #mobile-logo {
    display: block;
  }
  img.mobile-logo {
    max-width: 100%;
  }
  #logo {
    display: none;
  }
  #cart .dropdown-menu {
    min-width: 320px;
    right: -15px;
  }
  #cart .header-cart-toggle .text-right.price-total {
    font-size: 14px;
  }
  #cart .header-cart-toggle .text-left.name > a,
  #cart .header-cart-toggle .text-right.amount,
  #cart .dropdown-menu .btn.btn-danger i.fa-times {
    font-size: 12px;
  }
  .header-cart-toggle .table > tbody > tr > td,
  .header-cart-toggle .table > tbody > tr > th,
  .header-cart-toggle .table > tfoot > tr > td,
  .header-cart-toggle .table > tfoot > tr > th,
  .header-cart-toggle .table > thead > tr > td,
  .header-cart-toggle .table > thead > tr > th,
  .header-cart-toggle .table-striped > tbody > tr:nth-child(2n + 1) > td,
  .header-cart-toggle .table-striped > tbody > tr:nth-child(2n + 1) > th {
    padding: 8px 4px;
  }
  .contact-link ul li {
    padding: 0 0 0 10px;
  }
  .box-heading > h3,
  .title_block .ttblock-heading,
  .tt-title {
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 26px;
    margin: 0 0 20px;
  }
  .TTProduct-Tab .tab-box-heading .nav.nav-tabs li {
    display: inline-block;
    float: none;
    text-align: center;
    vertical-align: top;
    margin: 0 0 5px;
    width: 90%;
  }
  .TTProduct-Tab .nav-tabs > li > a {
    padding: 8px 20px;
  }
  .TTProduct-Tab .tab-box-heading .nav.nav-tabs li:last-child {
    margin: 0;
  }
  .TTProduct-Tab .tab-box-heading {
    margin: 0 0 10px;
  }
  .TTProduct-Tab .tthometab,
  .tt-titletab {
    background: none;
  }
  #content .product-list .product-thumb .thumb-description {
    padding: 0 15px;
    text-align: center;
  }
  .products-list,
  .list-products {
    margin: 0 0 30px;
  }
  .banner-panel img {
    display: inline-block;
    text-align: center;
  }
  #column-left .banner-panel,
  #column-right .banner-panel {
    text-align: center;
  }
  .category-products .product-layout.product-grid {
    width: 100%;
  }
  .header-content-title {
    padding: 0 0 15px;
  }
  .category-list ul li {
    width: 40%;
  }
  .product-list .product-thumb .image {
    display: inline-block;
    border: none;
    float: none;
    text-align: center;
    margin: 0;
    width: 100%;
  }
  .product-list .product-thumb .thumb-description {
    width: 100%;
    text-align: center;
    padding: 0 0 20px;
  }
  .product-list .product-thumb .button-group .btn-cart {
    padding: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
  }
  .product-list .product-thumb .button-group button.btn-cart span.hidden-sm {
    display: none !important;
  }
  .product-list .product-thumb .button-group i.shopping-cart {
    width: 40px;
  }
  .page-title-wrapper .breadcrumb > li {
    float: none;
    display: inline-block;
  }
  .category-filter .filter-text.filter-text {
    width: auto;
  }
  .header-top-left .dropdown-toggle span,
  .header-top-left .phone-number {
    display: none !important;
  }
  .product-product .product-details .rating .product-rating::after {
    display: none;
  }
  .table {
    display: inline-block;
  }
  .table td {
    width: 100%;
  }
  .product-images .additional-images-container {
    width: 270px;
  }
  .product-tabs .nav-tabs {
    width: 100%;
    padding: 0;
  }
  .information-contact .contact-location .col-sm-3 {
    border-bottom: 1px solid #eeeeee;
    width: 100%;
  }
  .information-contact .contact-location .col-sm-3:last-child {
    border-bottom: 0 none;
  }
  #content .category-list h3 {
    font-size: 17px;
  }
  .option-filter-box .btn.btn-primary {
    padding: 5px 10px;
  }
  .category-pagination div.text-left,
  .category-pagination div.text-right {
    float: left;
    width: 100%;
    text-align: center;
  }
  #custom-pagination-button > span#number-products {
    float: left;
    width: 100%;
  }
  .rating .product-rating {
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
  }
  .product-details .btn.btn-default.product-btn-compare {
    margin-top: 0;
    width: 100%;
  }
  .product-product .product-tabs .nav-tabs li {
    float: none;
    width: 100%;
  }
  .product-product .nav-tabs > li > a {
    margin: 0 0 5px;
  }
  .product-thumb .price,
  .product-thumb .price-new {
    font-size: 16px;
  }
  .product-thumb .price-old {
    font-size: 13px;
  }
  .image-additional a.thumbnail {
    margin: 5px;
  }
  .product-list .thumb-description {
    padding: 0;
  }
  .product-product #form-review .form-group label.control-label {
    float: left;
    width: 100%;
  }
  .checkout-cart #content > .buttons {
    text-align: center;
    margin: 0 0 20px;
  }
  .checkout-cart .sub-total-table {
    width: 100%;
  }
  #checkout-cart .pull-left {
    float: none;
    margin: 0 0 10px;
    width: 100%;
  }
  #checkout-cart .pull-right {
    float: none;
    width: 100%;
  }
  footer .footer-column h5.toggle {
    font-size: 14px;
    line-height: 20px;
  }
  .footer-container {
    padding: 20px 0 0;
  }
  .footer-bottom .bottom-block div {
    padding: 0;
  }
  .responsive_style2 .product-countdown .item-countdown {
    display: none;
  }
  .responsive_style2
    #content
    .product-layouts
    .product-thumb
    .thumb-description,
  .responsive_style2 #content .product-grid .product-thumb .thumb-description {
    padding: 0;
  }
  .responsive_style2
    #content
    .product-layouts
    .product-thumb
    .button-group
    button
    > i,
  .responsive_style2
    #content
    .product-grid
    .product-thumb
    .button-group
    button
    > i {
    background: none;
    color: #111111;
    font-size: 18px;
    line-height: 29px;
    height: 28px;
    width: 28px;
  }
  .responsive_style2
    #content
    .product-layouts
    .product-thumb
    .button-group
    button:hover
    > i,
  .responsive_style2
    #content
    .product-grid
    .product-thumb
    .button-group
    button:hover
    > i {
    color: #171717;
  }
  .responsive_style2 #content .product-thumb .button-group button .loading i {
    background: #ffffff;
    color: #111111;
    font-size: 18px;
    line-height: 29px;
    height: 28px;
    width: 28px;
  }
  .responsive_style2
    #content
    .product-thumb
    .button-group
    button.loading
    .loading
    i {
    color: #171717;
  }
  .responsive_style2 .category-products .product-layout.product-grid {
    width: 50%;
  }
}
@media (max-width: 319px) {
  header #logo,
  #logo .img-responsive,
  #search {
    width: 100%;
  }
}
#content .html-content {
  float: left;
  width: 100%;
}
/* ------------------------------------ Start TT - CMS service ------------------------------- */
#ttservices {
  float: left;
  margin: 0 0 80px;
  width: 100%;
}
#ttservices .block_content {
  float: left;
  width: 100%;
}
#ttservices .ttserviceblock {
  margin: 0;
}
#ttservices .ttservice-wrap {
  cursor: pointer;
  float: left;
  position: relative;
  text-align: center;
  width: 100%;
}
#ttservices .ttservice-wrap .ttcontent {
  float: left;
  width: 100%;
}
#ttservices .ttservice-wrap .service .service-img {
  float: none;
  width: auto;
  display: inline-block;
  vertical-align: top;
}
#ttservices .ttservice-wrap .service img {
  max-width: 100%;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
}
#ttservices .ttservice-wrap:hover .service img {
  transform: translateY(-4px);
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
}
#ttservices .ttservice-wrap .content {
  float: left;
  padding: 10px 0 0;
  width: 100%;
}
#ttservices .ttservice-wrap .content .service-title {
  color: #111111;
  font: 600 18px/24px "Playfair Display", sans-serif;
  letter-spacing: 2px;
  text-transform: capitalize;
}
#ttservices .ttservice-wrap:hover .content .service-title {
  color: #171717;
}
#ttservices .ttservice-wrap .content .service-desc {
  color: #666666;
  font: italic 400 14px/24px "Josefin Sans", sans-serif;
  letter-spacing: 1px;
  margin: 10px 0 0;
  padding: 0 40px;
}
@media (max-width: 1300px) {
  #ttservices {
    margin: 0 0 50px;
  }
}
@media (max-width: 480px) {
  #ttservices .ttservice-wrap .content .service-desc {
    padding: 0 20px;
  }
  #ttservices {
    margin: 0 0 30px;
  }
}
/* ------------------------------------ End TT - CMS service ------------------------------- */
/* ------------------------------------ Start TT - CMS testimonial ------------------------------- */
#ttcmstestimonial {
  float: left;
  margin: 0 0 100px;
  width: 100%;
}
#ttcmstestimonial .ttcmstestimonial .row {
  margin: 0;
}
#ttcmstestimonial .testimonial-block {
  border: 10px solid #f9f9f9;
  float: left;
  padding: 70px;
  text-align: center;
  width: 100%;
}
#ttcmstestimonial .testimonial-block ul li {
  list-style: none;
}
#ttcmstestimonial .testimonial-block .testimonial-img {
  border-right: 1px solid #dddddd;
  display: inline-block;
  float: none;
  position: relative;
  vertical-align: top;
}
#ttcmstestimonial .testimonial-block .testimonial-img .image {
  float: left;
  margin: 20px 0;
}
#ttcmstestimonial .testimonial-block .testimonial-img .testimonial-user {
  float: left;
  margin: 42px 0 42px 20px;
  text-align: left;
}
#ttcmstestimonial .testimonial-content {
  display: inline-block;
  float: none;
  padding: 32px 0 32px 65px;
  text-align: left;
  vertical-align: top;
  width: 50%;
}
#ttcmstestimonial .testimonial-block .testimonial-img img {
  border: 8px solid #ffffff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  max-width: 100%;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}
#ttcmstestimonial
  .testimonial-block
  .testimonial-img
  .testimonial-user
  .testimonial-usertitle {
  color: #000;
  font: 700 16px/18px "Playfair Display", sans-serif;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin: 5px 0;
}
#ttcmstestimonial .testimonial-block .testimonial-content .testimonial-desc {
  color: #666666;
  font: 400 14px/24px "Josefin Sans", sans-serif;
  margin: 0;
}
#ttcmstestimonial
  .testimonial-block
  .testimonial-img
  .testimonial-user
  .testimonial-subtitle {
  color: #666666;
  font: 500 14px/18px "Josefin Sans", sans-serif;
  text-transform: capitalize;
}
#ttcmstestimonial .owl-pagination {
  float: left;
  text-align: center;
  width: 100%;
  margin: 0 auto 0;
  top: 0;
}
#ttcmstestimonial .owl-pagination .owl-page {
  display: inline-block;
  height: 10px;
  width: 10px;
  background: #888888;
  border: 1px solid #888888;
  vertical-align: middle;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
}
#ttcmstestimonial .owl-controls .owl-page.active span {
  display: none;
}
#tttestimonial-carousel .owl-numbers {
  display: none;
}
#ttcmstestimonial .owl-controls .owl-page span {
  display: none;
}
#ttcmstestimonial .owl-pagination .owl-page.active {
  height: 12px;
  width: 12px;
  background: #171717;
  border: 1px solid #171717;
}
#ttcmstestimonial .owl-pagination .owl-page:hover {
  background: #171717;
  border: 1px solid #171717;
}
@media (min-width: 1301px) {
  #ttcmstestimonial .testimonial-block .testimonial-img::after {
    bottom: 0;
    color: #bbbbbb;
    font-family: "Material Icons";
    content: "\e244";
    left: auto;
    margin: auto;
    position: absolute;
    right: -14px;
    top: 0;
    font-size: 26px;
    line-height: 25px;
    transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    margin: auto;
    height: 25px;
    width: 25px;
  }
  #ttcmstestimonial .testimonial-block .testimonial-img::before {
    border: 1px solid #dddddd;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    bottom: 0;
    content: "";
    height: 50px;
    left: auto;
    margin: auto;
    position: absolute;
    right: -27px;
    top: 0;
    width: 50px;
    background: #fff;
    margin: auto;
  }
}
@media (max-width: 1300px) {
  #ttcmstestimonial {
    margin: 0 0 50px;
  }
  #ttcmstestimonial .testimonial-block {
    padding: 30px;
  }
  #ttcmstestimonial .testimonial-block .testimonial-img {
    border: none;
    width: 100%;
  }
  #ttcmstestimonial .testimonial-block .testimonial-img .image {
    float: none;
    width: auto;
    display: inline-block;
    vertical-align: top;
  }
  #ttcmstestimonial .testimonial-block .testimonial-img .testimonial-user {
    float: left;
    margin: 10px 0 0;
    text-align: center;
    width: 100%;
  }
  #ttcmstestimonial .testimonial-content {
    padding: 15px 0;
    text-align: center;
    width: 80%;
  }
}
@media (max-width: 767px) {
  #ttcmstestimonial {
    margin: 0 0 40px;
  }
}
@media (max-width: 480px) {
  #ttcmstestimonial .testimonial-block {
    padding: 15px;
  }
  #ttcmstestimonial .testimonial-content {
    width: 100%;
  }
  #ttcmstestimonial {
    margin: 0 0 30px;
  }
}
/* ------------------------------------ End TT - CMS testimonial ------------------------------- */
/* ---------------- Start TT - CMS banner Css ------------- */
#ttcmsbanner {
  float: left;
  margin: 0 0 100px;
  width: 100%;
}
#ttcmsbanner .ttbanner .ttbanner-img {
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%;
}
#ttcmsbanner .ttbanner .ttbanner-img .banner_img {
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
}
#ttcmsbanner .ttbanner .ttbanner .ttbanner-img .banner_img a::before,
#ttcmsbanner .ttbanner .ttbanner .ttbanner-img .banner_img a::after {
  background: rgba(0, 0, 0, 0.03);
  bottom: 10px;
  content: "";
  left: 10px;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  z-index: 1;
}
#ttcmsbanner .ttbanner .ttbanner .ttbanner-img .banner_img a::after {
  transform: scale(1, 0);
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
}
#ttcmsbanner .ttbanner .ttbanner .ttbanner-img .banner_img a::before {
  transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
}
#ttcmsbanner .ttbanner .ttbanner .ttbanner-img:hover .banner_img a::before,
#ttcmsbanner .ttbanner .ttbanner .ttbanner-img:hover .banner_img a::after {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
}
#ttcmsbanner .ttbanner .ttbanner .ttbanner-img .banner_img a img {
  max-width: 100%;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
}
#ttcmsbanner .ttbanner .ttbanner .ttbanner-img:hover .banner_img a img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
#ttcmsbanner .ttbanner .ttbanner-img .ttbanner-content {
  bottom: auto;
  float: left;
  position: absolute;
  text-align: center;
  top: 90px;
}
#ttcmsbanner .ttbanner .ttbanner-img .ttbanner-content.right {
  left: 60px;
  right: auto;
  text-align: center;
}
#ttcmsbanner .ttbanner .ttbanner-img .ttbanner-content.left {
  left: 50px;
  right: auto;
  text-align: center;
}
#ttcmsbanner .ttbanner-img .ttbanner-content .ttbaaner-subtitle {
  color: #000000;
  font: 400 24px/26px "Josefin Sans", sans-serif;
  margin: 0 0 15px;
  text-transform: capitalize;
}
#ttcmsbanner .ttbanner-img .ttbanner-content .ttbaaner-title {
  color: #111111;
  font: italic 700 36px/42px "Playfair Display", sans-serif;
  margin: 0 0 25px;
  text-transform: capitalize;
}
#ttcmsbanner .ttbanner .ttbanner-img .ttbanner-content > a {
  background: #0b0b0b;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  color: #ffffff;
  display: inline-block;
  float: none;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 16px;
  overflow: hidden;
  padding: 12px 44px 12px 20px;
  position: relative;
  text-transform: capitalize;
  vertical-align: top;
  width: auto;
  z-index: 1;
}
#ttcmsbanner .ttbanner .ttbanner-img .ttbanner-content > a:hover {
  background: #ffcc1d;
  color: #000000;
}
#ttcmsbanner .ttbanner .ttbanner-img .ttbanner-content > a::before {
  background: #ffffff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  color: #0b0b0b;
  content: "\e5cc";
  bottom: 0;
  font-size: 14px;
  font-family: "Material Icons";
  height: 20px;
  left: auto;
  line-height: 20px;
  margin: auto;
  position: absolute;
  right: 15px;
  text-align: center;
  top: 0;
  width: 20px;
}
#ttcmsbanner .ttbanner .ttbanner-img .ttbanner-content > a:hover::before {
  background: #000000;
  color: #ffcc1d;
}
@media (max-width: 1300px) {
  #ttcmsbanner {
    margin: 0 0 50px;
  }
}
@media (max-width: 1299px) {
  #ttcmsbanner .ttbanner .ttbanner-img .ttbanner-content {
    top: 50px;
  }
}
@media (max-width: 1199px) {
  #ttcmsbanner .ttbanner-img .ttbanner-content .ttbaaner-subtitle {
    font-size: 18px;
    line-height: 20px;
  }
  #ttcmsbanner .ttbanner-img .ttbanner-content .ttbaaner-title {
    font-size: 30px;
    line-height: 38px;
    margin: 0 0 10px;
  }
}
@media (max-width: 991px) {
  #ttcmsbanner .ttbanner .ttbanner-img .ttbanner-content {
    top: 35px;
  }
  #ttcmsbanner .ttbanner .ttbanner-img .ttbanner-content.right {
    left: 35px;
  }
  #ttcmsbanner .ttbanner-img .ttbanner-content .ttbaaner-subtitle {
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 5px;
  }
  #ttcmsbanner .ttbanner-img .ttbanner-content .ttbaaner-title {
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 10px;
  }
  #ttcmsbanner .ttbanner .ttbanner-img .ttbanner-content > a {
    letter-spacing: 0;
  }
  #ttcmsbanner .ttbanner .ttbanner-img .ttbanner-content.left {
    left: 35px;
  }
}
@media (max-width: 767px) {
  #ttcmsbanner {
    margin: 0 0 40px;
  }
  #ttcmsbanner .ttbanner .ttbanner-img .ttbanner-content.right {
    left: 20px;
  }
  #ttcmsbanner .ttbanner .ttbanner-img .ttbanner-content.left {
    left: 20px;
  }
  #ttcmsbanner .ttbanner-img .ttbanner-content .ttbaaner-title {
    font-size: 18px;
    line-height: 24px;
  }
  #ttcmsbanner .ttbanner .ttbanner-img .ttbanner-content > a {
    padding: 8px 34px 8px 15px;
  }
  #ttcmsbanner .ttbanner .ttbanner-img .ttbanner-content > a::before {
    right: 8px;
  }
}
@media (min-width: 481px) and (max-width: 600px) {
  #ttcmsbanner .ttbanner .ttbanner-img .ttbanner-content {
    top: 5px;
  }
}
@media (max-width: 480px) {
  #ttcmsbanner .ttbanner {
    width: 100%;
  }
  #ttcmsbanner .ttbanner1 {
    margin: 0 0 15px;
  }
  #ttcmsbanner .ttbanner .ttbanner-img .ttbanner-content {
    top: 25px;
  }
  #ttcmsbanner {
    margin: 0 0 30px;
  }
}
/* ---------------- End TT - CMS banner Css ------------- */
/* ---------------- Start TT - CMS bottom banner Css ------------- */
#ttcmsbottombanner {
  float: left;
  margin: 0 0 80px;
  width: 100%;
}
#ttcmsbottombanner .bottombanner-content > img {
  max-width: 100%;
}
#ttcmsbottombanner .bottombanner-content {
  float: left;
  background: #bcdcd2;
  width: 100%;
  text-align: center;
  padding: 38px 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
#ttcmsbottombanner .bottombanner-content:before,
#ttcmsbottombanner .bottombanner-content:after {
  content: "";
  bottom: 10px;
  left: 10px;
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transition: all 400ms ease-in-out;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  background: rgba(228, 218, 218, 0.07);
  z-index: 1;
}
#ttcmsbottombanner .bottombanner-content:before {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
}
#ttcmsbottombanner .bottombanner-content:after {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
}
#ttcmsbottombanner .bottombanner-content:hover:before,
#ttcmsbottombanner .bottombanner-content:hover:after {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
#ttcmsbottombanner .bottombanner-content .bottombanner-title {
  font: 700 30px/34px "Josefin Sans", sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  margin: 20px 0;
  float: none;
  width: auto;
  display: inline-block;
  vertical-align: top;
  letter-spacing: 2px;
  padding: 0 10px;
}
#ttcmsbottombanner .bottombanner-content .bottombanner-btn {
  background: #ffffff;
  color: #bcdcd2;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  font: 700 14px/18px "Josefin Sans", sans-serif;
  padding: 12px 40px;
  float: none;
  display: inline-block;
  text-transform: capitalize;
  margin: 0 0 0 10px;
  cursor: pointer;
  z-index: 2;
  position: relative;
  overflow: hidden;
}
#ttcmsbottombanner .bottombanner-content .bottombanner-btn:hover {
  background: #123755;
  color: #ffffff;
}
#ttcmsbottombanner .bottombanner-content .bottombanner-btn:after {
  background: #ffffff;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.1;
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  -webkit-opacity: 0.1;
  position: absolute;
  top: 0;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  width: 0;
}
#ttcmsbottombanner .bottombanner-content .bottombanner-btn:hover:after {
  width: 100%;
}
@media (max-width: 1300px) {
  #ttcmsbottombanner {
    margin: 0 0 50px;
  }
}
@media screen and (max-width: 1200px) {
  #ttcmsbottombanner .bottombanner-content .bottombanner-title {
    font-size: 24px;
  }
}

@media screen and (max-width: 1199px) {
  #ttcmsbottombanner .bottombanner-content .bottombanner-title {
    font-size: 18px;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 991px) {
  #ttcmsbottombanner .bottombanner-content .bottombanner-btn {
    padding: 10px 20px;
  }
  #ttcmsbottombanner .bottombanner-content {
    padding: 20px 0;
  }
}

@media screen and (max-width: 767px) {
  #ttcmsbottombanner .bottombanner-content .bottombanner-btn {
    padding: 8px 16px;
    line-height: 16px;
  }
  #ttcmsbottombanner {
    margin: 0 0 40px;
  }
}
@media screen and (max-width: 480px) {
  #ttcmsbottombanner .bottombanner-content .bottombanner-title {
    font-size: 14px;
    line-height: 24px;
  }
  #ttcmsbottombanner {
    margin: 0 0 30px;
  }
}
/* ---------------- End TT - CMS bottom banner Css ------------- */
/* ---------------- Start TT - CMS parallex Css ------------- */
#ttcmsparallax {
  float: left;
  margin: 0 0 100px;
  width: 100%;
}
#ttcmsparallax .parallex {
  background-position: 50% 0;
  background-repeat: repeat;
  float: left;
  height: 650px;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
#ttcmsparallax .parallex .container {
  max-width: 1170px;
}
#ttcmsparallax .parallex .content-wrap {
  float: left;
  text-align: center;
  width: 100%;
}
#ttcmsparallax .content-wrap .parallex-detail .ttbanner {
  float: left;
  padding: 0 15px;
}
#ttcmsparallax .parallex .content-wrap .parallex-detail {
  float: left;
  width: 100%;
}
#ttcmsparallax .parallex .content-wrap .parallex-content {
  display: inline-block;
  float: none;
  margin: 14% 0;
  text-align: center;
  vertical-align: top;
}
#ttcmsparallax .parallex .content-wrap .description {
  font: italic 400 48px/60px "Playfair Display", sans-serif;
  color: #171717;
  position: relative;
  text-transform: capitalize;
  margin: 0 0 35px;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
}
#ttcmsparallax .parallex .content-wrap:hover .description {
  letter-spacing: 2px;
}
#ttcmsparallax .parallex .title {
  color: #171717;
  font: 900 100px/110px "Josefin Sans", sans-serif;
  padding: 0 0 15px;
  text-transform: capitalize;
}
#ttcmsparallax .parallex .button {
  display: inline-block;
  float: left;
  position: relative;
  text-align: center;
  width: 100%;
}
#ttcmsparallax .parallex .button a {
  background: #222222;
  border: none;
  color: #ffffff;
  display: inline-block;
  font: 400 14px/16px "Josefin Sans", sans-serif;
  padding: 15px 30px;
  position: relative;
  text-transform: capitalize;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
}
#ttcmsparallax .parallex .button a:hover {
  background: #ffffff;
  color: #000000;
}
#ttcmsparallax .parallex .button a::after {
  background: #ffffff;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.1;
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  -webkit-opacity: 0.1;
  position: absolute;
  top: 0;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  width: 0;
}
#ttcmsparallax .parallex .button a:hover::after {
  width: 100%;
}
#ttcmsparallax .parallex-banner {
  float: left;
  padding: 0;
  margin: 0;
}
#ttcmsparallax .parallex-banner .ttbanner > a {
  border: 10px solid #fae6db;
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
}
#ttcmsparallax .parallex-banner .ttbanner a img {
  max-width: 100%;
}
#ttcmsparallax .parallex-banner .ttbanner > a::before,
#ttcmsparallax .parallex-banner .ttbanner > a::after {
  background: rgba(255, 255, 255, 0.1);
  content: "";
  height: 50%;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotateZ(90deg);
  transform-origin: 100% 0 0;
  transition: all 0.3s ease 0s;
  width: 100%;
  z-index: 1;
}
#ttcmsparallax .parallex-banner .ttbanner > a::after {
  bottom: 0;
  top: auto;
  transform-origin: 0 100% 0;
}
#ttcmsparallax .parallex-banner .ttbanner > a:hover::before,
#ttcmsparallax .parallex-banner .ttbanner > a:hover::after {
  transform: rotateZ(0deg);
}
@media (max-width: 1400px) {
  #ttcmsparallax .parallex {
    height: auto;
  }
  #ttcmsparallax .parallex .content-wrap .parallex-content {
    margin: 10% 0;
  }
  #ttcmsparallax .parallex .title {
    font-size: 74px;
    line-height: 94px;
  }
  #ttcmsparallax .parallex .content-wrap .description {
    font-size: 34px;
    line-height: 40px;
  }
}
@media (max-width: 1300px) {
  #ttcmsparallax {
    margin: 0 0 50px;
  }
}
@media (max-width: 1199px) {
  #ttcmsparallax .parallex .content-wrap .description {
    font-size: 28px;
    line-height: 30px;
  }
  #ttcmsparallax .parallex .title {
    font-size: 56px;
    line-height: 70px;
  }
  #ttcmsparallax .parallex .button a {
    padding: 10px 20px;
  }
}
@media (max-width: 767px) {
  #ttcmsparallax {
    margin: 0 0 40px;
  }
  #ttcmsparallax .parallex .content-wrap .parallex-content {
    margin: 55px 0;
  }
  #ttcmsparallax .parallex .content-wrap .description {
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 20px;
    margin: 0 0 25px;
  }
  #ttcmsparallax .parallex .title {
    font-size: 38px;
    line-height: 42px;
  }
}
@media (max-width: 480px) {
  #ttcmsparallax {
    margin: 0 0 30px;
  }
  #ttcmsparallax .parallex .title {
    font-size: 34px;
    line-height: 38px;
  }
  #ttcmsparallax .parallex .content-wrap .parallex-content {
    padding: 0;
    width: 100%;
  }
}
/* ---------------- End TT - CMS parallex Css ------------- */
/*------------------------------------- Footer Bottom Social Links Strat ------------------------------------*/
.follow-us h5 {
  display: none;
  cursor: pointer;
}
.follow-us ul {
  display: inline-block;
  margin: 0;
  vertical-align: top;
}
.follow-us {
  float: left;
  padding: 0 0 20px;
  text-align: center;
  width: 100%;
}
.follow-us ul.list-unstyled li {
  display: inline-block;
  float: left;
  height: 36px;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 36px;
}
.follow-us ul li a {
  padding: 7px 0;
  float: left;
  margin: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  direction: ltr;
}
.follow-us ul li .svg-icon:hover path {
  fill: #ffffff;
}
@media (max-width: 991px) {
  .follow-us {
    padding: 15px 0;
  }
}
/*------------------------------------- Footer Bottom Social Links End -------------------------*/
/* ---------------- Start TT - CMS Footer-Payment-logo Css ------------- */
#ttcmspaymentlogo {
  float: left;
  text-align: right;
  width: 100%;
}
#ttcmspaymentlogo h5 {
  display: none;
}
#ttcmspaymentlogo .payment_logo_block .payment-title {
  color: #000000;
  float: left;
  font: 400 14px/18px "Josefin Sans", Helvetica, sans-serif;
  padding: 20px 0 10px;
  text-align: center;
  vertical-align: middle;
  display: none;
  width: 100%;
}
#ttcmspaymentlogo .payment_logo_block ul {
  display: inline-block;
  float: none;
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align: top;
  width: auto;
}
#ttcmspaymentlogo .payment_logo_block ul li {
  display: inline-block;
  float: none;
  list-style: outside none none;
  padding: 0 5px;
  vertical-align: top;
  width: auto;
}
#ttcmspaymentlogo .payment_logo_block ul li a::before {
  display: none;
}
#ttcmspaymentlogo .payment_logo_block img {
  max-width: 100%;
}
@media (max-width: 991px) {
  #ttcmspaymentlogo .payment_logo_block ul li {
    padding: 0;
  }
  #ttcmspaymentlogo {
    text-align: center;
  }
}
/* -------------------- End TT - CMS Footer-Payment-logo Css ------------------- */
/* ---------------------- Start TT CMS Footer Block --------------------------*/
#ttcmsfooter {
  float: left;
  width: 100%;
}
#ttcmsfooter .ttfooter-logo {
  float: left;
  margin: 0 0 35px;
  width: 100%;
}
#ttcmsfooter .ttfooter-logo img {
  max-width: 100%;
}
#ttcmsfooter .ttfooter-desc {
  color: #cccccc;
  float: left;
  font: 400 14px/24px "Josefin Sans", Helvetica, sans-serif;
  margin: 0 auto;
  text-transform: capitalize;
}
@media (max-width: 991px) {
  #ttcmsfooter {
    text-align: center;
  }
  #ttcmsfooter .ttfooter-desc {
    display: inline-block;
    float: none;
    margin: 0 auto 15px;
    padding: 0;
    text-align: center;
    vertical-align: top;
    width: 90%;
  }
}
@media (max-width: 480px) {
  #ttcmsfooter .ttfooter-logo {
    margin: 0 0 15px;
  }
  #ttcmsfooter .ttfooter-desc {
    width: 100%;
  }
}
/* ---------------------- End TT CMS Footer Block --------------------------*/
/*---------------------------------------- Footer Store Info Block Start -----------------------------*/
footer .contact-us,
footer .contact-us ul {
  float: left;
  width: 100%;
  margin: 0;
}
.contact-us .data {
  color: #cccccc;
  font: 400 14px/28px "Josefin Sans", sans-serif;
  position: relative;
  text-transform: capitalize;
}
footer .contact-us ul li i {
  float: none;
  font-size: 18px;
  height: 25px;
  line-height: 28px;
  margin: 0 10px 0 0;
  text-align: center;
  vertical-align: top;
  width: 15px;
}
.contact-us .contact-address {
  display: inline-block;
  float: none;
  vertical-align: top;
}
/*---------------------------------------- Footer Store Info Block End -----------------------------*/
/*------------------------ CheckBox,Radio Extra CSS Start -----------------------------------------*/

input[type="radio"],
input[type="checkbox"] {
  margin-top: 0px;
  cursor: pointer;
}
.checkbox-wrapper {
  background: url("TemplateTrip/images/input-sprite.png") repeat scroll 0 -257px;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: middle;
}
.checkbox-wrapper:hover {
  background-position: -30px -257px;
}
.checkbox-wrapper.active {
  background-position: -15px -257px;
}
.checkbox-wrapper input {
  background: none;
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  position: relative;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
}
.radio-wrapper {
  background: url("TemplateTrip/images/input-sprite.png") repeat scroll 0 -243px;
  width: 13px;
  height: 13px;
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: middle;
}
.radio-wrapper:hover,
.radio-wrapper.active {
  background-position: -13px -243px;
}
.radio-wrapper input {
  background: none;
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  position: relative;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
}
/*------------------------ CheckBox,Radio Extra CSS End -----------------------------------------*/
.header_sticky_on .full-header.fixed {
  background: #ffffff;
  transition: all 400ms ease 0s;
  -webkit-transition: all 400ms ease 0s;
  -moz-transition: all 400ms ease 0s;
  -ms-transition: all 400ms ease 0s;
  -o-transition: all 400ms ease 0s;
  animation: fixedmenu 1s ease 0s normal both 1 running;
  -webkit-animation: fixedmenu 1s ease 0s normal both 1 running;
  -moz-animation: fixedmenu 1s ease 0s normal both 1 running;
  -o-animation: fixedmenu 1s ease 0s normal both 1 running;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  position: fixed !important;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99;
}
@-webkit-keyframes fixedmenu {
  0% {
    top: -100%;
  }

  100% {
    top: 0;
  }
}

@-moz-keyframes fixedmenu {
  0% {
    top: -100%;
  }

  100% {
    top: 0;
  }
}

@keyframes fixedmenu {
  0% {
    top: -100%;
  }

  100% {
    top: 0;
  }
}

@media (max-width: 1300px) {
  .full-header.fixed {
    padding: 0 15px;
  }
}
#at15s .at-label {
  margin: 0 5px;
}

.electro-description .layout-desc {
  margin: 20px 0;
}
@media (max-width: 991px) {
  .layout-desc tr td.col-sm-4 {
    float: left;
    width: 100%;
  }
  .layout-desc tr td.col-sm-7 {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .layout-desc tr td {
    float: left;
    width: 100%;
  }
  .layout-desc tr td .image > img {
    height: auto;
    max-width: 100%;
    width: 100%;
  }
}

#information-information {
  position: relative;
  top: -80px;
}
#information-information ul.breadcrumb li {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
}
#information-information ul.breadcrumb li a {
  color: #fff;
}
button.btn-quickview {
  display: none !important;
}

.mp-adminchat {
  background-color: #151515 !important;
}
.tt-menu .ul-top-items .ul-second-items .li-top-item {
  padding: 0;
}
.ul-second-items li {
  width: 100% !important;
  display: block;
  position: relative;
}

.ul-second-items li span {
  display: inline;
  width: auto !important;
}
