.jsDrawerOpen {
  overflow: hidden;
  height: 100%; }

.drawer {
  -webkit-transform: translateZ(0);
  will-change: transform;
  display: none;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  top: 0;
  bottom: 0;
  padding: 0 15px 15px;
  max-width: 95%;
  z-index: 10;
  color: #333333;
  background-color: #F6F6F6;
  -webkit-transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1); }
  .drawer a {
    color: #333333; }
    .drawer a:hover, .drawer a:focus {
      opacity: 0.7; }
  .drawer input, .drawer textarea {
    border-color: #e5e5e5; }

.drawerLeft {
  width: 300px;
  left: -300px;
  border-right: 1px solid #e5e5e5; }
  .jsDrawerOpenLeft .drawerLeft {
    display: block;
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -ms-transform: translateX(300px);
    -o-transform: translateX(300px); }
    .lt-ie9 .jsDrawerOpenLeft .drawerLeft {
      left: 0; }

.drawerRight {
  width: 300px;
  right: -300px;
  border-left: 1px solid #e5e5e5; }
  .jsDrawerOpenRight .drawerRight {
    display: block;
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    -o-transform: translateX(-300px); }
    .lt-ie9 .jsDrawerOpenRight .drawerRight {
      right: 0; }

.isMoved {
  -webkit-transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1); }
  .jsDrawerOpenLeft .isMoved {
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -ms-transform: translateX(300px);
    -o-transform: translateX(300px); }
  .jsDrawerOpenRight .isMoved {
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    -o-transform: translateX(-300px); }

.is-transitioning {
  display: block !important;
  visibility: visible !important; }

a:focus {
  outline: none; }

.row.noGutter {
  margin-left: 0px;
  margin-right: 0px; }

.noGutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0; }

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

.videoContainer {
  position: relative;
  padding-bottom: 56.25%; }
  .videoContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important; }

.proOwlCarousel {
  margin-left: -15px;
  margin-right: -15px; }
  .proOwlCarousel .owl-item {
    padding: 0px 15px; }

.btnVelaOne {
  background-color: #333333;
  border-color: #333333;
  color: #ffffff;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease; }
  .btnVelaOne:hover {
    background-color: #fd684f;
    border-color: #fd684f;
    color: #ffffff; }

.btnVelaTwo {
  background-color: #fd684f;
  color: #ffffff;
  border-color: #333333;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease; }
  .btnVelaTwo:hover {
    background-color: #333333;
    border-color: #fd684f;
    color: #ffffff; }

.btnProduct {
  background-color: #333333;
  color: #ffffff;
  border-color: #333333;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease; }
  .btnProduct:hover {
    background-color: #fd684f;
    border-color: #fd684f;
    color: #ffffff; }

.btnVelaCancel {
  background-color: #f9f9f9;
  color: #888888;
  border: 1px solid #e5e5e5;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease; }
  .btnVelaCancel:hover {
    background-color: #ececec; }

.effectBanner {
  position: relative;
  overflow: hidden; }
  .effectBanner:before, .effectBanner:after {
    content: "";
    position: absolute;
    display: block;
    z-index: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .effectBanner:before {
    height: 1px;
    top: 10px;
    left: 50%;
    right: 50%;
    background-color: white; }
  .effectBanner:after {
    width: 1px;
    left: 10px;
    top: 50%;
    bottom: 50%;
    background-color: white; }
  .effectBanner a {
    position: relative;
    display: block; }
    .effectBanner a:before, .effectBanner a:after {
      content: "";
      position: absolute;
      display: block;
      z-index: 1;
      -webkit-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
    .effectBanner a:before {
      height: 1px;
      bottom: 10px;
      left: 50%;
      right: 50%;
      background-color: white; }
    .effectBanner a:after {
      width: 1px;
      right: 10px;
      top: 50%;
      bottom: 50%;
      background-color: white; }
  .effectBanner:hover:before {
    left: 10px;
    right: 10px; }
  .effectBanner:hover:after {
    top: 10px;
    bottom: 10px; }
  .effectBanner:hover a:before {
    left: 10px;
    right: 10px; }
  .effectBanner:hover a:after {
    top: 10px;
    bottom: 10px; }

.owl-buttons > div {
  position: absolute;
  top: 50%;
  cursor: pointer;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  font-size: 0px;
  background-color: #fd684f;
  color: white;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease; }
  .owl-buttons > div:before {
    content: "";
    font-family: "FontAwesome";
    font-size: 26px;
    display: inline-block;
    vertical-align: middle; }
  .owl-buttons > div:hover {
    opacity: 1;
    filter: alpha(opacity=100); }
.owl-buttons .owl-prev {
  left: 0px;
  padding: 0px 13px; }
  .owl-buttons .owl-prev:before {
    content: "\f104"; }
.owl-buttons .owl-next {
  right: 0px;
  padding: 0px 17px; }
  .owl-buttons .owl-next:before {
    content: "\f105"; }

.owl-carousel:hover .owl-buttons > div {
  visibility: visible;
  opacity: 0.6;
  filter: alpha(opacity=60); }

#loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -27px;
  margin-left: -27px;
  z-index: 100; }
  #loading:before {
    content: "";
    display: block;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-image: url(//cdn.shopify.com/s/files/1/0079/7072/t/5/assets/loading.gif?v=542877213975071984);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: white;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

#loadingSite {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 999999999;
  background: #fff; }

#loadingSite img {
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -32px;
  margin-top: -32px; }

.loader {
  font-size: 10px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -5em 0 0 -5em;
  text-indent: -9999em;
  border: 4px solid #ccc;
  border-left-color: #000;
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear; }

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em; }

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.proLoading {
  position: relative;
  min-height: 450px;
  background-color: #e5e5e5; }
  .proLoading:before {
    content: "";
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    margin: -27px auto 0px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-image: url(//cdn.shopify.com/s/files/1/0079/7072/t/5/assets/loading.gif?v=542877213975071984);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: white;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

#velaHeaderMain {
  background-color: #fd684f;
  border-bottom: 1px solid #e5e5e5; }
  #velaHeaderMain.velaHeaderFixed .headerContent {
    padding-top: 10px;
    padding-bottom: 10px; }

.velaLogo {
  margin: 0px;
  padding: 2px 0px; }
  .velaLogo .velaLogoLink {
    max-width: 450px; }

.headerContent {
  position: relative;
  padding: 28px 40px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .headerContent:before, .headerContent:after {
    content: " ";
    display: table; }
  .headerContent:after {
    clear: both; }

#pageContent {
  position: relative;
  overflow: hidden; }

.footerCenter {
  position: relative;
  padding: 60px 0px;
  background-color: #212121; }

.footerCopyRight {
  position: relative;
  padding: 30px 0px;
  background-color: #212121;
  border-top: 1px solid #303030; }

.velaHomeTitle {
  position: relative;
  margin: 0px;
  padding: 26px 0px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  text-align: center; }
  .velaHomeTitle span {
    font-family: Poppins;
    font-size: 100px;
    font-weight: 500;
    color: #333333;
    opacity: 0.1;
    filter: alpha(opacity=10);
    position: absolute;
    top: 53px;
    left: 0px;
    right: 0px;
    line-height: 74px; }

.velaFooterTitle {
  font-family: Poppins;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  margin: 0px;
  padding: 15px 0px;
  text-transform: uppercase; }

.titleSidebar {
  font-family: Poppins;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  margin: 0px 0px 15px;
  padding: 0px;
  position: relative;
  text-transform: uppercase; }

.velaArticleTitle {
  font-family: Poppins;
  font-size: 26px;
  font-weight: normal;
  margin: 0px;
  padding: 12px 0px; }

.velaPageTitle {
  font-family: Poppins;
  font-size: 22px;
  font-weight: bold;
  margin: 0px;
  padding: 15px 0px; }

.velaSidebar > div {
  margin-top: 30px; }
  .velaSidebar > div:first-child {
    margin-top: 0px; }
  .velaSidebar > div:last-child {
    margin-bottom: 30px; }

.velaTopLinks {
  position: relative;
  float: right; }
  .velaTopLinks ul {
    left: auto;
    right: 0px;
    display: block;
    margin: 0px;
    padding: 10px 0px;
    border: 1px solid #e5e5e5;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0); }
    .velaTopLinks ul li a {
      display: block;
      padding: 8px 15px;
      color: #333333;
      line-height: 20px; }
      .velaTopLinks ul li a:hover {
        background-color: #fd684f;
        color: white; }
  .velaTopLinks:hover ul, .velaTopLinks.open ul {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100); }

.topLinksTitle {
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 48px;
  color: #333333;
  cursor: pointer; }
  .topLinksTitle span {
    display: none; }
  .topLinksTitle i {
    font-size: 24px;
    display: inline-block;
    vertical-align: middle; }
  .topLinksTitle:hover {
    color: #fd684f; }

.velaCartTop {
  float: right; }
  .velaCartTop a {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    font-size: 0px;
    color: #333333;
    text-align: center;
    line-height: 48px; }
    .velaCartTop a i {
      font-size: 24px;
      display: inline-block;
      vertical-align: middle; }
    .velaCartTop a:hover, .velaCartTop a:focus {
      color: #fd684f;
      text-decoration: none; }

#CartCount {
  font-size: 12px;
  color: white;
  background-color: #fd684f;
  width: 22px;
  height: 22px;
  display: block;
  position: absolute;
  top: 2px;
  right: 2px;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  line-height: 22px; }

#velaSearchIcon {
  display: block;
  width: 50px;
  height: 50px;
  font-size: 24px;
  color: #333333;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease; }
  #velaSearchIcon:hover {
    color: #fd684f; }

#velaSearchTop {
  position: relative;
  float: right;
  margin: 0px; }

.formSearch {
  position: absolute;
  top: 100%;
  right: 0px;
  z-index: 1000;
  min-width: 280px;
  padding-right: 50px;
  border: 1px solid #e5e5e5;
  visibility: hidden;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease; }
  .formSearch.show {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100); }

.velaSearch {
  border: 0px;
  height: 40px; }

.btnVelaSearch {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50px;
  height: 41px;
  font-size: 24px;
  background-color: #fd684f;
  color: white;
  line-height: 45px;
  padding: 0px; }
  .btnVelaSearch .btnSearchText {
    display: none; }

#searchPagination {
  text-align: center; }
  #searchPagination ul.pagination {
    display: inline-block;
    vertical-align: middle; }

.velaFooterLinks {
  margin: 0px;
  padding: 10px 0px; }
  .velaFooterLinks li a {
    padding: 8px 0px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #888888; }
    .velaFooterLinks li a:hover, .velaFooterLinks li a:focus {
      color: #fd684f;
      text-decoration: none; }

.velaProducts {
  margin-top: 30px; }
  .velaProducts .velaContent {
    position: relative;
    overflow: hidden; }
  .velaProducts .owl-buttons .owl-next {
    right: 15px; }
  .velaProducts .owl-buttons .owl-prev {
    left: 15px; }

.productTabTitle {
  position: relative;
  text-align: center;
  padding-top: 53px; }
  .productTabTitle h3 {
    position: relative;
    margin: 0px;
    padding: 26px 0px;
    font-family: Poppins;
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    text-transform: uppercase; }
  .productTabTitle span {
    font-family: Poppins;
    font-size: 100px;
    font-weight: 500;
    color: #333333;
    opacity: 0.1;
    filter: alpha(opacity=10);
    position: absolute;
    top: 55px;
    left: 0px;
    right: 0px;
    line-height: 74px; }

.proTabNav {
  margin: 0px 0px 10px;
  padding: 16px 0px;
  text-align: center; }
  .proTabNav > li {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 22px; }
    .proTabNav > li > a {
      font-family: Poppins;
      font-size: 16px;
      font-weight: 300;
      color: #888888;
      line-height: 26px;
      padding: 0px;
      border-bottom: 1px dashed #e5e5e5; }
      .proTabNav > li > a:hover, .proTabNav > li > a:focus {
        color: #fd684f;
        border-color: transparent; }
    .proTabNav > li.active > a {
      color: #fd684f;
      border-color: transparent; }

.socialSharing {
  margin: 0px;
  padding: 0px; }
  .socialSharing > li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px; }
    .socialSharing > li .btnSharing {
      display: block;
      font-size: 0px;
      color: white; }
      .socialSharing > li .btnSharing:hover {
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
      .socialSharing > li .btnSharing .fa {
        font-size: 12px;
        width: 26px;
        height: 26px;
        line-height: 26px;
        text-align: center; }
      .socialSharing > li .btnSharing.btnTwitter .fa {
        background-color: #00acee; }
      .socialSharing > li .btnSharing.btnFacebook .fa {
        background-color: #3a5898; }
      .socialSharing > li .btnSharing.btnGooglePlus .fa {
        background-color: #de6463; }
      .socialSharing > li .btnSharing.btnLinkedin .fa {
        background-color: #0177b5; }
      .socialSharing > li .btnSharing.btnPinterest .fa {
        background-color: #c72527; }

.velaCategoriesSidebar .itemCategory {
  border-bottom: 1px solid #e5e5e5; }
  .velaCategoriesSidebar .itemCategory:last-child {
    border-bottom: 0px; }
.velaCategoriesSidebar .panel-body {
  padding: 0px 15px; }
.velaCategoriesSidebar .cateTitle {
  margin: 0px;
  padding: 0px; }
  .velaCategoriesSidebar .cateTitle > a {
    position: relative;
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #333333;
    padding: 15px 0px;
    text-decoration: none;
    line-height: 20px; }
    .velaCategoriesSidebar .cateTitle > a span {
      color: #888888;
      padding: 0px 5px;
      display: inline-block;
      vertical-align: middle; }
    .velaCategoriesSidebar .cateTitle > a:before {
      content: "";
      font-family: "FontAwesome";
      position: absolute;
      top: 10px;
      right: 10px; }
    .velaCategoriesSidebar .cateTitle > a.hasSubCategory.collapsed:before {
      content: "\f107"; }
    .velaCategoriesSidebar .cateTitle > a.hasSubCategory:before {
      content: "\f106"; }
    .velaCategoriesSidebar .cateTitle > a:hover {
      color: #fd684f; }
.velaCategoriesSidebar .listSidebar {
  margin: 0px;
  padding: 0px; }
  .velaCategoriesSidebar .listSidebar li {
    border-top: 1px dashed #e5e5e5; }
    .velaCategoriesSidebar .listSidebar li a {
      display: block;
      font-size: 14px;
      font-weight: normal;
      color: #888888;
      padding: 10px 0px;
      text-decoration: none; }
      .velaCategoriesSidebar .listSidebar li a:hover {
        color: #fd684f; }

.listSidebar {
  margin: 0px;
  padding: 12px 0px; }
  .listSidebar li a {
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #888888;
    padding: 5px 0px;
    text-decoration: none; }
    .listSidebar li a:hover {
      color: #fd684f; }

.ajaxFilter {
  margin: 0px 0px 15px;
  padding: 10px 0px 0px;
  border-top: 1px solid #e5e5e5; }
  .ajaxFilter .ajaxFilterTitle {
    position: relative;
    font-family: Poppins;
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
    padding: 10px 0px 10px 12px;
    text-transform: uppercase; }
    .ajaxFilter .ajaxFilterTitle:before {
      content: "\f105";
      font-family: "FontAwesome";
      position: absolute;
      top: 9px;
      left: 0px; }

.listFilter {
  margin: 0px;
  padding: 0px; }
  .listFilter > li a {
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 0px 5px 18px;
    color: #888888;
    text-decoration: none; }
    .listFilter > li a:before {
      content: "\f096";
      font-family: "FontAwesome";
      font-size: 13px;
      position: absolute;
      top: 6px;
      left: 2px; }
    .listFilter > li a:hover {
      color: #fd684f; }
      .listFilter > li a:hover:before {
        content: "\f14a"; }
  .listFilter > li.active a {
    color: #fd684f; }
    .listFilter > li.active a:before {
      content: "\f14a"; }
  .listFilter.listFilterColor {
    padding: 8px 0px; }
    .listFilter.listFilterColor > li {
      display: inline-block;
      vertical-align: middle;
      margin-right: 6px;
      margin-bottom: 8px; }
      .listFilter.listFilterColor > li a {
        width: 30px;
        height: 30px;
        padding: 0px;
        border: 2px solid transparent;
        border-radius: 50%;
        overflow: hidden; }
        .listFilter.listFilterColor > li a:before {
          display: none; }
        .listFilter.listFilterColor > li a:hover {
          border-color: #fd684f;
          -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22); }
      .listFilter.listFilterColor > li.active a {
        border-color: #fd684f;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22); }

.velaFilter .velaClearAll {
  font-size: 13px;
  font-weight: 300;
  font-style: italic;
  color: #888888;
  position: absolute;
  top: 15px;
  right: 0px;
  z-index: 1; }
.velaFilter .velaClear {
  font-size: 12px;
  font-weight: 300;
  font-style: italic;
  color: #888888;
  position: absolute;
  top: 10px;
  right: 0px;
  z-index: 1; }

.listSidebarBlog {
  margin: 0px;
  padding: 0px; }
  .listSidebarBlog li {
    border-bottom: 1px dashed #e5e5e5; }
    .listSidebarBlog li a {
      display: block;
      font-size: 14px;
      font-weight: normal;
      color: #333333;
      padding: 10px 0px;
      text-decoration: none; }
      .listSidebarBlog li a:hover {
        color: #fd684f; }
      .listSidebarBlog li a time {
        display: block;
        font-size: 12px;
        font-weight: 300;
        font-style: italic; }

.blogTagsList {
  margin: 0px;
  padding: 15px 0px; }
  .blogTagsList li {
    margin: 0px 10px 10px 0px;
    padding: 0px;
    display: inline-block;
    vertical-align: middle; }
    .blogTagsList li a {
      background-color: #ebebeb;
      color: #888888;
      display: block;
      padding: 4px 8px; }
      .blogTagsList li a:hover, .blogTagsList li a:focus {
        background-color: #fd684f;
        color: white;
        text-decoration: none; }

.sidebarProductList .velaProBlock {
  margin: 20px 0px; }
  .sidebarProductList .velaProBlock .proReviews {
    display: block;
    padding: 0px 0px 6px;
    height: auto; }
  .sidebarProductList .velaProBlock .proContent {
    padding: 5px 0px 5px 15px;
    text-align: left; }
  .sidebarProductList .velaProBlock .proName a {
    text-transform: none; }

.timeWork {
  margin: 0px;
  padding: 0px;
  list-style: none; }
  .timeWork:before, .timeWork:after {
    content: " ";
    display: table; }
  .timeWork:after {
    clear: both; }
  .timeWork li {
    position: relative;
    float: left;
    width: 100%;
    padding: 5px 0px; }
    .timeWork li:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 0px;
      right: 0px;
      border-top: 1px dotted #e5e5e5; }
    .timeWork li span {
      position: relative;
      background-color: white; }

.pageContact {
  padding: 20px;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0 1px 6px rgba(108, 125, 142, 0.15);
  box-shadow: 0 1px 6px rgba(108, 125, 142, 0.15); }

.velaContactBox {
  margin-bottom: 30px; }

.velaGoogleMap {
  margin-bottom: 60px;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0 1px 6px rgba(108, 125, 142, 0.15);
  box-shadow: 0 1px 6px rgba(108, 125, 142, 0.15);
  position: relative;
  padding-bottom: 45%; }
  .velaGoogleMap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important; }

.rowAjaxCart {
  margin-left: -10px;
  margin-right: -10px; }

.rowAjaxCart > [class*='col-'] {
  padding-right: 10px;
  padding-left: 10px; }

.velaCartTitle {
  position: relative;
  font-family: Poppins;
  font-size: 24px;
  margin: 0px;
  padding: 15px 0px;
  border-bottom: 1px solid #e5e5e5; }
  .velaCartTitle .close {
    position: absolute;
    top: 22px;
    right: 10px; }

.ajaxCartModal .modal-content {
  border-radius: 0px;
  padding: 20px 30px; }

#cartContainer {
  padding: 10px 0px 10px; }

.ajaxcartQty {
  position: relative; }
  .ajaxcartQty:before, .ajaxcartQty:after {
    content: " ";
    display: table; }
  .ajaxcartQty:after {
    clear: both; }
  .ajaxcartQty .qtyAdjust {
    float: left;
    font-size: 20px;
    width: 36px;
    height: 36px;
    border: 1px solid #e5e5e5;
    background-color: white;
    color: #888888; }
    .ajaxcartQty .qtyAdjust.qtyMinus {
      border-right: 0px; }
    .ajaxcartQty .qtyAdjust.qtyPlus {
      border-left: 0px; }
  .ajaxcartQty .qtyNum {
    float: left;
    height: 36px;
    width: 60px;
    border: 1px solid #e5e5e5;
    background-color: white;
    color: #333333;
    padding: 6px 12px;
    text-align: center; }

.cartSubtotal {
  font-size: 24px;
  font-weight: bold;
  margin: 0px 0px 0px 10px;
  padding: 5px 0px; }

.ajaxcartProduct {
  padding: 10px 0px;
  border-bottom: 1px solid #e5e5e5; }
  .ajaxcartProduct .ajaxcartQty {
    display: inline-block;
    vertical-align: middle; }
  .ajaxcartProduct .ajaxcartProductName {
    font-family: Poppins;
    font-size: 15px;
    display: block;
    margin: 0px 0px 10px;
    color: #333333; }
    .ajaxcartProduct .ajaxcartProductName:hover, .ajaxcartProduct .ajaxcartProductName:focus {
      color: #fd684f;
      text-decoration: none; }
  .ajaxcartProduct .ajaxcartProductMeta {
    font-style: italic; }
  .ajaxcartProduct .ajaxcartProductImage {
    display: block; }
  @media (min-width: 992px) {
    .ajaxcartProduct .textRight {
      text-align: right; } }

.additional_checkout_buttons {
  padding: 10px 0px; }

.ajaxNote label {
  display: block;
  font-weight: normal; }

.ajaxcartHeader {
  margin: 0px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  background-color: #fbfbfb; }
  .ajaxcartHeader span {
    display: block;
    padding: 10px 0px;
    font-weight: 500; }

.ajaxCartFooter {
  margin-top: 30px; }

@media (max-width: 768px) {
  .ajaxcartProduct .ajaxcartProductImage {
    margin-bottom: 15px; }
  .ajaxcartProduct .ajaxProductInfo {
    margin-bottom: 15px; }
  .ajaxcartProduct .priceProduct {
    margin: 15px 0px; }

  .ajaxCartFooter .ajaxSubTotal {
    margin-top: 15px; } }
.drawerRight .ajaxcartHeader {
  display: none; }
.drawerRight .drawerImage {
  width: 30% !important; }
.drawerRight .drawerProRight {
  float: right !important;
  width: 70% !important;
  margin-bottom: 8px; }
  .drawerRight .drawerProRight:last-child {
    margin-bottom: 0px; }
  .drawerRight .drawerProRight .textRight {
    text-align: left; }
.drawerRight .drawerAjaxFooter {
  width: 100% !important;
  margin-bottom: 10px; }
.drawerRight .ajaxButton .btn {
  width: 100%; }

.logoCarousel {
  margin-top: 30px;
  border-top: 1px solid #e5e5e5; }
  .logoCarousel .velaContent {
    padding: 50px 0px;
    background-color: white; }
  .logoCarousel .logoImage a {
    display: block;
    border: 1px solid transparent;
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease; }
    .logoCarousel .logoImage a:hover {
      border-color: #fd684f; }
  .logoCarousel .logoImage img {
    margin: 0px auto; }

.velaAboutUs {
  position: relative;
  margin-top: 30px;
  padding-top: 50px; }
  .velaAboutUs .velaContent {
    position: relative;
    padding-bottom: 80px; }
    .velaAboutUs .velaContent:before {
      content: "";
      background-color: #fae8dd;
      position: absolute;
      top: 0px;
      bottom: 0px;
      height: 100%;
      left: -100%;
      width: 300%; }
  .velaAboutUs .aboutusLeft {
    position: relative;
    padding-left: 100px; }
  .velaAboutUs .aboutusEmail {
    position: absolute;
    bottom: 75px;
    left: -25px;
    z-index: 1;
    font-family: Poppins;
    font-size: 14px;
    font-weight: normal;
    color: #fd684f;
    text-transform: uppercase;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  .velaAboutUs .aboutusImage {
    position: relative;
    margin-top: -50px;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden; }
    .velaAboutUs .aboutusImage:before, .velaAboutUs .aboutusImage:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.15);
      -webkit-transition: all 0.35s ease;
      -o-transition: all 0.35s ease;
      transition: all 0.35s ease; }
    .velaAboutUs .aboutusImage:before {
      top: -100%;
      left: -100%; }
    .velaAboutUs .aboutusImage:after {
      bottom: -100%;
      right: -100%; }
    .velaAboutUs .aboutusImage:hover:before {
      top: 0px;
      left: 0px; }
    .velaAboutUs .aboutusImage:hover:after {
      bottom: 0px;
      right: 0px; }
  .velaAboutUs .aboutusTitle {
    font-family: Poppins;
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    margin: 55px 0px 0px;
    padding: 25px 0px; }
  .velaAboutUs .aboutusHtml {
    font-family: Poppins;
    font-size: 14px;
    color: #888888;
    line-height: 26px;
    padding: 10px 0px; }
  .velaAboutUs .aboutusName {
    font-style: italic;
    font-size: 30px;
    color: #333333;
    padding: 10px 0px; }

.velaNewsletter {
  max-width: 770px;
  margin: 0px auto;
  padding: 50px 0px; }
  .velaNewsletter:before, .velaNewsletter:after {
    content: " ";
    display: table; }
  .velaNewsletter:after {
    clear: both; }
  .velaNewsletter .velaTitle {
    float: left;
    width: 26%;
    margin: 0px;
    padding: 0px;
    line-height: 50px;
    font-family: Poppins;
    font-size: 20px;
    font-weight: bold;
    color: #595959;
    text-transform: uppercase; }
  .velaNewsletter .velaContent {
    float: left;
    width: 74%; }
  .velaNewsletter .form-group {
    position: relative;
    margin: 0px; }
    .velaNewsletter .form-group .form-control {
      height: 50px;
      padding: 8px 80px 8px 20px;
      color: #888888;
      border-color: #e5e5e5; }
    .velaNewsletter .form-group .btnNewsletter {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 60px;
      height: 50px;
      background-color: transparent;
      border-color: transparent;
      color: #888888; }
      .velaNewsletter .form-group .btnNewsletter span {
        display: none; }
      .velaNewsletter .form-group .btnNewsletter i {
        font-size: 24px;
        display: inline-block;
        vertical-align: middle; }
      .velaNewsletter .form-group .btnNewsletter:hover {
        background-color: transparent;
        border-color: transparent;
        color: #fd684f; }

.velaFooter .htmlContent {
  padding: 16px 0px;
  color: #888888;
  line-height: 26px;
  max-width: 360px; }

.velaSocial {
  margin-top: 20px; }

.velalistSocial {
  margin: 0px;
  padding: 6px 0px; }
  .velalistSocial > li {
    display: inline-block;
    vertical-align: middle; }
    .velalistSocial > li .btn-social {
      display: block;
      width: 26px;
      font-size: 18px;
      color: #888888; }
      .velalistSocial > li .btn-social span {
        display: none; }
    .velalistSocial > li.facebook .btn-social:hover {
      color: #3a5898; }
    .velalistSocial > li.twitter .btn-social:hover {
      color: #00acee; }
    .velalistSocial > li.instagram .btn-social:hover {
      color: #3F729B; }
    .velalistSocial > li.pinterest .btn-social:hover {
      color: #c72527; }
    .velalistSocial > li.rss .btn-social:hover {
      color: #0EBA9E; }
    .velalistSocial > li.youtube .btn-social:hover {
      color: #ce3527; }
    .velalistSocial > li.google-plus .btn-social:hover {
      color: #de6463; }

.velaCopyRight {
  font-weight: 300;
  color: #888888; }

.paymentLogo {
  text-align: right; }
  .paymentLogo img {
    display: inline-block;
    vertical-align: middle; }

#velaInstagram {
  position: relative;
  padding: 15px 0px; }
  #velaInstagram:before, #velaInstagram:after {
    content: " ";
    display: table; }
  #velaInstagram:after {
    clear: both; }
  #velaInstagram > a {
    float: left;
    width: 60px;
    margin: 0px 10px 10px 0px;
    display: block; }
    #velaInstagram > a img {
      display: block;
      max-width: 100%;
      height: auto; }
    #velaInstagram > a:nth-child(4), #velaInstagram > a:nth-child(8) {
      margin-right: 0px; }

.velaFaqPage {
  position: relative;
  margin: 0px auto;
  padding: 50px 0px 80px; }

.boxFaq {
  margin-bottom: 30px; }
  .boxFaq h3 {
    margin: 0px;
    padding: 15px 0px;
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    text-transform: uppercase; }

.faqItem {
  position: relative;
  margin-bottom: 20px;
  background-color: #F3F3F3;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .faqItem:hover {
    -webkit-box-shadow: 0 1px 10px rgba(108, 125, 142, 0.3);
    box-shadow: 0 1px 10px rgba(108, 125, 142, 0.3); }
  .faqItem .faqHeader {
    display: block;
    margin: 0px;
    padding: 20px 30px;
    font-size: 18px;
    font-weight: 300;
    color: #fd684f; }
    .faqItem .faqHeader:hover, .faqItem .faqHeader:focus {
      text-decoration: none; }
    .faqItem .faqHeader:after {
      content: "\f106";
      position: absolute;
      top: 15px;
      right: 30px;
      font-family: "FontAwesome";
      font-size: 24px; }
    .faqItem .faqHeader.collapsed:after {
      content: "\f107"; }
  .faqItem .faqContent {
    padding: 15px 30px;
    color: #888888;
    line-height: 26px; }

.velaPageContent {
  padding: 50px 0px 100px; }

.aboutContainer {
  padding: 20px 0px;
  color: #888888;
  line-height: 24px; }

.headerFixed {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  z-index: 1000;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.newsletterModal {
  width: 630px;
  height: 350px;
  padding: 0px; }

.velaNewsletterModal {
  max-width: 430px;
  padding: 40px 55px;
  text-align: center; }
  .velaNewsletterModal .velaTitle {
    margin: 20px 0 0;
    padding: 10px 0px;
    text-transform: uppercase;
    color: #fd684f;
    font-weight: bold; }
  .velaNewsletterModal .newsletterDescription {
    color: #888888;
    padding: 5px 0 25px; }
  .velaNewsletterModal .form-group .btnNewsletter {
    margin-top: 15px;
    background-color: #fd684f;
    color: white;
    font-weight: 500;
    text-transform: uppercase;
    height: 36px;
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease; }
    .velaNewsletterModal .form-group .btnNewsletter:hover {
      -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.page404 {
  position: relative;
  margin: 0px;
  text-align: center;
  padding: 80px 0px;
  background-color: #F7F7F7; }
  .page404 .boxImage img {
    margin: 0px auto; }
  .page404 .boxText {
    padding: 40px 0px 30px; }
  .page404 .page404Title {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    letter-spacing: 2px;
    margin: 0px;
    padding: 20px 0px;
    text-transform: uppercase; }
  .page404 .page404Des {
    font-size: 14px;
    color: #888888;
    line-height: 24px; }
  .page404 .btn404 {
    height: 54px;
    line-height: 54px;
    padding: 0px 25px;
    font-size: 14px;
    color: white;
    background-color: #fd684f;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease; }
    .page404 .btn404:hover, .page404 .btn404:focus {
      background-color: #fc3d1d;
      -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

#goToTop {
  bottom: 20px;
  display: none;
  position: fixed;
  right: 20px;
  z-index: 90;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fd684f;
  cursor: pointer; }

#goToTop span {
  margin: 2px;
  width: 36px;
  height: 36px;
  line-height: 34px;
  border: 1px solid #fff;
  display: block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  color: white;
  position: relative;
  overflow: hidden; }

@media (max-width: 1200px) {
  .velaCaption {
    padding: 0px 30px; }

  #velaInstagram > a:nth-child(4), #velaInstagram > a:nth-child(8) {
    margin-right: 10px; } }
@media (max-width: 992px) {
  .velaCaption h3 {
    font-size: 30px; }
  .velaCaption p {
    font-size: 50px; }

  .velaAboutUs .aboutusTitle {
    margin-top: 30px; }

  .proList.grid:before, .proList.grid:after {
    content: " ";
    display: table; }
  .proList.grid:after {
    clear: both; }
  .proList.grid > .row:after {
    display: none; } }
@media (max-width: 768px) {
  .velaSidebar .titleSidebar {
    position: relative;
    cursor: pointer; }
    .velaSidebar .titleSidebar:after {
      content: "\f107";
      font-family: "FontAwesome";
      font-size: 14px;
      position: absolute;
      top: 0px;
      right: 10px; }
    .velaSidebar .titleSidebar.active:after {
      content: "\f106"; }
  .velaSidebar .velaContent {
    display: none; }

  .velaFooter .velaFooterTitle {
    position: relative;
    cursor: pointer; }
    .velaFooter .velaFooterTitle:after {
      content: "\f107";
      font-family: "FontAwesome";
      font-size: 14px;
      position: absolute;
      top: 15px;
      right: 10px; }
    .velaFooter .velaFooterTitle.active:after {
      content: "\f106"; }
  .velaFooter .velaContent {
    display: none; }

  .menuBtnMobile {
    text-align: left; }

  .velaNewsletter .velaTitle {
    width: 100%; }
  .velaNewsletter .velaContent {
    width: 100%; }

  .velaAboutUs .aboutusLeft {
    padding-left: 80px; }
  .velaAboutUs .aboutusEmail {
    left: -40px; }

  .velaLogo {
    text-align: center; }
    .velaLogo .velaLogoLink {
      max-width: 100%;
      display: inline-block;
      vertical-align: middle; }

  .proBoxInfo {
    margin-top: 30px;
    padding-left: 15px; }

  .nivo-caption {
    top: 20%; }

  .velaCaption h3 {
    font-size: 20px; }
  .velaCaption p {
    font-size: 30px; } }
@media (max-width: 480px) {
  .col-sp-12 {
    width: 100% !important; } }
@media (max-width: 360px) {
  .threeBanner > .row > div {
    width: 100%;
    margin-bottom: 20px; }
    .threeBanner > .row > div:last-child {
      margin-bottom: 0px; }

  .nivo-caption {
    top: 10%; } }